/* ==========================================
   GLOBAL
========================================== */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:'Manrope',sans-serif;
    background:#f7f8fc;
    color:#111827;
    overflow-x:hidden;
}

.container{
    width:min(1380px,92%);
    margin:auto;
}

.topbar{

height:42px;

background:#111827;

color:#fff;

display:flex;

align-items:center;

font-size:14px;

}

.topbar-wrapper{

display:flex;

justify-content:space-between;

align-items:center;

height:100%;

}

.topbar-left{

display:flex;

gap:25px;

}

.topbar-left span{

display:flex;

align-items:center;

gap:8px;

}

.topbar-right a{

font-weight:600;

}

.header{

position:fixed;

top:42px;

left:0;

width:100%;

z-index:999;

background:rgba(255,255,255,.75);

backdrop-filter:blur(18px);

border-bottom:1px solid rgba(255,255,255,.5);

}

.navbar{

height:90px;

display:flex;

justify-content:space-between;

align-items:center;

}

.logo img{

width:220px;

}

.nav-menu{

display:flex;

gap:45px;

list-style:none;

}

.nav-menu a{

text-decoration:none;

font-weight:700;

color:#111827;

transition:.3s;

}

.nav-menu a:hover{

color:#ff6b00;

}
.nav-buttons{

display:flex;

gap:14px;

}

.phone-button,
.whatsapp-button{

height:52px;

padding:0 28px;

display:flex;

align-items:center;

gap:10px;

border-radius:999px;

text-decoration:none;

font-weight:700;

}

.phone-button{

display:flex;
align-items:center;
gap:14px;

padding:18px 34px;

border-radius:60px;

background:#fff;

border:1px solid rgba(0,0,0,.08);

font-size:22px;

font-weight:800;

color:#1b2233;

box-shadow:
0 15px 35px rgba(0,0,0,.08);

transition:.35s;

}

.phone-button i{

font-size:22px;

color:#ff6b00;

}

.phone-button:hover{

transform:translateY(-3px);

box-shadow:
0 22px 45px rgba(255,107,0,.18);

}

.whatsapp-button{

padding:18px 34px;

border-radius:60px;

font-size:21px;

font-weight:800;

background:linear-gradient(135deg,#27d366,#18b651);

box-shadow:
0 18px 40px rgba(39,211,102,.30);

}

.hero{

min-height:90vh;

display:flex;

align-items:center;

padding-top:60px;

padding-bottom:50px;

position:relative;

overflow:hidden;

background:

linear-gradient(180deg,#ffffff,#f8fafc);

}


.hero-wrapper{

    width:100%;

    max-width:1400px;

    margin:auto;

    display:grid;

    grid-template-columns:65% 35%;

    gap:0;

    align-items:center;
}

.hero-left{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    padding-left:0;
transform:translateX(-120px);
}

.hero-image{
    position:relative;
    width:100%;
 transform:translateY(-20px);
    display:flex;
    justify-content:flex-start;
}

.hero-image img{

width:125%;

max-width:1200px;

filter:drop-shadow(0 35px 60px rgba(0,0,0,.18));

}

.hero-right{
    display:flex;
    flex-direction:column;
    align-items:flex-start;

    margin-left:-100px;
}

.hero-badge{

padding:14px 30px;

border-radius:999px;

font-size:18px;

font-weight:700;

background:#fff3ea;

color:#ff6b00;

border:1px solid rgba(255,107,0,.12);

}

.hero-right h1{

font-size:84px;

line-height:1;

font-weight:900;

letter-spacing:-3px;

color:#111827;

}

.hero-right h1 span{

font-size:92px;

font-weight:900;

display:block;

color:#ff6b00;

}

.hero-right p{

font-size:23px;

line-height:1.8;

color:#5d6677;

margin-bottom:40px;

max-width:720px;

}

.hero-buttons{

display:flex;

gap:20px;

}

.btn{

height:70px;

padding:0 40px;

display:flex;

align-items:center;

gap:10px;

border-radius:999px;

text-decoration:none;

font-weight:700;

font-size:20px;

transition:.3s;

}

.btn-primary{

padding:22px 50px;

font-size:22px;

font-weight:800;

border-radius:60px;

box-shadow:
0 18px 45px rgba(255,107,0,.35);

}

.btn-outline{

padding:22px 50px;

font-size:22px;

font-weight:800;

border-radius:60px;

border:2px solid #d8dde5;

}

.btn:hover{

transform:translateY(-4px);

}

.hero-glow{

position:absolute;

width:650px;

height:650px;

background:radial-gradient(circle,
rgba(255,111,0,.18),
transparent 70%);

top:50%;

left:50%;

transform:translate(-50%,-50%);

z-index:-1;

filter:blur(50px);

}	

.hero::before{

content:"";

position:absolute;

width:900px;

height:900px;

left:-150px;

top:50%;

transform:translateY(-50%);

background:radial-gradient(circle,
rgba(255,120,0,.18),
transparent 65%);

filter:blur(80px);

z-index:0;

}

.hero .container{
    width:98%;
    max-width:1800px;
}

.hero-glow{

position:absolute;

width:650px;

height:650px;

background:radial-gradient(circle,
rgba(255,111,0,.18),
transparent 70%);

top:50%;

left:50%;

transform:translate(-50%,-50%);

z-index:-1;

filter:blur(50px);

}

.hero::after{

content:"";

position:absolute;

right:-250px;

top:-150px;

width:700px;

height:700px;

background:radial-gradient(circle,
rgba(255,120,0,.12),
transparent 70%);

filter:blur(80px);

}

/*==========================
TRUST SECTION
==========================*/

.trust-section{
    padding:120px 0;
    background:#fff;
    position:relative;
}

.trust-wrapper{
    display:grid;
    grid-template-columns:320px 1fr;
    gap:90px;
    align-items:start;
}

/* SOL İSTATİSTİKLER */

.trust-stats{
    display:flex;
    flex-direction:column;
    gap:18px;

max-width:300px;
}

.stat-item{
    display:flex;
    align-items:center;
    gap:18px;
   padding:18px 22px;
    background:#fff;
    border:1px solid #ececec;
    border-radius:22px;
    transition:.35s;
    box-shadow:0 15px 40px rgba(0,0,0,.05);
}

.stat-item:hover{
    transform:translateY(-5px);
    box-shadow:0 25px 50px rgba(255,107,0,.18);
}

.stat-icon{
    width:60px;
    height:60px;
    border-radius:18px;
    background:#ff6b00;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
}

.stat-number{
    font-size:34px;
    font-weight:800;
    color:#111827;
    line-height:1;
}

.stat-text{
    color:#6b7280;
    margin-top:6px;
}

/* SAĞ TARAF */

.trust-content small{
    display:inline-block;
    color:#ff6b00;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:10px;
}

.trust-content h2{
    font-size:46px;
    line-height:1.15;
    margin-bottom:18px;
    color:#111827;
}

.trust-content p{
    font-size:18px;
    color:#6b7280;
    line-height:1.8;
    margin-bottom:45px;
}

/* LOGOLAR */

.brand-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
    margin-bottom:70px;
}

.brand-card{
    height:90px;
    border:1px solid #ededed;
    border-radius:18px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#fff;
    transition:.35s;
    box-shadow:0 12px 35px rgba(0,0,0,.04);
}

.brand-card:hover{
    transform:translateY(-5px);
    border-color:#ff6b00;
}

/* HİZMET KARTLARI */

.services-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:28px;

margin-top:45px;

}

.service-card{
    position:relative;
    background:rgba(255,255,255,.85);
    backdrop-filter:blur(18px);
    border:1px solid rgba(255,255,255,.8);
    border-radius:28px;
    padding:42px;
    transition:.45s;
    overflow:hidden;
    box-shadow:
        0 20px 60px rgba(0,0,0,.05),
        0 4px 12px rgba(0,0,0,.04);
}

.service-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        135deg,
        rgba(255,120,0,.12),
        transparent 45%
    );
    opacity:0;
    transition:.45s;
}

.service-card:hover{
    transform:translateY(-14px);
    box-shadow:
        0 35px 90px rgba(255,120,0,.15),
        0 10px 35px rgba(0,0,0,.08);
}

.service-card:hover::before{
    opacity:1;
}

.service-icon{
    width:74px;
    height:74px;
    border-radius:22px;

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

    font-size:28px;

    background:linear-gradient(
        135deg,
        #ff7a00,
        #ff5100
    );

    color:white;

    margin-bottom:30px;

    box-shadow:
        0 18px 35px rgba(255,120,0,.35);
}

.service-card i{
    width:70px;
    height:70px;
    border-radius:16px;
    background:#ff6b00;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:25px;
}

.service-card h3{
    font-size:34px;
    font-weight:800;
    margin-bottom:18px;
    color:#101828;
}

.service-card p{
    color:#667085;
    line-height:1.8;
    font-size:17px;
}

.brand-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    margin:35px 0 60px;
}

.brand-card{
    height:90px;
    background:#fff;
    border:1px solid #ececec;
    border-radius:20px;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:.35s;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.brand-card:hover{
    transform:translateY(-6px);
    border-color:#ff6b00;
    box-shadow:0 18px 45px rgba(255,107,0,.18);
}

.brand-card img{
    max-width:120px;
    opacity:.7;
    transition:.3s;
}

.brand-card:hover img{
    opacity:1;
}

/*==============================
CLIENTS
==============================*/

.clients{

padding:120px 0;
background:#fff;

}

.section-title{

text-align:center;
margin-bottom:70px;

}

.section-title span{

display:inline-block;
padding:10px 22px;
background:#fff4ec;
color:#ff6b00;
font-weight:700;
border-radius:999px;
margin-bottom:18px;

}

.section-title h2{

font-size:48px;
font-weight:800;
color:#111827;
margin-bottom:18px;

}

.section-title p{

max-width:700px;
margin:auto;
font-size:18px;
line-height:1.8;
color:#6b7280;

}

.clients-grid{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;

}

.client-logo{

height:130px;
background:#fff;
border:1px solid #ececec;
border-radius:22px;

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

transition:.35s;

box-shadow:0 15px 40px rgba(0,0,0,.05);

}

.client-logo:hover{

transform:translateY(-8px);

border-color:#ff6b00;

box-shadow:0 25px 55px rgba(255,107,0,.18);

}

.client-logo img{

max-width:140px;
max-height:70px;
opacity:.75;
transition:.35s;

}

.client-logo:hover img{

opacity:1;
transform:scale(1.08);

}

/*==============================
TRUST BAR
==============================*/

.trust-bar{

padding:80px 0 120px;
background:#fff;

}

.trust-grid{

display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;

}

.trust-item{

padding:35px;

background:#fff;

border-radius:24px;

border:1px solid #ececec;

display:flex;

align-items:center;

gap:20px;

transition:.35s;

box-shadow:0 15px 40px rgba(0,0,0,.05);

}

.trust-item:hover{

transform:translateY(-8px);

border-color:#ff6b00;

box-shadow:0 25px 60px rgba(255,107,0,.18);

}

.trust-item i{

width:65px;

height:65px;

background:#ff6b00;

color:#fff;

display:flex;

align-items:center;

justify-content:center;

border-radius:18px;

font-size:28px;

}

.trust-item h3{

font-size:30px;

font-weight:800;

color:#111827;

margin-bottom:6px;

}

.trust-item span{

color:#6b7280;

font-size:16px;

}

/* =========================================
   OPERASYON SÜRECİ
========================================= */

.process{
    padding:120px 0;
    background:#f7f8fc;
}

.process-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.process-card{
    position:relative;
    padding:40px 30px;
    background:#fff;
    border:1px solid rgba(17,24,39,.08);
    border-radius:28px;
    box-shadow:0 20px 50px rgba(17,24,39,.06);
    transition:.35s ease;
    overflow:hidden;
}

.process-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:#ff6b00;
    transform:scaleX(0);
    transform-origin:left;
    transition:.35s ease;
}

.process-card:hover{
    transform:translateY(-8px);
    box-shadow:0 30px 70px rgba(255,107,0,.12);
}

.process-card:hover::before{
    transform:scaleX(1);
}

.process-card .number{
    width:58px;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:25px;

    border-radius:18px;
    background:#fff4ec;
    color:#ff6b00;

    font-size:18px;
    font-weight:800;
}

.process-card h3{
    margin-bottom:12px;
    font-size:21px;
    font-weight:800;
    color:#111827;
}

.process-card p{
    color:#6b7280;
    font-size:15px;
    line-height:1.7;
}


/* =========================================
   FİYAT ALMA / CALCULATOR
========================================= */

.calculator{
    padding:120px 0;
    background:#fff;
}

.calculator .section-title{
    margin-bottom:55px;
}

#quoteForm{
    width:min(850px,100%);
    margin:auto;

    padding:45px;
    background:#fff;

    border:1px solid rgba(17,24,39,.08);
    border-radius:30px;

    box-shadow:
        0 30px 80px rgba(17,24,39,.08);
}

#quoteForm .input-group{
    margin-bottom:22px;
}

#quoteForm label{
    display:block;
    margin-bottom:8px;

    font-size:14px;
    font-weight:700;
    color:#111827;
}

#quoteForm input,
#quoteForm select,
#quoteForm textarea{
    width:100%;

    padding:16px 18px;

    border:1px solid #e5e7eb;
    border-radius:14px;

    background:#f9fafb;
    color:#111827;

    font-family:inherit;
    font-size:15px;

    outline:none;
    transition:.3s ease;
}

#quoteForm input:focus,
#quoteForm select:focus,
#quoteForm textarea:focus{
    background:#fff;
    border-color:#ff6b00;

    box-shadow:
        0 0 0 4px rgba(255,107,0,.10);
}

#quoteForm textarea{
    resize:vertical;
    min-height:130px;
}

#quoteForm .btn-primary{
    width:100%;
    min-height:58px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    margin-top:10px;

    border:none;
    border-radius:16px;

    background:#ff6b00;
    color:#fff;

    font-family:inherit;
    font-size:16px;
    font-weight:800;

    cursor:pointer;

    box-shadow:
        0 15px 35px rgba(255,107,0,.22);

    transition:.35s ease;
}

#quoteForm .btn-primary:hover{
    transform:translateY(-3px);

    box-shadow:
        0 22px 45px rgba(255,107,0,.30);
}

#quoteForm .btn-primary i{
    font-size:20px;
}


/* =========================================
   PROCESS + CALCULATOR RESPONSIVE
========================================= */

@media(max-width:1000px){

    .process-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:700px){

    .process,
    .calculator{
        padding:80px 0;
    }

    .process-grid{
        grid-template-columns:1fr;
        gap:18px;
    }

    .process-card{
        padding:30px 25px;
    }

    #quoteForm{
        padding:28px 20px;
        border-radius:22px;
    }

}

/* =========================================
   TRUST / NEDEN BİZE GÜVENİYORLAR
========================================= */

.trust{
    padding:120px 0;
    background:#ffffff;
}

.trust .section-title{
    max-width:900px;
    margin:0 auto 65px;
}

.trust .section-title h2{
    font-size:48px;
    line-height:1.15;
}

.trust-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
}

.trust-card{
    position:relative;

    padding:42px 35px;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fafbff 100%
        );

    border:1px solid rgba(17,24,39,.08);
    border-radius:28px;

    box-shadow:
        0 20px 55px rgba(17,24,39,.06);

    overflow:hidden;

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
}

.trust-card::after{
    content:"";

    position:absolute;

    width:160px;
    height:160px;

    right:-80px;
    top:-80px;

    border-radius:50%;

    background:rgba(255,107,0,.07);

    transition:.4s ease;
}

.trust-card:hover{
    transform:translateY(-10px);

    border-color:rgba(255,107,0,.25);

    box-shadow:
        0 30px 75px rgba(255,107,0,.12);
}

.trust-card:hover::after{
    transform:scale(1.4);
}

.trust-card i{
    position:relative;
    z-index:2;

    width:68px;
    height:68px;

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

    margin-bottom:28px;

    border-radius:20px;

    background:#fff4ec;
    color:#ff6b00;

    font-size:28px;

    box-shadow:
        0 10px 25px rgba(255,107,0,.10);
}

.trust-card h3{
    position:relative;
    z-index:2;

    margin-bottom:12px;

    font-size:22px;
    font-weight:800;

    color:#111827;
}

.trust-card p{
    position:relative;
    z-index:2;

    margin:0;

    color:#6b7280;

    font-size:15px;
    line-height:1.7;
}


/* =========================================
   TRUST RESPONSIVE
========================================= */

@media(max-width:900px){

    .trust{
        padding:90px 0;
    }

    .trust-grid{
        grid-template-columns:1fr;
        gap:20px;
    }

    .trust .section-title h2{
        font-size:38px;
    }

}

@media(max-width:600px){

    .trust{
        padding:75px 0;
    }

    .trust .section-title{
        margin-bottom:40px;
    }

    .trust .section-title h2{
        font-size:32px;
    }

    .trust-card{
        padding:32px 25px;
        border-radius:22px;
    }

}
/* =========================================
   MÜŞTERİ YORUMLARI
========================================= */

.testimonials{
    padding:120px 0;
    background:#f7f8fc;
}

.testimonials .section-title{
    max-width:850px;
    margin:0 auto 60px;
}

.testimonials .section-title h2{
    font-size:48px;
    line-height:1.15;
}

.testimonial-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
}

.testimonial-card{
    position:relative;

    padding:38px 34px;

    background:#fff;

    border:1px solid rgba(17,24,39,.08);
    border-radius:28px;

    box-shadow:
        0 20px 55px rgba(17,24,39,.06);

    transition:.35s ease;

    overflow:hidden;
}

.testimonial-card::before{
    content:"“";

    position:absolute;

    top:-18px;
    right:24px;

    font-family:Georgia,serif;
    font-size:120px;
    line-height:1;

    color:rgba(255,107,0,.08);
}

.testimonial-card:hover{
    transform:translateY(-8px);

    box-shadow:
        0 30px 70px rgba(17,24,39,.10);

    border-color:rgba(255,107,0,.20);
}

.stars{
    position:relative;
    z-index:2;

    margin-bottom:22px;

    color:#ff6b00;

    font-size:19px;
    letter-spacing:3px;
}

.testimonial-card p{
    position:relative;
    z-index:2;

    margin-bottom:28px;

    color:#4b5563;

    font-size:16px;
    line-height:1.8;
}

.testimonial-card h4{
    position:relative;
    z-index:2;

    margin:0;

    font-size:16px;
    font-weight:800;

    color:#111827;
}


/* Küçük güven detayı */

.testimonial-card h4::before{
    content:"";

    display:inline-block;

    width:8px;
    height:8px;

    margin-right:9px;

    border-radius:50%;

    background:#ff6b00;

    vertical-align:middle;
}


/* =========================================
   TESTIMONIAL RESPONSIVE
========================================= */

@media(max-width:900px){

    .testimonials{
        padding:90px 0;
    }

    .testimonial-grid{
        grid-template-columns:1fr;
        gap:20px;
    }

    .testimonials .section-title h2{
        font-size:38px;
    }

}

@media(max-width:600px){

    .testimonials{
        padding:75px 0;
    }

    .testimonials .section-title{
        margin-bottom:40px;
    }

    .testimonials .section-title h2{
        font-size:32px;
    }

    .testimonial-card{
        padding:30px 25px;
        border-radius:22px;
    }

}

/* =========================================
   NEDEN ANINDA KURYEM?
========================================= */

.why-us{
    position:relative;
    padding:130px 0;
    background:
        radial-gradient(
            circle at 10% 20%,
            rgba(255,107,0,.08),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #f8f9fc 0%,
            #ffffff 100%
        );
    overflow:hidden;
}

.why-us::before{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    left:-300px;
    top:100px;
    border-radius:50%;
    background:rgba(255,107,0,.06);
    filter:blur(70px);
    pointer-events:none;
}


/* BAŞLIK */

.why-us .section-title{
    position:relative;
    z-index:2;

    max-width:850px;
    margin:0 auto 65px;

    text-align:center;
}

.why-us .section-title span{
    display:inline-flex;
    align-items:center;

    padding:10px 20px;

    border-radius:50px;

    background:#fff3e9;
    color:#ff6b00;

    font-size:13px;
    font-weight:800;
    letter-spacing:.4px;

    box-shadow:0 8px 25px rgba(255,107,0,.08);
}

.why-us .section-title h2{
    margin-top:22px;

    font-size:48px;
    line-height:1.15;
    letter-spacing:-1.5px;

    color:#111827;
}


/* KARTLAR */

.why-grid{
    position:relative;
    z-index:2;

    display:grid;
    grid-template-columns:repeat(4,1fr);

    gap:24px;
}

.why-card{
    position:relative;

    min-height:300px;

    padding:35px 30px;

    background:rgba(255,255,255,.92);

    border:1px solid rgba(17,24,39,.07);

    border-radius:26px;

    box-shadow:
        0 20px 55px rgba(17,24,39,.055);

    overflow:hidden;

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
}

.why-card::before{
    content:"";

    position:absolute;

    left:0;
    right:0;
    top:0;

    height:4px;

    background:linear-gradient(
        90deg,
        #ff6b00,
        #ff9d3f
    );

    transform:scaleX(0);
    transform-origin:left;

    transition:.35s ease;
}

.why-card::after{
    content:"";

    position:absolute;

    width:150px;
    height:150px;

    right:-75px;
    bottom:-75px;

    border-radius:50%;

    background:rgba(255,107,0,.06);

    transition:.4s ease;
}

.why-card:hover{
    transform:translateY(-10px);

    border-color:rgba(255,107,0,.18);

    box-shadow:
        0 30px 75px rgba(17,24,39,.10);
}

.why-card:hover::before{
    transform:scaleX(1);
}

.why-card:hover::after{
    transform:scale(1.5);
}


/* İKON */

.why-card > i,
.why-card .why-icon{
    position:relative;
    z-index:3;

    width:64px;
    height:64px;

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

    margin-bottom:27px;

    border-radius:19px;

    background:#fff3e9;

    color:#ff6b00;

    font-size:25px;

    box-shadow:
        0 10px 25px rgba(255,107,0,.10);
}

.why-card .why-icon i{
    color:#ff6b00;
    font-size:25px;
}


/* METİNLER */

.why-card h3{
    position:relative;
    z-index:3;

    margin:0 0 12px;

    color:#111827;

    font-size:20px;
    line-height:1.3;
    font-weight:800;
}

.why-card p{
    position:relative;
    z-index:3;

    margin:0;

    color:#6b7280;

    font-size:15px;
    line-height:1.7;
}


/* DETAYLI BİLGİ */

.why-card a{
    position:relative;
    z-index:4;

    display:inline-flex;
    align-items:center;
    gap:7px;

    margin-top:24px;

    color:#ff6b00;

    font-size:14px;
    font-weight:800;

    text-decoration:none;

    transition:.3s ease;
}

.why-card a i{
    font-size:12px;
    transition:.3s ease;
}

.why-card a:hover{
    color:#e85f00;
}

.why-card a:hover i{
    transform:translateX(5px);
}


/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:1100px){

    .why-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:700px){

    .why-us{
        padding:85px 0;
    }

    .why-us .section-title{
        margin-bottom:45px;
    }

    .why-us .section-title h2{
        font-size:34px;
        letter-spacing:-.8px;
    }

    .why-grid{
        grid-template-columns:1fr;
        gap:18px;
    }

    .why-card{
        min-height:auto;
        padding:30px 25px;
    }

}

/* =========================================
   FAQ / SIK SORULAN SORULAR
========================================= */

.faq{
    position:relative;

    padding:120px 0;

    background:
        radial-gradient(
            circle at 85% 15%,
            rgba(255,107,0,.07),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f8f9fc 100%
        );

    overflow:hidden;
}


/* =========================================
   FAQ BAŞLIK
========================================= */

.faq .section-title{
    position:relative;
    z-index:2;

    width:min(800px, 100%);

    margin:0 auto 60px;

    text-align:center;
}

.faq .section-title span{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:10px 20px;

    border-radius:50px;

    background:#fff3e9;
    color:#ff6b00;

    font-size:13px;
    font-weight:800;
    letter-spacing:.3px;

    box-shadow:
        0 8px 25px rgba(255,107,0,.08);
}

.faq .section-title h2{
    margin:20px 0 0;

    color:#111827;

    font-size:48px;
    line-height:1.15;
    letter-spacing:-1.5px;
    font-weight:800;
}


/* =========================================
   FAQ LİSTESİ
========================================= */

.faq-list{
    position:relative;
    z-index:2;

    width:min(900px, 100%);

    margin:0 auto;

    display:flex;
    flex-direction:column;

    gap:18px;
}


/* =========================================
   FAQ KARTI
========================================= */

.faq-item{
    position:relative;

    padding:30px 35px;

    background:#ffffff;

    border:1px solid rgba(17,24,39,.07);

    border-radius:22px;

    box-shadow:
        0 15px 45px rgba(17,24,39,.05);

    overflow:hidden;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}


/* Turuncu üst çizgi */

.faq-item::before{
    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:3px;

    background:linear-gradient(
        90deg,
        #ff6b00,
        #ff9d3f
    );

    transform:scaleX(0);

    transform-origin:left;

    transition:.35s ease;
}


/* Hover */

.faq-item:hover{
    transform:translateY(-4px);

    border-color:rgba(255,107,0,.18);

    box-shadow:
        0 25px 60px rgba(17,24,39,.09);
}

.faq-item:hover::before{
    transform:scaleX(1);
}


/* =========================================
   SORU
========================================= */

.faq-item h3{
    margin:0 0 12px;

    color:#111827;

    font-size:18px;
    line-height:1.4;
    font-weight:800;
}


/* =========================================
   CEVAP
========================================= */

.faq-item p{
    margin:0;

    color:#6b7280;

    font-size:15px;
    line-height:1.75;
}


/* =========================================
   FAQ MOBİL
========================================= */

@media(max-width:700px){

    .faq{
        padding:85px 0;
    }

    .faq .section-title{
        margin-bottom:40px;
    }

    .faq .section-title h2{
        font-size:34px;
        letter-spacing:-.8px;
    }

    .faq-list{
        gap:14px;
    }

    .faq-item{
        padding:25px 22px;

        border-radius:18px;
    }

    .faq-item h3{
        font-size:16px;
    }

    .faq-item p{
        font-size:14px;
        line-height:1.7;
    }

}

/* =========================================
   CONTACT CTA
========================================= */

.contact-cta{
    position:relative;
    padding:110px 0;
    background:#ffffff;
    overflow:hidden;
}

.contact-cta-box{
    position:relative;

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

    min-height:390px;

    padding:65px 75px;

    border-radius:35px;

    background:
        radial-gradient(
            circle at 85% 20%,
            rgba(255,157,63,.20),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #111827 0%,
            #1f2937 100%
        );

    overflow:hidden;

    box-shadow:
        0 35px 80px rgba(17,24,39,.18);
}


/* =========================================
   ARKA PLAN DEKORASYONU
========================================= */

.contact-cta-box::before{
    content:"";

    position:absolute;

    width:420px;
    height:420px;

    right:-180px;
    bottom:-230px;

    border-radius:50%;

    border:1px solid rgba(255,255,255,.10);
}

.contact-cta-box::after{
    content:"";

    position:absolute;

    width:300px;
    height:300px;

    right:-100px;
    bottom:-150px;

    border-radius:50%;

    border:1px solid rgba(255,107,0,.25);
}


/* =========================================
   İÇERİK
========================================= */

.contact-cta-content{
    position:relative;
    z-index:3;

    max-width:700px;
}

.contact-cta-badge{
    display:inline-flex;

    padding:9px 17px;

    margin-bottom:22px;

    border-radius:50px;

    background:rgba(255,107,0,.14);

    color:#ff9d3f;

    font-size:12px;
    font-weight:800;
    letter-spacing:.6px;
}

.contact-cta-content h2{
    margin:0;

    color:#ffffff;

    font-size:48px;
    line-height:1.12;
    letter-spacing:-1.5px;
    font-weight:700;
}

.contact-cta-content h2 strong{
    color:#ff8a2a;
}

.contact-cta-content p{
    max-width:620px;

    margin:20px 0 30px;

    color:#cbd5e1;

    font-size:16px;
    line-height:1.7;
}


/* =========================================
   BUTONLAR
========================================= */

.contact-cta-buttons{
    display:flex;
    align-items:center;

    gap:14px;

    flex-wrap:wrap;
}

.cta-phone,
.cta-whatsapp{
    min-height:62px;

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

    gap:13px;

    padding:12px 24px;

    border-radius:16px;

    text-decoration:none;

    font-weight:800;

    transition:.3s ease;
}


/* TELEFON */

.cta-phone{
    background:#ffffff;

    color:#111827;

    box-shadow:
        0 12px 30px rgba(0,0,0,.12);
}

.cta-phone:hover{
    transform:translateY(-4px);

    box-shadow:
        0 18px 40px rgba(0,0,0,.20);
}

.cta-phone > i{
    color:#ff6b00;

    font-size:21px;
}

.cta-phone span{
    display:flex;
    flex-direction:column;

    text-align:left;

    font-size:16px;
}

.cta-phone small{
    margin-bottom:2px;

    color:#6b7280;

    font-size:11px;
    font-weight:700;
}


/* WHATSAPP */

.cta-whatsapp{
    background:#20c76a;

    color:#ffffff;

    box-shadow:
        0 15px 35px rgba(32,199,106,.22);
}

.cta-whatsapp:hover{
    transform:translateY(-4px);

    background:#19b85f;

    box-shadow:
        0 20px 45px rgba(32,199,106,.30);
}

.cta-whatsapp i{
    font-size:23px;
}


/* =========================================
   SAĞ TARAF - MOTOR GÖRSELİ
========================================= */

.contact-cta-visual{
    position:relative;
    z-index:2;

    width:280px;
    height:280px;

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

    flex-shrink:0;
}

.cta-circle{
    width:210px;
    height:210px;

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

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            #ff9d3f 0%,
            #ff6b00 55%,
            #e85d00 100%
        );

    color:#ffffff;

    font-size:75px;

    box-shadow:
        0 25px 60px rgba(255,107,0,.35);

    transform:rotate(-8deg);
}

.cta-speed{
    position:absolute;

    right:5px;
    top:18px;

    width:75px;
    height:75px;

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

    border-radius:50%;

    background:#ffffff;

    color:#ff6b00;

    font-size:18px;
    font-weight:900;

    box-shadow:
        0 15px 35px rgba(0,0,0,.18);
}


/* =========================================
   TABLET
========================================= */

@media(max-width:900px){

    .contact-cta{
        padding:85px 0;
    }

    .contact-cta-box{
        padding:50px 40px;
    }

    .contact-cta-content h2{
        font-size:38px;
    }

    .contact-cta-visual{
        width:200px;
        height:200px;
    }

    .cta-circle{
        width:155px;
        height:155px;

        font-size:55px;
    }

}


/* =========================================
   MOBİL
========================================= */

@media(max-width:700px){

    .contact-cta{
        padding:70px 0;
    }

    .contact-cta-box{
        min-height:auto;

        padding:40px 25px;

        border-radius:25px;
    }

    .contact-cta-content h2{
        font-size:32px;
    }

    .contact-cta-content p{
        font-size:15px;
    }

    .contact-cta-buttons{
        flex-direction:column;
        align-items:stretch;
    }

    .cta-phone,
    .cta-whatsapp{
        width:100%;
    }

    .contact-cta-visual{
        display:none;
    }

}

/* =========================================
   PREMIUM FOOTER
========================================= */

.premium-footer{
    position:relative;

    padding:75px 0 25px;

    background:#0d1420;

    color:#ffffff;

    overflow:hidden;
}


/* Dekoratif turuncu ışık */

.premium-footer::before{
    content:"";

    position:absolute;

    width:500px;
    height:500px;

    left:-250px;
    bottom:-300px;

    border-radius:50%;

    background:rgba(255,107,0,.08);

    filter:blur(20px);

    pointer-events:none;
}


/* =========================================
   ANA FOOTER
========================================= */

.footer-main{
    position:relative;
    z-index:2;

    display:grid;

    grid-template-columns:
        2fr
        1fr
        1fr
        1.3fr;

    gap:60px;

    padding-bottom:60px;
}


/* =========================================
   MARKA
========================================= */

.footer-brand{
    max-width:340px;
}

.footer-logo-link{
    display:inline-block;

    margin-bottom:18px;
}

.footer-logo{
    width:145px;

    height:auto;

    display:block;
}

.footer-brand p{
    margin:0 0 22px;

    color:#9ca8b8;

    font-size:14px;

    line-height:1.7;
}

.footer-badge{
    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:9px 14px;

    border-radius:50px;

    background:rgba(255,107,0,.10);

    border:1px solid rgba(255,107,0,.18);

    color:#ff9138;

    font-size:11px;

    font-weight:700;
}

.footer-badge i{
    font-size:12px;
}


/* =========================================
   KOLONLAR
========================================= */

.footer-column{
    display:flex;

    flex-direction:column;

    align-items:flex-start;
}

.footer-column h4{
    margin:5px 0 22px;

    color:#ffffff;

    font-size:15px;

    font-weight:700;
}

.footer-column a{
    margin-bottom:13px;

    color:#9ca8b8;

    text-decoration:none;

    font-size:13px;

    transition:.25s ease;
}

.footer-column a:hover{
    color:#ff7a1a;

    transform:translateX(3px);
}


/* =========================================
   İLETİŞİM
========================================= */

.footer-contact-item{
    display:flex !important;

    flex-direction:row;

    align-items:center;

    gap:12px;

    width:100%;

    margin-bottom:16px !important;
}

.footer-contact-item > i{
    width:38px;
    height:38px;

    display:flex;

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

    flex-shrink:0;

    border-radius:11px;

    background:rgba(255,255,255,.06);

    color:#ff7514;

    font-size:15px;

    transition:.25s ease;
}

.footer-contact-item:hover > i{
    background:#ff6b00;

    color:#ffffff;
}

.footer-contact-item span{
    display:flex;

    flex-direction:column;

    gap:2px;

    color:#ffffff;

    font-size:13px;

    font-weight:600;
}

.footer-contact-item small{
    color:#7f8b9b;

    font-size:10px;

    font-weight:500;
}

.footer-location{
    display:flex;

    align-items:flex-start;

    gap:12px;

    margin-top:3px;

    color:#9ca8b8;

    font-size:13px;

    line-height:1.5;
}

.footer-location i{
    margin-top:3px;

    color:#ff7514;

    font-size:14px;
}


/* =========================================
   ALT KISIM
========================================= */

.footer-bottom{
    position:relative;

    z-index:2;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:30px;

    padding-top:24px;

    border-top:1px solid rgba(255,255,255,.08);

    color:#687586;

    font-size:11px;
}

.footer-legal{
    display:flex;

    align-items:center;

    gap:22px;
}

.footer-legal a{
    color:#687586;

    text-decoration:none;

    transition:.25s ease;
}

.footer-legal a:hover{
    color:#ff7514;
}


/* =========================================
   TABLET
========================================= */

@media(max-width:900px){

    .footer-main{
        grid-template-columns:
            1.5fr
            1fr
            1fr;

        gap:45px;
    }

    .footer-brand{
        grid-column:1 / -1;

        max-width:500px;
    }

}


/* =========================================
   MOBİL
========================================= */

@media(max-width:600px){

    .premium-footer{
        padding:60px 0 22px;
    }

    .footer-main{
        grid-template-columns:1fr;

        gap:35px;

        padding-bottom:40px;
    }

    .footer-brand{
        grid-column:auto;

        max-width:100%;
    }

    .footer-column h4{
        margin-bottom:16px;
    }

    .footer-bottom{
        flex-direction:column;

        align-items:flex-start;

        gap:15px;
    }

    .footer-legal{
        gap:18px;
    }

}

/* =========================================================
   PREMIUM HERO
========================================================= */

.premium-hero{
    position:relative;

    min-height:780px;

    display:flex;
    flex-direction:column;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 15% 35%,
            rgba(255,107,0,.13),
            transparent 30%
        ),
        radial-gradient(
            circle at 85% 35%,
            rgba(255,145,55,.10),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f9fafc 50%,
            #f4f6fa 100%
        );
}


/* =========================================================
   ARKA PLAN
========================================================= */

.premium-hero-bg{
    position:absolute;

    inset:0;

    overflow:hidden;

    pointer-events:none;
}

.hero-orb{
    position:absolute;

    border-radius:50%;

    filter:blur(2px);
}

.hero-orb-1{
    width:520px;
    height:520px;

    top:-250px;
    left:-180px;

    background:
        radial-gradient(
            circle,
            rgba(255,107,0,.13),
            transparent 68%
        );
}

.hero-orb-2{
    width:650px;
    height:650px;

    right:-300px;
    bottom:-350px;

    background:
        radial-gradient(
            circle,
            rgba(255,107,0,.10),
            transparent 68%
        );
}


/* GRID */

.hero-grid{
    position:absolute;

    inset:0;

    opacity:.32;

    background-image:
        linear-gradient(
            rgba(15,23,42,.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(15,23,42,.035) 1px,
            transparent 1px
        );

    background-size:70px 70px;

    mask-image:
        linear-gradient(
            to bottom,
            black,
            transparent 85%
        );
}


/* =========================================================
   ANA WRAPPER
========================================================= */

.premium-hero-wrapper{
    position:relative;

    z-index:2;

    flex:1;

    width:min(1380px,90%);

    margin:0 auto;

    display:grid;

    grid-template-columns:
        1.05fr
        .95fr;

    align-items:center;

    gap:70px;

    padding-top:100px;

    padding-bottom:75px;
}


/* =========================================================
   SOL TARAF
========================================================= */

.premium-hero-content{
    position:relative;

    z-index:4;

    max-width:650px;
}


/* EYEBROW */

.premium-eyebrow{
    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:9px 15px;

    margin-bottom:25px;

    border:1px solid rgba(255,107,0,.15);

    border-radius:50px;

    background:rgba(255,255,255,.72);

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

    color:#f46b12;

    font-size:11px;

    font-weight:800;

    letter-spacing:.08em;
}

.eyebrow-dot{
    width:7px;
    height:7px;

    border-radius:50%;

    background:#ff6b00;

    box-shadow:
        0 0 0 5px rgba(255,107,0,.10);

    animation:
        premium-pulse 2s infinite;
}

@keyframes premium-pulse{

    0%,100%{
        box-shadow:
            0 0 0 4px rgba(255,107,0,.10);
    }

    50%{
        box-shadow:
            0 0 0 8px rgba(255,107,0,.02);
    }

}


/* =========================================================
   BAŞLIK
========================================================= */

.premium-hero h1{
    margin:0;

    max-width:680px;

    color:#101827;

    font-size:
        clamp(
            52px,
            5.2vw,
            82px
        );

    line-height:1.02;

    letter-spacing:-.055em;

    font-weight:800;
}

.premium-hero h1 span{
    display:inline;

    color:#ff6b00;
}

.premium-hero h1 strong{
    display:inline;

    color:#ff6b00;

    font-weight:800;
}


/* =========================================================
   AÇIKLAMA
========================================================= */

.premium-hero-description{
    max-width:590px;

    margin:28px 0 0;

    color:#687386;

    font-size:17px;

    line-height:1.75;

    letter-spacing:-.01em;
}


/* =========================================================
   BUTONLAR
========================================================= */

.premium-hero-buttons{
    display:flex;

    align-items:center;

    gap:14px;

    margin-top:35px;
}

.premium-btn{
    min-height:62px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:14px;

    padding:0 22px;

    border-radius:16px;

    text-decoration:none;

    font-size:13px;

    font-weight:700;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        background .3s ease;
}


/* PRIMARY */

.premium-btn-primary{
    min-width:255px;

    color:#ffffff;

    background:
        linear-gradient(
            135deg,
            #ff6b00,
            #ff851f
        );

    box-shadow:
        0 15px 35px rgba(255,107,0,.25);
}

.premium-btn-primary > i:first-child{
    font-size:21px;
}

.premium-btn-primary > i:last-child{
    margin-left:auto;

    font-size:13px;

    transition:
        transform .3s ease;
}

.premium-btn-primary:hover{
    transform:translateY(-3px);

    box-shadow:
        0 20px 45px rgba(255,107,0,.32);
}

.premium-btn-primary:hover > i:last-child{
    transform:translateX(4px);
}

.premium-btn-primary span{
    display:flex;

    flex-direction:column;

    align-items:flex-start;

    gap:2px;
}

.premium-btn-primary small{
    font-size:10px;

    opacity:.8;

    font-weight:500;
}


/* SECONDARY */

.premium-btn-secondary{
    min-width:160px;

    color:#172033;

    background:#ffffff;

    border:1px solid #e3e7ed;

    box-shadow:
        0 10px 30px rgba(15,23,42,.06);
}

.premium-btn-secondary i{
    color:#ff6b00;
}

.premium-btn-secondary:hover{
    transform:translateY(-3px);

    border-color:rgba(255,107,0,.25);

    box-shadow:
        0 15px 35px rgba(15,23,42,.10);
}


/* =========================================================
   GÜVEN SATIRI
========================================================= */

.premium-hero-trust{
    display:flex;

    align-items:center;

    gap:25px;

    margin-top:25px;
}

.premium-hero-trust div{
    display:flex;

    align-items:center;

    gap:7px;

    color:#7a8494;

    font-size:11px;

    font-weight:600;
}

.premium-hero-trust i{
    color:#22a56a;

    font-size:12px;
}


/* =========================================================
   SAĞ GÖRSEL
========================================================= */

.premium-hero-visual{
    position:relative;

    min-height:560px;

    display:flex;

    align-items:center;

    justify-content:center;
}


/* ANA TURUNCU HALO */

.hero-visual-halo{
    position:absolute;

    width:430px;
    height:430px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,107,0,.20),
            rgba(255,107,0,.07) 45%,
            transparent 70%
        );

    filter:blur(5px);

    animation:
        hero-halo-float 6s ease-in-out infinite;
}

@keyframes hero-halo-float{

    0%,100%{
        transform:scale(1);
    }

    50%{
        transform:scale(1.07);
    }

}


/* =========================================================
   LOGO CARD
========================================================= */

.hero-logo-card{
    position:relative;

    z-index:5;

    width:390px;
    height:390px;

    display:flex;

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

    border-radius:50%;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.96),
            rgba(244,246,250,.88)
        );

    border:1px solid rgba(255,255,255,.9);

    box-shadow:
        0 35px 90px rgba(15,23,42,.16),
        inset 0 1px 0 rgba(255,255,255,.9);
}

.hero-logo-card::before{
    content:"";

    position:absolute;

    inset:18px;

    border-radius:50%;

    border:1px solid rgba(255,107,0,.13);
}

.hero-logo-card::after{
    content:"";

    position:absolute;

    inset:38px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,107,0,.10),
            transparent 65%
        );
}

.hero-logo-card img{
    position:relative;

    z-index:3;

    width:270px;

    height:auto;

    filter:
        drop-shadow(
            0 20px 20px rgba(15,23,42,.13)
        );

    animation:
        hero-logo-float 5s ease-in-out infinite;
}

@keyframes hero-logo-float{

    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-8px);
    }

}


/* =========================================================
   YÜZEN ROZETLER
========================================================= */

.floating-badge{
    position:absolute;

    z-index:8;

    display:flex;

    align-items:center;

    gap:11px;

    padding:12px 16px;

    border-radius:16px;

    background:
        rgba(255,255,255,.94);

    border:1px solid rgba(255,255,255,.9);

    box-shadow:
        0 18px 45px rgba(15,23,42,.12);

    backdrop-filter:blur(14px);
}

.floating-badge span:last-child{
    display:flex;

    flex-direction:column;

    gap:2px;

    color:#182235;

    font-size:12px;

    font-weight:800;
}

.floating-badge small{
    color:#8993a3;

    font-size:9px;

    font-weight:600;
}

.badge-icon{
    width:38px;
    height:38px;

    display:flex;

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

    border-radius:12px;

    color:#ff6b00;

    background:
        rgba(255,107,0,.10);
}

.badge-top{
    top:75px;

    right:10px;

    animation:
        floating-one 5s ease-in-out infinite;
}

.badge-bottom{
    left:5px;

    bottom:80px;

    animation:
        floating-two 6s ease-in-out infinite;
}

@keyframes floating-one{

    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-10px);
    }

}

@keyframes floating-two{

    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(9px);
    }

}


/* =========================================================
   MERKEZ NOKTA
========================================================= */

.hero-center-point{
    position:absolute;

    z-index:2;

    width:20px;
    height:20px;

    border-radius:50%;

    background:#ff6b00;

    box-shadow:
        0 0 0 10px rgba(255,107,0,.10),
        0 0 40px rgba(255,107,0,.35);
}

.hero-center-point span{
    position:absolute;

    inset:5px;

    border-radius:50%;

    background:#ffffff;
}


/* =========================================================
   HALKALAR
========================================================= */

.hero-ring{
    position:absolute;

    border-radius:50%;

    border:1px solid rgba(255,107,0,.14);

    pointer-events:none;
}

.ring-one{
    width:510px;
    height:510px;
}

.ring-two{
    width:620px;
    height:620px;

    border-color:rgba(15,23,42,.055);
}


/* =========================================================
   ALT BAR
========================================================= */

.premium-hero-bottom{
    position:relative;

    z-index:5;

    border-top:
        1px solid rgba(15,23,42,.07);

    background:
        rgba(255,255,255,.65);

    backdrop-filter:blur(15px);
}

.hero-bottom-inner{
    min-height:72px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;
}

.hero-bottom-inner span{
    display:flex;

    align-items:center;

    gap:9px;

    color:#707b8c;

    font-size:11px;

    font-weight:700;
}

.hero-bottom-inner i{
    color:#ff6b00;

    font-size:13px;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1000px){

    .premium-hero-wrapper{
        grid-template-columns:1fr;

        text-align:center;

        gap:40px;

        padding-top:80px;
    }

    .premium-hero-content{
        max-width:760px;

        margin:auto;
    }

    .premium-hero-description{
        margin-left:auto;
        margin-right:auto;
    }

    .premium-hero-buttons{
        justify-content:center;
    }

    .premium-hero-trust{
        justify-content:center;
    }

    .premium-hero-visual{
        min-height:500px;
    }

}


/* =========================================================
   MOBİL
========================================================= */

@media(max-width:600px){

    .premium-hero{
        min-height:auto;
    }

    .premium-hero-wrapper{
        width:90%;

        padding-top:55px;
        padding-bottom:45px;
    }

    .premium-eyebrow{
        font-size:9px;

        padding:8px 12px;
    }

    .premium-hero h1{
        font-size:45px;

        letter-spacing:-.045em;
    }

    .premium-hero-description{
        font-size:14px;

        line-height:1.65;

        margin-top:20px;
    }

    .premium-hero-buttons{
        flex-direction:column;

        width:100%;

        margin-top:28px;
    }

    .premium-btn{
        width:100%;

        min-height:58px;
    }

    .premium-hero-trust{
        flex-wrap:wrap;

        justify-content:center;

        gap:12px 18px;

        margin-top:22px;
    }

    .premium-hero-visual{
        min-height:390px;
    }

    .hero-logo-card{
        width:280px;
        height:280px;
    }

    .hero-logo-card img{
        width:195px;
    }

    .hero-ring.ring-one{
        width:350px;
        height:350px;
    }

    .hero-ring.ring-two{
        width:430px;
        height:430px;
    }

    .hero-visual-halo{
        width:330px;
        height:330px;
    }

    .floating-badge{
        padding:9px 12px;
    }

    .badge-top{
        top:20px;

        right:0;
    }

    .badge-bottom{
        left:0;

        bottom:20px;
    }

    .badge-icon{
        width:32px;
        height:32px;
    }

    .floating-badge span:last-child{
        font-size:10px;
    }

    .hero-bottom-inner{
        min-height:auto;

        padding:20px 0;

        display:grid;

        grid-template-columns:1fr 1fr;

        gap:15px;
    }

    .hero-bottom-inner span{
        font-size:9px;
    }

}

/* =========================================================
   PREMIUM TRUST / STATS
========================================================= */

.premium-trust{
    position:relative;

    padding:85px 0 110px;

    background:#ffffff;

    overflow:hidden;
}


/* =========================================================
   İSTATİSTİKLER
========================================================= */

.premium-stats{
    position:relative;

    display:grid;

    grid-template-columns:
        1fr
        auto
        1fr
        auto
        1fr
        auto
        1fr;

    align-items:center;

    padding:28px 35px;

    border:1px solid #e9edf2;

    border-radius:24px;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #fafbfc
        );

    box-shadow:
        0 20px 60px rgba(15,23,42,.06);
}


/* STAT */

.premium-stat{
    display:flex;

    align-items:center;

    justify-content:center;

    gap:14px;

    min-height:72px;
}

.stat-icon{
    width:45px;
    height:45px;

    display:flex;

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

    flex-shrink:0;

    border-radius:13px;

    background:
        rgba(255,107,0,.09);

    color:#ff6b00;

    font-size:16px;
}

.stat-content{
    display:flex;

    flex-direction:column;

    gap:3px;
}

.stat-content strong{
    color:#121a28;

    font-size:27px;

    line-height:1;

    letter-spacing:-.04em;

    font-weight:800;
}

.stat-content strong span{
    color:#ff6b00;
}

.stat-content small{
    color:#8993a2;

    font-size:10px;

    font-weight:600;

    white-space:nowrap;
}


/* AYIRICI */

.stat-divider{
    width:1px;

    height:42px;

    background:#e6eaf0;
}


/* =========================================================
   KURUMSAL MÜŞTERİLER
========================================================= */

.premium-clients{
    margin-top:105px;
}


/* BAŞLIK */

.clients-heading{
    display:flex;

    align-items:flex-end;

    justify-content:space-between;

    gap:50px;

    margin-bottom:38px;
}

.clients-heading > div{
    max-width:550px;
}

.premium-label{
    display:inline-flex;

    margin-bottom:13px;

    color:#ff6b00;

    font-size:10px;

    font-weight:800;

    letter-spacing:.12em;
}

.clients-heading h2{
    margin:0;

    color:#121a28;

    font-size:42px;

    line-height:1.1;

    letter-spacing:-.045em;

    font-weight:800;
}

.clients-heading h2 strong{
    color:#ff6b00;

    font-weight:800;
}

.clients-heading p{
    max-width:400px;

    margin:0;

    color:#7a8493;

    font-size:14px;

    line-height:1.7;
}


/* =========================================================
   LOGOLAR
========================================================= */

.premium-client-logos{
    display:grid;

    grid-template-columns:
        repeat(6, 1fr);

    gap:15px;
}

.premium-client-logo{
    height:100px;

    display:flex;

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

    padding:20px;

    border:1px solid #edf0f4;

    border-radius:18px;

    background:#ffffff;

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

.premium-client-logo img{
    max-width:115px;

    max-height:42px;

    width:auto;
    height:auto;

    object-fit:contain;

    opacity:.62;

    filter:grayscale(100%);

    transition:
        opacity .3s ease,
        filter .3s ease,
        transform .3s ease;
}

.premium-client-logo:hover{
    transform:translateY(-5px);

    border-color:
        rgba(255,107,0,.18);

    box-shadow:
        0 15px 35px rgba(15,23,42,.07);
}

.premium-client-logo:hover img{
    opacity:1;

    filter:grayscale(0%);

    transform:scale(1.04);
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1000px){

    .premium-stats{
        grid-template-columns:
            1fr 1fr;

        gap:0;
    }

    .stat-divider{
        display:none;
    }

    .premium-stat{
        padding:20px;

        justify-content:flex-start;
    }

    .premium-client-logos{
        grid-template-columns:
            repeat(3, 1fr);
    }

    .clients-heading{
        align-items:flex-start;

        flex-direction:column;

        gap:15px;
    }

}


/* =========================================================
   MOBİL
========================================================= */

@media(max-width:600px){

    .premium-trust{
        padding:60px 0 75px;
    }

    .premium-stats{
        grid-template-columns:1fr;

        padding:12px 20px;

        border-radius:20px;
    }

    .premium-stat{
        min-height:68px;

        padding:12px 0;
    }

    .stat-icon{
        width:40px;
        height:40px;

        font-size:14px;
    }

    .stat-content strong{
        font-size:23px;
    }

    .premium-clients{
        margin-top:70px;
    }

    .clients-heading{
        margin-bottom:28px;
    }

    .clients-heading h2{
        font-size:34px;
    }

    .clients-heading p{
        font-size:13px;
    }

    .premium-client-logos{
        grid-template-columns:
            repeat(2, 1fr);

        gap:10px;
    }

    .premium-client-logo{
        height:85px;

        border-radius:15px;
    }

    .premium-client-logo img{
        max-width:95px;

        max-height:35px;
    }

}

/* =========================================================
   PREMIUM SERVICES
========================================================= */

.premium-services{
    position:relative;

    padding:120px 0;

    background:
        linear-gradient(
            180deg,
            #f8fafc 0%,
            #ffffff 100%
        );

    overflow:hidden;
}


/* =========================================================
   HEADER
========================================================= */

.premium-services-header{
    display:flex;

    align-items:flex-end;

    justify-content:space-between;

    gap:60px;

    margin-bottom:55px;
}

.premium-services-header > div{
    max-width:620px;
}

.premium-services-header .premium-label{
    margin-bottom:16px;
}

.premium-services-header h2{
    margin:0;

    color:#111827;

    font-size:
        clamp(40px,4vw,58px);

    line-height:1.04;

    letter-spacing:-.05em;

    font-weight:800;
}

.premium-services-header h2 strong{
    color:#ff6b00;
}

.premium-services-header > p{
    max-width:430px;

    margin:0;

    color:#7b8696;

    font-size:14px;

    line-height:1.8;
}


/* =========================================================
   GRID
========================================================= */

.premium-services-grid{
    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    gap:18px;
}


/* =========================================================
   SERVICE CARD
========================================================= */

.premium-service-card{
    position:relative;

    min-height:350px;

    display:flex;

    flex-direction:column;

    padding:28px;

    border:1px solid #e7ebf0;

    border-radius:24px;

    background:#ffffff;

    box-shadow:
        0 12px 35px rgba(15,23,42,.045);

    overflow:hidden;

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
}

.premium-service-card::before{
    content:"";

    position:absolute;

    width:180px;
    height:180px;

    right:-100px;
    top:-100px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,107,0,.10),
            transparent 68%
        );

    transition:
        transform .5s ease;
}

.premium-service-card:hover{
    transform:translateY(-8px);

    border-color:
        rgba(255,107,0,.18);

    box-shadow:
        0 25px 55px rgba(15,23,42,.10);
}

.premium-service-card:hover::before{
    transform:scale(1.5);
}


/* =========================================================
   CARD TOP
========================================================= */

.service-card-top{
    display:flex;

    align-items:center;

    justify-content:space-between;

    margin-bottom:45px;
}

.service-number{
    color:#b4bbc5;

    font-size:11px;

    font-weight:800;

    letter-spacing:.08em;
}

.service-icon{
    width:52px;
    height:52px;

    display:flex;

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

    border-radius:16px;

    background:
        rgba(255,107,0,.09);

    color:#ff6b00;

    font-size:20px;

    transition:
        transform .35s ease,
        background .35s ease,
        color .35s ease;
}

.premium-service-card:hover .service-icon{
    transform:rotate(-5deg) scale(1.05);

    background:#ff6b00;

    color:#ffffff;
}


/* =========================================================
   CARD CONTENT
========================================================= */

.service-card-content{
    position:relative;

    z-index:2;

    flex:1;
}

.service-card-content h3{
    margin:0 0 13px;

    color:#151e2d;

    font-size:23px;

    line-height:1.15;

    letter-spacing:-.025em;

    font-weight:800;
}

.service-card-content p{
    max-width:280px;

    margin:0;

    color:#8993a2;

    font-size:13px;

    line-height:1.7;
}


/* TAG */

.service-tag{
    display:inline-flex;

    margin-bottom:10px;

    padding:5px 9px;

    border-radius:6px;

    background:
        rgba(255,107,0,.09);

    color:#ff6b00;

    font-size:8px;

    font-weight:900;

    letter-spacing:.1em;
}


/* =========================================================
   CARD BOTTOM
========================================================= */

.service-card-bottom{
    position:relative;

    z-index:2;

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding-top:22px;

    margin-top:25px;

    border-top:1px solid #edf0f3;
}

.service-card-bottom span{
    color:#8a94a3;

    font-size:10px;

    font-weight:700;
}

.service-card-bottom a{
    width:37px;
    height:37px;

    display:flex;

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

    border-radius:50%;

    background:#f5f7f9;

    color:#202938;

    text-decoration:none;

    transition:
        transform .3s ease,
        background .3s ease,
        color .3s ease;
}

.service-card-bottom a i{
    font-size:11px;
}

.premium-service-card:hover
.service-card-bottom a{
    transform:translateX(3px);

    background:#ff6b00;

    color:#ffffff;
}


/* =========================================================
   ÖZEL KARTLAR
========================================================= */

.service-featured{
    background:
        linear-gradient(
            145deg,
            #171f2d,
            #202b3b
        );

    border-color:#202b3b;

    box-shadow:
        0 20px 50px rgba(15,23,42,.14);
}

.service-featured .service-number{
    color:#718096;
}

.service-featured .service-card-content h3{
    color:#ffffff;
}

.service-featured .service-card-content p{
    color:#aab4c2;
}

.service-featured .service-card-bottom{
    border-color:
        rgba(255,255,255,.09);
}

.service-featured .service-card-bottom span{
    color:#a5afbd;
}

.service-featured .service-card-bottom a{
    background:rgba(255,255,255,.08);

    color:#ffffff;
}

.service-featured:hover{
    border-color:
        rgba(255,107,0,.30);

    box-shadow:
        0 30px 65px rgba(15,23,42,.20);
}


/* VIP */

.service-premium{
    background:
        linear-gradient(
            145deg,
            #fffaf6,
            #ffffff
        );

    border-color:
        rgba(255,107,0,.18);
}


/* =========================================================
   ALT CTA
========================================================= */

.services-bottom{
    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:30px;

    margin-top:35px;

    padding:20px 25px;

    border-radius:16px;

    background:#ffffff;

    border:1px solid #edf0f4;
}

.services-bottom span{
    color:#7d8796;

    font-size:12px;

    font-weight:600;
}

.services-bottom a{
    display:inline-flex;

    align-items:center;

    gap:9px;

    color:#ff6b00;

    text-decoration:none;

    font-size:12px;

    font-weight:800;

    white-space:nowrap;
}

.services-bottom a i{
    transition:
        transform .25s ease;
}

.services-bottom a:hover i{
    transform:translateX(4px);
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:950px){

    .premium-services{
        padding:90px 0;
    }

    .premium-services-header{
        align-items:flex-start;

        flex-direction:column;

        gap:20px;
    }

    .premium-services-grid{
        grid-template-columns:
            repeat(2,1fr);
    }

}


/* =========================================================
   MOBİL
========================================================= */

@media(max-width:600px){

    .premium-services{
        padding:75px 0;
    }

    .premium-services-header{
        margin-bottom:35px;
    }

    .premium-services-header h2{
        font-size:39px;
    }

    .premium-services-header > p{
        font-size:13px;
    }

    .premium-services-grid{
        grid-template-columns:1fr;

        gap:13px;
    }

    .premium-service-card{
        min-height:315px;

        padding:24px;

        border-radius:21px;
    }

    .service-card-top{
        margin-bottom:35px;
    }

    .service-card-content h3{
        font-size:21px;
    }

    .services-bottom{
        align-items:flex-start;

        flex-direction:column;

        gap:14px;

        padding:20px;
    }

}

/* =========================================================
   PREMIUM WHY US
========================================================= */

.premium-why{
    position:relative;

    padding:125px 0;

    background:#ffffff;

    overflow:hidden;
}

.premium-why::before{
    content:"";

    position:absolute;

    width:550px;
    height:550px;

    right:-300px;
    top:-200px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,107,0,.08),
            transparent 68%
        );

    pointer-events:none;
}


/* =========================================================
   ANA WRAPPER
========================================================= */

.premium-why-wrapper{
    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:
        .85fr
        1.15fr;

    gap:90px;

    align-items:center;
}


/* =========================================================
   SOL TARAF
========================================================= */

.premium-why-intro{
    max-width:500px;
}

.premium-why-intro h2{
    margin:0;

    color:#111827;

    font-size:
        clamp(40px,4vw,58px);

    line-height:1.04;

    letter-spacing:-.05em;

    font-weight:800;
}

.premium-why-intro h2 strong{
    color:#ff6b00;

    font-weight:800;
}

.premium-why-intro > p{
    max-width:440px;

    margin:25px 0 0;

    color:#7d8796;

    font-size:14px;

    line-height:1.8;
}


/* LINK */

.why-main-link{
    display:inline-flex;

    align-items:center;

    gap:10px;

    margin-top:30px;

    color:#172033;

    text-decoration:none;

    font-size:12px;

    font-weight:800;

    transition:
        color .25s ease;
}

.why-main-link i{
    color:#ff6b00;

    transition:
        transform .25s ease;
}

.why-main-link:hover{
    color:#ff6b00;
}

.why-main-link:hover i{
    transform:translateX(5px);
}


/* =========================================================
   MİNİ GÜVEN ALANI
========================================================= */

.why-trust-mini{
    display:flex;

    align-items:center;

    gap:12px;

    margin-top:55px;

    padding-top:25px;

    border-top:1px solid #edf0f4;
}

.why-mini-icon{
    width:42px;
    height:42px;

    display:flex;

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

    border-radius:12px;

    background:
        rgba(255,107,0,.09);

    color:#ff6b00;
}

.why-trust-mini > div:last-child{
    display:flex;

    flex-direction:column;

    gap:3px;
}

.why-trust-mini strong{
    color:#1b2535;

    font-size:11px;

    font-weight:800;
}

.why-trust-mini span{
    color:#929baa;

    font-size:10px;
}


/* =========================================================
   SAĞ GRID
========================================================= */

.premium-why-grid{
    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:15px;
}


/* =========================================================
   KART
========================================================= */

.premium-why-card{
    position:relative;

    min-height:245px;

    display:flex;

    flex-direction:column;

    padding:25px;

    border:1px solid #e8ecf1;

    border-radius:22px;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #fafbfc
        );

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

    overflow:hidden;

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
}

.premium-why-card::before{
    content:"";

    position:absolute;

    width:150px;
    height:150px;

    right:-90px;
    bottom:-90px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,107,0,.10),
            transparent 68%
        );

    transition:
        transform .4s ease;
}

.premium-why-card:hover{
    transform:translateY(-7px);

    border-color:
        rgba(255,107,0,.18);

    box-shadow:
        0 25px 55px rgba(15,23,42,.09);
}

.premium-why-card:hover::before{
    transform:scale(1.5);
}


/* NUMARA */

.why-card-number{
    position:absolute;

    top:23px;
    right:25px;

    color:#c1c7d0;

    font-size:10px;

    font-weight:800;

    letter-spacing:.08em;
}


/* ICON */

.why-card-icon{
    width:48px;
    height:48px;

    display:flex;

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

    border-radius:14px;

    background:
        rgba(255,107,0,.09);

    color:#ff6b00;

    font-size:17px;

    margin-bottom:30px;

    transition:
        transform .3s ease,
        background .3s ease,
        color .3s ease;
}

.premium-why-card:hover .why-card-icon{
    transform:scale(1.06);

    background:#ff6b00;

    color:#ffffff;
}


/* TEXT */

.why-card-text{
    position:relative;

    z-index:2;
}

.why-card-text h3{
    margin:0 0 10px;

    color:#182233;

    font-size:18px;

    line-height:1.2;

    letter-spacing:-.02em;

    font-weight:800;
}

.why-card-text p{
    max-width:260px;

    margin:0;

    color:#8b95a3;

    font-size:12px;

    line-height:1.7;
}


/* ARROW */

.why-card-arrow{
    position:absolute;

    right:22px;
    bottom:21px;

    width:32px;
    height:32px;

    display:flex;

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

    border-radius:50%;

    background:#f4f6f8;

    color:#6e7887;

    font-size:10px;

    transition:
        transform .3s ease,
        background .3s ease,
        color .3s ease;
}

.premium-why-card:hover .why-card-arrow{
    transform:translate(2px,-2px);

    background:#ff6b00;

    color:#ffffff;
}


/* =========================================================
   TURUNCU KART
========================================================= */

.why-card-orange{
    background:
        linear-gradient(
            145deg,
            #ff6b00,
            #ff8120
        );

    border-color:#ff6b00;

    box-shadow:
        0 20px 45px rgba(255,107,0,.20);
}

.why-card-orange::before{
    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.20),
            transparent 68%
        );
}

.why-card-orange .why-card-number{
    color:rgba(255,255,255,.55);
}

.why-card-orange .why-card-icon{
    background:rgba(255,255,255,.14);

    color:#ffffff;
}

.why-card-orange .why-card-text h3{
    color:#ffffff;
}

.why-card-orange .why-card-text p{
    color:rgba(255,255,255,.76);
}

.why-card-orange .why-card-arrow{
    background:rgba(255,255,255,.14);

    color:#ffffff;
}

.why-card-orange:hover{
    border-color:#ff6b00;

    box-shadow:
        0 30px 60px rgba(255,107,0,.27);
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:950px){

    .premium-why{
        padding:95px 0;
    }

    .premium-why-wrapper{
        grid-template-columns:1fr;

        gap:55px;
    }

    .premium-why-intro{
        max-width:650px;
    }

}


/* =========================================================
   MOBİL
========================================================= */

@media(max-width:600px){

    .premium-why{
        padding:75px 0;
    }

    .premium-why-wrapper{
        gap:40px;
    }

    .premium-why-intro h2{
        font-size:39px;
    }

    .premium-why-intro > p{
        font-size:13px;
    }

    .why-trust-mini{
        margin-top:35px;
    }

    .premium-why-grid{
        grid-template-columns:1fr;

        gap:12px;
    }

    .premium-why-card{
        min-height:225px;

        padding:23px;

        border-radius:19px;
    }

}

/* =========================================================
   PREMIUM OPERASYON SÜRECİ
========================================================= */

.premium-process{
    position:relative;

    padding:120px 0;

    background:#f8fafc;

    overflow:hidden;
}


/* =========================================================
   HEADER
========================================================= */

.premium-process-heading{
    display:flex;

    align-items:flex-end;

    justify-content:space-between;

    gap:60px;

    margin-bottom:65px;
}

.premium-process-heading h2{
    margin:0;

    color:#111827;

    font-size:clamp(40px,4vw,58px);

    line-height:1.04;

    letter-spacing:-.05em;

    font-weight:800;
}

.premium-process-heading h2 strong{
    color:#ff6b00;
}

.premium-process-heading p{
    max-width:410px;

    margin:0;

    color:#7d8795;

    font-size:14px;

    line-height:1.8;
}


/* =========================================================
   GRID
========================================================= */

.premium-process-grid{
    position:relative;

    display:grid;

    grid-template-columns:
        repeat(4,1fr);

    gap:16px;
}


/* =========================================================
   CARD
========================================================= */

.premium-process-card{
    position:relative;

    min-height:330px;

    padding:27px;

    border:1px solid #e6ebf0;

    border-radius:23px;

    background:#ffffff;

    box-shadow:
        0 12px 35px rgba(15,23,42,.045);

    overflow:hidden;

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
}

.premium-process-card::before{
    content:"";

    position:absolute;

    width:170px;
    height:170px;

    right:-100px;
    top:-100px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,107,0,.10),
            transparent 68%
        );

    transition:
        transform .45s ease;
}

.premium-process-card:hover{
    transform:translateY(-8px);

    border-color:
        rgba(255,107,0,.20);

    box-shadow:
        0 25px 55px rgba(15,23,42,.10);
}

.premium-process-card:hover::before{
    transform:scale(1.45);
}


/* =========================================================
   TOP
========================================================= */

.premium-process-top{
    position:relative;

    display:flex;

    align-items:center;

    justify-content:space-between;

    margin-bottom:55px;
}

.premium-process-number{
    color:#c0c7d0;

    font-size:11px;

    font-weight:900;

    letter-spacing:.1em;
}

.premium-process-icon{
    width:55px;
    height:55px;

    display:flex;

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

    border-radius:16px;

    background:
        rgba(255,107,0,.09);

    color:#ff6b00;

    font-size:19px;

    transition:
        transform .3s ease,
        background .3s ease,
        color .3s ease;
}

.premium-process-card:hover
.premium-process-icon{
    transform:scale(1.06);

    background:#ff6b00;

    color:#ffffff;
}


/* =========================================================
   CONTENT
========================================================= */

.premium-process-content{
    position:relative;

    z-index:2;
}

.premium-process-content h3{
    margin:0 0 12px;

    color:#182233;

    font-size:19px;

    line-height:1.25;

    letter-spacing:-.025em;

    font-weight:800;
}

.premium-process-content p{
    max-width:240px;

    margin:0;

    color:#8993a2;

    font-size:12px;

    line-height:1.75;
}


/* =========================================================
   ALT ÇİZGİ
========================================================= */

.premium-process-line{
    position:absolute;

    left:27px;
    right:27px;

    bottom:25px;

    height:1px;

    background:#edf0f3;
}


/* =========================================================
   SON KART
========================================================= */

.premium-process-final{
    background:
        linear-gradient(
            145deg,
            #ff6b00,
            #ff8120
        );

    border-color:#ff6b00;

    box-shadow:
        0 20px 50px rgba(255,107,0,.20);
}

.premium-process-final::before{
    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.20),
            transparent 68%
        );
}

.premium-process-final
.premium-process-number{
    color:rgba(255,255,255,.60);
}

.premium-process-final
.premium-process-icon{
    background:rgba(255,255,255,.15);

    color:#ffffff;
}

.premium-process-final
.premium-process-content h3{
    color:#ffffff;
}

.premium-process-final
.premium-process-content p{
    color:rgba(255,255,255,.78);
}

.premium-process-final
.premium-process-line{
    background:rgba(255,255,255,.20);
}


/* =========================================================
   BOTTOM
========================================================= */

.premium-process-bottom{
    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:30px;

    margin-top:30px;

    padding:18px 23px;

    border:1px solid #e7ebf0;

    border-radius:15px;

    background:#ffffff;
}

.process-status{
    display:flex;

    align-items:center;

    gap:9px;

    color:#778291;

    font-size:11px;

    font-weight:700;
}

.process-status-dot{
    width:7px;
    height:7px;

    border-radius:50%;

    background:#20b568;

    box-shadow:
        0 0 0 5px rgba(32,181,104,.10);
}

.process-speed{
    color:#8a94a2;

    font-size:11px;
}

.process-speed strong{
    color:#ff6b00;

    font-weight:800;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:950px){

    .premium-process{
        padding:90px 0;
    }

    .premium-process-heading{
        align-items:flex-start;

        flex-direction:column;

        gap:20px;
    }

    .premium-process-grid{
        grid-template-columns:
            repeat(2,1fr);

        gap:14px;
    }

}


/* =========================================================
   MOBİL
========================================================= */

@media(max-width:600px){

    .premium-process{
        padding:75px 0;
    }

    .premium-process-heading{
        margin-bottom:40px;
    }

    .premium-process-heading h2{
        font-size:39px;
    }

    .premium-process-heading p{
        font-size:13px;
    }

    .premium-process-grid{
        grid-template-columns:1fr;

        gap:12px;
    }

    .premium-process-card{
        min-height:285px;

        padding:24px;

        border-radius:20px;
    }

    .premium-process-top{
        margin-bottom:45px;
    }

    .premium-process-content h3{
        font-size:18px;
    }

    .premium-process-bottom{
        align-items:flex-start;

        flex-direction:column;

        gap:10px;
    }

}

/* =========================================================
   PREMIUM TESTIMONIALS
========================================================= */

.premium-testimonials{
    position:relative;

    padding:120px 0;

    background:#ffffff;

    overflow:hidden;
}


/* =========================================================
   HEADER
========================================================= */

.premium-testimonials-heading{
    display:flex;

    align-items:flex-end;

    justify-content:space-between;

    gap:50px;

    margin-bottom:55px;
}

.premium-testimonials-heading h2{
    margin:0;

    color:#111827;

    font-size:
        clamp(40px,4vw,56px);

    line-height:1.05;

    letter-spacing:-.05em;

    font-weight:800;
}

.premium-testimonials-heading h2 strong{
    color:#ff6b00;
}


/* =========================================================
   RATING
========================================================= */

.testimonial-rating{
    display:flex;

    flex-direction:column;

    align-items:flex-end;

    gap:7px;
}

.testimonial-rating > span{
    color:#9099a6;

    font-size:10px;

    font-weight:600;
}

.testimonial-stars{
    color:#ff8a00;

    font-size:14px;

    letter-spacing:3px;
}


/* =========================================================
   GRID
========================================================= */

.premium-testimonial-grid{
    display:grid;

    grid-template-columns:
        1.15fr
        .925fr
        .925fr;

    gap:16px;
}


/* =========================================================
   CARD
========================================================= */

.premium-testimonial-card{
    position:relative;

    min-height:310px;

    display:flex;

    flex-direction:column;

    padding:30px;

    border:1px solid #e7ebf0;

    border-radius:23px;

    background:#ffffff;

    box-shadow:
        0 12px 35px rgba(15,23,42,.045);

    overflow:hidden;

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
}

.premium-testimonial-card::before{
    content:"";

    position:absolute;

    width:190px;
    height:190px;

    right:-120px;
    bottom:-120px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,107,0,.09),
            transparent 68%
        );

    transition:
        transform .45s ease;
}

.premium-testimonial-card:hover{
    transform:translateY(-8px);

    border-color:
        rgba(255,107,0,.18);

    box-shadow:
        0 25px 55px rgba(15,23,42,.09);
}

.premium-testimonial-card:hover::before{
    transform:scale(1.5);
}


/* =========================================================
   TOP
========================================================= */

.testimonial-card-top{
    position:relative;

    z-index:2;

    display:flex;

    align-items:center;

    justify-content:space-between;

    margin-bottom:35px;
}

.testimonial-quote{
    width:45px;
    height:45px;

    display:flex;

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

    border-radius:14px;

    background:
        rgba(255,107,0,.09);

    color:#ff6b00;

    font-size:17px;
}


/* =========================================================
   TEXT
========================================================= */

.premium-testimonial-card > p{
    position:relative;

    z-index:2;

    flex:1;

    margin:0;

    color:#303b4c;

    font-size:16px;

    line-height:1.7;

    letter-spacing:-.01em;

    font-weight:600;
}


/* =========================================================
   AUTHOR
========================================================= */

.testimonial-author{
    position:relative;

    z-index:2;

    display:flex;

    align-items:center;

    gap:11px;

    margin-top:28px;

    padding-top:20px;

    border-top:1px solid #edf0f3;
}

.testimonial-avatar{
    width:38px;
    height:38px;

    display:flex;

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

    border-radius:50%;

    background:#f1f3f6;

    color:#4d5868;

    font-size:12px;

    font-weight:900;
}

.testimonial-author > div:last-child{
    display:flex;

    flex-direction:column;

    gap:3px;
}

.testimonial-author strong{
    color:#1a2433;

    font-size:11px;

    font-weight:800;
}

.testimonial-author span{
    color:#969faa;

    font-size:9px;
}


/* =========================================================
   FEATURED
========================================================= */

.testimonial-featured{
    background:
        linear-gradient(
            145deg,
            #17202e,
            #202c3c
        );

    border-color:#202b39;

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

.testimonial-featured .testimonial-quote{
    background:
        rgba(255,107,0,.14);

    color:#ff7b18;
}

.testimonial-featured > p{
    color:#ffffff;

    font-size:18px;
}

.testimonial-featured .testimonial-author{
    border-color:
        rgba(255,255,255,.09);
}

.testimonial-featured .testimonial-avatar{
    background:
        rgba(255,255,255,.10);

    color:#ffffff;
}

.testimonial-featured .testimonial-author strong{
    color:#ffffff;
}

.testimonial-featured .testimonial-author span{
    color:#98a5b5;
}

.testimonial-featured:hover{
    border-color:
        rgba(255,107,0,.30);

    box-shadow:
        0 30px 65px rgba(15,23,42,.20);
}


/* =========================================================
   BOTTOM
========================================================= */

.testimonials-bottom{
    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:30px;

    margin-top:30px;

    padding:19px 23px;

    border:1px solid #e8ecf1;

    border-radius:15px;

    background:#fafbfc;
}

.testimonials-bottom span{
    color:#818b99;

    font-size:11px;

    font-weight:600;
}

.testimonials-bottom a{
    display:inline-flex;

    align-items:center;

    gap:9px;

    color:#ff6b00;

    text-decoration:none;

    font-size:11px;

    font-weight:800;

    white-space:nowrap;
}

.testimonials-bottom a i{
    transition:
        transform .25s ease;
}

.testimonials-bottom a:hover i{
    transform:translateX(4px);
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:900px){

    .premium-testimonials{
        padding:95px 0;
    }

    .premium-testimonials-heading{
        align-items:flex-start;

        flex-direction:column;

        gap:20px;
    }

    .testimonial-rating{
        align-items:flex-start;
    }

    .premium-testimonial-grid{
        grid-template-columns:
            1fr 1fr;
    }

    .testimonial-featured{
        grid-column:1 / -1;
    }

}


/* =========================================================
   MOBİL
========================================================= */

@media(max-width:600px){

    .premium-testimonials{
        padding:75px 0;
    }

    .premium-testimonials-heading h2{
        font-size:39px;
    }

    .premium-testimonial-grid{
        grid-template-columns:1fr;

        gap:12px;
    }

    .testimonial-featured{
        grid-column:auto;
    }

    .premium-testimonial-card{
        min-height:280px;

        padding:24px;

        border-radius:20px;
    }

    .premium-testimonial-card > p{
        font-size:14px;
    }

    .testimonial-featured > p{
        font-size:16px;
    }

    .testimonials-bottom{
        align-items:flex-start;

        flex-direction:column;

        gap:12px;
    }

}

/* =========================================================
   PREMIUM TRUST
========================================================= */

.premium-trust{
    position:relative;

    padding:120px 0;

    background:#f7f9fb;

    overflow:hidden;
}

.premium-trust::before{
    content:"";

    position:absolute;

    width:500px;
    height:500px;

    left:-300px;
    top:-250px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,107,0,.08),
            transparent 68%
        );

    pointer-events:none;
}


/* =========================================================
   WRAPPER
========================================================= */

.premium-trust-wrapper{
    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:
        .8fr
        1.2fr;

    gap:90px;

    align-items:center;
}


/* =========================================================
   SOL BAŞLIK
========================================================= */

.premium-trust-heading{
    max-width:480px;
}

.premium-trust-heading h2{
    margin:0;

    color:#111827;

    font-size:
        clamp(42px,4vw,58px);

    line-height:1.03;

    letter-spacing:-.05em;

    font-weight:800;
}

.premium-trust-heading h2 strong{
    color:#ff6b00;
}

.premium-trust-heading > p{
    max-width:430px;

    margin:24px 0 0;

    color:#7e8998;

    font-size:14px;

    line-height:1.8;
}


/* =========================================================
   ASSURANCE
========================================================= */

.trust-assurance{
    display:flex;

    align-items:center;

    gap:12px;

    margin-top:40px;

    padding-top:25px;

    border-top:1px solid #e4e8ed;
}

.trust-assurance-icon{
    width:43px;
    height:43px;

    display:flex;

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

    border-radius:13px;

    background:
        rgba(255,107,0,.09);

    color:#ff6b00;

    font-size:15px;
}

.trust-assurance > div:last-child{
    display:flex;

    flex-direction:column;

    gap:3px;
}

.trust-assurance strong{
    color:#1b2534;

    font-size:11px;

    font-weight:800;
}

.trust-assurance span{
    color:#929ba8;

    font-size:10px;
}


/* =========================================================
   GRID
========================================================= */

.premium-trust-grid{
    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    gap:14px;
}


/* =========================================================
   CARD
========================================================= */

.premium-trust-card{
    position:relative;

    min-height:300px;

    display:flex;

    flex-direction:column;

    padding:25px;

    border:1px solid #e4e9ee;

    border-radius:22px;

    background:#ffffff;

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

    overflow:hidden;

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
}

.premium-trust-card::before{
    content:"";

    position:absolute;

    width:160px;
    height:160px;

    right:-100px;
    top:-100px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,107,0,.10),
            transparent 68%
        );

    transition:
        transform .4s ease;
}

.premium-trust-card:hover{
    transform:translateY(-8px);

    border-color:
        rgba(255,107,0,.20);

    box-shadow:
        0 25px 55px rgba(15,23,42,.09);
}

.premium-trust-card:hover::before{
    transform:scale(1.5);
}


/* =========================================================
   NUMBER
========================================================= */

.trust-card-number{
    position:absolute;

    top:23px;
    right:22px;

    color:#c5cbd3;

    font-size:10px;

    font-weight:900;

    letter-spacing:.08em;
}


/* =========================================================
   ICON
========================================================= */

.trust-card-icon{
    position:relative;

    z-index:2;

    width:50px;
    height:50px;

    display:flex;

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

    margin-bottom:50px;

    border-radius:15px;

    background:
        rgba(255,107,0,.09);

    color:#ff6b00;

    font-size:17px;

    transition:
        transform .3s ease,
        background .3s ease,
        color .3s ease;
}

.premium-trust-card:hover .trust-card-icon{
    transform:scale(1.06);

    background:#ff6b00;

    color:#ffffff;
}


/* =========================================================
   TEXT
========================================================= */

.premium-trust-card h3{
    position:relative;

    z-index:2;

    margin:0 0 10px;

    color:#182233;

    font-size:17px;

    line-height:1.25;

    letter-spacing:-.02em;

    font-weight:800;
}

.premium-trust-card p{
    position:relative;

    z-index:2;

    margin:0;

    color:#8993a1;

    font-size:11px;

    line-height:1.7;
}


/* =========================================================
   BOTTOM
========================================================= */

.trust-card-bottom{
    position:relative;

    z-index:2;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:8px;

    margin-top:auto;

    padding-top:20px;

    border-top:1px solid #edf0f3;

    color:#9aa2ae;

    font-size:9px;

    font-weight:700;
}

.trust-card-bottom i{
    color:#ff6b00;

    transition:
        transform .25s ease;
}

.premium-trust-card:hover
.trust-card-bottom i{
    transform:translateX(4px);
}


/* =========================================================
   HIGHLIGHT CARD
========================================================= */

.trust-card-highlight{
    background:
        linear-gradient(
            145deg,
            #17202e,
            #202d3d
        );

    border-color:#202c3b;

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

.trust-card-highlight::before{
    background:
        radial-gradient(
            circle,
            rgba(255,107,0,.20),
            transparent 68%
        );
}

.trust-card-highlight
.trust-card-number{
    color:rgba(255,255,255,.45);
}

.trust-card-highlight
.trust-card-icon{
    background:rgba(255,107,0,.14);

    color:#ff7915;
}

.trust-card-highlight h3{
    color:#ffffff;
}

.trust-card-highlight p{
    color:#9aa6b5;
}

.trust-card-highlight
.trust-card-bottom{
    border-color:rgba(255,255,255,.09);

    color:#8f9baa;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:950px){

    .premium-trust{
        padding:95px 0;
    }

    .premium-trust-wrapper{
        grid-template-columns:1fr;

        gap:55px;
    }

    .premium-trust-heading{
        max-width:650px;
    }

}


/* =========================================================
   MOBİL
========================================================= */

@media(max-width:700px){

    .premium-trust{
        padding:75px 0;
    }

    .premium-trust-heading h2{
        font-size:39px;
    }

    .premium-trust-heading > p{
        font-size:13px;
    }

    .premium-trust-grid{
        grid-template-columns:1fr;

        gap:12px;
    }

    .premium-trust-card{
        min-height:245px;

        border-radius:20px;
    }

}

/* =========================================================
   PREMIUM FİYAT ALMA
========================================================= */

.premium-calculator{
    position:relative;

    padding:125px 0;

    background:
        linear-gradient(
            180deg,
            #f8fafc 0%,
            #ffffff 100%
        );

    overflow:hidden;
}

.premium-calculator::before{
    content:"";

    position:absolute;

    width:550px;
    height:550px;

    left:-300px;
    top:50px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,107,0,.08),
            transparent 68%
        );

    pointer-events:none;
}


/* =========================================================
   WRAPPER
========================================================= */

.premium-calculator-wrapper{
    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:
        .85fr
        1.15fr;

    gap:80px;

    align-items:center;
}


/* =========================================================
   SOL BİLGİ
========================================================= */

.premium-calculator-info{
    max-width:500px;
}

.premium-calculator-info h2{
    margin:0;

    color:#111827;

    font-size:
        clamp(42px,4vw,60px);

    line-height:1.03;

    letter-spacing:-.055em;

    font-weight:800;
}

.premium-calculator-info h2 strong{
    display:block;

    color:#ff6b00;
}

.premium-calculator-info > p{
    max-width:430px;

    margin:24px 0 0;

    color:#7e8997;

    font-size:14px;

    line-height:1.8;
}


/* =========================================================
   BENEFITS
========================================================= */

.calculator-benefits{
    display:flex;

    flex-direction:column;

    gap:18px;

    margin-top:40px;
}

.calculator-benefit{
    display:flex;

    align-items:center;

    gap:13px;
}

.calculator-benefit-icon{
    width:43px;
    height:43px;

    flex:0 0 43px;

    display:flex;

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

    border-radius:13px;

    background:
        rgba(255,107,0,.09);

    color:#ff6b00;

    font-size:15px;
}

.calculator-benefit > div:last-child{
    display:flex;

    flex-direction:column;

    gap:3px;
}

.calculator-benefit strong{
    color:#1a2433;

    font-size:11px;

    font-weight:800;
}

.calculator-benefit span{
    color:#929ba7;

    font-size:10px;

    line-height:1.5;
}


/* =========================================================
   ONLINE STATUS
========================================================= */

.calculator-mini-note{
    display:flex;

    align-items:center;

    gap:9px;

    margin-top:35px;

    color:#7d8794;

    font-size:10px;

    font-weight:700;
}

.calculator-online-dot{
    width:7px;
    height:7px;

    border-radius:50%;

    background:#22b967;

    box-shadow:
        0 0 0 5px rgba(34,185,103,.10);
}


/* =========================================================
   FORM PANEL
========================================================= */

.premium-calculator-form{
    position:relative;

    padding:35px;

    border:1px solid #e4e9ee;

    border-radius:27px;

    background:#ffffff;

    box-shadow:
        0 25px 70px rgba(15,23,42,.09);
}


/* =========================================================
   FORM HEADER
========================================================= */

.calculator-form-heading{
    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    margin-bottom:28px;

    padding-bottom:22px;

    border-bottom:1px solid #edf0f3;
}

.calculator-form-heading > div:first-child{
    display:flex;

    flex-direction:column;

    gap:5px;
}

.calculator-form-heading span{
    color:#a0a8b3;

    font-size:8px;

    font-weight:900;

    letter-spacing:.13em;
}

.calculator-form-heading h3{
    margin:0;

    color:#182233;

    font-size:21px;

    letter-spacing:-.025em;

    font-weight:800;
}

.calculator-form-badge{
    display:flex;

    align-items:center;

    gap:6px;

    padding:7px 10px;

    border-radius:8px;

    background:#f4f7f9;

    color:#7f8996;

    font-size:9px;

    font-weight:700;
}

.calculator-form-badge i{
    color:#28ad69;
}


/* =========================================================
   FORM ROW
========================================================= */

.calculator-form-row{
    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:14px;
}


/* =========================================================
   INPUT GROUP
========================================================= */

.premium-calculator-form .input-group{
    margin-bottom:16px;
}

.premium-calculator-form label{
    display:block;

    margin-bottom:7px;

    color:#596575;

    font-size:10px;

    font-weight:800;
}


/* =========================================================
   INPUT WRAPPER
========================================================= */

.premium-input-wrapper,
.premium-textarea-wrapper{
    position:relative;
}

.premium-input-wrapper > i,
.premium-textarea-wrapper > i{
    position:absolute;

    left:14px;
    top:50%;

    z-index:2;

    transform:translateY(-50%);

    color:#a4acb7;

    font-size:11px;

    pointer-events:none;

    transition:
        color .25s ease;
}

.premium-textarea-wrapper > i{
    top:17px;

    transform:none;
}

.premium-input-wrapper:focus-within > i,
.premium-textarea-wrapper:focus-within > i{
    color:#ff6b00;
}


/* =========================================================
   INPUTS
========================================================= */

.premium-calculator-form input,
.premium-calculator-form select,
.premium-calculator-form textarea{
    width:100%;

    box-sizing:border-box;

    border:1px solid #e3e8ed;

    border-radius:11px;

    outline:none;

    background:#fafbfc;

    color:#273244;

    font-family:inherit;

    font-size:11px;

    transition:
        border-color .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}

.premium-calculator-form input,
.premium-calculator-form select{
    height:48px;

    padding:
        0 14px 0 38px;
}

.premium-calculator-form textarea{
    min-height:105px;

    padding:
        14px 14px 14px 38px;

    resize:vertical;

    line-height:1.6;
}

.premium-calculator-form input::placeholder,
.premium-calculator-form textarea::placeholder{
    color:#b1b8c1;
}

.premium-calculator-form select{
    appearance:none;

    cursor:pointer;
}

.premium-calculator-form input:focus,
.premium-calculator-form select:focus,
.premium-calculator-form textarea:focus{
    border-color:
        rgba(255,107,0,.45);

    background:#ffffff;

    box-shadow:
        0 0 0 4px rgba(255,107,0,.07);
}


/* =========================================================
   SUBMIT
========================================================= */

.premium-quote-button{
    position:relative;

    width:100%;

    min-height:65px;

    display:flex;

    align-items:center;

    gap:13px;

    margin-top:5px;

    padding:0 18px;

    border:0;

    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            #ff6b00,
            #ff8120
        );

    color:#ffffff;

    font-family:inherit;

    cursor:pointer;

    box-shadow:
        0 14px 30px rgba(255,107,0,.22);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

.premium-quote-button:hover{
    transform:translateY(-3px);

    box-shadow:
        0 20px 40px rgba(255,107,0,.30);
}

.quote-button-icon{
    width:38px;
    height:38px;

    display:flex;

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

    border-radius:10px;

    background:
        rgba(255,255,255,.16);

    font-size:17px;
}

.premium-quote-button > span:nth-child(2){
    display:flex;

    flex-direction:column;

    align-items:flex-start;

    gap:2px;

    flex:1;

    font-size:12px;

    font-weight:800;
}

.premium-quote-button small{
    font-size:7px;

    letter-spacing:.1em;

    opacity:.72;
}

.premium-quote-button > i{
    font-size:11px;

    margin-right:5px;

    transition:
        transform .25s ease;
}

.premium-quote-button:hover > i{
    transform:translateX(4px);
}


/* =========================================================
   SECURITY NOTE
========================================================= */

.calculator-form-security{
    display:flex;

    align-items:center;

    justify-content:center;

    gap:6px;

    margin-top:14px;

    color:#a1a9b3;

    font-size:8px;

    line-height:1.5;

    text-align:center;
}

.calculator-form-security i{
    color:#28ad69;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:950px){

    .premium-calculator{
        padding:95px 0;
    }

    .premium-calculator-wrapper{
        grid-template-columns:1fr;

        gap:55px;
    }

    .premium-calculator-info{
        max-width:650px;
    }

}


/* =========================================================
   MOBİL
========================================================= */

@media(max-width:600px){

    .premium-calculator{
        padding:75px 0;
    }

    .premium-calculator-info h2{
        font-size:39px;
    }

    .premium-calculator-info > p{
        font-size:13px;
    }

    .premium-calculator-form{
        padding:22px;

        border-radius:21px;
    }

    .calculator-form-heading{
        align-items:flex-start;

        flex-direction:column;

        gap:12px;
    }

    .calculator-form-row{
        grid-template-columns:1fr;

        gap:0;
    }

    .premium-calculator-form input,
    .premium-calculator-form select{
        height:50px;
    }

    .premium-quote-button{
        min-height:62px;
    }

}

/* =========================================================
   FİYAT ALMA - FINAL PREMIUM REFINEMENT
========================================================= */

.premium-calculator{
    padding:110px 0 !important;
    background:#f7f8fa !important;
}


/* ANA YAPI */

.premium-calculator-wrapper{
    display:grid !important;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) !important;
    gap:70px !important;
    align-items:center !important;
}


/* SOL TARAF */

.premium-calculator-info{
    width:100%;
    max-width:520px;
}

.premium-calculator-info h2{
    max-width:520px;

    margin:12px 0 0 !important;

    font-size:clamp(42px,4.2vw,58px) !important;
    line-height:1.08 !important;
    letter-spacing:-.045em !important;

    color:#111827 !important;
}

.premium-calculator-info h2 strong{
    display:inline !important;
    color:#ff6b00 !important;
}

.premium-calculator-info > p{
    max-width:450px;

    margin:22px 0 0 !important;

    font-size:14px !important;
    line-height:1.75 !important;

    color:#7b8491 !important;
}


/* AVANTAJLAR */

.calculator-benefits{
    margin-top:32px !important;
    gap:13px !important;
}

.calculator-benefit{
    min-height:48px;

    gap:12px !important;
}

.calculator-benefit-icon{
    width:42px !important;
    height:42px !important;
    flex:0 0 42px !important;

    border-radius:12px !important;
}

.calculator-benefit strong{
    font-size:11px !important;
}

.calculator-benefit span{
    font-size:10px !important;
}


/* ONLINE */

.calculator-mini-note{
    margin-top:28px !important;
}


/* =========================================================
   FORM KARTI
========================================================= */

.premium-calculator-form{
    width:100%;
    box-sizing:border-box;

    padding:32px !important;

    border-radius:24px !important;

    background:#fff !important;

    border:1px solid #e6e9ed !important;

    box-shadow:
        0 20px 55px rgba(15,23,42,.08) !important;
}


/* FORM BAŞLIĞI */

.calculator-form-heading{
    margin-bottom:24px !important;
    padding-bottom:20px !important;
}

.calculator-form-heading h3{
    font-size:20px !important;
    line-height:1.2 !important;
}


/* FORM SATIRLARI */

.calculator-form-row{
    display:grid !important;

    grid-template-columns:
        minmax(0,1fr)
        minmax(0,1fr) !important;

    gap:13px !important;
}


/* INPUT */

.premium-calculator-form .input-group{
    min-width:0;

    margin-bottom:14px !important;
}

.premium-calculator-form label{
    margin-bottom:6px !important;

    font-size:10px !important;
}

.premium-input-wrapper{
    width:100%;
}

.premium-calculator-form input,
.premium-calculator-form select{
    width:100% !important;
    min-width:0 !important;

    height:46px !important;

    box-sizing:border-box !important;

    font-size:11px !important;
}

.premium-calculator-form textarea{
    width:100% !important;
    min-width:0 !important;

    min-height:90px !important;

    box-sizing:border-box !important;

    font-size:11px !important;
}


/* SELECT */

.premium-calculator-form select{
    padding-right:35px !important;
}


/* BUTON */

.premium-quote-button{
    width:100% !important;

    min-height:60px !important;

    margin-top:4px !important;

    box-sizing:border-box;

    border-radius:13px !important;
}

.premium-quote-button > span:nth-child(2){
    min-width:0;

    line-height:1.2 !important;
}

.premium-quote-button > span:nth-child(2){
    font-size:12px !important;
}

.premium-quote-button small{
    font-size:7px !important;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:950px){

    .premium-calculator-wrapper{
        grid-template-columns:1fr !important;
        gap:45px !important;
    }

    .premium-calculator-info{
        max-width:650px;
    }

}


/* =========================================================
   MOBİL
========================================================= */

@media(max-width:600px){

    .premium-calculator{
        padding:70px 0 !important;
    }

    .premium-calculator-wrapper{
        gap:35px !important;
    }

    .premium-calculator-info h2{
        font-size:40px !important;
        line-height:1.06 !important;
    }

    .premium-calculator-info > p{
        font-size:13px !important;
    }

    .premium-calculator-form{
        padding:22px !important;
        border-radius:20px !important;
    }

    .calculator-form-row{
        grid-template-columns:1fr !important;
        gap:0 !important;
    }

}