/*
Theme Name: Sutan Khulifah Academy
Version:1.0
*/

:root{
    --primary:#17304f;
    --primary-light:#244a76;
    --gold:#c8a96b;
    --cream:#f8f4ee;
    --earth:#85715a;
    --white:#ffffff;
    --text:#2b3645;
    --text-soft:#64748b;
}

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

html{
    scroll-behavior:smooth;
}

body{
    font-family:'Poppins','Segoe UI',Roboto,Arial,sans-serif;
    background:var(--cream);
    color:var(--text);
    line-height:1.8;
}

.container{
    width:90%;
    max-width:1200px;
    margin:auto;
}


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

.footer{
    background:#020617;
    color:#fff;
    text-align:center;
    padding:80px 20px;
    margin-top:0 !important;
}
/* ==========================
   BUTTONS
========================== */

.btn-primary{
    display:inline-block;
    background:var(--gold);
    color:#17304f;
    padding:16px 34px;
    border-radius:50px;
    font-weight:600;
    text-decoration:none;
    transition:.3s ease;
    box-shadow:0 10px 30px rgba(200,169,107,.35);
    font-size:16px;
    border:2px solid transparent;
}

.btn-primary:hover{
    transform:translateY(-4px);
    box-shadow:0 15px 45px rgba(200,169,107,.45);
    background:linear-gradient(135deg, #deb959, #c8a96b);
}

.btn-outline{
    display:inline-block;
    padding:16px 34px;
    border:2px solid rgba(255,255,255,.9);
    border-radius:50px;
    color:white;
    text-decoration:none;
    font-weight:600;
    transition:.3s ease;
    background:transparent;
}

.btn-outline:hover{
    background:rgba(255,255,255,.1);
    color:white;
    border-color:#ffd89b;
    box-shadow:0 8px 20px rgba(255,255,255,.1);
}

.btn-large{
    padding:18px 42px;
    font-size:16px;
}

.site-logo{
    display:flex;
    align-items:center;
    text-decoration:none;
}

.site-logo img{
    width:80px;
    height:80px;
    object-fit:contain;
    display:block;
}

.footer-logo img{
    width:100px;
    height:auto;
    margin:0 auto 20px;
    display:block;
}

.cta-section{
    max-width:1100px;
    margin:120px auto 220px auto; /* atas kanan bawah kiri */
    padding:100px 80px;
    border-radius:30px;
    background:
    linear-gradient(
        135deg,
        #17304f,
        #244a76
    );
    color:white;
    text-align:center;
    box-shadow:
    0 20px 50px rgba(0,0,0,.15);
}

/* CTA akhir halaman */
body .cta-program,
body .consult-cta,
body .contact-cta,
body .allsmart-cta,
body .healing-cta,
body .mentoring-cta,
body .community-cta{
    margin-bottom:0 !important;
    text-align:center !important;
}

body .cta-program .container,
body .contact-cta .container,
body .allsmart-cta .container,
body .healing-cta .container,
body .mentoring-cta .container,
body .community-cta .container{
    display:flex !important;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
}

body .cta-program p,
body .contact-cta p,
body .allsmart-cta p,
body .healing-cta p,
body .mentoring-cta p,
body .community-cta p{
    margin-left:auto !important;
    margin-right:auto !important;
}

/* =====================================================
   GLOBAL CTA PROGRAM
===================================================== */

.cta-program{

    background:linear-gradient(
        135deg,
        #07101f,
        #17304f
    );

    color:#fff;

    text-align:center;

    padding:120px 20px;

    margin:0;

}

.cta-program .container{

    max-width:900px;

    margin:auto;

}

.cta-program h2{

    color:#fff;

    font-size:64px;

    line-height:1.2;

    margin-bottom:24px;

    font-weight:700;

}

.cta-program p{

    max-width:760px;

    margin:0 auto 42px;

    font-size:22px;

    line-height:1.9;

    color:#e2e8f0;

}

.cta-program .btn-primary{

    min-width:320px;

    padding:18px 42px;

    font-size:20px;

}

@media(max-width:768px){

.cta-program{

padding:80px 20px;

}

.cta-program h2{

font-size:36px;

}

.cta-program p{

font-size:17px;

}

.cta-program .btn-primary{

width:100%;

max-width:340px;

}

}