.elementor-1501 .elementor-element.elementor-element-c93bf7b.xpro-widget-bg-overlay:before{transition:background 0.3s;}:root{--page-title-display:none;}body.elementor-page-1501:not(.elementor-motion-effects-element-type-background), body.elementor-page-1501 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}/* Start custom CSS for section, class: .elementor-element-6fdbc2e *//* ==========================================================
   FULL WIDTH ABOUT PAGE
   ========================================================== */

.sjpm-about-page {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Full-width main sections */
.sjpm-about-page .sjpm-about-hero,
.sjpm-about-page .sjpm-about-intro,
.sjpm-about-page .sjpm-about-journey,
.sjpm-about-page .sjpm-about-philosophy,
.sjpm-about-page .sjpm-about-why,
.sjpm-about-page .sjpm-about-cta,
.sjpm-about-page .sjpm-about-stats {
    width: 100% !important;
}

/* Full browser width for colored/background sections */
.sjpm-about-page .sjpm-about-education,
.sjpm-about-page .sjpm-about-skills,
.sjpm-about-page .sjpm-about-services {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Content width */
.sjpm-about-page .sjpm-about-container {
    width: 92% !important;
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Hero becomes wider */
.sjpm-about-page .sjpm-about-hero {
    grid-template-columns: 1.1fr .9fr;
    min-height: 700px;
}

/* Wider hero text */
.sjpm-about-page .sjpm-about-hero h1 {
    max-width: 900px;
}

/* Wider content sections */
.sjpm-about-page .sjpm-about-section-title {
    max-width: 950px;
}

/* Full width stats */
.sjpm-about-page .sjpm-about-stats {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

/* Wider cards */
.sjpm-about-page .sjpm-about-skill-grid {
    grid-template-columns: repeat(3, 1fr);
}

/* ==========================================================
   ELEMENTOR OVERRIDE
   ========================================================== */

/* If Elementor's parent container is limiting width */
.elementor .sjpm-about-page {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}

/* Remove Elementor column padding around this page */
.elementor .sjpm-about-page {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* ==========================================================
   DESKTOP LARGE SCREEN
   ========================================================== */

@media (min-width: 1400px) {

    .sjpm-about-page .sjpm-about-container {
        width: 88% !important;
        max-width: 1500px !important;
    }

    .sjpm-about-page .sjpm-about-hero {
        min-height: 750px;
        gap: 100px;
    }

    .sjpm-about-page .sjpm-about-hero h1 {
        font-size: 82px;
    }

}


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

@media (max-width: 900px) {

    .sjpm-about-page .sjpm-about-container {
        width: 92% !important;
    }

}


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

@media (max-width: 600px) {

    .sjpm-about-page .sjpm-about-container {
        width: 92% !important;
    }

    .sjpm-about-page .sjpm-about-hero {
        width: 100% !important;
    }

}/* End custom CSS */