.elementor-6229 .elementor-element.elementor-element-f82bc39{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;box-shadow:0px 8px 25px 0px rgba(0,0,0,0.5);}.elementor-6229 .elementor-element.elementor-element-f82bc39:not(.elementor-motion-effects-element-type-background), .elementor-6229 .elementor-element.elementor-element-f82bc39 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #76C195 16%, #76872F 86%);}.elementor-6229 .elementor-element.elementor-element-fc96955 > .elementor-widget-container{border-radius:0 10 040 0.12;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-6229 .elementor-element.elementor-element-fc96955 .etheme-contact-form-7 .wpcf7-not-valid-tip{display:block !important;}.elementor-6229 .elementor-element.elementor-element-fc96955 .etheme-contact-form-7 .wpcf7-validation-errors{display:block !important;}.elementor-6229 .elementor-element.elementor-element-fc96955 .etheme-contact-form-7 .etheme-contact-form-7-title{color:#17C06E;}.elementor-6229 .elementor-element.elementor-element-fc96955 .etheme-contact-form-7 .etheme-contact-form-7-description{color:#2EBE80;}.elementor-6229 .elementor-element.elementor-element-fc96955 .etheme-contact-form-7 .wpcf7-form .wpcf7-form-control-wrap, .elementor-6229 .elementor-element.elementor-element-fc96955 .etheme-contact-form-7 .wpcf7-form .form-group:not(:last-child){margin-bottom:20px;}.elementor-6229 .elementor-element.elementor-element-fc96955 .etheme-contact-form-7 .wpcf7-form p{text-align:left;}.elementor-6229 .elementor-element.elementor-element-fc96955 .etheme-contact-form-7 .wpcf7-form > p:nth-last-of-type(1){text-align:left;}.elementor-6229 .elementor-element.elementor-element-fc96955 .etheme-contact-form-7 .wpcf7-form input[type="submit"]{display:inline-block;width:148px;}/* Start custom CSS for html, class: .elementor-element-fc71760 *//* == Tüm yapıyı ortala == */
.steps-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
    margin-bottom: 25px;
}

/* == Her step bölümü (daire + çizgi + yazı) == */
.step-item {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* == Daireler == */
.step-circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #d9d9d9;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 17px;
    transition: 0.2s;
}

.step-active {
    background: #2ecc71 !important;
    box-shadow: 0 0 10px rgba(46,204,113,0.5);
}

/* Hover efekti */
.step-circle:hover {
    transform: scale(1.12);
}

/* == Çizgiler == */
.step-line {
    width: 130px;
    height: 4px;
    background: #d9d9d9;
    border-radius: 5px;
    margin-top: 18px; /* daire ile çizgi ortalı dursun */
}

/* == Yazılar == */
.step-text {
    font-size: 16px; 
    font-weight: 700;
    color: #333;
    margin-top: 8px;
    display: block;
}/* End custom CSS */
/* Start custom CSS for et-contact-form-7, class: .elementor-element-fc96955 *//* FORM KARTI */
/* INPUT - SELECT - TEXTAREA TEMİZ DÜZEN */
#satici-form input,
#satici-form select,
#satici-form textarea {
    width: 100%;
    padding: 14px 16px !important;  /* İç boşluğu artır */
    font-size: 15px !important;     /* Yazıyı büyüt */
    line-height: 1.4 !important;    /* Yüksekliği sabitle */
    border: 1px solid #dce3f0;
    border-radius: 8px;
    background: #f8fbff;
    height: auto !important;        /* Yükseklik kilitlenmesin */
    box-sizing: border-box;
}

/* PLACEHOLDER TAM GÖRÜNME */
#satici-form input::placeholder,
#satici-form textarea::placeholder {
    color: #a5acb8;
    opacity: 1 !important;
}

/* ZORUNLU ALAN YILDIZI DOĞRU HİZALAMA */
#satici-form p {
    margin-bottom: 10px !important;
}

/* TEXTAREA DÜZGÜN BOY */
#satici-form textarea {
    min-height: 140px !important;
    resize: vertical;
}

#satici-form {
    max-width: 900px;
    margin: 40px auto;
    padding: 40px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 3px 20px rgba(0,0,0,0.08);
}

/* BAŞLIK */
#satici-form h3 {
    font-size: 22px;
    margin-bottom: 25px;
    font-weight: 600;
    color: #222;
}

/* INPUTLAR */
#satici-form input,
#satici-form select,
#satici-form textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-bottom: 18px;
    background: #f7faff;
}

#satici-form textarea {
    height: 160px;
}

/* HATA ALANI */
.error-field {
    border-color: #ff3b3b !important;
    background: #ffe9e9 !important;
}

/* BUTONLAR */
#satici-form button,
#satici-form input[type="submit"] {
    background: #26c281;
    color: white;
    padding: 12px 25px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 600;
    width: 100%;
    transition: 0.2s;
}

#satici-form button:hover,
#satici-form input[type="submit"]:hover {
    background: #1fa66d;
}

/* GERİ BUTONU */
.prev-step {
    background: #ddd !important;
    color: #333 !important;
}
.prev-step:hover {
    background: #ccc !important;
}/* End custom CSS */