/* ======================
   Responsive Styles
   ====================== */

/* ≤1680px */
@media (max-width: 1680px) {

    #hero {
        padding: 40px;
    }
    #hero h1 {
        font-size: 72px;
    }

    #hero h2 {
        font-size: 32px;
    }

    #hero p {
        font-size: 16px;
    }

    .pill-group .pill {
        font-size: 15px;
        padding: 9px 18px;
    }





}

/* ≤1440px */
@media (max-width: 1440px) {

   

    #hero h1 {
        font-size: 64px;
    }

    #hero h2 {
        font-size: 28px;
    }

    #hero p {
        font-size: 15px;
    }

    .pill-group .pill {
        font-size: 14px;
        padding: 8px 16px;
    }





}

/* ≤1366px */
@media (max-width: 1366px) {
    #hero h1 {
        font-size: 60px;
    }

    #hero h2 {
        font-size: 26px;
    }

    #hero p {
        font-size: 14px;
    }

    .pill-group .pill {
        font-size: 14px;
        padding: 8px 16px;
    }





    #gain-section .gain-card p {
        font-size: 15px;
    }
}


@media (max-width: 1199px) {

    .pill-group {
        gap: 10px;
    }

    .pill-group .pill {
        font-size: 13px;
        padding: 7px 14px;
    }

    #speakers .speaker-card {
        width: 180px;
        padding: 16px;
        text-align: center;
    }

    #speakers .speaker-card img {
        width: 100%;
        max-width: 140px;
        height: auto;
        margin: 0 auto 12px;
        display: block;
    }

    .speaker-name,
    .speaker-profile {
        text-align: center;
    }

    .speaker-profile {
        text-align: start;
    }

    #gain-section .gain-card {
        padding: 24px 20px;
    }

    #gain-section .gain-card ::before {
        margin-left: 18px;
    }


}


@media (max-width: 991px) {

    .pill .value {
        font-size: 25px;
    }
    .member-details{ margin-bottom: 20px;}
    .sticky-left.is-sticky{
        background: #f2f2f2;
        width: 100%;
        top: 0 !important;
        padding: 10px;
        max-width: 720px;
    }
    .sticky-left{
        margin-bottom: 20px;
    }


}



/* ≤1024px */
/* @media (max-width: 1024px) {

    .pill-group { gap: 8px; justify-content: flex-start; }
    .pill-group .pill .value { font-size: 16px; padding: 6px 12px; }
    #hero h1 { font-size: 48px; }
    #hero h2 { font-size: 22px; }
    #hero p { font-size: 14px; }

    #speakers .speaker-card {
        width: 160px;
        padding: 14px;
    }
    #speakers .speaker-card img { max-width: 120px; }

    #speakers .speaker-row { gap: 16px; }

    #program .list-item { flex-direction: column; align-items: flex-start; }
    #program .time { margin-bottom: 10px; }

    #gain-section .gain-card {
        flex-direction: column;
        align-items: flex-start;
        padding: 20px;
    }
} */

/* ≤768px */
/* @media (max-width: 768px) {
    #hero { padding: 60px 20px; min-height: 350px; }
    #hero h1 { font-size: 40px; }
    #hero h2 { font-size: 20px; }
    #hero p { font-size: 13px; }

    .pill-group { gap: 6px; justify-content: flex-start; }
    .pill-group .pill .value { font-size: 14px; padding: 5px 10px; }
    #why h2,
    #program .program-title,
    #gain-section h2 { font-size: 24px !important; }

    #speakers .speaker-card {
        width: 140px;
        padding: 12px;
    }
    #speakers .speaker-card img {
        width: 100px;
        height: 100px;
    }

    #gain-section .gain-cards-container {
        flex-direction: column;
        gap: 20px;
    }
    #gain-section .gain-card {
        width: 90%;
        max-width: 300px;
        padding: 18px;
    }

    .cta-title { font-size: 24px; }
    #cta-section .cta-subtext { font-size: 18px; }
} */

/* ≤480px */





@media (max-width: 767px) {
    #hero {
        padding: 40px 15px;
        min-height: 300px;
    }

    #hero h1 {
        font-size: 32px;
    }

    #hero h2 {
        font-size: 18px;
    }

    #hero p {
        font-size: 12px;
    }

    .pill-group {
        gap: 4px;
        justify-content: flex-start;
    }

    .pill-group .pill .value {
        font-size: 19px;
        padding: 4px 8px;
    }

    #speakers .speaker-card {
        width: 100%;
        max-width: 140px;
        padding: 10px;
    }

    #speakers .speaker-card img {
        width: 80px;
        height: 80px;
    }

    #program .time {
        font-size: 20px;
    }

    #program .event-title {
        font-size: 18px;
    }

    #program .event-desc {
        font-size: 16px;
    }

    #gain-section .gain-card {
        width: 100%;
        
         margin: 0 auto 20px;
    }

    #gain-section .gain-card p {
        font-size: 16px;
    }

    .cta-title {
        font-size: 32px;
    }

    #cta-section .cta-subtext {
        font-size: 22px;
    }

#gain-section, #program, #speakers, #why{ padding: 50px 0;}
.sticky-left.is-sticky{
    max-width: 520px;
}

}

@media (max-width: 575px) {

#hero h1 {
        font-size: 40px;
    }
    #hero p {
        font-size: 15px;
    }
        .pill-group {
        justify-content: flex-start;
        flex-direction: column;
        align-items: normal;
    }
    .pill-group .pill {
        text-align: center;
    }
}