/* =====================================================
   SERVISI V5 - IC SAYFALAR
   ===================================================== */

.sv4-inner{
    background:#f4f8fa;
    color:#0d2743;
}

.sv4-inner main{
    min-height:65vh;
    background:
        linear-gradient(
            180deg,
            #edf4f8 0,
            #f7fafc 380px,
            #fff 380px
        );
}


/* Sayfa üst alanları */

.sv4-inner .page-hero,
.sv4-inner .inner-hero,
.sv4-inner .public-hero,
.sv4-inner .hero-inner,
.sv4-inner main > section:first-child{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(
            circle at 82% 30%,
            rgba(48,128,172,.32),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #082d4d,
            #0d466e
        ) !important;
    color:#fff;
}

.sv4-inner .page-hero::after,
.sv4-inner .inner-hero::after,
.sv4-inner .public-hero::after{
    content:"";
    position:absolute;
    width:430px;
    height:430px;
    right:-150px;
    bottom:-280px;
    border:1px solid rgba(255,255,255,.13);
    border-radius:50%;
    box-shadow:
        0 0 0 65px rgba(255,255,255,.025),
        0 0 0 130px rgba(255,255,255,.018);
}

.sv4-inner main h1{
    letter-spacing:-.035em;
}

.sv4-inner .page-hero h1,
.sv4-inner .inner-hero h1,
.sv4-inner .public-hero h1,
.sv4-inner .hero-inner h1,
.sv4-inner main > section:first-child h1{
    color:#fff !important;
}

.sv4-inner .page-hero p,
.sv4-inner .inner-hero p,
.sv4-inner .public-hero p,
.sv4-inner .hero-inner p{
    color:#d8e7ef !important;
}


/* Breadcrumb */

.sv4-inner .breadcrumb,
.sv4-inner .breadcrumbs{
    color:#7fa6bc;
    font-size:13px;
}

.sv4-inner .breadcrumb a,
.sv4-inner .breadcrumbs a{
    color:#e8f4fa;
}


/* İçerik */

.sv4-inner .public-page,
.sv4-inner .page-content,
.sv4-inner .content-card,
.sv4-inner .inner-content,
.sv4-inner .legal-content,
.sv4-inner article.page,
.sv4-inner .page-body{
    background:#fff !important;
    border:1px solid #dce6ec !important;
    border-radius:18px !important;
    box-shadow:
        0 18px 50px rgba(9,45,77,.075) !important;
}

.sv4-inner main h2,
.sv4-inner main h3{
    color:#092d4d;
}

.sv4-inner main p,
.sv4-inner main li{
    color:#536b7e;
    line-height:1.8;
}

.sv4-inner main a:not(
    .sv4-header-wa
):not(
    .sv4-btn-primary
):not(
    .sv4-btn-secondary
):not(
    .sv4-footer-wa
){
    text-decoration-thickness:1px;
}


/* Genel kartlar */

.sv4-inner .service-card,
.sv4-inner .region-card,
.sv4-inner .faq-item,
.sv4-inner .contact-card,
.sv4-inner .info-card{
    border:1px solid #dce6ec !important;
    border-radius:14px !important;
    background:#fff !important;
    box-shadow:
        0 10px 32px rgba(9,45,77,.055) !important;
}


/* Butonlar */

.sv4-inner .btn,
.sv4-inner .button,
.sv4-inner .wa-btn,
.sv4-inner .btn-wa{
    border-radius:999px !important;
}

.sv4-inner .wa-btn,
.sv4-inner .btn-wa{
    background:
        linear-gradient(
            135deg,
            #ef754d,
            #d85d39
        ) !important;
    border-color:#ef754d !important;
    color:#fff !important;
}


/* Formlar */

.sv4-inner input,
.sv4-inner textarea,
.sv4-inner select{
    border:1px solid #d6e1e8;
    border-radius:10px;
    background:#fff;
    color:#15334c;
}

.sv4-inner input:focus,
.sv4-inner textarea:focus,
.sv4-inner select:focus{
    outline:0;
    border-color:#6f9fbb;
    box-shadow:
        0 0 0 3px rgba(43,111,143,.1);
}


/* FAQ */

.sv4-inner .faq-item{
    overflow:hidden;
}

.sv4-inner .faq-q,
.sv4-inner .faq-question{
    color:#092d4d !important;
}

.sv4-inner .plus,
.sv4-inner .faq-plus{
    color:#ef754d !important;
}


/* Bölge chipleri */

.sv4-inner .region,
.sv4-inner .region-chip{
    border:1px solid #d5e2e9 !important;
    background:#f8fbfc !important;
    color:#173a56 !important;
    border-radius:9px !important;
}


/* Ortak header aktif menü */

.sv4-nav a.is-active{
    color:#ef754d;
}


/* Footer ufak bilgi */

.sv4-footer-note{
    display:block;
    max-width:380px;
    color:#8299aa;
    font-size:12px;
    line-height:1.6;
}

.sv4-footer-wa{
    color:#ff9b78 !important;
    font-weight:800;
}


/* Sayfa sonunda boşluk */

.sv4-inner main{
    padding-bottom:70px;
}


/* Tablet */

@media(max-width:850px){

    .sv4-inner main{
        background:
            linear-gradient(
                180deg,
                #edf4f8 0,
                #f7fafc 280px,
                #fff 280px
            );
    }

}


/* Mobil */

@media(max-width:560px){

    .sv4-inner main{
        padding-bottom:50px;
    }

    .sv4-inner .public-page,
    .sv4-inner .page-content,
    .sv4-inner .content-card,
    .sv4-inner .inner-content,
    .sv4-inner .legal-content,
    .sv4-inner .page-body{
        border-radius:14px !important;
    }

}