body {
            overflow-x: hidden;
        }
        .mainContent {
            background: black !important;
        }

        #mbox_sparta_footer .l-container {
            min-height: 400px;
        }

        .c-breadcrumb__container {
            display:none;
        }

        .c-accordion.c-accordion--light .c-accordion__trigger {

            color:#003781;
        }

        .c-stage__content {
            z-index: 1000 !important;
        }

        .c-stage__content .l-grid__column-medium-5.offset-medium-0, .c-stage__content .l-grid__column-large-12 {

            padding-left: 15px !important;
        }

        #mbox_carousel {
            background: white;
        }
        #mbox_reveal {
            position: relative;
            width: 100%;
            height: 400px;
            clip-path: inset(0 100% 0 0);
            animation: revealImage 1s ease-out forwards;
            animation-timeline: view();
            animation-range: entry 35% cover 65%;
        }

        @keyframes revealImage {
            0% {
                clip-path: inset(0 100% 0 0);
            }
            100% {
                clip-path: inset(0 0% 0 0);
            }
        }

        #mbox_reveal .cmp-image  {
            
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;

        }

        #mbox_reveal .l-container  {
            
            background: transparent !important;

        }

        @keyframes revealBox {
            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }

        /* Parallax effect on scroll */
        @supports (animation-timeline: view()) {
            .teaser {
                animation: revealBox 1s ease-out forwards, parallaxMove linear;
                animation-timeline: view(), view();
                animation-range: entry 0% cover 40%, entry 0% exit 100%;
            }

            @keyframes parallaxMove {
                from { transform: translateY(0) scale(1); }
                to { transform: translateY(-40px) scale(1); }
            }
        }

        /* Fallback for browsers without animation-timeline support */
        @supports not (animation-timeline: view()) {
            .teaser {
                animation: none;
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }

        /* Styling for content */
        .teaser .cmp-image {
            
            opacity: 0;
            animation: fadeIn 0.8s ease-out forwards;
            animation-timeline: view();
        }

       .teaser h3 {
 
            opacity: 0;
            transform: translateY(20px);
            animation: fadeInUp 0.8s ease-out forwards;
            animation-timeline: view();
        }

        .teaser p {
 
            opacity: 0;
            transform: translateY(20px);
            animation: fadeInUp 0.8s ease-out forwards;
            animation-timeline: view();
        }

        .teaser a {
 
            transition: background 0.3s;
            opacity: 0;
            transform: translateY(20px);
            animation: fadeInUp 0.8s ease-out forwards;
            animation-timeline: view();
        }

 

        @keyframes fadeIn {
            to {
                opacity: 1;
            }
        }

        @keyframes fadeInUp {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Individual delays for each box's elements with 1.5s spacing */
        .teaser .cmp-image {
            animation-range: entry 0% cover 30%;
            animation-delay: 0s;
        }
        .teaser h3 {
            animation-range: entry 0% cover 30%;
            animation-delay: 1.5s;
        }
        .teaser p {
            animation-range: entry 0% cover 30%;
            animation-delay: 3s;
        }
        .teaser a {
            animation-range: entry 0% cover 30%;
            animation-delay: 4.5s;
        }

       
     /* HERO */
        @media (max-width: 703px) {
                .c-stage__wrapper .c-heading {
                font-size: 40px !important;
                }
               .c-stage__content {
                   padding-top:30px !important;
                }
            
                .c-stage__button__grid {
                    position: absolute;
                    bottom: -150px;
                }
                .c-textinput__field {
                    font-size: 16px; /* Prevents zoom on iOS */
                }
                
                .c-button[type="submit"] {
                    font-size: 16px;
                }

                #mbox_header_inner .l-container {
                    padding: 20px 0 !important;
                }

                #mbox_header_inner .cmp-image {
                    width:200px !important;
                }   
                .c-stage.c-stage--1by1dot4-ratio .c-stage__image.c-stage__image--cover .c-image__img {
                    max-height: 852px !important;
                }
            }
 
 
            /* Multi column animation */

            .multi-column-grid {
                opacity: 0;
                transform: translateY(30px);
                animation: fadeInUp 0.8s ease-out forwards;
                animation-timeline: view();
                animation-range: entry 0% cover 40%;
                animation-delay: 0.4s;
            }

            /* Form fields animation */

            .c-form__group .c-textfield {
                opacity: 0;
                transform: translateX(-20px);
                animation: slideInFromLeft 0.6s ease-out forwards;
                animation-timeline: view();
                animation-range: entry 0% cover 40%;
            }

            .c-form__group .c-textfield:nth-child(1) {
                animation-delay: 0.1s;
            }

            .c-form__group .c-textfield:nth-child(2) {
                animation-delay: 0.2s;
            }

            .c-form__group .c-textfield:nth-child(3) {
                animation-delay: 0.3s;
            }

            @keyframes slideInFromLeft {
                to {
                    opacity: 1;
                    transform: translateX(0);
                }
            }

            .checkbox, .c-switcher {
                margin-bottom: 16px;
                opacity: 0;
                transform: translateX(-20px);
                animation: slideInFromLeft 0.5s ease-out forwards;
                animation-timeline: view();
                animation-range: entry 0% cover 40%;
            }

            .checkbox:nth-child(1) {
                animation-delay: 0.5s;
            }

            .checkbox:nth-child(2) {
                animation-delay: 0.6s;
            }

            .checkbox:nth-child(3) {
                animation-delay: 0.7s;
            }

            .checkbox:nth-child(4) {
                animation-delay: 0.8s;
            }

            .c-switcher {
                animation-delay: 0.9s;
            }