.elementor-4167 .elementor-element.elementor-element-0b1e432{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4167 .elementor-element.elementor-element-5e3cf0d{width:100%;max-width:100%;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-5e3cf0d *//* ==========================================================
   FORCE FULL-BROWSER WIDTH IN ELEMENTOR
   ========================================================== */

.marvics-services {
    width: 100vw !important;
    max-width: 100vw !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    position: relative;
    left: 0;
    right: 0;
}

/* Remove Elementor's default content constraints */
.marvics-services .ms-container,
.marvics-services .ms-hero-inner,
.marvics-services .ms-strip-inner {
    width: min(1200px, 92%);
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

/* Make hero completely edge-to-edge */
.marvics-services .ms-hero {
    width: 100vw !important;
    max-width: 100vw !important;
}

/* Make strip completely edge-to-edge */
.marvics-services .ms-strip {
    width: 100vw !important;
    max-width: 100vw !important;
}

/* Make sections completely edge-to-edge */
.marvics-services .ms-section {
    width: 100vw !important;
    max-width: 100vw !important;
}

/* CTA completely edge-to-edge */
.marvics-services .ms-cta {
    width: 100vw !important;
    max-width: 100vw !important;
}
/* FORCE SERVICE CARD TITLES WHITE */
.marvics-services .ms-service-card h3,
.marvics-services .ms-service-card h3 *,
.marvics-services .ms-service-card h3 a,
.marvics-services .ms-service-card h3 span {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* FORCE ALL MAIN SERVICE TEXT WHITE */
.marvics-services .ms-service-card {
    color: #fff !important;
}

.marvics-services .ms-service-card h3 {
    color: rgb(255,255,255) !important;
    font-weight: 600 !important;
}

/* Elementor sometimes applies global heading colors */
.marvics-services h1,
.marvics-services h2,
.marvics-services h3,
.marvics-services h4,
.marvics-services h5,
.marvics-services h6 {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

/* Restore the gradient text where we actually want it */
.marvics-services .ms-gradient {
    background: linear-gradient(
        100deg,
        #ffffff 10%,
        #4f8cff 48%,
        #ef233c 92%
    ) !important;

    -webkit-background-clip: text !important;
    background-clip: text !important;

    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
}/* End custom CSS */