/*======================================================
  RASEL PREMIUM FORM CARD
======================================================*/

.rasel-form{
    background:#fff;
    border:1px solid #E5E7EB;
    border-radius:22px;
    padding:40px;
    box-shadow:0 20px 50px rgba(15,23,42,.08);
    position:relative;
    transition:.35s ease;
}

.rasel-form:hover{
    transform:translateY(-3px);
    box-shadow:0 30px 70px rgba(15,23,42,.12);
}

.rasel-form:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:linear-gradient(90deg,#005BAC,#2F80ED);
    border-radius:22px 22px 0 0;
}
.rasel-form .row{
    margin-bottom:20px;
}

.rasel-form label{
    font-size:15px;
    font-weight:600;
    color:#334155;
    margin-bottom:8px;
}
.rasel-form input,
.rasel-form select,
.rasel-form textarea{

    border:1px solid #CBD5E1 !important;

    border-radius:12px;

    background:#fff;

    padding:14px 18px;

    transition:.3s;

    box-shadow:none;

}

.rasel-form input:focus,
.rasel-form textarea:focus,
.rasel-form select:focus{

    border-color:#005BAC !important;

    box-shadow:0 0 0 4px rgba(0,91,172,.12);

}
/*==================================================
ARAÇ DURUMU
==================================================*/

.rasel-section-title{

display:block;

font-size:18px;

font-weight:700;

margin-bottom:18px;

color:#0F172A;

}

.rasel-radio-group{

display:flex;

gap:18px;

flex-wrap:wrap;

}

.rasel-radio .wpcf7-list-item{

margin:0;

}

.rasel-radio .wpcf7-list-item label{

display:flex;

align-items:center;

justify-content:center;

min-width:210px;

height:90px;

padding:20px;

border:2px solid #E2E8F0;

border-radius:16px;

cursor:pointer;

background:#fff;

transition:.3s;

font-weight:600;

}

.rasel-radio input{

display:none;

}

.rasel-radio label:hover{

border-color:#005BAC;

transform:translateY(-3px);

box-shadow:0 10px 25px rgba(0,91,172,.12);

}

.rasel-radio input:checked+span{

color:#005BAC;

font-weight:700;

}
/*==================================================
 PREMIUM ARAÇ DURUMU
==================================================*/

.rasel-radio-group{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
    margin-top:18px;
}

.rasel-radio .wpcf7-list-item{
    margin:0;
}

.rasel-radio .wpcf7-list-item label{

    display:flex;
    justify-content:center;
    align-items:center;

    width:240px;
    height:90px;

    border:2px solid #E7ECF3;
    border-radius:18px;

    background:#fff;

    cursor:pointer;

    transition:.35s;

    font-size:15px;
    font-weight:600;

    box-shadow:0 8px 20px rgba(15,23,42,.04);

}

.rasel-radio input{

    display:none;

}

.rasel-radio label:hover{

    transform:translateY(-6px);

    border-color:#005BAC;

    box-shadow:

    0 18px 35px rgba(0,91,172,.15);

}

.rasel-radio input:checked + span{

    color:#005BAC;

    font-weight:700;

}

.rasel-radio label:has(input:checked){

    background:#EFF7FF;

    border-color:#005BAC;

    box-shadow:

    0 20px 40px rgba(0,91,172,.18);

}
/*=========================================
PREMIUM INPUT
=========================================*/

.rasel-form .wpcf7-form-control-wrap{
    display:block;
}

.rasel-form input,
.rasel-form select,
.rasel-form textarea{

    width:100%;

    height:60px;

    border-radius:16px;

    border:2px solid #E5E7EB;

    background:#fff;

    padding:0 22px;

    font-size:15px;

    font-weight:500;

    transition:.35s;

    box-shadow:0 5px 20px rgba(15,23,42,.04);

}

.rasel-form textarea{

    min-height:150px;

    padding-top:18px;

}

.rasel-form input:hover,
.rasel-form textarea:hover{

    border-color:#A5D8FF;

}

.rasel-form input:focus,
.rasel-form textarea:focus,
.rasel-form select:focus{

    border-color:#005BAC;

    box-shadow:

    0 0 0 5px rgba(0,91,172,.08);

    outline:none;

    transform:translateY(-2px);

}
/*====================================================
 RASEL PREMIUM FORM CARD
====================================================*/

.rasel-form{

    position:relative;

    background:#fff;

    border-radius:20px;

    padding:40px;

    border:1px solid #edf2f8;

    box-shadow:
        0 10px 35px rgba(12,61,122,.08);

    overflow:hidden;

    transition:.35s;

}

.rasel-form:hover{

    transform:translateY(-4px);

    box-shadow:
        0 25px 60px rgba(12,61,122,.12);

}
.rasel-form:before{

content:"";

position:absolute;

left:0;
top:0;

width:100%;

height:5px;

background:linear-gradient(
90deg,
#0052cc,
#0c78ff,
#38a7ff);

}
.rasel-section-title{

display:block;

font-size:15px;

font-weight:700;

letter-spacing:.5px;

color:#003c82;

margin-bottom:18px;

text-transform:uppercase;

}
.rasel-form .row{

margin-bottom:22px;

}
.rasel-form input{

height:58px;

border-radius:12px;

border:1px solid #dce7f4;

background:#fff;

padding:0 18px;

font-size:15px;

transition:.30s;

}
.rasel-form input:hover{

border-color:#0b67d2;

}
.rasel-form input:focus{

border-color:#0b67d2;

box-shadow:
0 0 0 5px rgba(11,103,210,.12);

}
.rasel-form label{

font-weight:600;

font-size:14px;

color:#374151;

margin-bottom:8px;

display:block;

}
/*==================================================
ARAÇ DURUMU PREMIUM
==================================================*/

.rasel-radio-group{

display:flex;

gap:18px;

margin-top:18px;

margin-bottom:10px;

flex-wrap:wrap;

}

.rasel-radio-group .wpcf7-list-item{

margin:0;

flex:1;

min-width:200px;

}

.rasel-radio-group label{

display:flex;

justify-content:center;

align-items:center;

height:82px;

background:#fff;

border:2px solid #dfe7f3;

border-radius:16px;

cursor:pointer;

transition:.35s;

font-weight:600;

font-size:15px;

color:#31435d;

position:relative;

overflow:hidden;

}
.rasel-radio-group label:hover{

transform:translateY(-5px);

border-color:#0b67d2;

box-shadow:

0 18px 35px rgba(11,103,210,.18);

}
.rasel-radio-group input[type=radio]{

display:none;

}
.rasel-radio-group input[type=radio]:checked + .wpcf7-list-item-label{

color:#fff;

}
.rasel-radio-group label:has(input:checked){

background:

linear-gradient(135deg,#0059d6,#1385ff);

border-color:#0059d6;

color:#fff;

box-shadow:

0 18px 40px rgba(0,89,214,.28);

transform:translateY(-6px);

}
.rasel-radio-group label:has(input:checked):after{

content:"✔";

position:absolute;

right:16px;

top:16px;

font-size:18px;

font-weight:bold;

}
.rasel-radio-group label:before{

content:"";

position:absolute;

width:130px;

height:130px;

background:

rgba(255,255,255,.08);

border-radius:50%;

right:-60px;

top:-60px;

transition:.4s;

}

.rasel-radio-group label:hover:before{

transform:scale(1.4);

}