/* =====================================================
   RASEL UI - KASKO TEKLİF FORMU
   Sayfa ID : 4067
===================================================== */

.page-id-4067 .wpcf7-form,
.page-id-3956 .wpcf7-form{

    background:#ffffff;

    border-radius:24px;

    padding:45px;

    box-shadow:
    0 20px 60px rgba(17,38,146,.08);

    border:1px solid #edf2f7;

}
/* =====================================================
   RASEL UI - Premium Form Alanları
===================================================== */

.page-id-4067 .wpcf7-form input[type="text"],
.page-id-4067 .wpcf7-form input[type="email"],
.page-id-4067 .wpcf7-form input[type="tel"],
.page-id-4067 .wpcf7-form select,
.page-id-4067 .wpcf7-form textarea{

    width:100%;
    height:58px;

    background:#f8fafc;

    border:2px solid #e7edf5;

    border-radius:14px;

    padding:0 18px;

    font-size:15px;

    transition:.30s ease;

    box-shadow:none;

}

.page-id-4067 .wpcf7-form input:focus,
.page-id-4067 .wpcf7-form textarea:focus,
.page-id-4067 .wpcf7-form select:focus{

    background:#ffffff;

    border-color:#0057d8;

    box-shadow:0 0 0 5px rgba(0,87,216,.12);

    outline:none;

}

.page-id-4067 .wpcf7-form label{

    font-size:15px;

    font-weight:600;

    color:#24364f;

    margin-bottom:8px;

    display:block;

}

.page-id-4067 .wpcf7-form input::placeholder{

    color:#9aa7b5;

}
/* =====================================================
   RASEL UI - Araç Durumu Seçim Kartları
===================================================== */

.page-id-4067 .wpcf7-form input[type="radio"]{
    display:none;
}

.page-id-4067 .wpcf7-form input[type="radio"] + span{
    display:none;
}

.page-id-4067 .wpcf7-form label:has(input[type="radio"]){

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:14px 24px;

    margin:8px 10px 20px 0;

    border:2px solid #dbe5f1;

    border-radius:14px;

    background:#ffffff;

    cursor:pointer;

    transition:.30s;

    font-weight:600;

    color:#32475b;

}

.page-id-4067 .wpcf7-form label:has(input[type="radio"]):hover{

    border-color:#0057d8;

    transform:translateY(-2px);

    box-shadow:0 12px 24px rgba(0,87,216,.12);

}

.page-id-4067 .wpcf7-form label:has(input[type="radio"]:checked){

    background:#0057d8;

    color:#ffffff;

    border-color:#0057d8;

    box-shadow:0 12px 28px rgba(0,87,216,.25);

}
/* =====================================================
   RASEL UI - Premium Buton
===================================================== */

.page-id-4067 .wpcf7-submit{

    width:100%;

    height:60px;

    border:none;

    border-radius:16px;

    background:linear-gradient(135deg,#0057d8,#007BFF);

    color:#ffffff;

    font-size:17px;

    font-weight:700;

    letter-spacing:.3px;

    cursor:pointer;

    transition:all .35s ease;

    box-shadow:0 12px 30px rgba(0,87,216,.25);

}

.page-id-4067 .wpcf7-submit:hover{

    transform:translateY(-3px);

    box-shadow:0 20px 40px rgba(0,87,216,.35);

    background:linear-gradient(135deg,#0047b3,#0066ff);

}

.page-id-4067 .wpcf7-submit:active{

    transform:translateY(0);

}
/* =====================================================
   RASEL UI - Başlık
===================================================== */

.page-id-4067 h3{

    font-size:42px;

    font-weight:800;

    color:#16345f;

    line-height:1.2;

    margin-bottom:15px;

}

.page-id-4067 h3 cite{

    color:#0057d8;

    font-style:normal;

}

/* ==========================================================
   RASEL - ORTAK SİGORTA BAŞLIK AÇIKLAMASI
========================================================== */

.page-id-4067 .item--title::after,
.page-id-4774 .item--title::after,
.page-id-3954 .item--title::after{

    content:"30 saniyede teklifinizi alın. 20+ sigorta şirketini sizin için karşılaştıralım.";

    display:block;

    margin-top:18px;

    font-size:17px;

    font-weight:400;

    color:#6b7a90;

    line-height:30px;

    text-align:center;

}


.page-id-4067 .wpcf7-submit i{
    margin-right:10px;
}
/* reCAPTCHA ortala */
.page-id-4067 .cf7sr-g-recaptcha,
.page-id-4067 .g-recaptcha{
    display:flex;
    justify-content:center;
    width:100%;
    margin:20px 0 25px;
}
/* Buton düzeltme */
.page-id-4067 .wpcf7-submit{
    display:flex !important;
    align-items:center;
    justify-content:center;
    gap:10px;
    line-height:1;
    padding:0;
}

.page-id-4067 .wpcf7-submit i{
    margin:0;
    font-size:18px;
}

/* Submit alanını tam satır yap */
.page-id-4067 .wpcf7-form .col-12{
    width:100%;
    clear:both;
}

/* Recaptcha ortala */
.page-id-4067 .cf7sr-g-recaptcha,
.page-id-4067 .g-recaptcha{
    display:flex;
    justify-content:center;
    margin:25px auto;
}

/* KVKK yazıları */
.page-id-4067 .wpcf7-form p{
    margin-bottom:12px;
    line-height:1.7;
}

/* Buton üst boşluğu */
.page-id-4067 .wpcf7-submit{
    margin-top:20px;
}
/* Teklif Al butonu ortalama düzeltmesi */
.page-id-4067 .wpcf7-submit{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:12px;
    line-height:60px !important;
    padding:0 !important;
    text-align:center;
}

.page-id-4067 .wpcf7-submit i{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin:0 !important;
    line-height:1;
}

.page-id-4067 .wpcf7-submit span{
    line-height:1;
}