/* ==================== [ 1500px ] ==================== */
@media (min-width: 1400px) {

    /* ==================== [ Common Start ] ==================== */
    .container-fluid,
    .container {
        max-width: calc(var(--container) + (var(--container-padding) * 2));
    }
    /* ==================== [ Common End ] ==================== */
}

/* ==================== [ 1399px ] ==================== */
@media (max-width: 1399px) {
    .title * { font-size: 24px; text-wrap: balance; letter-spacing: -1px; }

    /* ================================================== [ Home Banner Start ] ================================================== */
    .home-banner .image-content { max-width: 540px; }
    .home-banner .main-title * { font-size: 80px; letter-spacing: -4px; }
    .home-banner .main-title span { margin-top: -16px; letter-spacing: -3px; }
    /* ================================================== [ Home Banner End ] ================================================== */

    /* ================================================== [ About Event Start ] ================================================== */
    .about-event .heading { margin-bottom: 40px; }
    /* ================================================== [ About Event End ] ================================================== */

    /* ================================================== [ Event Speakers Start ] ================================================== */
    .speaker-card { gap: 16px; }
    .speaker-card .speaker-title * { font-size: 18px; }
    .speaker-card .speaker-disc * { font-size: 14px; }
    /* ================================================== [ Event Speakers End ] ================================================== */

}

/* ==================== [ 1199px ] ==================== */
@media (max-width: 1199px) {

    .title.title-24 * { font-size: 22px; letter-spacing: -1px; }
    .title.title-36 * { font-size: 28px; letter-spacing: -1.5px; }
    .title.title-48 * { font-size: 34px; letter-spacing: -1.7px; }

    .main-title span { font-size: 30px; letter-spacing: -2px; }
    .main-title * { font-size: 60px; letter-spacing: -4px; }
    .host-banner .text-content { gap: 40px; }


    /* ================================================== [ Home Banner Start ] ================================================== */
    .home-banner .text-content { padding-block: 60px; }
    .home-banner .heading { margin-bottom: 40px; }
    .home-banner .home-banner-block { gap: 50px; }
    .home-banner .image-content { max-width: 470px; margin-bottom: 0; }
    /* ================================================== [ Home Banner End ] ================================================== */

    /* ================================================== [ Host Banner Start ] ================================================== */
    .host-banner { padding-block: 80px; }
    /* ================================================== [ Host Banner End ] ================================================== */

    /* ================================================== [ About Event Start ] ================================================== */
    .about-event { padding-top: 60px; }
    /* ================================================== [ About Event End ] ================================================== */

    /* ================================================== [ Event Overview Start ] ================================================== */
    .event-overview { padding-block: 60px; }

    .overview-card-block .row { margin-inline: -10px; }
    .overview-card-block .row >* { padding-inline: 10px; }

    .overview-card { gap: 12px; }
    .overview-card .icon { width: 40px; }
    .overview-card .content { padding-top: 8px; gap: 16px; }
    .overview-card .overview-title * { font-size: 20px; }
    /* ================================================== [ Event Overview End ] ================================================== */

    /* ================================================== [ Footer Start ] ================================================== */
    .footer { padding-block: 50px 20px; }
    .footer-cta { margin-bottom: 50px; }
    /* ================================================== [ Footer End ] ================================================== */

    /* ================================================== [ Event Speakers Start ] ================================================== */
    .event-speakers { padding-block: 80px; }
    /* ================================================== [ Event Speakers End ] ================================================== */
    
    /* ================================================== [ Modal Start ] ================================================== */
    .modal .speaker-card { padding-inline: 0; }
    /* ================================================== [ Modal End ] ================================================== */

    /* ================================================== [ Register Form Start ] ================================================== */
    .register-wrp { padding: 60px 0 100px 0; }

    .hubspot-form-parent fieldset:has(.hs-fieldtype-text) { gap: 12px; }
    .hubspot-form-parent .hs_interest_type { margin-top: 30px; }
    .hubspot-form-parent fieldset:has(.hs_email) { margin-top: 16px; }
    .hubspot-form-parent .legal-consent-container { gap: 30px; }
    /* ================================================== [ Register Form End ] ================================================== */
}

/* ==================== [ 991px ] ==================== */
@media (max-width: 991px) {
    .title.title-24 * { font-size: 20px; letter-spacing: -.7px; }
    .title.title-36 * { font-size: 24px; letter-spacing: -1.2px; }
    .title.title-48 * { font-size: 30px; letter-spacing: -1.5px; }

    .title * { font-size: 22px; letter-spacing: -.7px; }

    .main-disc * { font-size: var(--fs-base); }
    .main-title * { font-size: 40px; letter-spacing: -2px; }
    .banner-action-block .action * ,
    .banner-action-block .timings * { font-size: var(--fs-15px); }
    .banner-action-block .timings .date * { font-size: 30px; }
    .banner-action-block .timings { flex-grow: unset; max-width: fit-content; }
    .banner-action-block .action { max-width: fit-content; }

    /* ================================================== [ Header Start ] ================================================== */
    .main { padding-top: 100px; }
    .header .nav-parent-block { flex-direction: column; padding-block: 50px; }
    .header .navbar-brand { width: 172px; }
    /* ================================================== [ Header End ] ================================================== */

    /* ================================================== [ Home Banner Start ] ================================================== */
    .home-banner .main-title { margin-bottom: 10px; }
    .home-banner .main-title span { margin-top: -8px; }
    .home-banner .main-title * { font-size: 60px; }
    /* ================================================== [ Home Banner End ] ================================================== */

    /* ================================================== [ Host Banner End ] ================================================== */
    .host-banner .image-content { max-width: 350px; }
    .host-banner { padding-block: 60px; }
    /* ================================================== [ Host Banner End ] ================================================== */

    /* ================================================== [ Event Overview Start ] ================================================== */
    .event-overview { padding-block: 40px; }
    .event-overview .title-block { max-width: 100%; margin-bottom: 20px; }
    .event-overview .disc-block { max-width: 100%; margin-top: 50px; padding-top: 16px; }
    /* ================================================== [ Event Overview End ] ================================================== */

    /* ================================================== [ Footer CTA Start ] ================================================== */
    /* ================================================== [ Footer CTA End ] ================================================== */

    /* ================================================== [ Footer Start ] ================================================== */
    .footer .f-logo { width: 70px; }
    /* ================================================== [ Footer End ] ================================================== */
    
    /* ================================================== [ Learn Form Women Start ] ================================================== */
    .learn-from-women { padding-block: 40px; }
    /* ================================================== [ Learn Form Women End ] ================================================== */

    /* ================================================== [ Event Speakers Start ] ================================================== */
    .event-speakers { padding-block: 60px; }
    .event-speakers .title-block { padding-top: 12px; }
    .event-speakers .event-speakers-block { gap: 40px; }
    /* ================================================== [ Event Speakers End ] ================================================== */
    
    /* ================================================== [ Modal Start ] ================================================== */
    .modal .speaker-card .image { max-width: 150px; }
    .modal .speaker-card .disc-block .disc * { font-size: 14px; }
    .modal .speaker-card .speaker-disc * { font-size: 16px; }
    .modal .speaker-card .speaker-title * { font-size: 24px; }
    .modal .speaker-card .text-block { gap: 16px; }
    /* ================================================== [ Modal End ] ================================================== */
    
    /* ================================================== [ Register Form Start ] ================================================== */
    .subscription-form { padding-top: 60px; padding-bottom: 60px; }
    .subscription-form .heading { max-width: 100%; gap: 12px; }

    .register-wrp { padding: 60px 0 80px 0; }
    .register-left .register-title { width: 100%; max-width: 100%; }
    .hubspot-form-parent fieldset { max-width: 100% !important; }
    /* ================================================== [ Register Form End ] ================================================== */
}

/* ==================== [ 767px ] ==================== */
@media (max-width: 767px) {

    .title.title-24 * { font-size: 18px; letter-spacing: -.5px; }
    .title.title-36 * { font-size: 22px; letter-spacing: -.8px; }
    .title * { font-size: 20px; letter-spacing: -.5px; }

    .main-title span { font-size: 24px; }
    .main-title * { font-size: 36px; }

    /* ================================================== [ Home Banner Start ] ================================================== */
    .home-banner .home-banner-block { flex-direction: column; align-items: start; }
    .home-banner .text-content { padding: 0; }
    .home-banner { padding-block: 40px; }
    .home-banner .main-title span { display: inline; margin-top: 0; }
    .home-banner .main-title * { line-height: 110%; font-size: 50px; letter-spacing: -3px; }
    .home-banner .main-disc * { max-width: 250px; }
    .home-banner .main-disc br { display: none; }
    .home-banner .image-content { display: none; }
    .home-banner .main-title { margin-bottom: 20px; }
    .home-banner .heading { margin-bottom: 20px; }
    /* ================================================== [ Home Banner End ] ================================================== */

    /* ================================================== [ Host Banner Start ] ================================================== */
    .host-banner .text-content { gap: 24px; }
    .host-banner { padding-block: 40px; }
    .host-banner .host-banner-block { align-items: start; gap: 30px; flex-direction: column-reverse; }
    .host-banner .image-content { max-width: 100%; }
    .host-banner .heading .main-title span { margin-bottom: 8px; }
    /* ================================================== [ Host Banner End ] ================================================== */

    /* ================================================== [ About Event Start ] ================================================== */
    .about-event { padding-top: 40px; }
    .about-event .heading { margin-bottom: 24px; gap: 8px; }
    .about-event .event-img img { max-width: 240px; max-height: 200px; }
    /* ================================================== [ About Event End ] ================================================== */

    /* ================================================== [ Footer Start ] ================================================== */
    .footer .footer-bottom { flex-direction: column; }
    .footer .footer-left { align-items: center; }
    .footer .f-logo { width: 60px; }
    .footer .social-list ul { gap: 12px; }
    .footer .social-list ul a { height: 40px; width: 40px; }
    .footer-cta { margin-bottom: 30px; }
    .footer .footer-bottom { gap: 24px; }
    .footer .footer-left { gap: 16px; }
    .footer { padding-block: 40px 20px; }
    /* ================================================== [ Footer End ] ================================================== */

    /* ================================================== [ Learn Form Women Start ] ================================================== */
    .learn-from-women { padding-block: 30px; }
    /* ================================================== [ Learn Form Women End ] ================================================== */

    /* ================================================== [ Event Speakers Start ] ================================================== */
    .event-speakers .title-block { padding-block: 0 12px; border-top: unset; border-bottom: 2px solid var(--royalPurple); }
    .event-speakers .event-speakers-block .row { row-gap: 24px; }
    .event-speakers { padding-block: 40px; }
    /* ================================================== [ Event Speakers End ] ================================================== */

    /* ================================================== [ Modal Start ] ================================================== */
    .modal .close-modal { position: absolute; top: 20px; right: 20px; width: 20px; }
    .modal .speaker-card { flex-direction: column; gap: 16px; }
    .modal .speaker-card .speaker-title * { font-size: 18px; }
    .modal .speaker-card .speaker-disc * { font-size: 14px; }
    .modal .modal-content { gap: 20px; padding: 20px; }
    .modal .speaker-card .image { max-width: 120px; }
    /* ================================================== [ Modal End ] ================================================== */

    /* ================================================== [ Register Form Start ] ================================================== */
    .subscription-form { padding-top: 40px; padding-bottom: 40px; }
    .register-date .register-date-icon { height: 40px; width: 40px; }
    /* ================================================== [ Register Form End ] ================================================== */
}

/* ==================== [ 575px ] ==================== */
@media (max-width: 575px) {
    :root {
        --fs-base: 14px;
        --fs-md: 16px;
        --fs-lg: 18px;
        --fs-xl: 20px;
    }
    .disc * ,
    .subtitle * { font-size: 14px; }

    .main-title span { font-size: 22px; letter-spacing: -1px; }
    .main-title * { font-size: 30px; letter-spacing: -1px; }

    /* ================================================== [ Home Banner Start ] ================================================== */
    .home-banner .main-title * { font-size: 40px; letter-spacing: -2px; }
    /* ================================================== [ Home Banner End ] ================================================== */

    /* ================================================== [ Event Overview Start ] ================================================== */
    .overview-card .content { gap: 8px; }
    .event-overview .title-block { margin-bottom: 10px; }
    .event-overview .disc-block { margin-top: 30px; }
    /* ================================================== [ Event Overview End ] ================================================== */

    /* ================================================== [ Event Speakers Start ] ================================================== */
    .event-speakers .event-speakers-block { gap: 30px; }
    .speaker-card .speaker-title * { font-size: 16px; }
    .speaker-card-block .row { margin-inline: -8px; }
    .speaker-card-block .row >* { padding-inline: 8px; }
    /* ================================================== [ Event Speakers End ] ================================================== */

    /* ================================================== [ Register Form Start ] ================================================== */
    .register-wrp { padding: 50px 0 60px 0; }
    .register-left .register-date { margin-top: 20px; }
    .register-date .register-date-icon { height: 34px; width: 34px; }
    
    .hubspot-form-parent .form-columns-2 { flex-direction: column; }
    .hubspot-form-parent .form-columns-2 .hs-form-field { width: 100% !important; }
    .hubspot-form-parent fieldset.form-columns-1 .hs_email input { width: 95% !important; }
    .hubspot-form-parent form { font-size: 14px; }
    .hubspot-form-parent .legal-consent-container { gap: 16px; }
    /* ================================================== [ Register Form End ] ================================================== */
}