/* Index SSS başlangıcı */

.sm27-faq-final{
    position:relative!important;
    width:100%!important;
    padding:92px 0 104px!important;
    overflow:hidden!important;
    background:
        radial-gradient(circle at 12% 14%,rgba(66,133,244,.070),transparent 32%),
        radial-gradient(circle at 88% 18%,rgba(52,168,83,.060),transparent 30%),
        linear-gradient(180deg,#fbfdff 0%,#ffffff 100%)!important;
    color:#0f172a!important;
    font-family:Arial,Helvetica,sans-serif!important;
    scroll-margin-top:130px!important;
}

.sm27-faq-final::before{
    content:""!important;
    position:absolute!important;
    left:-310px!important;
    top:-360px!important;
    width:760px!important;
    height:760px!important;
    border-radius:50%!important;
    border:1px solid rgba(66,133,244,.075)!important;
    box-shadow:
        0 0 0 44px rgba(66,133,244,.022),
        0 0 0 96px rgba(66,133,244,.015),
        0 0 0 150px rgba(66,133,244,.010)!important;
    pointer-events:none!important;
}

.sm27-faq-final::after{
    content:""!important;
    position:absolute!important;
    right:-360px!important;
    bottom:-430px!important;
    width:780px!important;
    height:780px!important;
    border-radius:50%!important;
    border:1px solid rgba(52,168,83,.065)!important;
    box-shadow:
        0 0 0 46px rgba(52,168,83,.020),
        0 0 0 98px rgba(52,168,83,.014),
        0 0 0 154px rgba(52,168,83,.010)!important;
    pointer-events:none!important;
}

.sm27-faq-final-container{
    position:relative!important;
    z-index:2!important;
    width:min(100% - 64px,1180px)!important;
    margin:0 auto!important;
}

.sm27-faq-final-head{
    max-width:920px!important;
    margin:0 auto 42px!important;
    text-align:center!important;
}

.sm27-faq-kicker{
    min-height:42px!important;
    padding:0 19px!important;
    margin:0 0 22px!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    color:#0b63ce!important;
    background:rgba(66,133,244,.095)!important;
    border:1px solid rgba(66,133,244,.22)!important;
    font-size:15px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:-.020em!important;
}

.sm27-faq-kicker i{
    width:15px!important;
    height:15px!important;
    min-width:15px!important;
    border-radius:50%!important;
    display:inline-block!important;
    background:#4285f4!important;
    box-shadow:0 0 0 6px rgba(66,133,244,.14)!important;
}

.sm27-faq-final-head h2{
    margin:0!important;
    color:#0f172a!important;
    font-size:clamp(42px,4.05vw,66px)!important;
    line-height:1.03!important;
    font-weight:950!important;
    letter-spacing:-.072em!important;
    text-wrap:balance!important;
}

.sm27-faq-final-line{
    width:220px!important;
    height:5px!important;
    margin:22px auto 24px!important;
    display:flex!important;
    align-items:center!important;
    overflow:hidden!important;
    border-radius:999px!important;
    background:#e5e7eb!important;
}

.sm27-faq-final-line span{
    height:100%!important;
    display:block!important;
}

.sm27-faq-final-line .b1{
    width:25%!important;
    background:#4285f4!important;
}

.sm27-faq-final-line .b2{
    width:22%!important;
    background:#ea4335!important;
}

.sm27-faq-final-line .b3{
    width:23%!important;
    background:#fbbc05!important;
}

.sm27-faq-final-line .b4{
    width:30%!important;
    background:#34a853!important;
}

.sm27-faq-final-head p{
    max-width:790px!important;
    margin:0 auto!important;
    color:#526078!important;
    font-size:17px!important;
    line-height:1.62!important;
    font-weight:500!important;
    letter-spacing:-.015em!important;
}

.sm27-faq-list{
    width:100%!important;
    max-width:980px!important;
    margin:0 auto!important;
    display:grid!important;
    gap:16px!important;
}

.sm27-faq-item{
    position:relative!important;
    border-radius:22px!important;
    overflow:hidden!important;
    background:rgba(255,255,255,.96)!important;
    border:1px solid rgba(218,220,224,.92)!important;
    box-shadow:0 16px 46px rgba(60,64,67,.065)!important;
    transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease!important;
}

.sm27-faq-item:hover{
    transform:translateY(-2px)!important;
    border-color:rgba(66,133,244,.28)!important;
    box-shadow:0 22px 60px rgba(60,64,67,.095)!important;
}

.sm27-faq-item[open]{
    border-color:rgba(66,133,244,.32)!important;
    box-shadow:0 24px 68px rgba(66,133,244,.105)!important;
}

.sm27-faq-item summary{
    position:relative!important;
    min-height:76px!important;
    padding:0 74px 0 28px!important;
    display:flex!important;
    align-items:center!important;
    color:#0f172a!important;
    cursor:pointer!important;
    list-style:none!important;
    font-size:20px!important;
    line-height:1.28!important;
    font-weight:950!important;
    letter-spacing:-.035em!important;
}

.sm27-faq-item summary::-webkit-details-marker{
    display:none!important;
}

.sm27-faq-item summary::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:4px!important;
    background:#4285f4!important;
    opacity:.85!important;
}

.sm27-faq-item:nth-child(2n) summary::before{
    background:#34a853!important;
}

.sm27-faq-item:nth-child(3n) summary::before{
    background:#fbbc05!important;
}

.sm27-faq-item:nth-child(4n) summary::before{
    background:#ea4335!important;
}

.sm27-faq-item summary::after{
    content:"+"!important;
    position:absolute!important;
    right:24px!important;
    top:50%!important;
    width:38px!important;
    height:38px!important;
    margin-top:-19px!important;
    border-radius:50%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#0b63ce!important;
    background:rgba(66,133,244,.095)!important;
    border:1px solid rgba(66,133,244,.18)!important;
    font-size:24px!important;
    line-height:1!important;
    font-weight:900!important;
    transition:transform .22s ease,background .22s ease,color .22s ease!important;
}

.sm27-faq-item[open] summary::after{
    content:"−"!important;
    color:#ffffff!important;
    background:#1a73e8!important;
    border-color:#1a73e8!important;
    transform:rotate(180deg)!important;
}

.sm27-faq-item p{
    margin:0!important;
    padding:0 28px 28px 28px!important;
    color:#526078!important;
    font-size:16.5px!important;
    line-height:1.68!important;
    font-weight:500!important;
    letter-spacing:-.012em!important;
}

.sm27-faq-item[open] p{
    animation:sm27FaqOpen .22s ease both!important;
}

@keyframes sm27FaqOpen{
    from{
        opacity:0;
        transform:translateY(-4px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* Desktop orta ekran */

@media (min-width:1200px) and (max-width:1450px){
    .sm27-faq-final{
        padding:84px 0 94px!important;
    }

    .sm27-faq-final-container{
        width:min(100% - 46px,1080px)!important;
    }

    .sm27-faq-final-head{
        margin-bottom:36px!important;
    }

    .sm27-faq-final-head h2{
        font-size:clamp(38px,3.75vw,58px)!important;
    }

    .sm27-faq-final-head p{
        font-size:16px!important;
    }

    .sm27-faq-item summary{
        min-height:72px!important;
        font-size:19px!important;
    }

    .sm27-faq-item p{
        font-size:16px!important;
    }
}

/* Tablet */

@media (max-width:1199px){
    .sm27-faq-final{
        padding:76px 0 84px!important;
    }

    .sm27-faq-final-container{
        width:min(100% - 40px,920px)!important;
    }

    .sm27-faq-final-head h2{
        font-size:clamp(40px,7vw,60px)!important;
    }

    .sm27-faq-list{
        max-width:860px!important;
    }
}

/* Mobil */

@media (max-width:767px){
    .sm27-faq-final{
        padding:62px 0 70px!important;
    }

    .sm27-faq-final::before{
        left:-390px!important;
        top:-390px!important;
    }

    .sm27-faq-final::after{
        right:-430px!important;
        bottom:-450px!important;
    }

    .sm27-faq-final-container{
        width:min(100% - 24px,560px)!important;
    }

    .sm27-faq-final-head{
        margin-bottom:30px!important;
    }

    .sm27-faq-kicker{
        min-height:38px!important;
        margin-bottom:18px!important;
        padding:0 16px!important;
        font-size:14px!important;
    }

    .sm27-faq-final-head h2{
        font-size:clamp(34px,9.5vw,46px)!important;
        line-height:1.06!important;
        letter-spacing:-.064em!important;
    }

    .sm27-faq-final-line{
        width:180px!important;
        height:4px!important;
        margin:18px auto 20px!important;
    }

    .sm27-faq-final-head p{
        font-size:15px!important;
        line-height:1.56!important;
    }

    .sm27-faq-list{
        gap:13px!important;
    }

    .sm27-faq-item{
        border-radius:18px!important;
    }

    .sm27-faq-item summary{
        min-height:68px!important;
        padding:0 60px 0 20px!important;
        font-size:17px!important;
        line-height:1.30!important;
        letter-spacing:-.030em!important;
    }

    .sm27-faq-item summary::after{
        right:17px!important;
        width:34px!important;
        height:34px!important;
        margin-top:-17px!important;
        font-size:22px!important;
    }

    .sm27-faq-item p{
        padding:0 20px 22px 20px!important;
        font-size:15px!important;
        line-height:1.62!important;
    }
}

/* Küçük mobil */

@media (max-width:420px){
    .sm27-faq-final{
        padding:58px 0 66px!important;
    }

    .sm27-faq-final-container{
        width:min(100% - 22px,420px)!important;
    }

    .sm27-faq-final-head h2{
        font-size:32px!important;
    }

    .sm27-faq-item summary{
        font-size:16px!important;
    }

    .sm27-faq-item p{
        font-size:14.5px!important;
    }
}

/* Index SSS bitişi */