.cok-faq-title{
    text-align:center;
    font-size:32px;
    font-weight:800;
    margin:25px 0;
    font-family:"Segoe UI",sans-serif;
    letter-spacing:1px;

    background:linear-gradient(
        90deg,
        rgba(237,222,253,1) 0%,
        rgba(195,144,249,1) 20%,
        rgba(126,13,242,1) 45%,
        rgba(101,11,206,1) 70%,
        rgba(215,180,251,1) 100%
    );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;

    text-shadow:
        0 0 12px rgba(126,13,242,0.25);
}



.cok-faq{
    max-width:1200px;
    margin:15px auto 40px;
    font-family:"Segoe UI",sans-serif;
}



.cok-faq-q{
    width:100%;
    padding:15px 20px;
    margin-bottom:8px;
    text-align:left;
    cursor:pointer;

    font-size:18px;
    font-weight:700;
    color:rgba(255,255,255,1);

    border:none;
    border-radius:16px;

    transition:.35s ease;

    background:linear-gradient(
        135deg,
        rgba(234,216,253,1) 0%,
        rgba(169,98,247,1) 12%,
        rgba(125,19,243,1) 32%,
        rgba(105,11,213,1) 55%,
        rgba(77,8,160,1) 78%,
        rgba(29,3,60,1) 100%
    );

    box-shadow:
        inset 0 1px 2px rgba(255,255,255,0.35),
        0 8px 18px rgba(0,0,0,0.28),
        0 0 12px rgba(126,13,242,0.12);
}

.cok-faq-q:hover{
    transform:translateY(-2px);

    box-shadow:
        0 0 18px rgba(126,13,242,0.35),
        0 12px 24px rgba(0,0,0,0.35);
}



.cok-faq-a{
    max-height:0;
    overflow:hidden;

    background:linear-gradient(
        180deg,
        rgba(22,13,33,1),
        rgba(14,9,19,1)
    );

    color:rgba(231,216,248,1);

    margin-top:-5px;
    padding:0 18px;

    border-radius:0 0 16px 16px;

    border-left:1px solid rgba(126,13,242,0.25);
    border-right:1px solid rgba(126,13,242,0.25);
    border-bottom:1px solid rgba(126,13,242,0.25);

    transition:
        max-height .35s ease,
        padding .25s ease;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.03),
        inset 0 0 15px rgba(0,0,0,0.35),
        0 4px 12px rgba(126,13,242,0.06);

    line-height:1.8;
}

.cok-faq-a.open{
    max-height:500px;
    padding:18px;
}



@media (max-width:768px){

    .cok-faq-title{
        font-size:28px;
    }

    .cok-faq-q{
        font-size:16px;
    }

}

@media (max-width:480px){

    .cok-faq-title{
        font-size:24px;
    }

    .cok-faq-q{
        font-size:15px;
    }

}