/* =========================================================
   UNDERSTUDY SYSTEMS — GLOBAL SECTION SPACING
   Apply these classes only to OUTER Elementor containers.
   ========================================================= */


/* NORMAL PAGE SECTION */
.e-con.section-page {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}


/* HERO SECTION */
.e-con.section-hero {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
}


/* SMALL TRANSITION / BRIDGE SECTION */
.e-con.section-transition {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}


/* FINAL CTA SECTION */
.e-con.section-cta {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .e-con.section-page {
        padding-top: 55px !important;
        padding-bottom: 55px !important;
    }

    .e-con.section-hero {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }

    .e-con.section-transition {
        padding-top: 45px !important;
        padding-bottom: 45px !important;
    }

    .e-con.section-cta {
        padding-top: 65px !important;
        padding-bottom: 65px !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .e-con.section-page {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .e-con.section-hero {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .e-con.section-transition {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }

    .e-con.section-cta {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
}