/* =========================
   SPACING SEIMBANG ATAS & BAWAH
   ========================= */

#sp-main-body {
    padding-top: 0px !important;
    padding-bottom: 30px !important;
}

/* SP Page Builder */
.sp-page-builder-page-content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* =========================
   JAGA JARAK KE FOOTER
   ========================= */

#sp-bottom,
#sp-footer {
    margin-top: 20px !important;
}


/* =========================
   RESPONSIVE (HP)
   ========================= */

@media (max-width: 768px) {

    #sp-main-body {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    #sp-bottom,
    #sp-footer {
        margin-top: 15px !important;
    }

}

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&display=swap');

.elite-faq{
    max-width:1200px;
    margin:25px auto;
    padding:35px;
    background:
    linear-gradient(
    145deg,
    #3b2417 0%,
    #1f140d 50%,
    #0f0906 100%);

    border-radius:24px;

    box-shadow:
    0 20px 50px rgba(0,0,0,0.45);

    color:#ffffff;
}

.elite-container{
    max-width:760px;
    margin:0 auto;
}

.elite-eyebrow{
    text-align:center;
    font-size:15px;
    letter-spacing:3px;
    opacity:0.7;
    margin-bottom:10px;
}

.elite-title{
    text-align:center;
    font-family:'Playfair Display',serif;
    font-size:clamp(34px,5vw,52px);
    margin-bottom:18px;

    background:
    linear-gradient(
    90deg,
    #fff8ec,
    #d4af37,
    #fff8ec);

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

.elite-divider{
    width:90px;
    height:2px;
    margin:0 auto 35px;

    background:
    linear-gradient(
    to right,
    transparent,
    #d4af37,
    transparent);
}

.elite-item{
    margin-bottom:16px;

    background:
    rgba(255,255,255,0.05);

    border-radius:16px;

    overflow:hidden;

    border:
    1px solid rgba(212,175,55,0.08);
}

.elite-item input{
    display:none;
}

.elite-item label{
    display:block;
    padding:22px 24px;

    cursor:pointer;

    position:relative;

    font-family:'Playfair Display',serif;
    font-size:clamp(20px,2.5vw,26px);
    font-weight:600;

    color:#fff;
}

.elite-item label::after{
    content:"›";

    position:absolute;
    right:24px;
    top:50%;

    transform:
    translateY(-50%)
    rotate(90deg);

    font-size:28px;

    transition:0.3s ease;
}

.elite-item input:checked + label::after{
    transform:
    translateY(-50%)
    rotate(270deg);
}

.elite-content{
    max-height:0;

    overflow:hidden;

    padding:0 24px;

    opacity:0;

    transition:
    all 0.45s ease;

    font-size:19px;
    line-height:1.8;

    color:#f1e7d6;
}

.elite-item input:checked ~ .elite-content{
    max-height:1000px;

    padding:
    0 24px 24px;

    opacity:1;
}

.elite-content ul{
    padding-left:20px;
}

.elite-content li{
    margin-bottom:8px;
}

@media(max-width:768px){

    .elite-faq{
        padding:26px 20px;
        border-radius:20px;
    }

    .elite-title{
        font-size:34px;
    }

    .elite-item label{
        padding:20px;
    }

    .elite-content{
        font-size:18px;
    }

}