/* =========================================================
            keyframe animations used across the Mission page
        ========================================================= */
        @keyframes missionFadeInUp{
            0%{ opacity:0; transform:translateY(28px); }
            100%{ opacity:1; transform:translateY(0); }
        }
        @keyframes missionFloatShape{
            0%,100%{ transform:translateY(0) rotate(0deg); }
            50%{ transform:translateY(-18px) rotate(-6deg); }
        }
        @keyframes missionShimmerText{
            0%{ background-position:0% 50%; }
            50%{ background-position:100% 50%; }
            100%{ background-position:0% 50%; }
        }
        @keyframes missionPopIn{
            0%{ opacity:0; transform:scale(0.6); }
            80%{ opacity:1; transform:scale(1.08); }
            100%{ opacity:1; transform:scale(1); }
        }
        @keyframes missionLineGrow{
            from{ width:0; }
            to{ width:100%; }
        }
        @keyframes missionPulseDot{
            0%{ box-shadow:0 0 0 0 rgba(240,121,60,0.5); }
            70%{ box-shadow:0 0 0 14px rgba(240,121,60,0); }
            100%{ box-shadow:0 0 0 0 rgba(240,121,60,0); }
        }
        @keyframes missionShine{
            0%{ transform:translateX(-120%) skewX(-20deg); }
            100%{ transform:translateX(220%) skewX(-20deg); }
        }
        @keyframes pageFadeIn{
            from{ opacity:0; }
            to{ opacity:1; }
        }
        @keyframes missionCardShine{
            0%{ transform:translateX(-130%) skewX(-12deg); }
            35%{ transform:translateX(140%) skewX(-12deg); }
            100%{ transform:translateX(140%) skewX(-12deg); }
        }
        @keyframes missionIconDrift{
            0%,100%{ transform:translateY(0) rotate(-4deg); }
            50%{ transform:translateY(-22px) rotate(4deg); }
        }

        /* smooth entrance for the whole page */
        body{ animation:pageFadeIn 550ms ease both; }

        /* shimmering title underline used across sections */
        .sec-title .title-shape.shimmer-shape{
            background:linear-gradient(90deg,#f0793c 0%, #ffd8b0 50%, #f0793c 100%);
            background-size:200% auto;
            animation:missionShimmerText 2.6s linear infinite;
        }

        /* shine sweep on call-to-action buttons */
        .cta-btn{ position:relative; overflow:hidden; }
        .cta-btn:before{
            content:'';
            position:absolute;
            top:0;
            left:0;
            width:35%;
            height:100%;
            background:rgba(255,255,255,0.25);
            transform:translateX(-120%) skewX(-20deg);
        }
        .cta-btn:hover:before{
            animation:missionShine 900ms ease forwards;
        }


            .page-title.mission-page-banner{
                /* background-image:url(assets/images/banner/b1.png); */
                background-image:url(../images/background/banner.png);
                background-size:cover;
                background-position:center 70%;
                background-repeat:no-repeat;
                overflow:hidden;
                /* padding:370px 0 78px 0; */
                 /* padding: 30px 0 33px 0; */
            }
            .page-title.mission-page-banner:before{
                background:linear-gradient(120deg,rgba(10,12,12,0.82) 0%,rgba(10,12,12,0.55) 55%,rgba(10,12,12,0.8) 100%);
            }
            .page-title.mission-page-banner .auto-container{
                text-align:center;
            }
            .page-title.mission-page-banner .title{
                margin:0 auto 20px;
            }
            .page-title.mission-page-banner .title span.eyebrow{
                display:inline-block;
                color:#f0793c;
                font-size:15px;
                font-weight:700;
                letter-spacing:2px;
                text-transform:uppercase;
                margin-bottom:10px;
            }
            .page-title.mission-page-banner .bread-crumb{
                display:inline-flex;
                justify-content:center;
            }
                @media (min-width: 1801px) {
                .page-title.mission-page-banner {
                 padding: 350px 0 98px 0;
                }
            }
            @media (min-width: 1440px) and (max-width: 1800px) {
                .page-title.mission-page-banner {
                 padding: 350px 0 78px 0;
                }
            @media (min-width: 768px) {
               .page-title.mission-page-banner {
                 padding: 50px 0 40px 0 !important;
                }
            }
            }

            @media only screen and (max-width: 767px) {
                .page-title {
                    padding-top: 40px !important;
                }
            }


            .mission-statement-section{ padding:100px 0 70px; overflow:hidden; }
            .mission-statement-section .row{ align-items:center; }
            .mission-statement-section .statement-wrap{ text-align:left; }
            .mission-statement-section h2.shimmer-heading{
                font-size:36px;
                font-weight:700;
                margin:14px 0 22px;
                background:linear-gradient(90deg,#16332d,#f0793c,#16332d);
                background-size:200% auto;
                -webkit-background-clip:text;
                background-clip:text;
                -webkit-text-fill-color:transparent;
                animation:missionShimmerText 6s linear infinite;
            }
            .mission-statement-section p{
                font-size:16.5px;
                line-height:1.9;
                margin-bottom:16px;
            }
            .mission-statement-section .tagline-pill{
                display:inline-block;
                margin-top:14px;
                padding:10px 26px;
                border:2px dashed #f0793c;
                border-radius:30px;
                color:#16332d;
                font-weight:700;
                letter-spacing:0.6px;
                animation:missionFadeInUp 900ms ease both;
            }
            .mission-statement-section .statement-image-wrap{
                position:relative;
                animation:missionFadeInUp 900ms ease both;
            }
            .mission-statement-section .statement-image-wrap img{
                width:100%;
                border-radius:6px;
                display:block;
                box-shadow:0 25px 50px rgba(22,51,45,0.22);
            }
            @media (max-width:991px){
                .mission-statement-section .statement-wrap{ margin-top:40px; text-align:center; }
            }



            .mission-pillars-section{ padding:30px 0 100px; overflow:hidden; }

            .mission-pillars-section .pillars-carousel{
                margin-top:15px;
            }
            .mission-pillars-section .pillars-carousel .owl-stage-outer{ overflow:visible; }
            .mission-pillars-section .pillars-carousel .owl-stage{ display:flex; align-items:stretch; }
            .mission-pillars-section .pillars-carousel .owl-item{
                display:flex;
                height:auto;
                padding:16px 12px 34px;
                opacity:0.35;
                transform:scale(0.92);
                transition:opacity 500ms ease, transform 500ms ease;
            }
            .mission-pillars-section .pillars-carousel .owl-item.active{
                opacity:1;
                transform:scale(1);
            }
            .mission-pillars-section .pillar-slide{
                width:100% !important;
                height:100%;
                display:flex !important;
                flex-direction:column !important;
                float:none !important;
            }
            .mission-pillars-section .pillar-slide .explore-block-one{
                width:100% !important;
                height:100%;
                display:flex !important;
                flex-direction:column !important;
                float:none !important;
            }

            /* ---- static card: image on top, title + description always visible below ---- */
            .mission-pillars-section .pillar-slide .inner-box{
                position:relative;
                border-radius:8px;
                overflow:hidden;
                background:#fff;
                /* background: #16332d; */
                box-shadow:0 10px 25px rgba(22,51,45,0.12);
                transition:transform 350ms ease, box-shadow 350ms ease;
                display:flex !important;
                flex-direction:column !important;
                float:none !important;
                width:100% !important;
                height:100%;
            }
            .mission-pillars-section .pillar-slide .inner-box:hover{
                transform:translateY(-6px);
                box-shadow:0 22px 42px rgba(22,51,45,0.24);
            }
            .mission-pillars-section .pillar-slide .inner-box:before{
                display:none !important;
            }

            /* photo on top */
            .mission-pillars-section .pillar-slide .inner-box .image-box{
                position:relative;
                margin:0;
                width:100% !important;
                float:none !important;
                display:block !important;
            }

            /* a light sweeping across the photo -- kept as a decorative cue on the static card */
            .mission-pillars-section .pillar-slide .inner-box .image-box:after{
                content:'';
                position:absolute;
                inset:0;
                background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,0.55) 50%,transparent 60%);
                transform:translateX(-130%) skewX(-12deg);
                pointer-events:none;
                animation:missionCardShine 4.5s ease-in-out infinite;
            }
            .mission-pillars-section .pillars-carousel .owl-item:nth-child(2n) .inner-box .image-box:after{ animation-delay:1.2s; }
            .mission-pillars-section .pillars-carousel .owl-item:nth-child(3n) .inner-box .image-box:after{ animation-delay:2.4s; }

            /* title + description below the photo, always visible -- no flip */
            .mission-pillars-section .pillar-slide .inner-box .content-box{
                position:static;
                padding:22px 20px 26px;
                text-align:center;
                flex:1;
                display:flex !important;
                flex-direction:column !important;
                width:100% !important;
                float:none !important;
            }

            /* the original front-face title block */
            .mission-pillars-section .pillar-slide .inner-box .content-box .text{
                position:static !important;
                width:auto;
                padding:0 0 14px;
                box-sizing:border-box;
                text-align:center !important;
                opacity:1 !important;
                visibility:visible !important;
                transform:none !important;
            }
            .mission-pillars-section .pillar-slide .inner-box .content-box .text h4{
                position:relative;
                margin:0 auto;
                padding-bottom:16px;
                font-size:18px;
                line-height:25px;
                text-align:center !important;
            }
            .mission-pillars-section .pillar-slide .inner-box .content-box .text h4:before{
                content:'';
                position:absolute;
                left:50%;
                bottom:0;
                transform:translateX(-50%);
                width:44px;
                height:3px;
                border-radius:2px;
                background:#f0793c;
                transition:width 400ms ease;
            }
            .mission-pillars-section .pillar-slide .inner-box:hover .content-box .text h4:before{ width:64px; }

            /* the description, previously the hidden "back face" -- now shown directly below the title */
            .mission-pillars-section .pillar-slide .inner-box .content-box .overlay-content{
                position:static;
                inset:auto;
                width:auto;
                height:auto;
                padding:0;
                border-radius:0;
                background:none;
                box-shadow:none;
                transform:none;
                backface-visibility:visible;
                -webkit-backface-visibility:visible;
                opacity:1;
                visibility:visible;
            }
            /* title is already shown above in .text -- don't repeat it */
            .mission-pillars-section .pillar-slide .inner-box .content-box .overlay-content h4{
                display:none;
            }
            .mission-pillars-section .pillar-slide .inner-box .content-box .overlay-content p{
                margin:0;
                color:#666;
                font-size:14px;
                line-height:1.8;
                text-align:center !important;
            }

            /* soft ambient glow on whichever card is centred in the carousel */
            .mission-pillars-section .pillars-carousel .owl-item.active .inner-box{
                box-shadow:0 10px 30px rgba(240,121,60,0.18);
            }

            /* keep the pillar photo compact regardless of the source image's own aspect ratio */
            .mission-pillars-section .pillar-slide .inner-box .image-box{ height:220px; overflow:hidden; }
            .mission-pillars-section .pillar-slide .inner-box .image-box img{
                height:220px;
                width:100%;
                object-fit: contain;
                /* object-fit:cover; */
            }

            /* nav arrows */
            .mission-pillars-section .pillars-carousel .owl-nav{
                display:flex;
                justify-content:center;
                gap:14px;
                margin-top:10px;
            }
            .mission-pillars-section .pillars-carousel .owl-nav button{
                width:48px;
                height:48px;
                border-radius:50%;
                background:#16332d !important;
                color:#fff !important;
                font-size:22px;
                line-height:48px;
                margin:0;
                transition:background 350ms ease, transform 350ms ease;
            }
            .mission-pillars-section .pillars-carousel .owl-nav button:hover{
                background:#f0793c !important;
                transform:translateY(-4px);
            }

            /* dots */
            .mission-pillars-section .pillars-carousel .owl-dots{
                display:flex;
                justify-content:center;
                gap:8px;
                margin-top:22px;
            }
            .mission-pillars-section .pillars-carousel .owl-dot span{
                width:9px;
                height:9px;
                display:block;
                border-radius:50%;
                background:rgba(22,51,45,0.25);
                transition:all 350ms ease;
            }
            .mission-pillars-section .pillars-carousel .owl-dot.active span{
                width:26px;
                border-radius:6px;
                background:#f0793c;
            }


            .mission-process-section{
                position:relative;
                padding:90px 0 100px;
                background:linear-gradient(120deg,#16332d 0%,#1f4a3f 100%);
                overflow:hidden;
            }
            .mission-process-section .pattern-layer{
                position:absolute;
                inset:0;
                background-repeat:no-repeat;
                background-size:cover;
                opacity:0.08;
            }
            .mission-process-section .sec-title h2,
            .mission-process-section .sec-title h6{ color:#fff; }
            .mission-process-section .sec-title h6 span{ color:#f0793c; }
            .mission-process-section .process-row{
                position:relative;
                margin-top:50px;
            }
            .mission-process-section .process-line{
                position:absolute;
                top:34px;
                left:0;
                height:2px;
                background:#f0793c;
                width:0;
            }
            .mission-process-section.in-view .process-line{
                animation:missionLineGrow 1.6s ease forwards;
            }
            .mission-process-section .process-step{
                text-align:center;
                position:relative;
                padding:0 15px;
            }
            .mission-process-section .process-step .step-circle{
                width:70px;
                height:70px;
                margin:0 auto 22px;
                border-radius:50%;
                background:#f0793c;
                color:#16332d;
                font-size:26px;
                font-weight:700;
                display:flex;
                align-items:center;
                justify-content:center;
                position:relative;
                z-index:2;
                animation:missionPopIn 700ms ease both, missionPulseDot 2.6s ease-in-out infinite 700ms;
            }
            .mission-process-section .process-step:nth-child(2) .step-circle{ animation-delay:250ms, 950ms; }
            .mission-process-section .process-step:nth-child(3) .step-circle{ animation-delay:500ms, 1200ms; }
            .mission-process-section .process-step:nth-child(4) .step-circle{ animation-delay:750ms, 1450ms; }
            .mission-process-section .process-step h5{ color:#fff; margin:0 0 10px; font-size:18px; }
            .mission-process-section .process-step p{ color:rgba(255,255,255,0.78); font-size:14px; margin:0; line-height:1.7; }
            /* optional photo background -- see the commented div below */
            .mission-process-section .section-bg-photo{
                position:absolute;
                inset:0;
                background-size:cover;
                background-position:center;
                z-index:0;
            }
            .mission-process-section .section-bg-photo:after{
                content:'';
                position:absolute;
                inset:0;
                background:linear-gradient(120deg,rgba(22,51,45,0.88) 0%,rgba(31,74,63,0.85) 100%);
            }
            .mission-process-section .pattern-layer{ z-index:1; }
            .mission-process-section .auto-container{ position:relative; z-index:2; }



            .mission-cta-section{
                position:relative;
                padding:70px 0;
                overflow:hidden;
                background:linear-gradient(120deg,#f0793c 0%,#e0611f 100%);
                text-align:center;
            }
            .mission-cta-section .pattern-layer{
                position:absolute;
                inset:0;
                background-repeat:no-repeat;
                background-size:cover;
                opacity:0.15;
                animation:missionFloatShape 11s ease-in-out infinite;
            }
            .mission-cta-section h2{ color:#fff; margin:0 0 12px; font-size:34px; }
            .mission-cta-section p{ color:rgba(255,255,255,0.9); margin:0 0 28px; font-size:16px; }
            .mission-cta-section .cta-btn{
                position:relative;
                display:inline-block;
                padding:16px 42px;
                background:#16332d;
                color:#fff;
                font-weight:700;
                letter-spacing:1px;
                text-transform:uppercase;
                border-radius:4px;
                text-decoration:none;
                animation:missionPulseDot 2.4s infinite;
            }
            .mission-cta-section .cta-btn:hover{ background:#0f241f; color:#f0793c; }