:root {
            --ts-red: #b3413a;
            --ts-green: #2c4b3e;
            --beige-bg: #f3efea;
            --brand-navy: #041448;
            --brand-red: #881817;
            --brand-crimson: #881817;
            --paper-bg: #fcfcfc;
            --grid-line: rgba(0,0,0,0.04);
            --shri-yellow: #fbcf00;
            --brand-orange: #fbcf00;
            --soft-gray: #f8f9fa;
            --premium-light: #F4F1EA;
            --premium-accent: #E5E0D5;
            --white: #fff;
            --soft-bg: #f5f7fb;
            --navy: #041448;
            --navy-dark: #020d30;
            --navy-mid: #0a2270;
            --navy-light: #e8ecf7;
            --navy-ultra: #f0f3fb;
            --crimson: #881817;
            --crimson-dark: #6a1111;
            --crimson-light: #fdecea;
            --bg: #f5f7fb;
            --bg-dark: #e2e6f0;
            --white: #ffffff;
            --text: #181818;
            --text-mid: #3a3a3a;
            --text-muted: #7a7a8a;
            --border: rgba(4,20,72,.13);
            --shadow-navy: 0 20px 60px rgba(4,20,72,.20);
            --shadow-soft: 0 6px 28px rgba(0,0,0,.07);
            --radius-lg: 22px;
            --radius-md: 14px;
        }

        html, body {
            overflow-x: hidden;
        }

        body {
            font-family: "Libre Baskerville", serif;
        }

        .header-main {
            background: linear-gradient(135deg,rgba(2,12,46,0.85) 0%,rgba(4,20,72,0.82) 40%,rgba(42,26,42,0.78) 70%,rgba(136,24,23,0.75) 100%);
            backdrop-filter: blur(18px) saturate(140%);
            -webkit-backdrop-filter: blur(18px) saturate(140%);
            border-bottom: 1px solid rgba(255,255,255,0.08);
            box-shadow: 0 10px 30px rgba(0,0,0,0.25), 0 2px 10px rgba(0,0,0,0.15);
            transition: all 0.4s ease;
            z-index: 2000;
        }

            .header-main::after {
                content: "";
                position: absolute;
                bottom: -25px;
                left: 0;
                width: 100%;
                height: 40px;
                background: linear-gradient( to bottom, rgba(4,20,72,0.35), /* navy */
                rgba(136,24,23,0.25), /* red */
                transparent );
                filter: blur(18px);
                pointer-events: none;
                z-index: -1;
            }
            /* SHRINK ON SCROLL */ .header-main.shrink {
                /*padding: 8px 0;*/
                background: linear-gradient( 135deg,rgba(2,12,46,0.65),rgba(4,20,72,0.6),rgba(42,26,42,0.55),rgba(136,24,23,0.5));
                backdrop-filter: blur(22px);
                box-shadow: 0 15px 40px rgba(0,0,0,0.25);
            }
        /* Header Side-by-Side */
        .header-action-unit {
            display: flex;
            align-items: center;
            gap: 15px;
            z-index: 2000;
        }

        .btn-book-visit {
            background: #d4c3b3;
            color: #fff;
            padding: 10px 25px;
            border-radius: 30px;
            text-decoration: none;
            font-weight: 600;
        }

        /* Desktop Floating Panel */

        .floating-panel {
            position: absolute;
            top: 85px;
            right: 20px; /* ✅ anchor near menu button */
            display: flex;
            background: #fff;
            border-radius: 32px;
            opacity: 0;
            visibility: hidden;
            transform: translateY(10px);
            transition: opacity 0.3s ease, transform 0.3s ease;
            overflow: hidden;
            z-index: 9999;
        }

        .panel-col {
            overflow: hidden;
        }

        .floating-panel.open {
            transform: translateY(0); /* ✅ ONLY this */
            opacity: 1;
            visibility: visible;
        }

        /* Columns */
        .main-links {
            min-width: 350px;
            padding: 50px;
            white-space: nowrap;
        }

        .sub-links {
            max-width: 0;
            opacity: 0;
            transform: translateX(20px);
            transition: all 0.35s ease;
        }

            .sub-links.active-col {
                max-width: 350px;
                opacity: 1;
                padding: 60px;
                transform: translateX(0);
            }

        .cta-column {
            min-width: 260px;
            padding: 40px;
        }

        /* Red Strike-through Line */
        .primary-link {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
            font-size: 2.5rem;
            line-height: 1.0; /* 🔥 FIX: normalize height */
            margin-bottom: 15px;
            color: #4a5c53;
            text-decoration: none;
            position: relative;
        }

        .has-sub.active-link .primary-link {
            color: var(--ts-red);
        }

            .has-sub.active-link .primary-link::after {
                content: "";
                position: absolute;
                right: -70px;
                top: 55%;
                width: 60px;
                height: 1.5px;
                background: var(--ts-red);
            }

        /* Secondary Link Styling (Styled like Col 1) */
        .secondary-link {
            font-size: 1.4rem;
            color: #4a5c53;
            text-decoration: none;
            display: block;
            margin-bottom: 12px;
            transition: 0.3s;
        }

            .secondary-link:hover {
                color: var(--ts-red);
                padding-left: 10px;
            }

        /* Burger Trigger Animation */
        .nav-toggle {
            background: none;
            border: none;
            width: 35px;
            height: 25px;
            position: relative;
            transition: transform 0.3s ease;
        }

            .nav-toggle:hover {
                transform: scale(1.05);
            }

                .nav-toggle:hover .line {
                    background: #fbcf00; /* subtle premium accent */
                }

            .nav-toggle .line {
                display: block;
                width: 100%;
                height: 2px;
                background: #fff;
                position: absolute;
                transition: 0.3s;
            }

                .nav-toggle .line:nth-child(1) {
                    top: 0;
                }

                .nav-toggle .line:nth-child(2) {
                    top: 12px;
                }

                .nav-toggle .line:nth-child(3) {
                    bottom: 0;
                }

            .nav-toggle.active .line:nth-child(1) {
                transform: rotate(45deg);
                top: 12px;
            }

            .nav-toggle.active .line:nth-child(2) {
                opacity: 0;
            }

            .nav-toggle.active .line:nth-child(3) {
                transform: rotate(-45deg);
                bottom: 11px;
            }

        .mobile-menu-overlay {
            position: fixed;
            top: 75px; /* Adjust based on header height */
            left: 0;
            width: 100%;
            height: calc(100vh - 75px);
            background: #fff;
            z-index: 1500;
            transform: translateX(100%);
            transition: transform 0.4s ease-in-out;
            padding: 20px;
            overflow: hidden;
            z-index: 9999;
        }

            .mobile-menu-overlay.open {
                transform: translateX(0);
            }
            /* Accordion Styling */ .mobile-menu-overlay .accordion-button {
                font-size: 1.8rem;
                font-weight: 300;
                color: #4a5c53;
                padding: 20px 0;
                background: none !important;
                box-shadow: none !important;
            }

                .mobile-menu-overlay .accordion-button:not(.collapsed) {
                    color: var(--ts-red);
                }

            .mobile-menu-overlay .accordion-body a {
                display: block;
                font-size: 1.2rem;
                color: #4a5c53;
                text-decoration: none;
                padding: 10px 0;
                border-bottom: 1px solid #eee;
            }

        .mobile-direct-link {
            display: block;
            font-size: 1.8rem;
            font-weight: 300;
            color: #4a5c53;
            padding: 20px 0;
            text-decoration: none;
            border-bottom: 1px solid #eee;
        }



        /**Header Right Look**/
        /* RIGHT SIDE */
        /* RIGHT SIDE */ .header-right {
            display: flex;
            align-items: center;
            gap: 18px;
        }

        /* Affiliation */
        .affiliation {
            font-size: 0.85rem;
            color: #fff;
            font-weight: 500;
        }

        /* Contact */
        /* PHONE */ .contact-item {
            display: flex;
            align-items: center;
            gap: 6px;
            text-decoration: none;
            color: #fff;
            transition: 0.3s;
        }

            .contact-item:hover {
                color: var(--ts-red);
            }
        /* WHATSAPP */ .whatsapp-icon {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: #25D366;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 18px;
            text-decoration: none;
            transition: 0.3s;
        }

            .whatsapp-icon:hover {
                transform: scale(1.1);
                box-shadow: 0 0 15px rgba(37,211,102,0.6);
            }
        /* Enroll */
        .enroll-box {
            display: flex;
            align-items: center;
            gap: 10px;
        }

            .enroll-box span {
                color: #4a5c53;
            }

        .btn-enroll {
            background: linear-gradient(135deg,#a83232,#881817,#041448);
            color: #fff;
            padding: 10px 22px;
            border-radius: 30px;
            font-weight: 600;
            letter-spacing: 0.5px;
            text-decoration: none;
            position: relative;
            overflow: hidden;
            transition: all 0.35s ease;
        }

            .btn-enroll::before {
                content: "";
                position: absolute;
                top: 0;
                left: -100%;
                width: 100%;
                height: 100%;
                background: linear-gradient(120deg, transparent, rgba(255,255,255,0.4), transparent);
                transition: 0.6s;
            }

            .btn-enroll:hover::before {
                left: 100%;
            }

            .btn-enroll:hover {
                transform: translateY(-3px);
                box-shadow: 0 15px 35px rgba(136,24,23,0.5);
            }

        .floating-whatsapp {
            position: fixed;
            bottom: 25px;
            right: 25px;
            width: 55px;
            height: 55px;
            background: #25D366;
            color: #fff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            box-shadow: 0 10px 25px rgba(0,0,0,0.2);
            z-index: 3000;
            transition: 0.3s;
        }

            .floating-whatsapp:hover {
                transform: scale(1.1);
            }

        .logo-w {
            height: 96px;
        }

        .header-main.shrink .logo-w {
            height: 72px;
        }

        .logo-img {
            transition: 0.3s;
        }

        .header-main.shrink .logo-img {
        }

        .primary-link:hover {
            color: #b3413a;
        }

        @media (max-width:768px) {
            .header-right {
                gap: 10px;
            }

            .whatsapp-icon {
                width: 36px;
                height: 36px;
            }

            .logo-w {
                height: 63px;
            }

            .header-main.shrink .logo-w {
                height: 53px;
            }
        }

        .submenu-chevron {
            font-size: 1.8rem; /* slightly bigger for balance */
            line-height: 1;
            flex-shrink: 0;
            display: flex; /* 🔥 FIX */
            align-items: center; /* 🔥 perfect centering */
            justify-content: center;
            height: 100%; /* match parent height */
            transition: transform 0.3s ease, opacity 0.3s ease;
            transform: translateY(2px);
        }

        .has-sub.active-link .submenu-chevron {
            transform: rotate(90deg);
            opacity: 0; /* disappear as you wanted */
        }

        .main-links, .sub-links, .cta-column {
            overflow-y: auto; /* 🔥 content scrolls internally */
        }
        /**Premium cta**/
        .ultra-cta {
            min-width: 320px;
            padding: 45px 30px; /* 🔥 PREMIUM DARK BASE */
            background: linear-gradient(180deg, #041448 0%, #02102e 100%);
            border-left: 1px solid rgba(255,255,255,0.05);
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 22px;
        }
        /* CTA BUTTON BASE */ .cta-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            padding: 14px 20px;
            border-radius: 8px;
            text-decoration: none;
            font-weight: 600;
            letter-spacing: 1px;
            text-transform: uppercase;
            position: relative;
            overflow: hidden;
            transition: all 0.35s ease;
        }
        /* 🔥 PRIMARY (Admissions) */ .primary-cta {
            background: linear-gradient(135deg, #ff7a1a, #e5671f);
            color: #fff;
            box-shadow: 0 10px 30px rgba(255,122,26,0.35);
        }

            .primary-cta:hover {
                transform: translateY(-3px);
                box-shadow: 0 18px 40px rgba(255,122,26,0.5);
            }
        /* 🔥 SECONDARY (Call) */ .secondary-cta {
            background: rgba(255,255,255,0.06);
            color: #fff;
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255,255,255,0.08);
        }

            .secondary-cta i {
                font-size: 14px;
            }

            .secondary-cta:hover {
                background: rgba(255,255,255,0.12);
                transform: translateY(-2px);
            }
        /* Divider */ .cta-divider {
            height: 1px;
            background: linear-gradient(to right, transparent, rgba(255,255,255,0.2), transparent);
            margin: 10px 0;
        }
        /* Social */ .cta-social p {
            color: rgba(255,255,255,0.7);
            font-size: 0.9rem;
            margin-bottom: 12px;
        }
        /* Icons */ .social-icons {
            display: flex;
            gap: 12px;
        }

            .social-icons a {
                width: 42px;
                height: 42px;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
				text-decoration:none;
                color: #fff;
                background: rgba(255,255,255,0.08);
                border: 1px solid rgba(255,255,255,0.08);
                transition: all 0.3s ease;
            }

                .social-icons a:hover {
                    background: linear-gradient(135deg, #b3413a, #881817);
                    transform: translateY(-3px) scale(1.05);
                    box-shadow: 0 10px 25px rgba(136,24,23,0.4);
                }
        /**Slider**/
        /* Ensure the wrapper allows absolute positioning for the curve */
        .hero-slider-wrapper {
            position: relative;
            overflow: hidden; /* Keeps the scaled images inside */
            width: 100%;
            z-index: -1;
        }

        /* THE CURVE - This must sit ON TOP of the slider */
        .shri-curve-up {
            position: absolute;
            bottom: -1px; /* Prevents a tiny 1px gap */
            left: 0;
            width: 100%;
            height: 100px; /* Taller curve looks more premium on hero */
            z-index: 100; /* Higher than the slider images */
            pointer-events: none; /* Allows clicks to pass through to the slider if needed */
        }

            .shri-curve-up svg {
                width: 100%;
                height: 100%;
                display: block;
            }

        /* SLIDER FIXES */
        .hero-slider img {
            width: 100%;
            height: 80vh; /* Match your height */
            object-fit: cover;
            display: block;
        }

        /* Remove the negative z-index madness that's hiding your elements */
        .hero-slider {
            z-index: 1;
        }

            .hero-slider img {
                width: 100%;
                height: 80vh;
                object-fit: cover;
                transition: transform 20s linear;
            }

        .slick-current img {
            transform: scale(1.1);
        }

        /* 🔥 CORNER L DESIGN */
        /* 🔥 BASE CORNER */
        .corner {
            position: absolute;
            width: 90px;
            height: 90px;
            z-index: 20;
        }

            /* COMMON STYLE */
            .corner::before {
                content: "";
                position: absolute;
                border-radius: 2px;
                /* 🔹 Subtle brand gradient (no harsh shine) */
                background: linear-gradient( 135deg, rgba(4,20,72,0.9), rgba(136,24,23,0.8) );
                /* 🔹 Very soft glow */
                box-shadow: 0 0 6px rgba(4,20,72,0.4), 0 0 10px rgba(136,24,23,0.25);
            }

            .corner::after {
                content: "";
                position: absolute;
                border-radius: 2px;
                /* 🔥 Metallic shine gradient */
                background: linear-gradient( 120deg, #041448 0%, #0a2a7a 25%, #ffffff 45%, /* 🔥 shine streak */
                #881817 65%, #c12b2a 85%, #041448 100% );
                background-size: 300% 300%;
                /* 🔥 Stronger glow */
                box-shadow: 0 0 10px rgba(4,20,72,0.6), 0 0 20px rgba(136,24,23,0.5), 0 0 35px rgba(255,255,255,0.3);
                /* 🔥 Shine animation */
            }

        @keyframes shinyMove {
            0% {
                background-position: 0% 50%;
            }

            100% {
                background-position: 200% 50%;
            }
        }

        /* 🔝 TOP LEFT */
        .top-left {
            top: 30px;
            left: 30px;
        }

            .top-left::before {
                width: 10px;
                height: 100%;
            }

            .top-left::after {
                height: 10px;
                width: 100%;
            }

        /* 🔻 BOTTOM RIGHT */
        .bottom-right {
            bottom: 76px;
            right: 30px;
        }

            .bottom-right::before {
                width: 10px;
                height: 100%;
                right: 0;
            }

            .bottom-right::after {
                height: 10px;
                width: 100%;
                bottom: 0;
            }


        /* RIGHT VERTICAL FOLLOW */
        .vertical-follow {
            position: absolute;
            right: 25px;
            top: 50%;
            transform: translateY(-50%);
            z-index: 30;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 12px;
            color: #fff;
        }

        /* ROTATED TEXT */
        .premium-follow {
            position: absolute;
            right: 35px;
            top: 40%;
            transform: translateY(-50%);
            z-index: 50;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 18px;
            padding: 18px 10px;
            /* 🔥 Glass + Depth */
            background: linear-gradient(180deg, rgba(41, 50, 81, 0.65), rgba(160, 43, 43, 0.65));
            backdrop-filter: blur(14px);
            border-radius: 30px;
            border: 1px solid rgba(255,255,255,0.08);
            box-shadow: 0 10px 30px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.08);
        }

        /* 🔥 VERTICAL TEXT */
        .follow-text {
            writing-mode: vertical-rl;
            transform: rotate(180deg);
            font-size: 11px;
            letter-spacing: 4px;
            font-weight: 500;
            color: rgba(255,255,255,0.75);
        }

        /* 🔥 LUXURY LINES */
        .follow-line {
            width: 2px;
            height: 45px;
            background: linear-gradient( to bottom, transparent, rgba(255,255,255,0.6), transparent );
        }

            .follow-line.short {
                height: 25px;
                opacity: 0.6;
            }

        /* 🔥 ICON STACK */
        .follow-icons {
            display: flex;
            flex-direction: column;
            gap: 14px;
        }

            /* 🔥 ICON STYLE */
            .follow-icons a {
                width: 38px;
                height: 38px;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 50%;
                color: #fff;
                text-decoration: none;
                font-size: 14px;
                background: rgba(255,255,255,0.05);
                border: 1px solid rgba(255,255,255,0.08);
                transition: all 0.35s ease;
            }

                /* 🔥 HOVER (PREMIUM GLOW) */
                .follow-icons a:hover {
                    background: linear-gradient(135deg, #b3413a, #881817);
                    transform: translateY(-3px) scale(1.08);
                    box-shadow: 0 10px 25px rgba(136,24,23,0.45);
                }

        /* 🔥 SUBTLE FLOAT ANIMATION */
        .premium-follow {
            animation: floatY 6s ease-in-out infinite;
        }

        @keyframes floatY {
            0%, 100% {
                transform: translateY(-50%);
            }

            50% {
                transform: translateY(-53%);
            }
        }

        @media (max-width: 768px) {

            .premium-follow {
                right: 12px;
                padding: 12px 6px;
                gap: 12px;
            }

            .follow-text {
                font-size: 9px;
                letter-spacing: 2px;
            }

            .follow-icons a {
                width: 32px;
                height: 32px;
                font-size: 12px;
            }

            .follow-line {
                height: 30px;
            }
        }

        @media (max-width: 768px) {

            .corner {
                width: 50px;
                height: 50px;
            }
        }

        /**Intro and Academic in this**/
        /* GRID SECTION */
        /* --- THE MAIN WRAPPER --- */
        /* --- THE CLEAN WRAPPER --- */
        /* 1. THE MAIN WRAPPER */

        .shri-grid-wrapper {
            position: relative;
            padding: 150px 0;
            background-color: #fcfcfc;
            /* STRONG & VISIBLE DIAGONAL */
            z-index: 1;
        }


        /* CURVE */
        /*.shri-curve-up {
                position: absolute;
                top: -80px;
                left: 0;
                width: 100%;
                height: 80px;
            }

                .shri-curve-up svg {
                    width: 100%;
                    height: 100%;
                    display: block;
                }*/

        /* TITLE TAG */
        .navy-title-tag {
            background-color: var(--brand-navy);
            color: #fff;
            padding: 12px 50px 12px 30px; /* Extra padding on the right for the ribbon tail */
            display: inline-block;
            font-size: 1.5rem;
            position: absolute;
            top: 25px;
            left: -15px; /* Pull it slightly off-container for the 3D fold */
            z-index: 30;
            box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
        }

            /* The 3D Fold (The "under" part attached to the wall) */
            .navy-title-tag::before {
                content: "";
                position: absolute;
                top: 100%;
                left: 0;
                border-top: 10px solid var(--brand-navy); /* Darker navy for the shadow fold */
                border-left: 15px solid transparent;
            }

            /* The Premium Swallowtail (The V-cut at the end) */
            .navy-title-tag::after {
                content: "";
                position: absolute;
                right: -20px;
                top: 0;
                height: 0;
                width: 0;
                border-style: solid;
                border-width: 29px 20px 29px 0; /* Adjust width based on height (approx 58px total) */
                border-color: transparent var(--brand-navy) transparent transparent;
                transform: rotate(180deg); /* Flips the triangle to point inward */
            }

        /* Shine effect to make it look like silk/satin ribbon */
        .navy-title-tag {
            background: linear-gradient(135deg, var(--brand-navy) 0%, #1e2c7a 50%, var(--brand-navy) 100%);
            border-left: 3px solid #9e2929; /* Thin gold accent on the left edge */
        }

        /* MAIN IMAGE */
        .img-main-box {
            width: 100%;
            height: 460px;
            object-fit: cover;
        }

        /* OVERLAP IMAGE */
        .img-overlap-box {
            position: absolute;
            left: -70px;
            bottom: -50px;
            width: 260px;
            height: 350px;
            object-fit: cover;
            border: 10px solid #fff;
            box-shadow: 0 20px 50px rgba(0,0,0,0.15);
            z-index: 5;
        }

        /* TEXT */
        .shri-text {
            line-height: 2;
            font-size: 1.05rem;
            opacity: 0.9;
        }

        /* BUTTON */
        .btn-shri-gold {
            background: #9e2929;
            color: #fff;
            padding: 12px 28px;
            font-weight: 700;
            border: none;
        }

        /* ARROWS */
        .arrow-icon {
            width: 45px;
            height: 45px;
            border: 1px solid var(--brand-navy);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            margin-right: 10px;
            background: #fff;
            transition: .3s;
        }

            .arrow-icon:hover {
                background: var(--brand-navy);
                color: #fff;
            }

        /* CAROUSEL SMOOTH */
        .carousel-item {
            transition: transform 1.2s ease-in-out;
        }

        /* RESPONSIVE */
        @media(max-width:991px) {

            .img-overlap-box {
                position: relative;
                left: 0;
                bottom: 0;
                width: 100%;
                height: 220px;
                margin-top: 20px;
            }

            .shri-curve-up {
                display: none;
            }

            .shri-grid-wrapper {
                margin-top: 0;
            }
        }
        /* FADE TRANSITION */
        /* MAIN IMAGE */
        .img-main-side {
            height: 420px;
            object-fit: cover;
            border-radius: 10px;
        }

        /* SMALL IMAGE */
        .img-small-side {
            height: 260px;
            object-fit: cover;
            border-radius: 10px;
        }

        /* FADE TRANSITION */
        .carousel-fade .carousel-item {
            opacity: 0;
            transition: opacity 0.8s ease-in-out;
        }

            .carousel-fade .carousel-item.active {
                opacity: 1;
            }

        /* SUBTLE HOVER DEPTH */
        .img-main-side,
        .img-small-side {
            transition: transform 0.5s ease;
        }

        .carousel-item.active img {
            transform: scale(1.03);
        }
        /* --- Facility Grid --- */
        .facility-item {
            border: 1px solid #f1f1f1;
            border-radius: 15px;
            padding: 30px;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            background: white;
            text-align: center;
        }

            .facility-item:hover {
                transform: translateY(-10px);
                border-color: var(--brand-orange);
                box-shadow: 0 15px 30px rgba(243, 112, 33, 0.1);
            }

        .facility-icon {
            width: 70px;
            height: 70px;
            background: rgba(243, 112, 33, 0.1);
            color: var(--brand-orange);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 15px;
            font-size: 1.5rem;
        }

        /* --- Academic Achievers --- */
        .topper-box {
            position: relative;
            border-radius: 20px;
            overflow: hidden;
            transition: 0.3s;
        }

            .topper-box img {
                transition: transform 0.5s;
            }

            .topper-box:hover img {
                transform: scale(1.05);
            }

        .topper-badge {
            position: absolute;
            bottom: 20px;
            left: 20px;
            right: 20px;
            background: rgba(255, 255, 255, 0.9);
            padding: 15px;
            border-radius: 12px;
            text-align: center;
        }

        /* --- Custom Buttons --- */
        .btn-brand {
            background: linear-gradient(135deg, var(--brand-red), var(--brand-navy));
            border: none;
            padding: 14px 30px;
            border-radius: 50px;
            font-weight: 700;
            color: #fff;
            letter-spacing: 1px;
            transition: all 0.3s ease;
        }

            .btn-brand:hover {
                transform: translateY(-3px);
                box-shadow: 0 15px 30px rgba(0,0,0,0.25);
            }

        .section-title {
            font-weight: 800;
            color: var(--brand-navy);
            position: relative;
            margin-bottom: 50px;
        }

            .section-title::after {
                content: "";
                width: 60px;
                height: 4px;
                background: var(--brand-orange);
                position: absolute;
                bottom: -15px;
                left: 50%;
                transform: translateX(-50%);
            }

        .contact-wrap {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            justify-content: flex-start;
        }
        /* Common Button Style */ .contact-btn {
            display: flex;
            align-items: center;
            gap: 14px;
            text-decoration: none;
            overflow: hidden;
            border-radius: 50px;
            flex: 1;
            min-width: 240px;
            padding: 18px 20px;
            color: #fff;
            backdrop-filter: blur(10px);
            transition: all 0.6s ease;
            box-shadow: 0 6px 18px rgba(0,0,0,0.15);
        }

            .contact-btn::before {
                content: "";
                position: absolute;
                top: 0;
                left: -100%;
                width: 60%;
                height: 100%;
                background: linear-gradient(120deg, transparent, rgba(255,255,255,0.4), transparent);
                transition: 0.6s;
            }

            .contact-btn:hover::before {
                left: 120%;
            }

            .contact-btn:hover {
                transform: translateY(-4px);
                box-shadow: 0 20px 40px rgba(0,0,0,0.25);
            }
            /* Icon Circle */ .contact-btn .icon {
                width: 42px;
                height: 42px;
                border-radius: 50%;
                background: rgba(255,255,255,0.2);
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 18px;
            }
            /* Text */ .contact-btn .content small {
                display: block;
                font-size: 12px;
                opacity: 0.9;
                text-align: left;
            }

            .contact-btn .content strong {
                font-size: 15px;
                letter-spacing: 0.3px;
            }
        /* Call Button Gradient */ .call-btn {
            background: linear-gradient(135deg, #007bff, #0056b3);
        }

            .call-btn:hover {
                transform: translateY(-2px);
                box-shadow: 0 10px 22px rgba(0,0,0,0.25);
            }
        /* WhatsApp Button Gradient */ .whatsapp-btn {
            background: linear-gradient(135deg, #25D366, #128C7E);
        }

            .whatsapp-btn:hover {
                transform: translateY(-2px);
                box-shadow: 0 10px 22px rgba(0,0,0,0.25);
            }

        /* Responsive */ @media (max-width: 576px) {
            .contact-btn {
                width: 100%;
                justify-content: flex-start;
            }
        }

        .display-m {
            display: block;
        }

        .margin-b-4 {
            margin-bottom: 1.5rem;
        }

        .margin-b-3 {
            margin-bottom: 1rem;
        }

        @media (max-width:991px) {
            .display-m {
                display: none;
            }

            .logo-wrapper {
                margin-bottom: 20px;
            }

            .margin-b-4 {
                margin-bottom: 0.7rem;
            }

            .margin-b-3 {
                margin-bottom: 0.5rem;
            }

            .heading-title {
                font-size: 2.5rem;
                font-weight: 900;
                text-align: center;
                color: var(--brand-navy);
                line-height: 1.05;
                letter-spacing: -1px;
                position: relative;
                margin: 0;
                transition: transform 0.5s ease;
            }

            .premium-feature-card {
                background: rgba(255, 255, 255, 0.9);
                backdrop-filter: blur(8px);
                border: 1px solid rgba(4, 20, 72, 0.1);
                border-radius: 20px;
                padding: 50px 16px;
                transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
                box-shadow: 0 10px 30px rgba(4, 20, 72, 0.03);
                text-align: center;
                height: 100%;
            }

            .fs-badge {
                font-size: 0.8rem;
            }
        }

        .blueprint-wrapper {
            position: relative;
            margin-top: -15vh; /* Adjust this number until the white gap vanishes */
            padding: 150px 0 150px 0;
            background-color: #f6f9ff; /* Move background color here */

            z-index: 1;
        }
        /* --- MOBILE & TABLET OPTIMIZATION --- */
        @media (max-width: 768px) {
            .blueprint-wrapper {
                /* 1. Reduce the negative margin so it doesn't overlap too much */
                margin-top: -14vh;
                /* 2. Adjust padding: less on top/bottom so the section isn't too long */
                padding: 121px 0px 169px 0px;
                /* 3. Soften the Clip-Path Angle */
                /* On mobile, 90% is too steep. 95% looks much cleaner and professional. */
                clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%);
                /* 4. Fix potential overflow issues */
                overflow: hidden;
            }
        }
        /* 2. Simplify the grid (no need for a second clip-path here) */
        .blueprint-wrapper::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: linear-gradient(rgba(4, 20, 72, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(4, 20, 72, 0.05) 1px, transparent 1px);
            background-size: 50px 50px;
            z-index: -1;
        }
        /* 3. Fix the Connector so it sits on the slant */ .section-connector {
            position: absolute;
            bottom: 50px; /* Adjusted to stay inside the visible clipped area */
            left: 50%;
            transform: translateX(-50%);
            width: 2px;
            height: 100px;
            background: linear-gradient(to bottom, var(--brand-navy), transparent);
            z-index: 10;
        }

        .section-connector-2 {
            position: absolute;
            top: 42%; /* Adjusted to stay inside the visible clipped area */
            left: 50%;
            transform: translateX(-50%);
            width: 2px;
            height: 100px;
            background: linear-gradient(to bottom, var(--white), transparent);
            z-index: 10;
        }
        /* The Background Grid Layer */
        .blueprint-grid {
            position: absolute;
            top: -100px; /* This allows the grid to bleed into the section above */
            left: 0;
            width: 100%;
            height: calc(100% + 100px); /* Adjust height to match the top offset */
            z-index: -1; /* This pushes it behind the upper section's shapes */
            pointer-events: none; /* Premium Light Blue Background */
            background-color: #f4f8ff; /* Wide Math Grid: 45px for a "Blueprint" feel */
            background-image: linear-gradient(rgba(4, 20, 72, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(4, 20, 72, 0.05) 1px, transparent 1px);
            background-size: 45px 45px; /* Soft fade at the very top so it doesn't cut off harshly */
            mask-image: linear-gradient(to bottom, transparent, black 150px);
            -webkit-mask-image: linear-gradient(to bottom, transparent, black 150px);
        }
        /* 3. The Content: Ensure it stays crisp and readable */ .feature-container {
            position: relative;
            z-index: 1;
        }
        /* Premium Wide Cards */ .premium-feature-card {
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(8px);
            border: 1px solid rgba(4, 20, 72, 0.1);
            border-radius: 20px;
            padding: 50px 30px;
            transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
            box-shadow: 0 10px 30px rgba(4, 20, 72, 0.03);
            text-align: center;
            height: 100%;
        }

            .premium-feature-card:hover {
                transform: translateY(-10px);
                background: #ffffff;
                border-color: #881817; /* Brand Red accent on hover */
                box-shadow: 0 30px 60px rgba(4, 20, 72, 0.1);
            }

        .icon-box {
            /*font-size: 4rem;*/
            color: #041448; /* Brand Navy */
            margin-bottom: 25px;
            transition: 0.3s;
        }

        .premium-feature-card:hover .icon-box {
            color: #881817; /* Switch to Red */
            transform: scale(1.1);
        }

        .card-title {
            color: #041448;
            font-weight: 800;
            font-size: 1.25rem;
            margin-bottom: 10px;
        }

        .card-stat {
            color: #881817;
            font-weight: 700;
            font-size: 0.8rem;
            text-transform: uppercase;
            letter-spacing: 1.5px;
        }
        /* Professional Section Connector Shape */
        .premium-btn {
            display: inline-block;
            padding: 18px 45px;
            font-family: 'Segoe UI', Roboto, sans-serif;
            font-size: 16px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1.2px;
            color: #ffffff;
            border: none;
            border-radius: 50px; /* Pill shape for a modern feel */
            cursor: pointer; /* Deep Blue Gradient */
            background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); /* STATIC COLORED SHADOW */ /* Layer 1: Sharp depth | Layer 2: Broad colored glow */
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 12px 25px 0px rgba(59, 130, 246, 0.5);
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }

            .premium-btn:hover {
                transform: translateY(-5px); /* ENHANCED HOVER SHADOW */ /* We increase the spread and opacity of the blue shadow */
                box-shadow: 0 15px 20px -5px rgba(0, 0, 0, 0.1), 0 20px 40px 5px rgba(59, 130, 246, 0.7);
                filter: brightness(1.1);
            }

            .premium-btn:active {
                transform: translateY(-1px);
                box-shadow: 0 5px 10px rgba(59, 130, 246, 0.4);
            }


        /*Alternate ONe*/
        .btn-apply-now-3d {
            display: inline-block;
            font-size: 1.2rem;
            font-weight: 700;
            padding: 0.85rem 2.3rem;
            color: #fff;
            background-color: var(--brand-red); /* solid base color */
            border: 2px solid var(--brand-red); /* solid border */
            border-radius: 12px;
            text-transform: uppercase;
            letter-spacing: 1px;
            position: relative;
            overflow: hidden;
            transition: all 0.3s ease;
            box-shadow: 4px 4px 0 0 var(--brand-navy), /* 3D side shadow */ 0 6px 12px rgba(0,0,0,0.25); /* soft drop shadow for depth */
        }
            /* Hover effect */ .btn-apply-now-3d:hover {
                transform: translateY(-2px) scale(1.03);
                box-shadow: 4px 4px 0 0 var(--brand-navy), /* maintain side shadow */ 0 10px 20px rgba(0,0,0,0.35); /* stronger depth on hover */
                border-color: var(--brand-navy); /* subtle border highlight */
            }
            /* Optional: glint/shimmer */ .btn-apply-now-3d::after {
                content: '';
                position: absolute;
                top: 0;
                left: -75%;
                width: 50%;
                height: 100%;
                background: rgba(255,255,255,0.1);
                transform: skewX(-25deg);
                transition: all 0.6s ease;
            }

            .btn-apply-now-3d:hover::after {
                left: 125%;
            }

        .premium-heading {
            text-align: left;
            line-height: 1.2;
            padding: 20px;
            perspective: 1000px; /* Adds depth for subtle 3D hover */
        }

        .heading-subtitle {
            /* Changed from block to allow left alignment */
            color: var(--brand-red);
            letter-spacing: 5px; /* Increased for premium airiness */
            font-weight: 700;
            text-transform: uppercase;
            font-size: 0.9rem;
            position: relative;
            padding-bottom: 1.5rem;
            margin-bottom: 1rem;
            text-align: center;
        }

            /* The Underline Bar */
            .heading-subtitle::after {
                content: '';
                position: absolute;
                bottom: 0;
                /* THE CENTERING MAGIC */
                left: 50%;
                transform: translateX(-50%);
                width: 60px;
                height: 6px; /* Slightly thicker for premium feel */
                border-radius: 10px;
                background: linear-gradient(90deg, var(--brand-red), var(--brand-navy), var(--brand-red));
                /* YOUR PREMIUM SHADOWS */
                box-shadow: 0 4px 10px rgba(136, 24, 23, 0.4), 0 0 5px rgba(4, 20, 72, 0.2);
                /* Smooth width transition */
                transition: width 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.6s ease;
            }

        .premium-heading:hover .heading-subtitle::after {
            width: 120px;
        }

        /* Main Heading Typography */
        .heading-title {
            font-size: 2.5rem;
            /* Responsive sizing */
            font-weight: 900;
            text-align: center;
            text-transform: uppercase;
            color: var(--brand-navy);
            line-height: 1.05;
            letter-spacing: -1px; /* Tighter tracking looks more premium for large titles */
            position: relative;
            margin: 0;
            transition: transform 0.5s ease;
        }

            /* The "Ultra" Text Gradient Effect */
            .heading-title span {
                display: inline-block;
                color: var(--brand-red);
                background: linear-gradient(135deg, var(--brand-red) 30%, #c02d2c 50%, var(--brand-red) 70%);
                background-size: 200% auto;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                animation: shineText 5s linear infinite;
                position: relative;
            }

        /* Subtle 3D shadow depth */
        .heading-title {
            text-shadow: 2px 4px 10px rgba(4, 20, 72, 0.08), 0px 0px 1px rgba(0,0,0,0.1);
        }

        /* Floating Animation */
        @keyframes shineText {
            to {
                background-position: 200% center;
            }
        }

        @keyframes shimmer {
            0% {
                left: -100%;
            }

            100% {
                left: 100%;
            }
        }

        /* Adding a subtle reveal effect on the whole heading */
        .premium-heading:hover .heading-title {
            transform: translateX(10px);
        }

        .toppers-img-card {
            position: relative;
            border-radius: 20px;
            overflow: hidden;
            transition: 0.4s;
            aspect-ratio: 4/5;
        }

            /* Image */
            .toppers-img-card img {
                width: 100%;
                height: 100%;
                object-fit: fill;
                /*display: block;*/
            }

            /* Premium overlay */
            .toppers-img-card::after {
                content: "";
                position: absolute;
                inset: 0;
                /*background: linear-gradient(to top, rgb(136 24 23), rgba(0, 0, 0, 0.2), transparent)*/;
            }

            /* Gold border effect */
            .toppers-img-card::before {
                content: "";
                position: absolute;
                inset: 0;
                border-radius: 20px;
                padding: 1px;
                background: linear-gradient(45deg, transparent, #881817, transparent);
                -webkit-mask: linear-gradient(#881817 0 0) content-box, linear-gradient(#041448 0 0);
                -webkit-mask-composite: xor;
                mask-composite: exclude;
            }

            /* Hover */
            .toppers-img-card:hover {
                transform: translateY(-10px) scale(1.02);
                box-shadow: 0 20px 40px rgba(212,175,55,0.3);
            }

        /* Optional badge (if needed on top of image) */
        .rank-badge {
            position: absolute;
            top: 15px;
            right: 15px;
            background: linear-gradient(45deg, #d4af37, #f9e27d);
            color: #000;
            font-weight: bold;
            padding: 6px 14px;
            border-radius: 30px;
            z-index: 2;
        }

        /* Responsive spacing */
        @media(max-width:768px) {
            .toppers-img-card {
                margin-bottom: 20px;
            }
        }

        .blueprint-wrapper-2 {
            position: relative;
            padding: 150px 0 150px 0;
            background: linear-gradient(180deg, #eef2ff 0%, #ffffff 60%, #f8fbff 100%);
            z-index: 1;
        }



        /**Flip Card Responsive**/
        .premium-flip {
            background-color: transparent;
            height: 450px;
            perspective: 1500px;
        }

        .flip-inner {
            position: relative;
            width: 100%;
            height: 100%;
            transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.1);
            transform-style: preserve-3d;
        }

        .premium-flip:hover .flip-inner {
            transform: rotateY(180deg);
        }

        .side-front, .side-back {
            position: absolute;
            width: 100%;
            height: 100%;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            border-radius: 20px;
            overflow: hidden;
            /* Very soft premium shadow */
            box-shadow: 0 20px 50px rgba(0,0,0,0.06);
        }

        .card-img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: 1;
        }

        /* FRONT: Text above image */
        .side-front {
            background-color: var(--soft-gray);
        }

        .front-overlay {
            position: absolute;
            inset: 0;
            /* Light-to-dark gradient to ensure white text is visible */
            background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, transparent 50%, rgba(4, 20, 72, 0.6) 100%);
            z-index: 2;
        }

        .front-content {
            position: relative;
            z-index: 3;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            padding: 40px;
            color: white;
            text-align: center;
        }

            .front-content h2 {
                text-transform: uppercase;
                /*letter-spacing: 0.3em;*/
                font-weight: 300; /* Light weight for premium feel */
                margin: 0;
            }

        /* BACK: Light background with image opacity */
        .side-back {
            transform: rotateY(180deg);
            background-color: var(--soft-gray);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .back-overlay {
            position: absolute;
            inset: 0;
            /* This makes the image look like a faint watermark */
            background: rgba(255, 255, 255, 0.88);
            z-index: 2;
        }

        .back-content {
            position: relative;
            z-index: 3;
            text-align: center;
            padding: 30px;
        }

        .achievement-text {
            color: var(--brand-navy);
            font-size: 1.1rem;
            letter-spacing: 0.1em;
            margin-bottom: 20px;
            text-transform: uppercase;
            font-weight: 600;
        }

        .brand-line {
            width: 40px;
            height: 2px;
            background-color: var(--brand-red);
            margin: 0 auto 20px;
        }

        .four-word-desc {
            color: var(--brand-navy);
            font-size: 1.4rem;
            font-weight: 300;
            letter-spacing: 0.05em;
            /* Ensures it looks like a clean phrase */
            text-transform: capitalize;
        }

        /*.premium-counter {
            background: #881817;
        }

        .counter-box {
            padding: 25px 15px;
        }

            .counter-box h2 {
                font-size: 42px;
                font-weight: 600;
                color: #fff;
                margin-bottom: 8px;
                letter-spacing: 1px;
            }

            .counter-box p {
                font-size: 13px;
                text-transform: uppercase;
                letter-spacing: 1.5px;
                color: #fff;
                margin: 0;
            }

            
            .counter-box::after {
                content: "";
                display: block;
                width: 40px;
                height: 2px;
                background: #fff;
                margin: 12px auto 0;
                opacity: 0.6;
            }

            
            .counter-box:hover h2 {
                transform: translateY(-3px);
                transition: 0.3s ease;
            }*/
		/* SECTION BACKGROUND */
.premium-counter {
    position: relative;
    background:  #881817;
    overflow: hidden;
}

/* SUBTLE LIGHT EFFECT */
.premium-counter::before {
    content: "";
    position: absolute;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(255,255,255,0.08), transparent);
    top: -200px;
    left: -200px;
}

/* GRID ALIGNMENT */
.premium-counter .row {
    position: relative;
    z-index: 2;
}

/* COUNTER BOX */
.counter-box {
    padding: 30px 20px;
    border-radius: 18px;

    background: rgba(255,255,255,0.06);
    backdrop-filter: blur(12px);

    border: 1px solid rgba(255,255,255,0.1);

    transition: all 0.4s ease;
    position: relative;
}

/* HOVER EFFECT (PREMIUM) */
.counter-box:hover {
    transform: translateY(-8px);

    box-shadow:
        0 15px 40px rgba(0,0,0,0.25),
        0 0 20px rgba(136,24,23,0.4);
}

/* NUMBER */
.counter-box h2 {
    font-size: 46px;
    font-weight: 700;
    color: #fff;
	text-align:center;
    margin-bottom: 10px;

    letter-spacing: 1px;
}

/* LABEL */
.counter-box p {
    font-size: 13px;
    text-transform: uppercase;
	text-align:center;
    letter-spacing: 2px;
    color: rgba(255,255,255,0.8);
    margin: 0;
}

/* PREMIUM DIVIDER */
.counter-box::after {
    content: "";
    display: block;
    width: 50px;
    height: 2px;

    margin: 14px auto 0;

    background: linear-gradient(90deg, transparent, #fff, transparent);
    opacity: 0.6;
}

/* MOBILE */
@media (max-width: 768px) {

    .counter-box {
        padding: 20px 10px;
    }

    .counter-box h2 {
        font-size: 32px;
    }

    .counter-box p {
        font-size: 11px;
    }
}

        .facility-section {
            padding: 60px 0;
            background-color: var(--white);
        }

        /* The Main Card Container */
        .facility-card {
            position: relative;
            width: 100%;
            height: 450px;
            border-radius: 20px;
            overflow: hidden;
            background-color: #f8f9fa;
            /* Premium Soft Shadow */
            box-shadow: 0 15px 35px rgba(4, 20, 72, 0.08);
            cursor: pointer;
        }

        /* Background Image */
        .facility-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 1.2s cubic-bezier(0.2, 1, 0.3, 1);
        }

        .facility-card:hover .facility-image {
            transform: scale(1.1);
        }

        /* Initial Bottom Text Bar */
        .initial-label {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            color: #fff;
            background: linear-gradient(to top, rgba(4, 20, 72, 0.9), transparent);
            padding: 30px;
            z-index: 2;
            transition: opacity 0.4s ease;
        }

            .initial-label h3 {
                color: var(--white);
                text-transform: uppercase;
                letter-spacing: 0.3em;
                font-size: 1.2rem;
                text-align: center;
                margin: 0;
            }

        .facility-card:hover .initial-label {
            opacity: 0;
        }

        /* The Hover Reveal Div (Different Color: Brand Navy) */
        .hover-overlay {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            /* 👈 controls how short it is */

            background: linear-gradient( 135deg, rgba(4, 20, 72, 0.75), rgba(136, 24, 23, 0.75) );
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 20px;
            z-index: 3;
            transform: translateY(100%);
            transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .facility-card:hover .hover-overlay {
            transform: translateY(0);
        }

        /* Content inside the Hover Div */
        .hover-overlay h4 {
            color: var(--brand-red); /* Accent Heading */
            text-transform: uppercase;
            letter-spacing: 0.2em;
            font-size: 0.9rem;
            margin-bottom: 15px;
            font-weight: 700;
        }

        .hover-overlay h2 {
            color: var(--white);
            text-transform: uppercase;
            letter-spacing: 0.15em;
            font-size: 1.6rem;
            margin-bottom: 20px;
        }

        .accent-bar {
            width: 40px;
            height: 2px;
            background-color: #9e1b1a;
            margin-bottom: 20px;
        }

        .description {
            color: rgba(255, 255, 255, 0.8);
            font-size: 0.95rem;
            line-height: 1.7;
            font-weight: 300;
        }

        .premium-contact-card {
            background-color: var(--brand-navy);
            border-radius: var(--radius);
            padding: 40px;
            box-shadow: 0 20px 40px rgba(4, 20, 72, 0.2);
            color: var(--white);
        }

        /* Horizontal Layout Styling */
        .contact-item {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 10px 20px;
            transition: transform 0.3s ease;
        }

            .contact-item:hover {
                transform: translateY(-3px);
            }

        /* Icon Styling */
        .contact-icon {
            width: 45px;
            height: 45px;
            background-color: rgba(255, 255, 255, 1);
            border: 1px solid rgba(136, 24, 23, 0.4); /* Brand Red subtle border */
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 15px;
            flex-shrink: 0;
        }

            .contact-icon svg {
                width: 20px;
                height: 20px;
                fill: #041448;
            }

        /* Text Content */
        .contact-label {
            display: block;
            font-size: 0.65rem;
            text-transform: uppercase;
            letter-spacing: 0.2em;
            color: #fff; /* Accent color for labels */
            margin-bottom: 2px;
            font-weight: 700;
        }

        .contact-value {
            display: block;
            font-size: 0.95rem;
            letter-spacing: 0.05em;
            color: var(--light-text);
            text-decoration: none;
            font-weight: 300;
        }

        /* Vertical Dividers for Desktop */
        @media (min-width: 992px) {
            .divider {
                border-right: 1px solid rgba(255, 255, 255, 1);
                height: 40px;
            }
        }

        /* Responsive adjustments for Mobile */
        @media (max-width: 991px) {
            .contact-item {
                justify-content: flex-start;
                margin-bottom: 20px;
            }
        }

        /**Light background 3d Button**/
        .btn-apply-now-3d-2 {
            display: inline-block;
            font-size: 1.1rem;
            font-weight: 700;
            padding: 0.9rem 2.5rem;
            /* Text & Border use Navy for contrast on the Light button */
            color: var(--brand-navy);
            background-color: var(--premium-light);
            border: 2px solid var(--premium-light);
            border-radius: 12px;
            text-transform: uppercase;
            letter-spacing: 2px; /* Increased for that Cinzel/Epic feel */
            position: relative;
            overflow: hidden;
            text-decoration: none;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            /* 3D Shadow: Uses Red as the "Depth" layer for a pop of brand color */
            box-shadow: 4px 4px 0 0 var(--brand-red), 0 10px 20px rgba(0, 0, 0, 0.4);
        }

            .btn-apply-now-3d-2::after {
                content: '';
                position: absolute;
                top: 0;
                left: -100%;
                width: 50%;
                height: 100%;
                /* Soft pearlescent shine */
                background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.6), transparent);
                transform: skewX(-25deg);
                transition: all 0.7s ease;
            }

            .btn-apply-now-3d-2:hover {
                /* Lift effect */
                transform: translateY(-4px) scale(1.02);
                background-color: var(--white);
                color: var(--brand-red); /* Text turns Red on hover for premium interaction */
                border-color: var(--white);
                /* Shadow deepens on hover */
                box-shadow: 6px 6px 0 0 var(--brand-red), 0 15px 30px rgba(0, 0, 0, 0.5);
            }

                .btn-apply-now-3d-2:hover::after {
                    left: 150%;
                }

            .btn-apply-now-3d-2:active {
                transform: translateY(2px) scale(0.98);
                box-shadow: 2px 2px 0 0 var(--brand-red);
            }



        /**New Intro**/
        /* BACKGROUND GLOW */
        .bg-blur {
            position: fixed;
            width: 500px;
            height: 500px;
            background: radial-gradient(circle, rgba(136,24,23,0.15), transparent 70%);
            top: -100px;
            right: -100px;
            z-index: -1;
            filter: blur(80px);
        }

        /* HEADING */
        .display-5 {
            letter-spacing: 1px;
        }

        /* IMAGES */
        .img-arch, .img-u-shape {
            height: 420px;
            width: 100%;
            object-fit: cover;
            transition: 0.5s;
            position: relative;
            overflow: hidden;
        }

        .img-arch {
            border-radius: 140px 140px 20px 20px;
        }

        .img-u-shape {
            border-radius: 20px 20px 140px 140px;
        }

            .img-arch:hover, .img-u-shape:hover {
                transform: scale(1.03);
            }

            /* SHINE EFFECT */
            .img-arch::after, .img-u-shape::after {
                content: "";
                position: absolute;
                top: 0;
                left: -100%;
                width: 60%;
                height: 100%;
                background: linear-gradient(120deg, transparent, rgba(255,255,255,0.3), transparent);
                transition: 0.6s;
            }

            .img-arch:hover::after, .img-u-shape:hover::after {
                left: 120%;
            }

        /* CIRCLE */
        .circle-dashed-border {
            border: 2px dashed rgba(136,24,23,0.4);
            border-radius: 50%;
            padding: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .circle-dashed-border img {
                border-radius: 50%;
                width: 180px;
                height: 180px;
            }

        /* BADGE */
        .experience-badge {
            background: linear-gradient(135deg, #881817, #5a0f0f);
            color: #fff;
            border-radius: 16px;
            padding: 15px;
            margin-top: -60px;
            text-align: center;
        }

        /* ICON */
        .icon-wrap {
            width: 55px;
            height: 55px;
            background: rgba(136,24,23,0.08);
            border-radius: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 22px;
            color: var(--brand-crimson);
            transition: 0.3s;
        }

        .icon-box:hover .icon-wrap {
            background: var(--brand-crimson);
            color: #fff;
            transform: translateY(-4px);
        }

        /* QUOTE */
        .quote-section {
            background: #fff;
            border-radius: 16px;
            padding: 30px;
            box-shadow: 0 10px 40px rgba(0,0,0,0.05);
            position: relative;
        }

        .quote-icon {
            position: absolute;
            bottom: 10px;
            right: 20px;
            font-size: 3.5rem;
            color: var(--brand-crimson);
            opacity: 0.1;
        }

        /* BUTTON */
        .btn-crimson {
            background: linear-gradient(135deg, #881817, #5a0f0f);
            color: white;
            border-radius: 50px;
            padding: 14px 32px;
            border: none;
            position: relative;
            overflow: hidden;
        }

            .btn-crimson::after {
                content: "";
                position: absolute;
                width: 0%;
                height: 100%;
                background: rgba(255,255,255,0.2);
                top: 0;
                left: 0;
                transition: 0.4s;
            }

            .btn-crimson:hover::after {
                width: 100%;
            }

            .btn-crimson:hover {
                transform: translateY(-3px);
            }

        /* RESPONSIVE */
        @media (max-width: 991px) {
            .img-arch, .img-u-shape {
                height: 280px;
            }

            .circle-dashed-border img {
                width: 140px;
                height: 140px;
            }

            .experience-badge {
                margin-top: 15px;
            }

            .stagger-col {
                margin-top: 0 !important;
            }

            .mobile-center {
                text-align: center;
            }
        }

        @media (min-width: 992px) {
            .stagger-col {
                margin-top: 120px;
            }
        }

        .bps-intro {
            background: var(--soft-bg);
        }

        .t-just {
            text-align: justify;
        }

        @media(max-width:991px) {
            .t-just {
                text-align: center;
            }
        }
        /* ═══════════════════════════════════════
           HERO
        ═══════════════════════════════════════ */
        .hero {
            background: linear-gradient(180deg, rgba(253, 236, 234, 0.5) 0%, rgba(232, 236, 247, 0.5) 100%);
            padding: 64px 0 0;
            position: relative;
            overflow: hidden;
        }

            .hero::before {
                content: '';
                position: absolute;
                inset: 0;
                background: radial-gradient(ellipse 70% 60% at 50% -10%, rgba(4,20,72,.07) 0%, transparent 70%);
                pointer-events: none;
            }

        /* Side descriptive text */
        .hero-side-text {
            font-size: .85rem;
            color: #000;
            line-height: 1.75;
            font-weight: 300;
            margin-bottom: 22px;
        }

        /* ── FEATURE CARDS (vertical: icon top-centre, label, description) ── */
        .feat-grid {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .feat-card {
            background: #881817;
            backdrop-filter: blur(8px);
            border: 1px solid var(--border);
            border-radius: var(--radius-md);
            padding: 35px;
            text-align: center;
            transition: transform .28s, box-shadow .28s, background .28s;
            cursor: default;
            position: relative;
            overflow: hidden;
        }

            .feat-card::after {
                content: '';
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                height: 3px;
                background: linear-gradient(90deg, var(--navy), var(--crimson));
                transform: scaleX(0);
                transform-origin: left;
                transition: transform .3s;
            }

            .feat-card:hover {
                transform: translateY(-4px);
                box-shadow: 0 10px 32px rgba(4,20,72,.13);
                background: rgba(255,255,255,.97);
            }

                .feat-card:hover::after {
                    transform: scaleX(1);
                }

            .feat-card.right:hover {
                transform: translateY(-4px);
            }

        .feat-icon-wrap {
            width: 60px;
            height: 60px;
            border-radius: 20px;
            background: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 18px;
            font-size: 2.3rem;
            color: var(--navy);
            transition: background .28s, color .28s, transform .28s;
        }

        .feat-card:hover .feat-icon-wrap {
            background: var(--navy);
            color: var(--white);
            transform: scale(1.08);
        }

        .feat-card:hover .feat-label, .feat-card:hover .feat-desc {
            color: #000;
        }

        .feat-label {
            font-size: 1rem;
            font-weight: 700;
            color: #fff;
            letter-spacing: .02em;
            margin-bottom: 5px;
        }

        .feat-desc {
            font-size: 0.9rem;
            color: #fff;
            font-weight: 300;
            line-height: 1.5;
        }

        /* ── HERO TITLE ── */
        .hero-life {
            font-size: .95rem;
            font-weight: 500;
            letter-spacing: .18em;
            text-transform: uppercase;
            color: var(--navy);
            display: block;
        }

        .hero-gcis {
            font-size: clamp(4rem, 8.5vw, 7rem);
            font-weight: 700;
            color: var(--navy);
            line-height: 1;
            letter-spacing: -2px;
            display: block;
        }

            .hero-gcis span {
                color: var(--crimson);
            }

        /* ── ARCH IMAGE ── */
        .arch-wrap {
            width: 100%;
            max-width: 85%;
            margin: 18px auto 0;
            border-radius: 150px 150px 0 0;
            overflow: hidden;
            box-shadow: 0 28px 70px rgba(4,20,72,.18), 0 0 0 5px rgba(4,20,72,.07);
        }

            .arch-wrap img {
                width: 100%;
                /*height: 400px;*/
                object-fit: cover;
                object-position: top center;
                display: block;
            }

        /* ═══════════════════════════════════════
           GALLERY STRIP
        ═══════════════════════════════════════ */
        .gallery-outer {
            overflow: hidden;
            position: relative;
            background: var(--navy-dark);
        }

        .gallery-track {
            display: flex;
            gap: 4px;
            transition: transform .55s cubic-bezier(.4,0,.2,1);
            will-change: transform;
        }

        .gallery-slide {
            flex-shrink: 0;
            height: 200px;
            overflow: hidden;
            position: relative;
        }

            .gallery-slide img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: transform .5s ease;
                display: block;
            }

            .gallery-slide:hover img {
                transform: scale(1.08);
            }

            .gallery-slide::after {
                content: '';
                position: absolute;
                inset: 0;
                background: linear-gradient(180deg, transparent 40%, rgba(4,20,72,.45) 100%);
                opacity: 0;
                transition: opacity .3s;
            }

            .gallery-slide:hover::after {
                opacity: 1;
            }

        .gallery-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            z-index: 10;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: rgba(255,255,255,.92);
            border: none;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: .95rem;
            color: var(--navy);
            box-shadow: 0 4px 18px rgba(0,0,0,.2);
            transition: background .22s, transform .22s;
        }

            .gallery-btn:hover {
                background: var(--crimson);
                color: #fff;
                transform: translateY(-50%) scale(1.1);
            }

        .gallery-prev {
            left: 14px;
        }

        .gallery-next {
            right: 14px;
        }

        /* ═══════════════════════════════════════
           TESTIMONIALS
        ═══════════════════════════════════════ */
        .testimonials {
            padding: 90px 0 70px;
            background: var(--white);
            position: relative;
            overflow: hidden;
        }

            .testimonials::before {
                content: '';
                position: absolute;
                width: 700px;
                height: 700px;
                border-radius: 50%;
                background: radial-gradient(circle, var(--navy-ultra) 0%, transparent 65%);
                top: -250px;
                left: -250px;
                pointer-events: none;
            }

            .testimonials::after {
                content: '\201C';
                font-size: 26rem;
                color: var(--navy-light);
                position: absolute;
                top: -40px;
                right: -20px;
                line-height: 1;
                pointer-events: none;
                z-index: 0;
                opacity: .7;
            }

        /* Section tag pill */
        .sec-tag {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: var(--crimson-light);
            color: var(--crimson-dark);
            font-size: .7rem;
            font-weight: 700;
            letter-spacing: .12em;
            text-transform: uppercase;
            padding: 5px 14px;
            border-radius: 30px;
            margin-bottom: 14px;
        }

            .sec-tag .dot {
                width: 6px;
                height: 6px;
                border-radius: 50%;
                background: var(--crimson);
            }

        .sec-heading {
            font-size: clamp(2rem, 4.5vw, 3.2rem);
            font-weight: 700;
            line-height: 1.1;
            color: var(--text);
        }

            .sec-heading em {
                font-style: italic;
                color: var(--crimson);
            }

        .sec-sub {
            color: var(--text-muted);
            font-size: .9rem;
            font-weight: 300;
            margin-top: 8px;
        }

        /* Nav buttons */
        .testi-btn {
            width: 46px;
            height: 46px;
            border-radius: 50%;
            border: 1.5px solid var(--border);
            background: var(--white);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            font-size: .95rem;
            color: var(--navy);
            box-shadow: var(--shadow-soft);
            transition: all .25s;
        }

            .testi-btn:hover {
                background: var(--crimson);
                color: var(--white);
                border-color: var(--crimson);
                transform: scale(1.08);
            }

        /* Mini side cards */
        /* INACTIVE STATE */
        .testi-mini {
            opacity: 0.55;
            transform: scale(0.95);
            padding: 48px 44px 40px;
            border-radius: 20px;
            filter: blur(1px);
            transition: all .4s ease;
        }

            /* HOVER = ACTIVE FEEL */
            .testi-mini:hover {
                opacity: 1;
                transform: scale(1);
                filter: blur(0);
                box-shadow: 0 20px 50px rgba(4,20,72,.15);
                z-index: 2;
            }


                .testi-mini:hover::after {
                    transform: scaleX(1);
                }
            /* subtle gradient overlay for inactive feel */
            .testi-mini::before {
                content: '';
                position: absolute;
                inset: 0;
                background: linear-gradient( to bottom, rgba(255,255,255,0.4), rgba(255,255,255,0.8) );
                opacity: 0.6;
                transition: opacity .3s;
                pointer-events: none;
            }

            /* remove overlay on hover */
            .testi-mini:hover::before {
                opacity: 0;
            }

            .testi-mini .mini-text,
            .testi-mini .mini-name,
            .testi-mini .mini-role {
                transition: all .3s;
                opacity: 0.8;
            }

            .testi-mini:hover .mini-text,
            .testi-mini:hover .mini-name,
            .testi-mini:hover .mini-role {
                opacity: 1;
            }

        .mini-q {
            font-size: 3.5rem;
            line-height: .65;
            color: var(--navy-light);
            display: block;
            margin-bottom: 10px;
        }

        .mini-text {
            font-size: .82rem;
            color: var(--text-mid);
            line-height: 1.7;
            font-weight: 300;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            overflow: hidden;
            transition: opacity .35s;
        }

        .mini-author {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-top: 16px;
        }

        .mini-av {
            width: 36px;
            height: 36px;
            border-radius: 50%;
            overflow: hidden;
            flex-shrink: 0;
            border: 2px solid var(--navy-light);
        }

            .mini-av img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

        .mini-name {
            font-size: .8rem;
            font-weight: 700;
            color: var(--text);
        }

        .mini-role {
            font-size: .7rem;
            color: var(--text-muted);
        }

        /* Main carousel card */
        .testi-track {
            overflow: hidden;
        }

        .testi-inner {
            display: flex;
            transition: transform .6s cubic-bezier(.4,0,.2,1);
        }

        .testi-slide {
            flex: 0 0 100%;
            padding: 0 8px;
        }

        .testi-main-card {
            background: linear-gradient(140deg, var(--navy) 0%, var(--navy-mid) 100%);
            border-radius: 26px;
            padding: 48px 44px 40px;
            position: relative;
            overflow: hidden;
        }

            .testi-main-card::before {
                content: '';
                position: absolute;
                width: 280px;
                height: 280px;
                border-radius: 50%;
                background: rgba(255,255,255,.05);
                top: -110px;
                right: -80px;
            }

            .testi-main-card::after {
                content: '';
                position: absolute;
                width: 180px;
                height: 180px;
                border-radius: 50%;
                background: rgba(136,24,23,.12);
                bottom: -70px;
                left: -50px;
            }

        .testi-big-q {
            font-size: 6rem;
            line-height: .65;
            color: rgba(255,255,255,.18);
            display: block;
            margin-bottom: 10px;
            position: relative;
            z-index: 1;
        }

        .testi-text {
            font-size: 1rem;
            line-height: 1.85;
            color: rgba(255,255,255,.9);
            font-weight: 300;
            position: relative;
            z-index: 1;
        }

        .testi-line {
            width: 44px;
            height: 2px;
            background: var(--crimson);
            margin: 26px 0;
            position: relative;
            z-index: 1;
        }

        .testi-author {
            display: flex;
            align-items: center;
            gap: 14px;
            position: relative;
            z-index: 1;
        }

        .testi-av {
            width: 52px;
            height: 52px;
            border-radius: 50%;
            overflow: hidden;
            flex-shrink: 0;
            border: 2.5px solid rgba(255,255,255,.35);
        }

            .testi-av img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

        .testi-name {
            font-size: .95rem;
            font-weight: 700;
            color: #fff;
        }

        .testi-role {
            font-size: .78rem;
            color: rgba(255,255,255,.6);
            margin-top: 2px;
        }

        .testi-stars {
            display: flex;
            gap: 3px;
            margin-bottom: 4px;
        }

            .testi-stars i {
                font-size: .72rem;
                color: var(--crimson);
            }

        /* Dots */
        .t-dots {
            display: flex;
            gap: 7px;
            align-items: center;
            justify-content: center;
            margin-top: 24px;
        }

        .t-dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: var(--bg-dark);
            cursor: pointer;
            transition: all .3s;
        }

            .t-dot.active {
                background: var(--crimson);
                width: 26px;
                border-radius: 4px;
            }

        /* ═══════════════════════════════════════
           BOTTOM — ENDEAVOUR + FORM
        ═══════════════════════════════════════ */
        .bottom-sec {
            padding: 80px 0 90px;
            background: var(--bg);
        }

        .endeavour-card {
            background: var(--white);
            border: 1.5px solid var(--border);
            border-radius: var(--radius-lg);
            padding: 44px 40px 36px;
            height: 100%;
            display: flex;
            flex-direction: column;
        }

        .endeavour-title {
            font-size: clamp(2rem, 3.5vw, 2.8rem);
            font-weight: 700;
            color: var(--navy);
            line-height: 1.15;
        }

        .endeavour-text {
            color: var(--text-muted);
            font-size: .88rem;
            line-height: 1.85;
            font-weight: 300;
            margin: 16px 0 24px;
        }

        /* Image slider */
        .img-slider-outer {
            position: relative;
            overflow: hidden;
            border-radius: var(--radius-md);
            flex: 1;
        }

        .img-slider-track {
            display: flex;
            gap: 10px;
            transition: transform .5s cubic-bezier(.4,0,.2,1);
        }

        .img-slide {
            flex-shrink: 0;
            height: 150px;
            border-radius: 12px;
            overflow: hidden;
        }

            .img-slide img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: transform .4s;
                display: block;
            }

            .img-slide:hover img {
                transform: scale(1.07);
            }

        .img-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background: rgba(255,255,255,.92);
            border: none;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: .78rem;
            color: var(--navy);
            box-shadow: 0 2px 10px rgba(0,0,0,.15);
            transition: background .2s;
            z-index: 5;
        }

            .img-btn:hover {
                background: var(--crimson);
                color: #fff;
            }

        .img-prev {
            left: 7px;
        }

        .img-next {
            right: 7px;
        }

        .i-dots {
            display: flex;
            gap: 6px;
            justify-content: center;
            margin-top: 10px;
        }

        .i-dot {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: var(--bg-dark);
            cursor: pointer;
            transition: all .3s;
        }

            .i-dot.active {
                background: var(--navy);
                width: 20px;
                border-radius: 3px;
            }

        /* Enquiry card */
        .enquiry-card {
            background: var(--white);
            border: 1.5px solid var(--border);
            border-radius: var(--radius-lg);
            padding: 40px 38px;
            height: 100%;
        }

        .adm-pill {
            display: inline-block;
            background: var(--crimson);
            color: var(--white);
            font-size: .68rem;
            font-weight: 700;
            letter-spacing: .1em;
            text-transform: uppercase;
            padding: 5px 14px;
            border-radius: 30px;
            margin-bottom: 12px;
        }

        .form-ttl {
            font-size: 1.65rem;
            font-weight: 700;
            color: var(--navy);
            margin-bottom: 22px;
        }

        .f-group {
            margin-bottom: 16px;
        }

        .f-lbl {
            display: block;
            font-size: .73rem;
            font-weight: 600;
            letter-spacing: .05em;
            text-transform: uppercase;
            color: var(--text-mid);
            margin-bottom: 5px;
        }

            .f-lbl .req {
                color: var(--crimson);
            }

        .f-inp, .f-sel {
            width: 100%;
            background: var(--bg);
            border: 1.5px solid #dde2ee;
            border-radius: 10px;
            padding: 10px 13px;
            font-size: .88rem;
            font-family: 'Outfit', sans-serif;
            color: var(--text);
            outline: none;
            transition: border-color .2s, box-shadow .2s, background .2s;
            appearance: none;
        }

            .f-inp:focus, .f-sel:focus {
                border-color: var(--navy);
                box-shadow: 0 0 0 3px rgba(4,20,72,.09);
                background: var(--white);
            }

        .f-sel {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23777' d='M6 8.5L1 3.5h10z'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 13px center;
            background-color: var(--bg);
            cursor: pointer;
        }

            .f-sel:focus {
                background-color: var(--white);
            }

        .btn-sub {
            background: var(--navy);
            color: var(--white);
            border: none;
            border-radius: 11px;
            padding: 12px 32px;
            font-size: .88rem;
            font-weight: 600;
            font-family: 'Outfit', sans-serif;
            cursor: pointer;
            letter-spacing: .03em;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            transition: background .22s, transform .2s, box-shadow .2s;
            margin-top: 4px;
        }

            .btn-sub:hover {
                background: var(--crimson);
                transform: translateY(-2px);
                box-shadow: 0 10px 28px rgba(136,24,23,.28);
            }

        /* ═══════════════════════════════════════
           RESPONSIVE
        ═══════════════════════════════════════ */
        @media (max-width: 991.98px) {
            .testi-main-card {
                padding: 36px 28px;
            }

            .feat-grid {
                flex-direction: row;
                flex-wrap: wrap;
            }

            .feat-card {
                flex: 1 1 calc(50% - 5px);
            }
        }

        @media (max-width: 767.98px) {
            .hero {
                padding: 44px 0 0;
            }

            .arch-wrap img {
                height: 300px;
            }

            .arch-wrap {
                max-width: 240px;
            }

            .gallery-slide {
                height: 140px;
            }

            .testi-main-card {
                padding: 28px 22px;
            }

            .testi-big-q {
                font-size: 4.5rem;
            }

            .testi-text {
                font-size: .9rem;
            }

            .endeavour-card, .enquiry-card {
                padding: 28px 22px;
            }

            .testimonials::after {
                font-size: 14rem;
            }

            .feat-grid {
                flex-direction: row;
                flex-wrap: wrap;
            }

            .feat-card {
                flex: 1 1 calc(50% - 5px);
            }
        }

        @media (max-width: 575.98px) {
            .hero-gcis {
                letter-spacing: -1px;
            }

            .feat-grid {
                flex-direction: row;
                flex-wrap: wrap;
                gap: 8px;
            }

            .feat-card {
                flex: 1 1 calc(50% - 4px);
                padding: 16px 10px 14px;
            }

            .feat-icon-wrap {
                width: 48px;
                height: 48px;
                font-size: 1.3rem;
                border-radius: 13px;
            }

            .feat-label {
                font-size: .75rem;
            }

            .feat-desc {
                font-size: .68rem;
            }

            .gallery-slide {
                height: 120px;
            }

            .enquiry-card, .endeavour-card {
                padding: 24px 18px;
            }
        }

        /* ═══════════════════════════════════════
           SCROLL REVEAL
        ═══════════════════════════════════════ */
        @keyframes fadeUp {
            from {
                opacity: 0;
                transform: translateY(28px);
            }

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

        .fu {
            opacity: 0;
            animation: fadeUp .65s ease forwards;
            animation-play-state: paused;
        }

        .d1 {
            animation-delay: .1s;
        }

        .d2 {
            animation-delay: .22s;
        }

        .d3 {
            animation-delay: .34s;
        }

        .video-hero-section {
            background: linear-gradient(rgba(4, 20, 72, 0.4), rgba(106, 17, 17, 0.4)), url(bps-video-bg.jpg) no-repeat center center;
            background-size: cover;
            height: 70vh;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            text-align: center;
        }

        /* 3D Background Text Effect */
        .title-container {
            position: relative;
            padding: 60px 0;
            overflow: hidden;
        }

        .background-text {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: transparent;
            -webkit-text-stroke: 1px rgba(0, 0, 0, 0.1);
            font-size: 6rem;
            font-weight: 900;
            text-transform: uppercase;
            letter-spacing: 5px;
            z-index: 1;
        }

        .section-title-2 {
            font-weight: 800;
            font-size: 2.5rem;
            position: relative;
            z-index: 1;
        }

        .highlight-blue {
            color: #041448;
        }

        .highlight-blue {
            color: #881817;
        }

        /* Play Button Styling */
        .play-btn {
            cursor: pointer;
            transition: transform 0.3s ease;
        }

            .play-btn:hover {
                transform: scale(1.1);
                color: #881817;
            }

        /* Card Grid Styling */
        .category-card {
            position: relative;
            height: 350px;
            border: none;
            border-radius: 0;
            overflow: hidden;
        }

            .category-card img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

        .card-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            padding: 20px;
            color: white;
            background: linear-gradient(transparent, rgba(0,0,0,0.8));
            width: 100%;
        }

        .read-more {
            font-size: 0.75rem;
            text-decoration: none;
            color: white;
            font-weight: bold;
            display: block;
            margin-top: 5px;
        }

        /* Responsive adjustments for 3D text */
        @media (max-width: 768px) {
            .background-text {
                font-size: 4rem;
                letter-spacing: 5px;
            }

            .section-title-2 {
                font-size: 1.8rem;
            }
        }
        /**Fit India Slider**/
        /* 3D OUTLINE STYLE */
        .outline-back {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: clamp(3rem, 10vw, 8rem);
            font-weight: 900;
            text-transform: uppercase;
            letter-spacing: 15px;
            color: transparent;
            -webkit-text-stroke: 1px #e0e0e0;
            z-index: 0;
            white-space: nowrap;
            user-select: none;
            opacity: 0.5;
        }

        .main-title {
            position: relative;
            z-index: 1;
            font-weight: 800;
        }

        /* LOGO STYLING */
       /* SECTION BACKGROUND */
.affiliation-premium {
  padding-top: 100px;
    padding-bottom: 170px;
    background: linear-gradient(185deg at top, #f0f4ff, #ffffff);
    /* background: linear-gradient(185deg, #f0f4ff, #ffffff); */
    background: linear-gradient(180deg, #eef2ff 0%, #ffffff 60%, #f8fbff 100%);
}

/* SLIDER CONTAINER */
.premium-logo-slider {
    position: relative;
    overflow: hidden;
    border-radius: 25px;
    padding: 20px 0;

    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(20px);

    box-shadow:
        0 20px 60px rgba(4, 20, 72, 0.12),
        inset 0 0 30px rgba(255,255,255,0.6);
}

/* EDGE FADE */
.premium-logo-slider::before,
.premium-logo-slider::after {
    content: "";
    position: absolute;
    top: 0;
    width: clamp(40px, 8vw, 150px);
    height: 100%;
    z-index: 3;
}

.premium-logo-slider::before {
    left: 0;
    background: linear-gradient(to right, white, transparent);
}

.premium-logo-slider::after {
    right: 0;
    background: linear-gradient(to left, white, transparent);
}
/* ===== TRACK ===== */
.premium-track {
    display: flex;
    width: max-content; /* 🔥 FIX */
    animation: ultraScroll 35s linear infinite;
}

/* ===== SLIDES ===== */
.premium-slide {
    flex: 0 0 auto; /* 🔥 IMPORTANT */

    width: clamp(160px, 20vw, 260px);
    height: clamp(90px, 12vw, 140px);

    margin: 0 clamp(8px, 1.5vw, 12px);

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 18px;

    background: rgba(255,255,255,0.5);
    backdrop-filter: blur(10px);

    transition: 0.5s ease;
    position: relative;
    overflow: hidden;

    opacity: 0.7;
}

/* ===== LIGHT SWEEP ===== */
.premium-slide::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;

    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.6),
        transparent
    );

    transition: 0.6s;
}

.premium-slide:hover::before {
    left: 120%;
}

/* ===== LOGO ===== */
.premium-slide img {
    max-width: 80%;
    max-height: 70px;

    object-fit: contain;

    opacity: 1;
    transition: 0.4s ease;
}

/* ===== HOVER EFFECT ===== */
.premium-slide:hover {
    transform: scale(1.1);
    z-index: 5;

    opacity: 1;

    box-shadow:
        0 15px 40px rgba(4, 20, 72, 0.2),
        0 0 25px rgba(136, 24, 23, 0.3);
}

.premium-slide:hover img {
    opacity: 1;
}

/* ===== ANIMATION ===== */
@keyframes ultraScroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* ===== PAUSE ON HOVER ===== */
.premium-logo-slider:hover .premium-track {
    animation-play-state: paused;
}

/* ===== MOBILE OPTIMIZATION ===== */
@media (max-width: 768px) {

    .premium-track {
        animation: ultraScroll 45s linear infinite; /* slower for premium feel */
    }
}

/* ===== DISABLE HOVER ON TOUCH ===== */
@media (hover: none) {
    .premium-slide:hover {
        transform: none;
        box-shadow: none;
    }
}


       .background-text-2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    color: transparent;
    -webkit-text-stroke: 1px rgba(0, 0, 0, 0.3);

    font-size: clamp(2.5rem, 8vw, 6rem); /* 🔥 responsive magic */

    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: clamp(2px, 1vw, 5px);

    z-index: 0;
    white-space: nowrap; /* prevent breaking */
}
        /* Footer Custom Styles */
        /* ===== FOOTER BASE ===== */
.ultra-footer {
    position: relative;
    background:
        radial-gradient(circle at top right, rgba(136,24,23,0.15), transparent 40%),
        radial-gradient(circle at bottom left, rgba(4,20,72,0.3), transparent 50%),
        linear-gradient(135deg, #020617, #041448);

    color: #e2e8f0;
    padding-top: 90px;
    overflow: hidden;
}

/* LIGHT GLOW */
.ultra-footer::before {
    content: "";
    position: absolute;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(255,255,255,0.05), transparent);
    top: -200px;
    left: -200px;
}

/* ===== LOGO ===== */
.footer-logo img {
    max-width: 180px;
    margin-bottom: 20px;
}

/* ===== DESCRIPTION ===== */
.footer-desc {
    font-size: 14px;
    line-height: 1.8;
    opacity: 0.75;
    max-width: 320px;
}

/* ===== TITLES ===== */
.footer-title {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #fff;
    position: relative;
}

.footer-title::after {
    content: "";
    width: 30px;
    height: 2px;
    background: linear-gradient(90deg, #881817, transparent);
    position: absolute;
    bottom: -8px;
    left: 0;
}

/* ===== LINKS ===== */
.footer-links {
    list-style: none;
    padding: 0;
}

.footer-links li {
    margin-bottom: 12px;
}

.footer-links a {
    text-decoration: none;
    color: #94a3b8;
    font-size: 14px;
    transition: all 0.3s ease;
}

.footer-links a:hover {
    color: #fff;
    padding-left: 8px;
}

/* ===== SOCIAL ===== */
.footer-social a {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    text-decoration:none;
    background: rgba(255,255,255,0.06);
    backdrop-filter: blur(8px);

    color: #fff;
    transition: all 0.3s ease;
}

.footer-social a:hover {
    transform: translateY(-5px) scale(1.05);
    background: linear-gradient(135deg, #041448, #881817);
    box-shadow: 0 8px 25px rgba(136,24,23,0.4);
}

/* ===== CONTACT ===== */
.footer-contact p {
    font-size: 14px;
    margin-bottom: 12px;
    color: #cbd5e1;
}

.footer-contact i {
    margin-right: 10px;
    color: #881817;
}

/* ===== CTA BUTTON ===== */
.footer-btn {
    display: inline-block;
    margin-top: 15px;
    padding: 13px 26px;

    border-radius: 50px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;

    background: linear-gradient(135deg, #881817, #ef4444);
    color: #fff;

    box-shadow: 0 10px 30px rgba(136,24,23,0.3);
    transition: all 0.3s ease;
}

.footer-btn:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 40px rgba(136,24,23,0.5);
}

/* ===== DIVIDER LINE ===== */
.footer-bottom {
    margin-top: 70px;
    padding: 25px 0;
    border-top: 1px solid rgba(255,255,255,0.08);
}

/* ===== BOTTOM TEXT ===== */
.footer-bottom p {
    font-size: 13px;
    color: #94a3b8;
    margin: 0;
}

/* ===== MOBILE ===== */
@media (max-width: 768px) {
    .footer-desc {
        max-width: 100%;
    }

    .footer-bottom {
        text-align: center;
    }
}
		.facility
		{
			background: linear-gradient(180deg, #eef2ff 0%, #ffffff 60%, #f8fbff 100%);
		}
		
    /**instagram post**/
		.insta-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

/* CARD */
.insta-card {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    aspect-ratio: 1 / 1;
    cursor: pointer;

    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    transition: 0.3s ease;
}

/* MEDIA */
.insta-card img,
.insta-card video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s ease;
}

/* HOVER */
.insta-card:hover img,
.insta-card:hover video {
    transform: scale(1.1);
}

.insta-card:hover {
    transform: translateY(-6px);
}

/* OVERLAY */
.insta-card::after {
    content: "\f16d"; /* instagram icon */
    font-family: "Font Awesome 6 Brands";
    position: absolute;
    inset: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 28px;
    color: #fff;

    background: rgba(4,20,72,0.6);
    opacity: 0;
    transition: 0.3s;
}

.insta-card:hover::after {
    opacity: 1;
}

/* BUTTON */
.insta-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    padding: 14px 28px;
    border-radius: 50px;

    background: linear-gradient(135deg, #041448, #881817);
    color: #fff;
    text-decoration: none;
    font-weight: 600;

    transition: 0.3s;
}

.insta-btn:hover {
    transform: translateY(-3px);
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .insta-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .insta-grid {
        grid-template-columns: 1fr;
    }
}
.rs-breadcrumbs {
    position: relative;
	z-index:-1;
}

    .rs-breadcrumbs img {
        width: 100%;
    }

    .rs-breadcrumbs .breadcrumbs-content {
        position: absolute;
        content: '';
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        text-align: center;
    }

        .rs-breadcrumbs .breadcrumbs-content .title {
            font-size: 42px;
            margin: 0 0 10px;
            color: #ffffff;
            text-transform: uppercase;
            text-shadow: 3px 1px 7px rgba(0, 0, 0, 0.35);
        }

        .rs-breadcrumbs .breadcrumbs-content .page-path ul li {
            display: inline;
            margin-right: 5px;
            color: #ffffff;
        }

            .rs-breadcrumbs .breadcrumbs-content .page-path ul li a {
                color: #ffffff;
                font-size: 15px;
            }

                .rs-breadcrumbs .breadcrumbs-content .page-path ul li a:after {
                    content: "\f101";
                    font-family: FontAwesome;
                    color: #ffffff;
                    margin-left: 5px;
                }

            .rs-breadcrumbs .breadcrumbs-content .page-path ul li:last-child {
                margin: 0;
            }

.rs-breadcrumbs2 .breadcrumbs-content2 {
    position: absolute;
    content: '';
    left: 31%;
    top: 36%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}

    .rs-breadcrumbs2 .breadcrumbs-content2 .title {
        font-size: 42px;
        margin: 0 0 10px;
        color: #1141bb;
        text-transform: uppercase;
        text-shadow: 3px 1px 7px rgba(0, 0, 0, 0.35);
    }

    .rs-breadcrumbs2 .breadcrumbs-content2 .page-path ul li {
        display: inline;
        margin-right: 5px;
        color: #fe6500;
    }

        .rs-breadcrumbs2 .breadcrumbs-content2 .page-path ul li a {
            color: #1141bb;
            font-size: 15px;
        }

            .rs-breadcrumbs2 .breadcrumbs-content2 .page-path ul li a img {
                height: 110px;
                width: 200px
            }

        .rs-breadcrumbs2 .breadcrumbs-content2 .page-path ul li:last-child {
            margin: 0;
        }

@media(max-width:1025px) {
    .rs-breadcrumbs2 .breadcrumbs-content2 {
        position: absolute;
        content: '';
        left: 29%;
        top: 24%;
        transform: translate(-50%, -50%);
        width: 100%;
        text-align: center;
    }

        .rs-breadcrumbs2 .breadcrumbs-content2 .page-path ul li a img {
            height: 77px;
            width: 136px
        }
}

@media(max-width:768px) {
    .rs-breadcrumbs2 .breadcrumbs-content2 {
        position: absolute;
        content: '';
        left: 28%;
        top: 19%;
        transform: translate(-50%, -50%);
        width: 100%;
        text-align: center;
    }

        .rs-breadcrumbs2 .breadcrumbs-content2 .page-path ul li a img {
            height: 77px;
            width: 136px
        }
}

@media(max-width:426px) {
    .rs-breadcrumbs2 .breadcrumbs-content2 {
        position: absolute;
        content: '';
        left: 29%;
        top: 13%;
        transform: translate(-50%, -50%);
        width: 100%;
        text-align: center;
    }

        .rs-breadcrumbs2 .breadcrumbs-content2 .page-path ul li a img {
            height: 40px;
            width: 70px
        }
}

@media(max-width:376px) {
    .rs-breadcrumbs2 .breadcrumbs-content2 {
        position: absolute;
        content: '';
        left: 29%;
        top: 10%;
        transform: translate(-50%, -50%);
        width: 100%;
        text-align: center;
    }

        .rs-breadcrumbs2 .breadcrumbs-content2 .page-path ul li a img {
            height: 40px;
            width: 70px
        }
}

@media(max-width:321px) {
    .rs-breadcrumbs2 .breadcrumbs-content2 {
        position: absolute;
        content: '';
        left: 27%;
        top: 10%;
        transform: translate(-50%, -50%);
        width: 100%;
        text-align: center;
    }

        .rs-breadcrumbs2 .breadcrumbs-content2 .page-path ul li a img {
            height: 33px;
            width: 54px
        }
}
.sec-spacer {
    padding: 50px 0;
}
/*-------------------------------------
    07. About Us
-------------------------------------*/
.rs-about .about-tab.extra-padding {
    padding-top: 25px;
}

.rs-about .about-tab .sec-title .author-sign .name {
    margin-bottom: 15px;
}

    .rs-about .about-tab .sec-title .author-sign .name span {
        font-weight: 700;
    }

.rs-about .about-tab .nav .nav-item {
    margin-right: 30px;
}

    .rs-about .about-tab .nav .nav-item .nav-link {
        padding: 12px 30px;
        line-height: 1;
        font-size: 18px;
        border-bottom: 1px solid #f1eff1;
        border-radius: 0;
        position: relative;
    }

        .rs-about .about-tab .nav .nav-item .nav-link.active {
            background: #92278f;
            color: #ffffff;
            border-radius: 3px;
            border-bottom: none;
        }

            .rs-about .about-tab .nav .nav-item .nav-link.active.kinder-pulm {
                background: #ae1b21;
            }

                .rs-about .about-tab .nav .nav-item .nav-link.active.kinder-pulm:after {
                    border-top-color: #ae1b21;
                }

            .rs-about .about-tab .nav .nav-item .nav-link.active.kinder-orange {
                background: #fdcc05;
                color: #fff;
            }

                .rs-about .about-tab .nav .nav-item .nav-link.active.kinder-orange:after {
                    border-top-color: #fdcc05;
                }

            .rs-about .about-tab .nav .nav-item .nav-link.active.kinder-blue {
                background: #ef9a1b;
            }

                .rs-about .about-tab .nav .nav-item .nav-link.active.kinder-blue:after {
                    border-top-color: #ef9a1b;
                }

            .rs-about .about-tab .nav .nav-item .nav-link.active:after {
                content: "";
                border-top: 15px solid;
                border-left: 15px solid transparent;
                border-right: 15px solid transparent;
                position: absolute;
                top: 42px;
                left: 50%;
                transform: translateX(-50%);
                transition: all 0.3s ease 0s;
            }

        .rs-about .about-tab .nav .nav-item .nav-link.kinder-pulm {
            border-color: #ae1b21;
        }

        .rs-about .about-tab .nav .nav-item .nav-link.kinder-orange {
            border-color: #fdcc05;
        }

        .rs-about .about-tab .nav .nav-item .nav-link.kinder-blue {
            border-color: #ef9a1b;
        }

    .rs-about .about-tab .nav .nav-item:last-child {
        margin-right: 0;
    }

.rs-about .about-tab.style-2 .nav-item {
    margin-right: 10px;
    padding-left: 45px;
    padding-right: 45px;
    position: relative;
}

    .rs-about .about-tab.style-2 .nav-item:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 1px;
        width: 0;
        height: 0;
        border-top: 22px solid transparent;
        border-right: 46px solid #ffffff;
        border-bottom: 21px solid transparent;
        z-index: 1;
    }

    .rs-about .about-tab.style-2 .nav-item:after {
        content: '';
        display: block;
        position: absolute;
        right: 0;
        top: 1px;
        width: 0;
        height: 0;
        border-top: 22px solid transparent;
        border-left: 46px solid #ffffff;
        border-bottom: 21px solid transparent;
        z-index: 1;
    }

    .rs-about .about-tab.style-2 .nav-item .nav-link {
        position: unset;
        border: 1px solid;
        padding: 0 10px;
        font-size: 16px;
        height: 45px;
        line-height: 45px;
        background-color: #ffffff;
        transition: all 0.3s ease 0s;
    }

        .rs-about .about-tab.style-2 .nav-item .nav-link.active {
            border-radius: 0;
        }

            .rs-about .about-tab.style-2 .nav-item .nav-link.active:before {
                border-right: 46px solid;
                z-index: 9;
            }

            .rs-about .about-tab.style-2 .nav-item .nav-link.active:after {
                border-left: 46px solid;
                border-top: 23px solid transparent;
                border-bottom: 22px solid transparent;
                left: unset;
                right: 0;
                top: 0;
                border-right: unset;
                transform: unset;
                border-top-color: transparent !important;
                z-index: 9;
            }

            .rs-about .about-tab.style-2 .nav-item .nav-link.active.kinder-pulm-title-bg {
                border-color: #92278f;
                background: #92278f;
            }

                .rs-about .about-tab.style-2 .nav-item .nav-link.active.kinder-pulm-title-bg:before {
                    border-right-color: #92278f;
                }

                .rs-about .about-tab.style-2 .nav-item .nav-link.active.kinder-pulm-title-bg:after {
                    border-left-color: #92278f;
                }

            .rs-about .about-tab.style-2 .nav-item .nav-link.active.kinder-orange-title-bg {
                border-color: #fe6500;
                background: #fe6500;
            }

                .rs-about .about-tab.style-2 .nav-item .nav-link.active.kinder-orange-title-bg:before {
                    border-right-color: #fe6500;
                }

                .rs-about .about-tab.style-2 .nav-item .nav-link.active.kinder-orange-title-bg:after {
                    border-left-color: #fe6500;
                }

            .rs-about .about-tab.style-2 .nav-item .nav-link.active.kinder-blue-title-bg {
                border-color: #1eaee3;
                background: #1eaee3;
            }

                .rs-about .about-tab.style-2 .nav-item .nav-link.active.kinder-blue-title-bg:before {
                    border-right-color: #1eaee3;
                }

                .rs-about .about-tab.style-2 .nav-item .nav-link.active.kinder-blue-title-bg:after {
                    border-left-color: #1eaee3;
                }

        .rs-about .about-tab.style-2 .nav-item .nav-link.kinder-pulm-title-bg:before {
            border-right-color: #92278f;
        }

        .rs-about .about-tab.style-2 .nav-item .nav-link.kinder-pulm-title-bg:after {
            border-left-color: #92278f;
        }

        .rs-about .about-tab.style-2 .nav-item .nav-link.kinder-orange-title-bg:before {
            border-right-color: #fe6500;
        }

        .rs-about .about-tab.style-2 .nav-item .nav-link.kinder-orange-title-bg:after {
            border-left-color: #fe6500;
        }

        .rs-about .about-tab.style-2 .nav-item .nav-link.kinder-blue-title-bg:before {
            border-right-color: #1eaee3;
        }

        .rs-about .about-tab.style-2 .nav-item .nav-link.kinder-blue-title-bg:after {
            border-left-color: #1eaee3;
        }

        .rs-about .about-tab.style-2 .nav-item .nav-link:before {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            width: 0;
            height: 0;
            border-top: 23px solid transparent;
            border-right: 45px solid #92278f;
            border-bottom: 22px solid transparent;
        }

        .rs-about .about-tab.style-2 .nav-item .nav-link:after {
            content: '';
            display: block;
            position: absolute;
            right: 0;
            top: 0;
            width: 0;
            height: 0;
            border-top: 23px solid transparent;
            border-left: 46px solid #92278f;
            border-bottom: 22px solid transparent;
        }
/* ===== ABOUT SECTION ===== */
#rs-about {
    padding: 80px 0;
    background: linear-gradient(180deg, #f8fbff, #ffffff);
}

.about-img img {
    border-radius: 20px;
    box-shadow: 0 20px 60px rgba(4,20,72,0.15);
    transition: 0.5s;
}

.about-img img:hover {
    transform: scale(1.03);
}
/* ===== TABS ===== */
.about-tab .nav-pills {
    gap: 10px;
    justify-content: center;
}

.about-tab .nav-link {
    border-radius: 30px;
    padding: 10px 20px;
    font-weight: 600;
    color: #041448;
    background: rgba(4,20,72,0.05);
    transition: 0.3s;
}

.about-tab .nav-link.active {
    background: linear-gradient(135deg, #041448, #881817);
    color: #fff;
    box-shadow: 0 8px 20px rgba(4,20,72,0.2);
}
.section-title {
    font-size: clamp(24px, 3vw, 36px);
    font-weight: 700;
}

.section-subtitle {
    font-size: 16px;
    color: #881817;
    margin-bottom: 10px;
    letter-spacing: 1px;
}

.section-desc {
    color: #555;
    line-height: 1.7;
    font-size: 15px;
}
.rs-services {
    background: #f6f9ff;
}
.single-service {
    padding: 30px 25px;
    border-radius: 20px;

    background: rgba(255,255,255,0.7);
    backdrop-filter: blur(15px);

    box-shadow: 0 15px 40px rgba(0,0,0,0.06);

    transition: all 0.4s ease;
    height: 100%;
}

/* HOVER */
.single-service:hover {
    transform: translateY(-10px);
    box-shadow: 0 25px 60px rgba(4,20,72,0.15);
}
.icon-style {
    width: 70px;
    height: 70px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 20px;

    font-size: 26px;
    color: #fff;

    background: linear-gradient(135deg, #041448, #881817);

    box-shadow: 0 10px 25px rgba(4,20,72,0.2);
}
.service-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.service-title a {
    text-decoration: none;
    color: #041448;
}

.service-desc {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
}
.readon-btn {
    padding: 14px 30px;
    border-radius: 50px;

    background: linear-gradient(135deg, #041448, #881817);
    color: #fff !important;

    font-weight: 600;
    text-decoration: none;

    transition: 0.3s;
}

.readon-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(4,20,72,0.2);
}
@media (max-width: 992px) {
    .about-img {
        margin-bottom: 30px;
    }
}

@media (max-width: 768px) {
    .single-service {
        padding: 20px;
    }

    .icon-style {
        width: 60px;
        height: 60px;
        font-size: 22px;
    }
}
.icon-style i::before {
    font-size: 35px !important;
}
.mb-50
{
	margin-bottom:20px
}