.slider-img-seven {
            background: url(https://html.inversweb.com/images/banner/12.webp);
        }

        .logo-area img {
            display: block;
            max-width: 170px !important;
            width: 100%;
            height: auto;
        }

        header.header-seven .header-mid-one-wrapper {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 24px;
        }

        header.header-seven .header-mid-one-wrapper .left {
            flex: 1 1 auto;
            min-width: 0;
            width: 100%;
            justify-content: space-between;
            gap: 32px;
        }

        header.header-seven .header-mid-one-wrapper .logo-area {
            flex: 0 0 auto !important;
            width: auto !important;
            min-width: 150px;
            padding: 14px 0 !important;
            overflow: visible;
        }

        header.header-seven .header-mid-one-wrapper .nav-area {
            flex: 1 1 auto;
            min-width: 0;
            margin-left: 0 !important;
        }

        header.header-seven .header-mid-one-wrapper .nav-area .mainmenu {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            gap: 12px;
            flex-wrap: nowrap;
            margin: 0;
            padding: 0;
        }

        header.header-seven .header-mid-one-wrapper .nav-area .mainmenu > li {
            flex: 0 0 auto;
            margin: 0;
        }

        header.header-seven .header-mid-one-wrapper .nav-area .mainmenu > li > a {
            display: flex;
            align-items: center;
            min-height: 42px;
            padding: 0;
            white-space: nowrap;
            line-height: 1.2;
            font-size: 14px;
        }

        @media (min-width: 992px) {
            header.header-seven .header-mid-one-wrapper .header-right {
                display: none !important;
                flex-basis: 0 !important;
                width: 0 !important;
            }

            header.header-seven .header-mid-one-wrapper .nav-area {
                display: block !important;
            }
        }

        @media (max-width: 991.98px) {
            header.header-seven .header-mid-one-wrapper {
                gap: 16px;
            }

            header.header-seven .header-mid-one-wrapper .left {
                justify-content: flex-start;
            }

            header.header-seven .header-mid-one-wrapper .logo-area {
                min-width: 130px;
            }

            header.header-seven .header-mid-one-wrapper .nav-area {
                display: none !important;
            }

            header.header-seven .header-mid-one-wrapper .header-right {
                display: flex !important;
                flex-basis: auto !important;
                width: auto !important;
                margin-left: auto;
            }
        }

        @media (max-width: 575.98px) {
            .logo-area img {
                max-width: 135px !important;
            }
        }
        p {
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2);
    font-weight: var(--p-regular);
    color: var(--color-body);
    margin: 0 0 15px !important;
}

        /* ════════════════════════════════
           OUR SERVICES SECTION
        ════════════════════════════════ */
        .ms-srv-section {
            padding: 90px 0 80px;
            background: #f5f7fc;
            position: relative;
            overflow: hidden;
        }
        .msServicesSwiper {
            perspective: 1300px;
        }
        .msServicesSwiper .swiper-slide {
            transform-style: preserve-3d;
        }
        .ms-srv-head { text-align: center; margin-bottom: 52px; }
        .ms-srv-tag {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: #e8eefb;
            color: var(--color-primary, #0a3d8f);
            font-size: var(--font-size-b2);
            font-weight: 700;
            letter-spacing: 1.4px;
            text-transform: uppercase;
            padding: 7px 20px;
            border-radius: 30px;
            margin-bottom: 16px;
        }
        .ms-srv-tag::before {
            content: '';
            width: 8px; height: 8px;
            background: var(--color-primary, #0a3d8f);
            border-radius: 50%;
        }
        .ms-srv-heading {
            font-size: clamp(2rem, 4vw, 2.9rem);
            font-weight: 800;
            color: #0d1b2a;
            margin: 0;
            line-height: 1.2;
        }
        .ms-srv-heading span { color: var(--color-primary, #0a3d8f); }

        /* ── CARD ── */
        .ms-srv-card {
            background: #ffffff;
            border: 1px solid rgba(18,50,59,0.10);
            border-radius: 18px;
            padding: 0 0 30px;
            text-align: left;
            position: relative;
            overflow: hidden;
            isolation: isolate;
            box-shadow: 0 14px 36px rgba(18,50,59,0.08);
            transition: transform 0.55s cubic-bezier(.2,.8,.2,1),
                        box-shadow 0.55s cubic-bezier(.2,.8,.2,1),
                        border-color 0.35s ease;
            transform-style: preserve-3d;
            z-index: 0;
            height: 100%;
            will-change: transform;
        }

        /* animated gradient border on hover via pseudo-element */
        .ms-srv-card::before {
            content: '';
            position: absolute;
            inset: 0;
            border-radius: inherit;
            padding: 1px;
            background: linear-gradient(135deg, rgba(18,50,59,0.82), rgba(211,163,79,0.78), rgba(255,255,255,0.35));
            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            z-index: 2;
            opacity: 0;
            transition: opacity 0.35s;
            pointer-events: none;
        }
        .ms-srv-card::after {
            content: '';
            position: absolute;
            width: 46%;
            height: 145%;
            top: -24%;
            left: -62%;
            z-index: 3;
            background: linear-gradient(100deg, transparent 0%, rgba(255,255,255,0.36) 48%, transparent 100%);
            transform: rotate(12deg);
            transition: left 0.75s ease;
            pointer-events: none;
        }
        @keyframes ms-border-spin {
            0%   { background-position: 0% 50%; }
            50%  { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }
        .ms-srv-card:hover::before { opacity: 1; }
        .ms-srv-card:hover::after { left: 116%; }

        /* 3D lift on hover */
        .ms-srv-card:hover {
            transform: translateY(-16px) rotateX(7deg) rotateY(-5deg) scale(1.025);
            border-color: rgba(211,163,79,0.35);
            box-shadow: 0 34px 70px rgba(18,50,59,0.18),
                        0 14px 26px rgba(211,163,79,0.13);
        }

        .ms-srv-img {
            position: relative;
            height: 188px;
            overflow: hidden;
            background: #087891;
            transform: translateZ(22px);
        }
        .ms-srv-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            filter: saturate(0.96) contrast(1.04);
            transform: scale(1.01);
            transition: transform 0.75s cubic-bezier(.2,.8,.2,1),
                        filter 0.45s ease;
        }
        .ms-srv-img::after {
            content: '';
            position: absolute;
            inset: 0;
            z-index: 1;
            background:
                linear-gradient(180deg, rgba(18,50,59,0.02), rgba(18,50,59,0.64)),
                radial-gradient(circle at 78% 12%, rgba(211,163,79,0.26), transparent 38%);
        }
        .ms-srv-card:hover .ms-srv-img img {
            filter: saturate(1.08) contrast(1.08);
            transform: scale(1.12) translateX(3px);
        }
        .ms-srv-body {
            padding: 30px 26px 0;
            min-height: 238px;
            display: flex;
            flex-direction: column;
            position: relative;
            z-index: 4;
            transform: translateZ(38px);
        }

        /* icon */
        .ms-srv-icon-wrap {
            width: 76px; height: 76px;
            border-radius: 18px;
            display: flex; align-items: center; justify-content: center;
            margin: -72px 0 22px;
            position: relative;
            border: 1px solid rgba(255,255,255,0.86);
            z-index: 2;
            box-shadow: 0 16px 34px rgba(18,50,59,0.16),
                        inset 0 1px 0 rgba(255,255,255,0.7);
            transition: transform 0.35s ease,
                        border-color 0.35s ease,
                        box-shadow 0.35s ease,
                        background 0.35s ease;
        }
        .ms-srv-card:hover .ms-srv-icon-wrap {
            background: #ffffff !important;
            border-color: rgba(211,163,79,0.48);
            transform: translateY(-8px) translateZ(30px) scale(1.08) rotate(-2deg);
            box-shadow: 0 20px 38px rgba(18,50,59,0.20),
                        0 0 0 7px rgba(255,255,255,0.55);
        }
        .ms-srv-icon-wrap i {
            font-size: 30px;
            transition: transform 0.35s ease;
        }
        .ms-srv-card:hover .ms-srv-icon-wrap i {
            transform: scale(1.16) rotate(4deg);
        }

        /* text */
        .ms-srv-name {
            font-size: 21px;
            font-weight: 800;
            color: #0d1b2a;
            margin: 0 0 12px;
            line-height: 1.25;
            letter-spacing: 0;
        }
        .ms-srv-desc {
            font-size: 15px;
            color: #667578;
            margin: 0;
            line-height: 1.7;
        }
        .ms-srv-detail-link {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            margin-top: 18px;
            color: #087891;
            font-size: 14px;
            font-weight: 850;
            transition: color .25s ease, transform .25s ease;
        }
        .ms-srv-detail-link i {
            font-size: 12px;
            transition: transform .25s ease;
        }
        .ms-srv-detail-link:hover {
            color: #01b4f6;
            transform: translateX(3px);
        }
        .ms-srv-detail-link:hover i {
            transform: translateX(3px);
        }

        /* bottom accent */
        .ms-srv-line {
            width: 36px; height: 3px;
            background: linear-gradient(90deg, var(--color-primary,#0a3d8f), #4f8ef7);
            border-radius: 2px;
            margin: auto 0 0;
            transition: width 0.35s;
        }
        .ms-srv-card:hover .ms-srv-line { width: 82px; }
        @media (max-width: 767px) {
            .ms-srv-img { height: 176px; }
            .ms-srv-body { min-height: 220px; }
            .ms-srv-card:hover {
                transform: translateY(-10px) scale(1.015);
            }
        }

        /* ════════════════════════════════
           OUR APPROACH SECTION
        ════════════════════════════════ */
        .ms-approach-section {
            padding: 90px 0 80px;
            background: #ffffff;
        }
        .ms-approach-head {
            text-align: center;
            margin-bottom: 56px;
        }
        .ms-approach-tag {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: #e8eefb;
            color: var(--color-primary, #0a3d8f);
            font-size: var(--font-size-b2);
            font-weight: 700;
            letter-spacing: 1.4px;
            text-transform: uppercase;
            padding: 7px 20px;
            border-radius: 30px;
            margin-bottom: 16px;
        }
        .ms-approach-tag::before {
            content: '';
            width: 8px; height: 8px;
            background: var(--color-primary, #0a3d8f);
            border-radius: 50%;
        }
        .ms-approach-heading {
            font-size: clamp(2rem, 4vw, 2.9rem);
            font-weight: 800;
            color: #0d1b2a;
            margin: 0;
            line-height: 1.2;
        }
        .ms-approach-heading span { color: var(--color-primary, #0a3d8f); }

        /* card */
        .ms-appr-card {
            background: #ffffff;
            border-radius: 20px;
            padding: 42px 30px 36px;
            text-align: center;
            position: relative;
            z-index: 0;
            border: 2px solid #eef0f7;
            box-shadow: 0 6px 30px rgba(10,61,143,0.07);
            transition: transform 0.45s cubic-bezier(.25,.8,.25,1),
                        box-shadow 0.45s cubic-bezier(.25,.8,.25,1),
                        border-color 0.35s ease;
            transform-style: preserve-3d;
            height: 100%;
            overflow: hidden;
        }

        /* animated border-only on hover — no background fill */
        .ms-appr-card::before {
            content: '';
            position: absolute;
            inset: 0;
            border-radius: 20px;
            padding: 2px;
            background: linear-gradient(135deg,
                var(--color-primary,#0a3d8f),
                #4f8ef7,
                #a5c8ff,
                var(--color-primary,#0a3d8f));
            background-size: 300% 300%;
            -webkit-mask:
                linear-gradient(#fff 0 0) content-box,
                linear-gradient(#fff 0 0);
            -webkit-mask-composite: destination-out;
            mask-composite: exclude;
            opacity: 0;
            transition: opacity 0.4s ease;
            animation: ms-appr-border 2.5s linear infinite;
        }
        @keyframes ms-appr-border {
            0%   { background-position: 0% 50%; }
            50%  { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }
        .ms-appr-card:hover::before { opacity: 1; }

        /* top glow strip */
        .ms-appr-card::after {
            content: '';
            position: absolute;
            top: 0; left: 0; right: 0;
            height: 4px;
            border-radius: 20px 20px 0 0;
            background: linear-gradient(90deg, var(--color-primary,#0a3d8f), #4f8ef7);
            transform: scaleX(0);
            transform-origin: left;
            transition: transform 0.4s ease;
        }
        .ms-appr-card:hover::after { transform: scaleX(1); }

        /* 3D tilt — driven by JS mousemove */
        .ms-appr-card-wrap {
            perspective: 900px;
        }
        .ms-appr-card {
            will-change: transform;
        }
        .ms-appr-card:hover {
            box-shadow: 0 30px 64px rgba(10,61,143,0.18),
                        0 10px 24px rgba(10,61,143,0.10);
            border-color: transparent;
        }

        /* step number */
        .ms-appr-step {
            position: absolute;
            top: 18px; right: 22px;
            font-size: clamp(2.8rem, 5vw, 3.8rem);
            font-weight: 700;
            color: #f0f3fb;
            line-height: 1;
            user-select: none;
            transition: color 0.35s;
        }
        .ms-appr-card:hover .ms-appr-step { color: rgba(79,142,247,0.12); }

        /* icon */
        .ms-appr-icon {
            width: 72px; height: 72px;
            border-radius: 18px;
            display: flex; align-items: center; justify-content: center;
            margin: 0 auto 22px;
            background: #ffffff;
            border: 2px solid #e8eefb;
            transition: background 0.35s, border-color 0.35s,
                        transform 0.4s, box-shadow 0.35s;
        }
        .ms-appr-icon i { font-size: 28px; transition: transform 0.4s; }
        .ms-appr-card:hover .ms-appr-icon {
            background: #ffffff;
            border-color: #e0e0e0;
            transform: translateY(-4px) scale(1.1);
            box-shadow: 0 6px 20px rgba(0,0,0,0.10),
                        0 0 0 4px rgba(255,255,255,0.9);
        }
        .ms-appr-card:hover .ms-appr-icon i { transform: scale(1.15); }

        /* text */
        .ms-appr-title {
            font-size: var(--font-size-b2);
            font-weight: 800;
            color: #0d1b2a;
            margin: 0 0 12px;
            line-height: var(--line-height-b2);
        }
        .ms-appr-desc {
            font-size: var(--font-size-b2);
            color: var(--color-body);
            margin: 0;
            line-height: var(--line-height-b2);
        }

        /* divider */
        .ms-appr-line {
            width: 36px; height: 3px;
            background: linear-gradient(90deg, var(--color-primary,#0a3d8f), #4f8ef7);
            border-radius: 2px;
            margin: 18px auto 0;
            transition: width 0.35s ease;
        }
        .ms-appr-card:hover .ms-appr-line { width: 64px; }

        /* pagination */
        .ms-srv-swiper .swiper-pagination-bullet {
            background: #c5d0e8;
            opacity: 1;
            width: 9px; height: 9px;
            transition: background 0.3s, width 0.3s;
        }
        .ms-srv-swiper .swiper-pagination-bullet-active {
            background: var(--color-primary, #0a3d8f);
            width: 26px;
            border-radius: 4px;
        }

        /* What We Offer */
        .ms-offer-section {
            padding: 96px 0;
            position: relative;
            overflow: hidden;
            background: #091d20;
            color: #fff;
        }
        .ms-offer-section::before {
            content: '';
            position: absolute;
            inset: 0;
            background-image:
                linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
            background-size: 54px 54px;
            -webkit-mask-image: radial-gradient(circle at center, #000 25%, transparent 78%);
            mask-image: radial-gradient(circle at center, #000 25%, transparent 78%);
        }
        .ms-offer-light {
            position: absolute;
            pointer-events: none;
            border-radius: 50%;
            filter: blur(6px);
            animation: ms-offer-pulse 6s ease-in-out infinite;
        }
        .ms-offer-light-one {
            width: 360px;
            height: 360px;
            top: -150px;
            right: -80px;
            background: radial-gradient(circle, rgba(255,112,41,.3), transparent 68%);
        }
        .ms-offer-light-two {
            width: 390px;
            height: 390px;
            left: -170px;
            bottom: -175px;
            background: radial-gradient(circle, rgba(49,188,198,.27), transparent 68%);
            animation-delay: -3s;
        }
        @keyframes ms-offer-pulse {
            0%, 100% { transform: scale(1); opacity: .8; }
            50% { transform: scale(1.1); opacity: 1; }
        }
        .ms-offer-head {
            max-width: 720px;
            margin: 0 auto 54px;
            text-align: center;
            position: relative;
            z-index: 1;
        }
        .ms-offer-tag {
            display: inline-block;
            padding: 8px 18px;
            margin-bottom: 17px;
            border-radius: 30px;
            border: 1px solid rgba(49, 188, 198, .38);
            background: rgba(49, 188, 198, .1);
            color: #76e5ec;
            font-size: 13px;
            font-weight: 700;
            letter-spacing: 1.3px;
            text-transform: uppercase;
        }
        .ms-offer-heading {
            margin: 0 0 14px;
            font-size: clamp(32px, 4vw, 46px);
            font-weight: 800;
            line-height: 1.2;
            color: #ffffff;
        }
        .ms-offer-heading span {
            color: #60dde5;
        }
        .ms-offer-intro {
            max-width: 600px;
            margin: 0 auto;
            color: rgba(236, 246, 247, .72);
            font-size: 17px;
            line-height: 1.7;
        }
        .ms-offer-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 22px;
            position: relative;
            z-index: 1;
            perspective: 1300px;
        }
        .ms-staffing-grid {
            grid-template-columns: repeat(5, minmax(0, 1fr));
        }
        .ms-offer-card {
            min-height: 248px;
            position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            gap: 25px;
            padding: 25px 23px;
            border-radius: 22px;
            border: 1px solid rgba(116, 216, 224, .16);
            background: linear-gradient(150deg, rgba(255,255,255,.105), rgba(255,255,255,.035));
            box-shadow: 0 22px 48px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255,255,255,.12);
            transform-style: preserve-3d;
            transition: transform .45s cubic-bezier(.2,.75,.25,1), border-color .35s ease, box-shadow .4s ease;
        }
        .ms-offer-card::before {
            content: '';
            position: absolute;
            inset: -1px;
            border-radius: inherit;
            padding: 1px;
            background: conic-gradient(from 180deg, transparent, #31bcc6, #ff7029, transparent 56%);
            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            -webkit-mask-composite: destination-out;
            mask-composite: exclude;
            opacity: 0;
            transform: rotate(0deg);
            transition: opacity .35s ease;
            animation: ms-offer-border-turn 4s linear infinite;
        }
        .ms-offer-card::after {
            content: '';
            width: 98px;
            height: 98px;
            position: absolute;
            right: -45px;
            top: -48px;
            border-radius: 50%;
            background: rgba(255, 112, 41, .16);
            transition: transform .4s ease;
        }
        @keyframes ms-offer-border-turn {
            to { transform: rotate(360deg); }
        }
        .ms-offer-card:hover {
            transform: translateY(-10px) rotateX(5deg) rotateY(-4deg);
            border-color: rgba(96, 221, 229, .35);
            box-shadow: 0 34px 66px rgba(0, 0, 0, .4), 0 16px 35px rgba(49, 188, 198, .12);
        }
        .ms-offer-card:hover::before {
            opacity: 1;
        }
        .ms-offer-card:hover::after {
            transform: scale(1.28);
        }
        .ms-offer-card:nth-child(even):hover {
            transform: translateY(-10px) rotateX(5deg) rotateY(4deg);
        }
        .ms-offer-card.ms-offer-featured {
            background: linear-gradient(135deg, rgba(26,116,123,.38), rgba(255,255,255,.04));
            border-color: rgba(96, 221, 229, .28);
        }
        .ms-offer-icon {
            width: 58px;
            height: 58px;
            display: grid;
            place-items: center;
            border-radius: 17px;
            background: linear-gradient(140deg, #31bcc6, #1a747b);
            color: #fff;
            box-shadow: 0 12px 22px rgba(49, 188, 198, .2), inset 0 1px 1px rgba(255,255,255,.28);
            transform: translateZ(32px);
            transition: transform .38s ease, background .38s ease;
        }
        .ms-offer-card:nth-child(3n) .ms-offer-icon,
        .ms-offer-card:nth-child(3n + 1):not(:first-child) .ms-offer-icon {
            background: linear-gradient(140deg, #ff9159, #ff7029);
            box-shadow: 0 12px 22px rgba(255, 112, 41, .21), inset 0 1px 1px rgba(255,255,255,.28);
        }
        .ms-offer-icon i {
            font-size: 23px;
        }
        .ms-offer-card:hover .ms-offer-icon {
            transform: translateZ(42px) rotateY(-14deg) scale(1.06);
        }
        .ms-offer-content {
            position: relative;
            transform: translateZ(20px);
        }
        .ms-offer-index {
            position: absolute;
            right: 0;
            top: -73px;
            font-size: 41px;
            font-weight: 800;
            line-height: 1;
            color: rgba(255, 255, 255, .09);
        }
        .ms-offer-content h3 {
            margin: 0 0 9px;
            color: #fff;
            font-size: 20px;
            line-height: 1.35;
            font-weight: 700;
        }
        .ms-offer-content p {
            margin: 0;
            color: rgba(236, 246, 247, .7);
            font-size: 15px;
            line-height: 1.65;
        }
        @media (max-width: 1199px) {
            .ms-offer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        }
        @media (max-width: 767px) {
            .ms-offer-section { padding: 70px 0; }
            .ms-offer-head { margin-bottom: 38px; }
            .ms-offer-grid { grid-template-columns: 1fr; gap: 18px; }
            .ms-offer-card { min-height: auto; }
            .ms-offer-intro { font-size: 16px; }
        }
        @media (prefers-reduced-motion: reduce) {
            .ms-offer-light,
            .ms-offer-card::before { animation: none; }
            .ms-offer-card,
            .ms-offer-icon { transition: none; }
            .ms-offer-card:hover,
            .ms-offer-card:nth-child(even):hover { transform: none; }
        }

        /* Industries We Serve */
        .ms-approach-section.ms-industries-section {
            background:
                radial-gradient(circle at 7% 10%, rgba(211,163,79,.16), transparent 28%),
                radial-gradient(circle at 91% 86%, rgba(18,50,59,.13), transparent 32%),
                linear-gradient(180deg, #fbfaf7 0%, #ffffff 52%, #f5f8f8 100%);
        }
        .ms-industry-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 24px;
            position: relative;
            z-index: 2;
            perspective: 1400px;
        }
        .ms-industry-card {
            --industry-rotate-x: 0deg;
            --industry-rotate-y: 0deg;
            min-height: 255px;
            position: relative;
            padding: 2px;
            overflow: hidden;
            border-radius: 18px;
            transform-style: preserve-3d;
            transform: rotateX(var(--industry-rotate-x)) rotateY(var(--industry-rotate-y));
            transition: transform .34s ease, filter .34s ease;
        }
        .ms-industry-card::before {
            content: '';
            position: absolute;
            width: 160%;
            height: 160%;
            left: -30%;
            top: -30%;
            border-radius: 50%;
            background:
                conic-gradient(
                    from 0deg,
                    #087891 0deg,
                    #087891 72deg,
                    #01b4f6 118deg,
                    #01b5f530 152deg,
                    #ffffff 178deg,
                    #01b4f6 206deg,
                    #087891 286deg,
                    #087891 360deg
                );
            opacity: .9;
            animation: ms-industry-border-scroll 3.2s linear infinite;
            transition: opacity .35s ease, filter .35s ease;
        }
        .ms-industry-card::after {
            content: '';
            position: absolute;
            inset: 18px 18px -16px;
            border-radius: 22px;
            background: rgba(18,50,59,.18);
            filter: blur(22px);
            opacity: .3;
            transform: translateZ(-22px);
            transition: opacity .35s ease, transform .35s ease;
        }
        @keyframes ms-industry-border-scroll {
            to { transform: rotate(360deg); }
        }
        .ms-industry-card-inner {
            position: relative;
            z-index: 2;
            height: 100%;
            min-height: 255px;
            padding: 30px 26px 28px;
            border-radius: 17px;
            overflow: hidden;
            background:
                linear-gradient(145deg, rgba(255,255,255,.96), rgba(255,255,255,.88)),
                radial-gradient(circle at 88% 12%, rgba(211,163,79,.18), transparent 35%);
            border: 1px solid rgba(18,50,59,.08);
            box-shadow: 0 18px 42px rgba(18,50,59,.09);
            transform: translateZ(28px);
            transition: transform .42s ease, box-shadow .42s ease, border-color .35s ease;
        }
        .ms-industry-card-inner::before {
            content: '';
            position: absolute;
            width: 48%;
            height: 150%;
            top: -25%;
            left: -70%;
            background: linear-gradient(105deg, transparent, rgba(255,255,255,.56), transparent);
            transform: rotate(12deg);
            transition: left .8s ease;
        }
        .ms-industry-card:hover {
            transform: translateY(-13px) rotateX(var(--industry-rotate-x)) rotateY(var(--industry-rotate-y));
            filter: drop-shadow(0 24px 30px rgba(18,50,59,.12));
        }
        .ms-industry-card:hover::before {
            opacity: 1;
            filter: saturate(1.15);
        }
        .ms-industry-card:hover::after {
            opacity: .55;
            transform: translateY(10px) translateZ(-34px);
        }
        .ms-industry-card:hover .ms-industry-card-inner {
            border-color: rgba(211,163,79,.32);
            box-shadow: 0 30px 68px rgba(18,50,59,.16), inset 0 1px 0 rgba(255,255,255,.78);
            transform: translateZ(44px);
        }
        .ms-industry-card:hover .ms-industry-card-inner::before {
            left: 118%;
        }
        .ms-industry-icon {
            width: 66px;
            height: 66px;
            display: grid;
            place-items: center;
            border-radius: 18px;
            margin-bottom: 24px;
            color: #ffffff;
            background: linear-gradient(135deg, #087891, #1A747B);
            box-shadow: 0 16px 30px rgba(18,50,59,.18), inset 0 1px 0 rgba(255,255,255,.22);
            transform: translateZ(32px);
            transition: transform .38s ease, box-shadow .38s ease, background .38s ease;
        }
        .ms-industry-card:nth-child(even) .ms-industry-icon {
            background: linear-gradient(135deg, #01b4f6, #087891);
        }
        .ms-industry-icon i {
            font-size: 27px;
        }
        .ms-industry-card:hover .ms-industry-icon {
            transform: translateZ(58px) rotateY(-14deg) scale(1.08);
            box-shadow: 0 24px 42px rgba(18,50,59,.24), 0 0 0 7px rgba(211,163,79,.12);
        }
        .ms-industry-index {
            position: absolute;
            top: 24px;
            right: 24px;
            font-size: 43px;
            line-height: 1;
            font-weight: 700;
            color: rgba(18,50,59,.07);
            transform: translateZ(18px);
        }
        .ms-industry-card h3 {
            margin: 0 0 12px;
            color: #10292f;
            font-size: 21px;
            line-height: 1.28;
            font-weight: 800;
            transform: translateZ(26px);
        }
        .ms-industry-card p {
            margin: 0 !important;
            color: #667578;
            font-size: 15px;
            line-height: 1.7;
            transform: translateZ(20px);
        }
        @media (max-width: 1199px) {
            .ms-industry-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        }
        @media (max-width: 767px) {
            .ms-industry-grid { grid-template-columns: 1fr; gap: 18px; }
            .ms-industry-card,
            .ms-industry-card-inner { min-height: auto; }
            .ms-industry-card:hover { transform: translateY(-8px); }
        }
        @media (prefers-reduced-motion: reduce) {
            .ms-industry-card,
            .ms-industry-card-inner,
            .ms-industry-icon { transition: none; }
            .ms-industry-card::before { animation: none; }
            .ms-industry-card:hover,
            .ms-industry-card:hover .ms-industry-icon,
            .ms-industry-card:hover .ms-industry-card-inner { transform: none; }
        }

        /* Revised Our Approach presentation */
        .ms-approach-section {
            padding: 96px 0 100px;
            position: relative;
            overflow: hidden;
            background:
                radial-gradient(circle at 8% 16%, rgba(26, 116, 123, .12), transparent 28%),
                radial-gradient(circle at 93% 84%, rgba(255, 112, 41, .12), transparent 27%),
                linear-gradient(180deg, #f9fcfc 0%, #ffffff 100%);
        }
        .ms-approach-orb {
            position: absolute;
            border-radius: 50%;
            pointer-events: none;
            animation: ms-approach-float 7s ease-in-out infinite;
        }
        .ms-orb-one {
            width: 132px;
            height: 132px;
            top: 54px;
            left: max(calc((100% - 1320px) / 2), 16px);
            border: 1px solid rgba(26, 116, 123, .2);
        }
        .ms-orb-two {
            width: 66px;
            height: 66px;
            right: 7%;
            bottom: 55px;
            background: rgba(255, 112, 41, .1);
            animation-delay: -2.5s;
        }
        @keyframes ms-approach-float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-14px); }
        }
        .ms-approach-head {
            max-width: 660px;
            margin: 0 auto 55px;
            position: relative;
            z-index: 1;
        }
        .ms-approach-tag {
            background: #e5f2f2;
            color: var(--color-primary, #1A747B);
            font-size: 13px;
            padding: 8px 20px;
            border: 1px solid rgba(26, 116, 123, .13);
            margin-bottom: 18px;
        }
        .ms-approach-tag::before {
            background: #FF7029;
            box-shadow: 0 0 0 5px rgba(255, 112, 41, .13);
        }
        .ms-approach-heading {
            font-size: clamp(32px, 4vw, 46px);
            color: var(--color-heading-1, #0C1E21);
            margin: 0 0 14px;
        }
        .ms-approach-heading span {
            color: var(--color-primary, #1A747B);
        }
        .ms-approach-intro {
            margin: 0;
            color: var(--color-body, #6E777D);
            font-size: 18px;
            line-height: 1.65;
        }
        .ms-approach-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 26px;
            position: relative;
        }
        .ms-approach-grid::before {
            content: '';
            position: absolute;
            height: 2px;
            left: 8%;
            right: 8%;
            top: 62px;
            background: repeating-linear-gradient(90deg, rgba(26, 116, 123, .25) 0 9px, transparent 9px 18px);
        }
        .ms-appr-card-wrap {
            perspective: 1100px;
            position: relative;
            z-index: 1;
        }
        .ms-appr-card {
            --appr-rotate-x: 0deg;
            --appr-rotate-y: 0deg;
            min-height: 286px;
            padding: 27px 25px 30px;
            text-align: left;
            background: rgba(255, 255, 255, .94);
            border: 1px solid #e1eeee;
            border-radius: 24px;
            box-shadow: 0 12px 32px rgba(12, 30, 33, .07), inset 0 1px 0 #fff;
            transform: rotateX(var(--appr-rotate-x)) rotateY(var(--appr-rotate-y));
            transition: transform .25s ease, box-shadow .35s ease, border-color .35s ease;
            will-change: transform;
        }
        .ms-appr-card::before {
            border-radius: inherit;
            padding: 1px;
            background: linear-gradient(120deg, transparent 12%, #1A747B, #FF7029, transparent 88%);
            background-size: 220% 100%;
            animation: ms-appr-border-new 2.8s linear infinite;
        }
        @keyframes ms-appr-border-new {
            to { background-position: -220% 0; }
        }
        .ms-appr-card::after {
            width: 108px;
            height: 108px;
            top: auto;
            right: -45px;
            bottom: -45px;
            left: auto;
            border-radius: 50%;
            background: rgba(26, 116, 123, .07);
            transform: none;
            transition: transform .4s ease;
        }
        .ms-appr-card:hover {
            transform: translateY(-10px) rotateX(var(--appr-rotate-x)) rotateY(var(--appr-rotate-y));
            border-color: rgba(26, 116, 123, .18);
            box-shadow: 0 28px 58px rgba(26, 116, 123, .18), 0 8px 18px rgba(12, 30, 33, .08);
        }
        .ms-appr-card:hover::after {
            transform: scale(1.25);
        }
        .ms-appr-top {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 24px;
            transform: translateZ(24px);
        }
        .ms-appr-step {
            position: static;
            font-size: 42px;
            color: #d9eaea;
        }
        .ms-appr-card:hover .ms-appr-step {
            color: rgba(26, 116, 123, .28);
        }
        .ms-appr-icon {
            width: 56px;
            height: 56px;
            margin: 0;
            border-radius: 16px;
            background: #e5f2f2;
            color: var(--color-primary, #1A747B);
            border: 1px solid rgba(26, 116, 123, .12);
            box-shadow: 0 8px 18px rgba(26, 116, 123, .1);
        }
        .ms-appr-icon i {
            font-size: 22px;
            color: inherit;
        }
        .ms-appr-card:hover .ms-appr-icon {
            color: #fff;
            background: var(--color-primary, #1A747B);
            border-color: transparent;
            transform: rotateY(12deg) translateZ(10px);
            box-shadow: 0 12px 22px rgba(26, 116, 123, .2);
        }
        .ms-appr-label {
            display: inline-block;
            margin-bottom: 10px;
            color: #FF7029;
            font-size: 12px;
            font-weight: 800;
            letter-spacing: 1.1px;
            text-transform: uppercase;
            transform: translateZ(20px);
        }
        .ms-appr-title {
            font-size: 22px;
            font-weight: 700;
            color: var(--color-heading-1, #0C1E21);
            margin: 0 0 11px;
            line-height: 1.32;
            transform: translateZ(19px);
        }
        .ms-appr-desc {
            font-size: 15px;
            color: var(--color-body, #6E777D);
            margin: 0;
            line-height: 1.7;
            transform: translateZ(14px);
        }
        @media (max-width: 1199px) {
            .ms-approach-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
            .ms-approach-grid::before { display: none; }
        }
        @media (max-width: 767px) {
            .ms-approach-section { padding: 70px 0; }
            .ms-approach-head { margin-bottom: 38px; }
            .ms-approach-grid { grid-template-columns: 1fr; gap: 20px; }
            .ms-appr-card { min-height: auto; }
            .ms-approach-intro { font-size: 16px; }
        }
        @media (prefers-reduced-motion: reduce) {
            .ms-approach-orb,
            .ms-appr-card::before { animation: none; }
            .ms-appr-card,
            .ms-appr-icon { transition: none; }
            .ms-appr-card:hover { transform: none; }
        }

        /* New Career Journey Sections */
        .ms-new-head {
            max-width: 690px;
            margin: 0 auto 50px;
            text-align: center;
        }
        .ms-new-tag {
            display: inline-flex;
            align-items: center;
            gap: 9px;
            margin-bottom: 16px;
            padding: 8px 18px;
            border: 1px solid rgba(26,116,123,.16);
            border-radius: 999px;
            background: #e8f5f5;
            color: #1A747B;
            font-size: 13px;
            font-weight: 700;
            line-height: 1;
            letter-spacing: 1.1px;
            text-transform: uppercase;
        }
        .ms-new-tag::before {
            content: '';
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #FF7029;
            box-shadow: 0 0 0 4px rgba(255,112,41,.13);
        }
        .ms-new-head h2,
        .ms-mentor-copy h2 {
            margin: 0 0 14px;
            color: #0C1E21;
            font-size: clamp(32px, 4vw, 46px);
            font-weight: 800;
            line-height: 1.2;
        }
        .ms-new-head h2 span,
        .ms-mentor-copy h2 span {
            color: #1A747B;
        }
        .ms-new-head p {
            margin: 0;
            color: #6E777D;
            font-size: 17px;
            line-height: 1.7;
        }

        /* Who We Help */
        .ms-audience-section {
            padding: 95px 0;
            background:
                radial-gradient(circle at 50% 0%, rgba(49,188,198,.08), transparent 38%),
                #fff;
        }
        .ms-audience-card {
            height: 100%;
            min-height: 275px;
            padding: 29px 25px;
            position: relative;
            overflow: hidden;
            border: 1px solid #e3eeee;
            border-radius: 23px;
            background: #fff;
            box-shadow: 0 9px 30px rgba(12,30,33,.06);
            transform-style: preserve-3d;
            transition: transform .4s ease, box-shadow .4s ease, border-color .35s ease;
        }
        .ms-audience-card::after {
            content: '';
            position: absolute;
            bottom: -68px;
            right: -60px;
            width: 142px;
            height: 142px;
            border-radius: 50%;
            background: linear-gradient(135deg, rgba(49,188,198,.1), rgba(255,112,41,.09));
            transition: transform .4s ease;
        }
        .ms-audience-card:hover {
            border-color: rgba(26,116,123,.28);
            transform: translateY(-10px) rotateX(4deg);
            box-shadow: 0 27px 54px rgba(26,116,123,.15), 0 10px 18px rgba(12,30,33,.07);
        }
        .ms-audience-card:hover::after {
            transform: scale(1.25);
        }
        .ms-audience-icon {
            width: 60px;
            height: 60px;
            display: grid;
            place-items: center;
            margin-bottom: 23px;
            color: #fff;
            font-size: 23px;
            border-radius: 17px;
            background: linear-gradient(140deg, #31BCC6, #1A747B);
            box-shadow: 0 13px 22px rgba(26,116,123,.2);
            transform: translateZ(24px);
            transition: transform .35s ease;
        }
        .ms-audience-card:hover .ms-audience-icon {
            transform: translateZ(32px) rotateY(-14deg);
        }
        .ms-audience-card h3 {
            margin: 0 0 10px;
            color: #0C1E21;
            font-size: 22px;
            font-weight: 700;
        }
        .ms-audience-card p {
            margin: 0 0 19px;
            color: #6E777D;
            font-size: 15px;
            line-height: 1.65;
        }
        .ms-audience-chip {
            display: inline-block;
            position: relative;
            z-index: 1;
            padding: 6px 13px;
            border-radius: 40px;
            background: #edf7f7;
            color: #1A747B;
            font-size: 12px;
            font-weight: 700;
        }

        /* Technology Stack & Partnerships */
        .ms-tech-section {
            position: relative;
            overflow: hidden;
            background:
                radial-gradient(circle at 8% 12%, rgba(211,163,79,.12), transparent 30%),
                radial-gradient(circle at 92% 18%, rgba(18,50,59,.10), transparent 34%),
                linear-gradient(180deg, #ffffff 0%, #f8faf8 100%);
        }
        .ms-tech-category-grid {
            display: grid;
            grid-template-columns: repeat(5, minmax(0, 1fr));
            gap: 18px;
            margin-bottom: 44px;
            perspective: 1300px;
        }
        .ms-tech-category-card {
            min-height: 218px;
            position: relative;
            overflow: hidden;
            padding: 26px 20px 24px;
            border-radius: 18px;
            border: 1px solid rgba(18,50,59,.10);
            background: rgba(255,255,255,.82);
            box-shadow: 0 16px 40px rgba(18,50,59,.08);
            transform-style: preserve-3d;
            transition: transform .4s ease, box-shadow .4s ease, border-color .35s ease;
        }
        .ms-tech-category-card::before {
            content: '';
            position: absolute;
            inset: -1px;
            border-radius: inherit;
            padding: 1px;
            background: linear-gradient(135deg, rgba(18,50,59,.78), rgba(211,163,79,.74), rgba(255,255,255,.35));
            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            opacity: 0;
            transition: opacity .35s ease;
        }
        .ms-tech-category-card::after {
            content: '';
            position: absolute;
            width: 112px;
            height: 112px;
            right: -42px;
            bottom: -46px;
            border-radius: 50%;
            background: linear-gradient(135deg, rgba(18,50,59,.08), rgba(211,163,79,.16));
            transition: transform .42s ease;
        }
        .ms-tech-category-card:hover {
            transform: translateY(-10px) rotateX(5deg) rotateY(-4deg);
            border-color: rgba(211,163,79,.32);
            box-shadow: 0 30px 64px rgba(18,50,59,.15), 0 12px 24px rgba(211,163,79,.10);
        }
        .ms-tech-category-card:nth-child(even):hover {
            transform: translateY(-10px) rotateX(5deg) rotateY(4deg);
        }
        .ms-tech-category-card:hover::before {
            opacity: 1;
        }
        .ms-tech-category-card:hover::after {
            transform: scale(1.25);
        }
        .ms-tech-category-card i {
            width: 58px;
            height: 58px;
            display: grid;
            place-items: center;
            margin-bottom: 20px;
            border-radius: 16px;
            color: #ffffff;
            font-size: 23px;
            background: linear-gradient(135deg, #087891, #01b4f6);
            box-shadow: 0 15px 28px rgba(18,50,59,.18);
            transform: translateZ(28px);
            transition: transform .35s ease;
        }
        .ms-tech-category-card:hover i {
            transform: translateZ(46px) rotateY(-14deg) scale(1.07);
        }
        .ms-tech-category-card h3 {
            position: relative;
            z-index: 1;
            margin: 0 0 10px;
            color: #10292f;
            font-size: 19px;
            font-weight: 800;
            line-height: 1.28;
        }
        .ms-tech-category-card p {
            position: relative;
            z-index: 1;
            margin: 0 !important;
            color: #667578;
            font-size: 14px;
            line-height: 1.65;
        }
        .ms-tech-orbit-grid {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 18px;
            align-items: stretch;
            perspective: 1400px;
        }
        .ms-tech-badge {
            flex: 0 1 calc((100% - 90px) / 6);
            position: relative;
            min-height: 178px;
            padding: 18px 10px 16px;
            text-align: center;
            border-radius: 18px;
            background: rgba(255,255,255,.72);
            border: 1px solid rgba(18,50,59,.08);
            box-shadow: 0 14px 32px rgba(18,50,59,.07);
            transform-style: preserve-3d;
            transition: transform .4s ease, box-shadow .4s ease, border-color .35s ease;
        }
        .ms-tech-badge:hover {
            transform: translateY(-12px) rotateX(7deg);
            border-color: rgba(211,163,79,.34);
            box-shadow: 0 30px 62px rgba(18,50,59,.16), 0 10px 22px rgba(211,163,79,.12);
        }
        .ms-tech-circle {
            width: 92px;
            height: 92px;
            position: relative;
            display: grid;
            place-items: center;
            margin: 0 auto 16px;
            border-radius: 50%;
            color: #087891;
            background: #ffffff;
            transform: translateZ(34px);
            box-shadow: inset 0 0 0 1px rgba(18,50,59,.08), 0 18px 38px rgba(18,50,59,.12);
            transition: transform .4s ease, color .35s ease;
        }
        .ms-tech-circle::before {
            content: '';
            position: absolute;
            inset: -4px;
            border-radius: inherit;
            background: conic-gradient(from 0deg, #087891, #01b4f6, #01b5f530, #087891);
            animation: ms-tech-ring-scroll 3.4s linear infinite;
            z-index: -1;
        }
        .ms-tech-circle::after {
            content: '';
            position: absolute;
            inset: 7px;
            border-radius: inherit;
            border: 1px solid rgba(211,163,79,.20);
            background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(247,240,226,.72));
            z-index: -1;
        }
        @keyframes ms-tech-ring-scroll {
            to { transform: rotate(360deg); }
        }
        .ms-tech-circle i {
            font-size: 34px;
            position: relative;
            z-index: 2;
        }
        .ms-tech-badge:hover .ms-tech-circle {
            color: #01b4f6;
            transform: translateZ(58px) scale(1.08) rotateY(-12deg);
        }
        .ms-tech-badge h3 {
            margin: 0 0 4px;
            color: #10292f;
            font-size: 15px;
            font-weight: 800;
            line-height: 1.25;
        }
        .ms-tech-badge span {
            display: inline-block;
            color: #667578;
            font-size: 12px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: .5px;
        }
        @media (max-width: 1399px) {
            .ms-tech-orbit-grid { justify-content: center; }
        }
        @media (max-width: 1199px) {
            .ms-tech-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
            .ms-tech-badge { flex-basis: calc((100% - 54px) / 4); }
            .ms-tech-badge {
                grid-column: unset;
            }
        }
        @media (max-width: 767px) {
            .ms-tech-category-grid,
            .ms-tech-orbit-grid { gap: 14px; }
            .ms-tech-category-card { min-height: auto; }
            .ms-tech-badge {
                flex-basis: calc((100% - 14px) / 2);
                min-height: 158px;
            }
            .ms-tech-circle { width: 78px; height: 78px; }
            .ms-tech-circle i { font-size: 29px; }
            .ms-tech-category-card:hover,
            .ms-tech-category-card:nth-child(even):hover,
            .ms-tech-badge:hover { transform: translateY(-7px); }
        }
        @media (max-width: 420px) {
            .ms-tech-category-grid { grid-template-columns: 1fr; }
            .ms-tech-badge { flex-basis: 100%; }
        }
        @media (prefers-reduced-motion: reduce) {
            .ms-tech-circle::before { animation: none; }
            .ms-tech-category-card,
            .ms-tech-badge,
            .ms-tech-circle,
            .ms-tech-category-card i { transition: none; }
            .ms-tech-category-card:hover,
            .ms-tech-category-card:nth-child(even):hover,
            .ms-tech-badge:hover,
            .ms-tech-badge:hover .ms-tech-circle,
            .ms-tech-category-card:hover i { transform: none; }
        }

        /* Consultation */
        .ms-consult-section {
            padding: 35px 0 92px;
            background: #fff;
        }
        .ms-consult-panel {
            padding: 58px 60px;
            position: relative;
            overflow: hidden;
            border-radius: 32px;
            color: #fff;
            background:
                radial-gradient(circle at 93% 12%, rgba(255,112,41,.3), transparent 27%),
                linear-gradient(126deg, #0C292D, #123c40 66%, #164c50);
            box-shadow: 0 30px 64px rgba(12,30,33,.2);
        }
        .ms-consult-panel::before {
            content: '';
            position: absolute;
            inset: 15px;
            pointer-events: none;
            border: 1px solid rgba(255,255,255,.1);
            border-radius: 24px;
        }
        .ms-consult-tag {
            display: inline-block;
            margin-bottom: 16px;
            color: #77dfe6;
            font-size: 13px;
            font-weight: 700;
            letter-spacing: 1.2px;
            text-transform: uppercase;
        }
        .ms-consult-panel h2 {
            margin: 0 0 14px;
            color: #fff;
            font-size: clamp(32px, 4vw, 45px);
            line-height: 1.2;
            font-weight: 800;
        }
        .ms-consult-panel h2 span {
            color: #71e1e8;
        }
        .ms-consult-panel p {
            max-width: 575px;
            margin: 0;
            color: rgba(236,246,247,.74);
            font-size: 16px;
            line-height: 1.72;
        }
        .ms-consult-points {
            margin-top: 26px;
        }
        .ms-consult-points div div {
            height: 100%;
            padding: 14px 12px;
            border: 1px solid rgba(255,255,255,.1);
            border-radius: 13px;
            background: rgba(255,255,255,.05);
            text-align: center;
        }
        .ms-consult-points i {
            display: block;
            margin-bottom: 7px;
            color: #FF925A;
            font-size: 19px;
        }
        .ms-consult-points span {
            color: #fff;
            font-size: 13px;
            font-weight: 600;
        }
        .ms-consult-action {
            position: relative;
            padding: 25px;
            border: 1px solid rgba(255,255,255,.13);
            border-radius: 25px;
            background: rgba(255,255,255,.065);
            box-shadow: 0 24px 48px rgba(0,0,0,.2);
            transform: perspective(950px) rotateY(-5deg);
            transition: transform .4s ease, box-shadow .4s ease;
        }
        .ms-consult-action:hover {
            transform: perspective(950px) rotateY(0) translateY(-6px);
            box-shadow: 0 35px 56px rgba(0,0,0,.3);
        }
        .ms-consult-calendar {
            margin-bottom: 22px;
            padding: 22px;
            border-radius: 18px;
            background: #fff;
            color: #0C1E21;
            text-align: center;
        }
        .ms-consult-calendar span {
            display: block;
            margin-bottom: 6px;
            color: #1A747B;
            font-size: 12px;
            font-weight: 700;
            letter-spacing: 1.2px;
            text-transform: uppercase;
        }
        .ms-consult-calendar strong {
            display: block;
            color: #0C1E21;
            font-size: 54px;
            line-height: 1;
        }
        .ms-consult-calendar small {
            color: #6E777D;
        }
        .ms-consult-btn,
        .ms-mentor-btn {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            gap: 11px;
            width: 100%;
            padding: 15px 20px;
            border-radius: 13px;
            background: #FF7029;
            color: #fff;
            font-weight: 700;
            text-decoration: none;
            box-shadow: 0 13px 25px rgba(255,112,41,.25);
            transition: transform .3s ease, box-shadow .3s ease;
        }
        .ms-consult-btn:hover,
        .ms-mentor-btn:hover {
            color: #fff;
            transform: translateY(-3px);
            box-shadow: 0 20px 33px rgba(255,112,41,.32);
        }
        .ms-consult-action > p {
            margin: 14px 0 0;
            text-align: center;
            font-size: 13px;
        }

        /* Our Guarantee */
        .ms-guarantee-section {
            padding: 92px 0;
            background: #f6fbfb;
        }
        .ms-guarantee-card {
            height: 100%;
            padding: 36px 31px;
            position: relative;
            overflow: hidden;
            text-align: center;
            border: 1px solid #e1eded;
            border-radius: 25px;
            background: #fff;
            box-shadow: 0 12px 32px rgba(12,30,33,.06);
            transition: transform .42s ease, box-shadow .42s ease;
            transform-style: preserve-3d;
        }
        .ms-guarantee-card:hover {
            transform: translateY(-9px) rotateX(4deg) scale(1.015);
            box-shadow: 0 28px 52px rgba(26,116,123,.15);
        }
        .ms-guarantee-main {
            border-color: rgba(26,116,123,.26);
            background: linear-gradient(180deg, #fff, #eff9f9);
        }
        .ms-guarantee-icon {
            width: 72px;
            height: 72px;
            display: grid;
            place-items: center;
            margin: 0 auto 23px;
            border-radius: 50%;
            color: #1A747B;
            background: #e5f4f4;
            font-size: 27px;
            box-shadow: 0 0 0 10px rgba(26,116,123,.045);
            transition: transform .4s ease, background .35s ease, color .35s ease;
        }
        .ms-guarantee-card:hover .ms-guarantee-icon {
            transform: translateZ(28px) rotateY(180deg);
            color: #fff;
            background: #1A747B;
        }
        .ms-guarantee-card h3 {
            margin: 0 0 11px;
            font-size: 23px;
            color: #0C1E21;
        }
        .ms-guarantee-card p {
            margin: 0;
            color: #6E777D;
            font-size: 15px;
            line-height: 1.7;
        }
        .ms-guarantee-line {
            width: 42px;
            height: 3px;
            margin: 25px auto 0;
            border-radius: 4px;
            background: linear-gradient(90deg, #1A747B, #FF7029);
            transition: width .35s ease;
        }
        .ms-guarantee-card:hover .ms-guarantee-line {
            width: 78px;
        }

        /* Why Job Seekers Struggle */
        .ms-struggle-section {
            padding: 94px 0;
            position: relative;
            overflow: hidden;
            background: #0B2326;
        }
        .ms-struggle-section::after {
            content: '';
            position: absolute;
            left: -150px;
            bottom: -180px;
            width: 460px;
            height: 460px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(49,188,198,.16), transparent 66%);
        }
        .ms-new-head-light h2 {
            color: #fff;
        }
        .ms-new-head-light h2 span {
            color: #62DCE4;
        }
        .ms-new-head-light p {
            color: rgba(236,246,247,.7);
        }
        .ms-new-head-light .ms-new-tag {
            border-color: rgba(96,221,229,.25);
            background: rgba(49,188,198,.1);
            color: #75E3E9;
        }
        .ms-struggle-card {
            min-height: 215px;
            height: 100%;
            position: relative;
            z-index: 1;
            padding: 27px;
            border-radius: 20px;
            border: 1px solid rgba(255,255,255,.1);
            background: rgba(255,255,255,.055);
            box-shadow: 0 18px 39px rgba(0,0,0,.18);
            transform-style: preserve-3d;
            transition: transform .4s ease, border-color .35s ease, background .35s ease, box-shadow .4s ease;
        }
        .ms-struggle-card:hover {
            transform: translateY(-9px) perspective(900px) rotateX(4deg) rotateY(-3deg);
            border-color: rgba(96,221,229,.32);
            background: rgba(255,255,255,.08);
            box-shadow: 0 30px 52px rgba(0,0,0,.3);
        }
        .ms-struggle-card i {
            width: 52px;
            height: 52px;
            display: grid;
            place-items: center;
            margin-bottom: 19px;
            border-radius: 15px;
            color: #FF8F56;
            font-size: 21px;
            background: rgba(255,112,41,.11);
            transform: translateZ(25px);
        }
        .ms-struggle-card h3 {
            margin: 0 0 9px;
            color: #fff;
            font-size: 20px;
        }
        .ms-struggle-card p {
            margin: 0;
            color: rgba(236,246,247,.68);
            font-size: 15px;
            line-height: 1.62;
        }

        /* Personalized Career Mentoring */
        .ms-mentor-section {
            padding: 102px 0;
            background:
                radial-gradient(circle at 83% 16%, rgba(255,112,41,.08), transparent 29%),
                #fff;
        }
        .ms-mentor-visual {
            max-width: 548px;
            padding: 18px;
            position: relative;
            border-radius: 30px;
            background: linear-gradient(140deg, #e1f3f3, #fff6f1);
            box-shadow: 0 27px 58px rgba(12,30,33,.1);
            transform: perspective(1200px) rotateY(3deg);
            transition: transform .45s ease;
        }
        .ms-mentor-visual:hover {
            transform: perspective(1200px) rotateY(0) translateY(-7px);
        }
        .ms-mentor-visual img {
            display: block;
            width: 100%;
            min-height: 470px;
            object-fit: cover;
            border-radius: 22px;
        }
        .ms-mentor-badge {
            position: absolute;
            right: -25px;
            bottom: 55px;
            display: flex;
            align-items: center;
            gap: 13px;
            padding: 16px 18px;
            border-radius: 15px;
            background: #fff;
            box-shadow: 0 20px 40px rgba(12,30,33,.16);
            animation: ms-mentor-bob 4s ease-in-out infinite;
        }
        .ms-mentor-badge i {
            width: 43px;
            height: 43px;
            display: grid;
            place-items: center;
            border-radius: 12px;
            background: #e5f4f4;
            color: #1A747B;
        }
        .ms-mentor-badge strong,
        .ms-mentor-badge span {
            display: block;
        }
        .ms-mentor-badge strong {
            color: #0C1E21;
            font-size: 15px;
        }
        .ms-mentor-badge span {
            color: #6E777D;
            font-size: 12px;
        }
        .ms-mentor-orbit {
            position: absolute;
            left: -22px;
            top: 70px;
            width: 58px;
            height: 58px;
            display: grid;
            place-items: center;
            border-radius: 50%;
            color: #fff;
            background: #FF7029;
            box-shadow: 0 14px 27px rgba(255,112,41,.25);
        }
        @keyframes ms-mentor-bob {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-9px); }
        }
        .ms-mentor-copy {
            padding-left: 38px;
        }
        .ms-mentor-copy > p {
            margin: 0 0 28px;
            color: #6E777D;
            font-size: 17px;
            line-height: 1.7;
        }
        .ms-mentor-features {
            margin-bottom: 31px;
        }
        .ms-mentor-features div div {
            height: 100%;
            padding: 17px 15px;
            border: 1px solid #e3eeee;
            border-radius: 14px;
            background: #fff;
            box-shadow: 0 8px 24px rgba(12,30,33,.04);
            transition: transform .32s ease, box-shadow .32s ease;
        }
        .ms-mentor-features div div:hover {
            transform: translateY(-5px);
            box-shadow: 0 17px 34px rgba(26,116,123,.1);
        }
        .ms-mentor-features i {
            margin-right: 9px;
            color: #1A747B;
            font-size: 18px;
        }
        .ms-mentor-features strong {
            color: #0C1E21;
            font-size: 15px;
        }
        .ms-mentor-features span {
            display: block;
            margin-top: 7px;
            color: #6E777D;
            font-size: 13px;
        }
        .ms-mentor-btn {
            width: auto;
            padding-right: 29px;
            padding-left: 29px;
        }
        @media (max-width: 991px) {
            .ms-consult-panel { padding: 45px 30px; }
            .ms-consult-action { transform: none; }
            .ms-mentor-copy { padding-left: 0; }
            .ms-mentor-visual { margin: 0 auto; transform: none; }
        }
        @media (max-width: 767px) {
            .ms-new-head { margin-bottom: 38px; }
            .ms-new-head p { font-size: 16px; }
            .ms-audience-section,
            .ms-guarantee-section,
            .ms-struggle-section,
            .ms-mentor-section { padding: 70px 0; }
            .ms-consult-section { padding: 0 0 70px; }
            .ms-consult-panel { padding: 37px 20px; border-radius: 22px; }
            .ms-mentor-visual img { min-height: 340px; }
            .ms-mentor-badge { right: 13px; bottom: 22px; }
            .ms-mentor-orbit { left: 8px; top: 37px; }
        }
        @media (prefers-reduced-motion: reduce) {
            .ms-mentor-badge { animation: none; }
            .ms-audience-card:hover,
            .ms-consult-action:hover,
            .ms-guarantee-card:hover,
            .ms-struggle-card:hover,
            .ms-mentor-visual:hover,
            .ms-mentor-features div div:hover { transform: none; }
        }

        /* Light Brand Footer */
        .ms-footer {
            position: relative;
            padding: 70px 0 0;
            overflow: hidden;
            background: #ffffff;
            border-top: 1px solid #e5efef;
        }
        .ms-footer::before {
            content: '';
            position: absolute;
            top: -150px;
            right: -110px;
            width: 330px;
            height: 330px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(49,188,198,.11), transparent 68%);
            pointer-events: none;
        }
        .ms-footer::after {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 3px;
            background: linear-gradient(90deg, #1A747B 0 68%, #FF7029 68% 100%);
        }
        .ms-footer-main {
            position: relative;
            z-index: 1;
            padding-bottom: 54px;
        }
        .ms-footer-logo {
            display: inline-block;
            margin-bottom: 22px;
        }
        .ms-footer-logo img {
            display: block;
            width: auto;
            max-width: 188px;
            height: auto;
        }
        .ms-footer-brand p {
            max-width: 355px;
            margin: 0 0 27px !important;
            color: #596a6d;
            font-size: 16px;
            line-height: 1.7;
        }
        .ms-footer-social {
            display: flex;
            align-items: center;
            gap: 10px;
            margin: 0;
            padding: 0;
            list-style: none;
        }
        .ms-footer-social li {
            margin: 0;
        }
        .ms-footer-social a {
            width: 43px;
            height: 43px;
            display: grid;
            place-items: center;
            border: 1px solid #dfeded;
            border-radius: 12px;
            color: #1A747B;
            background: #f5fbfb;
            transition: transform .28s ease, background .28s ease, color .28s ease, box-shadow .28s ease;
        }
        .ms-footer-social a:hover {
            color: #fff;
            background: #1A747B;
            transform: translateY(-3px);
            box-shadow: 0 11px 21px rgba(26,116,123,.2);
        }
        .ms-footer-column h3,
        .ms-footer-contact h3 {
            position: relative;
            margin: 2px 0 26px;
            padding-bottom: 14px;
            color: #0C1E21;
            font-size: 20px;
            font-weight: 700;
            line-height: 1.3;
        }
        .ms-footer-column h3::after,
        .ms-footer-contact h3::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 35px;
            height: 3px;
            border-radius: 4px;
            background: linear-gradient(90deg, #1A747B, #FF7029);
        }
        .ms-footer-column ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        .ms-footer-column li {
            margin: 0 0 13px;
        }
        .ms-footer-column a {
            position: relative;
            display: inline-flex;
            align-items: center;
            color: #596a6d;
            font-size: 15px;
            font-weight: 500;
            text-decoration: none;
            transition: color .26s ease, padding-left .26s ease;
        }
        .ms-footer-column a::before {
            content: '';
            width: 0;
            height: 2px;
            margin-right: 0;
            border-radius: 2px;
            background: #FF7029;
            transition: width .26s ease, margin-right .26s ease;
        }
        .ms-footer-column a:hover {
            color: #1A747B;
        }
        .ms-footer-column a:hover::before {
            width: 13px;
            margin-right: 8px;
        }
        .ms-footer-contact {
            padding: 25px 23px;
            margin-top: -8px;
            border: 1px solid #e3eeee;
            border-radius: 19px;
            background: linear-gradient(140deg, #f3fbfb, #fff);
            box-shadow: 0 12px 28px rgba(12,30,33,.045);
        }
        .ms-footer-contact h3 {
            margin-top: 0;
            margin-bottom: 17px;
        }
        .ms-footer-contact p {
            margin: 0 0 19px !important;
            color: #596a6d;
            font-size: 14px;
            line-height: 1.6;
        }
        .ms-footer-cta {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 18px;
            padding: 12px 18px;
            border-radius: 10px;
            color: #fff;
            background: #1A747B;
            font-size: 14px;
            font-weight: 700;
            text-decoration: none;
            transition: background .27s ease, transform .27s ease, box-shadow .27s ease;
        }
        .ms-footer-cta:hover {
            color: #fff;
            background: #145f65;
            transform: translateY(-2px);
            box-shadow: 0 11px 22px rgba(26,116,123,.22);
        }
        .ms-footer-mail {
            display: flex;
            align-items: center;
            gap: 9px;
            color: #596a6d;
            font-size: 13px;
            text-decoration: none;
            transition: color .25s ease;
        }
        .ms-footer-mail i {
            color: #FF7029;
        }
        .ms-footer-mail:hover {
            color: #1A747B;
        }
        .ms-footer-bottom {
            position: relative;
            z-index: 1;
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 20px;
            padding: 23px 0;
            border-top: 1px solid #e5efef;
        }
        .ms-footer-bottom p {
            margin: 0 !important;
            color: #667578;
            font-size: 14px;
        }
        .ms-footer-legal {
            display: flex;
            align-items: center;
            gap: 25px;
        }
        .ms-footer-legal a {
            color: #667578;
            font-size: 14px;
            text-decoration: none;
            transition: color .25s ease;
        }
        .ms-footer-legal a:hover {
            color: #1A747B;
        }
        @media (max-width: 991px) {
            .ms-footer { padding-top: 58px; }
            .ms-footer-brand p { max-width: 520px; }
            .ms-footer-contact { margin-top: 0; }
        }
        @media (max-width: 767px) {
            .ms-footer { padding-top: 48px; }
            .ms-footer-main { padding-bottom: 38px; }
            .ms-footer-bottom {
                flex-direction: column;
                align-items: flex-start;
                padding: 20px 0 25px;
            }
        }

        /* Unified Mindspace navy and gold palette */
        .ms-srv-section {
            background: #f7f4ee;
        }
        .ms-srv-heading span,
        .ms-approach-heading span,
        .ms-new-head h2 span,
        .ms-mentor-copy h2 span {
            color: #01b4f6;
        }
        .ms-srv-card {
            box-shadow: 0 14px 36px rgba(18,50,59,.08);
        }
        .ms-srv-card::before {
            background: linear-gradient(135deg, rgba(18,50,59,.86), rgba(211,163,79,.82), rgba(255,255,255,.32));
        }
        .ms-srv-card:hover {
            box-shadow: 0 34px 70px rgba(18,50,59,.18), 0 14px 26px rgba(211,163,79,.13);
        }
        .ms-srv-line,
        .ms-appr-line {
            background: linear-gradient(90deg, #087891, #01b4f6);
        }
        .ms-srv-swiper .swiper-pagination-bullet {
            background: rgba(18,50,59,.22);
        }
        .ms-srv-swiper .swiper-pagination-bullet-active {
            background: #01b4f6;
        }

        .ms-offer-section {
            background: #087891;
        }
        .ms-offer-light-one {
            background: radial-gradient(circle, rgba(211,163,79,.27), transparent 68%);
        }
        .ms-offer-light-two {
            background: radial-gradient(circle, rgba(211,163,79,.14), transparent 68%);
        }
        .ms-offer-tag {
            border-color: rgba(211,163,79,.38);
            background: rgba(211,163,79,.1);
            color: #01b5f530;
        }
        .ms-offer-heading span {
            color: #01b4f6;
        }
        .ms-offer-card {
            border-color: rgba(211,163,79,.2);
        }
        .ms-offer-card::before {
            background: conic-gradient(from 180deg, transparent, #01b4f6, #01b5f530, #087891, transparent 56%);
        }
        .ms-offer-card::after {
            background: rgba(211,163,79,.15);
        }
        .ms-offer-card:hover {
            border-color: rgba(211,163,79,.43);
            box-shadow: 0 34px 66px rgba(0,0,0,.4), 0 16px 35px rgba(211,163,79,.13);
        }
        .ms-offer-card.ms-offer-featured {
            background: linear-gradient(135deg, rgba(211,163,79,.18), rgba(255,255,255,.04));
            border-color: rgba(211,163,79,.31);
        }
        .ms-offer-icon {
            background: linear-gradient(140deg, #01b4f6, #087891);
            box-shadow: 0 12px 22px rgba(211,163,79,.2), inset 0 1px 1px rgba(255,255,255,.28);
        }
        .ms-offer-card:nth-child(3n) .ms-offer-icon,
        .ms-offer-card:nth-child(3n + 1):not(:first-child) .ms-offer-icon {
            background: linear-gradient(140deg, #01b5f530, #01b4f6);
            box-shadow: 0 12px 22px rgba(211,163,79,.24), inset 0 1px 1px rgba(255,255,255,.28);
        }

        .ms-approach-section {
            background:
                radial-gradient(circle at 8% 16%, rgba(18,50,59,.1), transparent 28%),
                radial-gradient(circle at 93% 84%, rgba(211,163,79,.14), transparent 27%),
                linear-gradient(180deg, #faf7f1 0%, #ffffff 100%);
        }
        .ms-orb-one {
            border-color: rgba(18,50,59,.2);
        }
        .ms-orb-two {
            background: rgba(211,163,79,.13);
        }
        .ms-approach-tag,
        .ms-new-tag {
            background: #f7f0e2;
            border-color: rgba(211,163,79,.24);
            color: #087891;
        }
        .ms-approach-tag::before,
        .ms-new-tag::before {
            background: #01b4f6;
            box-shadow: 0 0 0 5px rgba(211,163,79,.15);
        }
        .ms-approach-grid::before {
            background: repeating-linear-gradient(90deg, rgba(211,163,79,.45) 0 9px, transparent 9px 18px);
        }
        .ms-appr-card {
            border-color: rgba(18,50,59,.12);
            box-shadow: 0 12px 32px rgba(18,50,59,.07), inset 0 1px 0 #fff;
        }
        .ms-appr-card::before {
            background: linear-gradient(120deg, transparent 12%, #087891, #01b4f6, transparent 88%);
        }
        .ms-appr-card::after {
            background: rgba(211,163,79,.09);
        }
        .ms-appr-card:hover {
            border-color: rgba(211,163,79,.32);
            box-shadow: 0 28px 58px rgba(18,50,59,.16), 0 8px 18px rgba(211,163,79,.1);
        }
        .ms-appr-card:hover .ms-appr-step {
            color: rgba(211,163,79,.34);
        }
        .ms-appr-icon {
            background: #f7f0e2;
            color: #087891;
            border-color: rgba(211,163,79,.21);
            box-shadow: 0 8px 18px rgba(211,163,79,.14);
        }
        .ms-appr-card:hover .ms-appr-icon {
            background: #01b4f6;
            box-shadow: 0 12px 22px rgba(211,163,79,.25);
        }
        .ms-appr-label {
            color: #01b4f6;
        }

        .ms-audience-section {
            background: radial-gradient(circle at 50% 0%, rgba(211,163,79,.1), transparent 38%), #fff;
        }
        .ms-audience-card {
            border-color: rgba(18,50,59,.12);
            box-shadow: 0 9px 30px rgba(18,50,59,.06);
        }
        .ms-audience-card::after {
            background: linear-gradient(135deg, rgba(18,50,59,.08), rgba(211,163,79,.14));
        }
        .ms-audience-card:hover {
            border-color: rgba(211,163,79,.35);
            box-shadow: 0 27px 54px rgba(18,50,59,.14), 0 10px 18px rgba(211,163,79,.1);
        }
        .ms-audience-icon {
            background: linear-gradient(140deg, #01b4f6, #087891);
            box-shadow: 0 13px 22px rgba(211,163,79,.2);
        }
        .ms-audience-chip {
            background: #f7f0e2;
            color: #087891;
        }
        .ms-consult-panel {
            background:
                radial-gradient(circle at 93% 12%, rgba(211,163,79,.3), transparent 27%),
                linear-gradient(126deg, #0c252c, #087891 66%, #1d444d);
            box-shadow: 0 30px 64px rgba(18,50,59,.24);
        }
        .ms-consult-tag,
        .ms-consult-panel h2 span {
            color: #01b5f530;
        }
        .ms-consult-points i,
        .ms-footer-mail i {
            color: #01b4f6;
        }
        .ms-consult-calendar span {
            color: #087891;
        }
        .ms-consult-btn,
        .ms-mentor-btn {
            background: #01b4f6;
            box-shadow: 0 13px 25px rgba(211,163,79,.26);
        }
        .ms-consult-btn:hover,
        .ms-mentor-btn:hover {
            box-shadow: 0 20px 33px rgba(211,163,79,.34);
        }

        .ms-guarantee-section {
            background: #faf7f1;
        }
        .ms-guarantee-card {
            border-color: rgba(18,50,59,.12);
            box-shadow: 0 12px 32px rgba(18,50,59,.06);
        }
        .ms-guarantee-card:hover {
            box-shadow: 0 28px 52px rgba(18,50,59,.14);
        }
        .ms-guarantee-main {
            border-color: rgba(211,163,79,.34);
            background: linear-gradient(180deg, #fff, #fbf6eb);
        }
        .ms-guarantee-icon {
            color: #087891;
            background: #f7f0e2;
            box-shadow: 0 0 0 10px rgba(211,163,79,.08);
        }
        .ms-guarantee-card:hover .ms-guarantee-icon {
            background: #01b4f6;
        }
        .ms-guarantee-line {
            background: linear-gradient(90deg, #087891, #01b4f6);
        }
        .ms-struggle-section {
            background: #087891;
        }
        .ms-struggle-section::after {
            background: radial-gradient(circle, rgba(211,163,79,.17), transparent 66%);
        }
        .ms-new-head-light h2 span,
        .ms-new-head-light .ms-new-tag {
            color: #01b5f530;
        }
        .ms-new-head-light .ms-new-tag {
            border-color: rgba(211,163,79,.3);
            background: rgba(211,163,79,.1);
        }
        .ms-struggle-card:hover {
            border-color: rgba(211,163,79,.38);
        }
        .ms-struggle-card i {
            color: #01b4f6;
            background: rgba(211,163,79,.12);
        }
        .ms-mentor-section {
            background: radial-gradient(circle at 83% 16%, rgba(211,163,79,.11), transparent 29%), #fff;
        }
        .ms-mentor-visual {
            background: linear-gradient(140deg, #f2f5f5, #fbf6eb);
            box-shadow: 0 27px 58px rgba(18,50,59,.1);
        }
        .ms-mentor-badge {
            box-shadow: 0 20px 40px rgba(18,50,59,.16);
        }
        .ms-mentor-badge i {
            background: #f7f0e2;
            color: #087891;
        }
        .ms-mentor-orbit {
            background: #01b4f6;
            box-shadow: 0 14px 27px rgba(211,163,79,.27);
        }
        .ms-mentor-features div div {
            border-color: rgba(18,50,59,.12);
        }
        .ms-mentor-features div div:hover {
            box-shadow: 0 17px 34px rgba(18,50,59,.1);
        }
        .ms-mentor-features i {
            color: #01b4f6;
        }

        .ms-footer {
            border-color: rgba(18,50,59,.12);
        }
        .ms-footer::before {
            background: radial-gradient(circle, rgba(211,163,79,.12), transparent 68%);
        }
        .ms-footer::after,
        .ms-footer-column h3::after,
        .ms-footer-contact h3::after {
            background: linear-gradient(90deg, #087891 0 68%, #01b4f6 68% 100%);
        }
        .ms-footer-social a {
            border-color: rgba(18,50,59,.14);
            color: #087891;
            background: #f7f4ee;
        }
        .ms-footer-social a:hover,
        .ms-footer-cta {
            background: #087891;
            box-shadow: 0 11px 21px rgba(18,50,59,.2);
        }
        .ms-footer-column a::before {
            background: #01b4f6;
        }
        .ms-footer-column a:hover,
        .ms-footer-mail:hover,
        .ms-footer-legal a:hover {
            color: #087891;
        }
        .ms-footer-contact {
            border-color: rgba(18,50,59,.12);
            background: linear-gradient(140deg, #f7f4ee, #fff);
        }
        .ms-footer-cta:hover {
            background: #01b4f6;
            box-shadow: 0 11px 22px rgba(211,163,79,.24);
        }
        .ms-footer-bottom {
            border-color: rgba(18,50,59,.12);
        }
        .progress-wrap::after {
            color: #01b4f6;
        }
        .progress-wrap svg.progress-circle path {
            stroke: #01b4f6;
        }

        /* Clients Feedback Marquee */
        .ms-feedback-section {
            padding: 94px 0;
            overflow: hidden;
            background:
                radial-gradient(circle at 4% 14%, rgba(211,163,79,.13), transparent 24%),
                linear-gradient(180deg, #faf7f1, #ffffff);
        }
        .ms-feedback-copy {
            max-width: 720px;
            margin: 0 auto 46px;
            padding: 0 20px;
            text-align: center;
        }
        .ms-feedback-copy h2 {
            margin: 0 0 16px;
            color: #0C1E21;
            font-size: clamp(32px, 3.4vw, 43px);
            font-weight: 800;
            line-height: 1.22;
        }
        .ms-feedback-copy h2 span {
            color: #01b4f6;
        }
        .ms-feedback-copy p {
            margin: 0 !important;
            color: #6E777D;
            font-size: 16px;
            line-height: 1.7;
        }
        .ms-feedback-track {
            padding: 12px 0 18px;
        }
        .ms-feedback-track-alt {
            padding-top: 9px;
        }
        .ms-feedback-track::before,
        .ms-feedback-track::after {
            background: linear-gradient(90deg, #fff 0, rgba(255,255,255,0));
        }
        .ms-feedback-section .scroll-right-left {
            animation-duration: 56s;
        }
        .ms-feedback-section .scroll-left-right {
            animation-duration: 60s;
        }
        .ms-feedback-section .single-col-20 {
            width: 390px;
            padding: 0 12px;
        }
        .ms-feedback-section .single-testimonials-wrapper-marque {
            min-height: 248px;
            padding: 28px 26px;
            overflow: hidden;
            border: 1px solid rgba(18,50,59,.1);
            border-radius: 20px;
            box-shadow: 0 12px 31px rgba(18,50,59,.075);
            transform-style: preserve-3d;
            transition: transform .38s ease, border-color .35s ease, box-shadow .38s ease;
        }
        .ms-feedback-section .single-testimonials-wrapper-marque::before {
            right: 23px;
            top: 23px;
            opacity: .12;
            filter: sepia(1) saturate(3) hue-rotate(350deg);
        }
        .ms-feedback-section .single-testimonials-wrapper-marque:hover {
            transform: translateY(-7px) perspective(900px) rotateX(3deg);
            border-color: rgba(211,163,79,.34);
            box-shadow: 0 24px 47px rgba(18,50,59,.13);
        }
        .ms-feedback-section .clint-info-wrapper {
            margin-bottom: 18px;
        }
        .ms-feedback-section .clint-info-wrapper .thumb {
            width: 58px;
            height: 58px;
            padding: 2px;
            border-color: rgba(211,163,79,.45);
            background: #f7f0e2;
        }
        .ms-feedback-section .clint-info-wrapper .thumb img {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            object-fit: cover;
        }
        .ms-feedback-section .clint-info-wrapper .client-info {
            padding-left: 15px;
        }
        .ms-feedback-section .clint-info-wrapper .client-info .title {
            margin: 0 0 4px;
            color: #0C1E21;
            font-size: 19px;
            font-weight: 700;
        }
        .ms-feedback-section .clint-info-wrapper .client-info span {
            color: #6E777D;
            font-size: 13px;
            font-weight: 500;
        }
        .ms-feedback-section .description .desc {
            margin: 0 0 16px !important;
            color: #596a6d;
            font-size: 15px;
            line-height: 1.65;
        }
        .ms-feedback-section .description .rating {
            display: flex;
            gap: 4px;
        }
        .ms-feedback-section .description .rating i {
            color: #01b4f6;
            font-size: 14px;
        }
        @media (max-width: 1199px) {
            .ms-feedback-copy {
                margin-bottom: 34px;
            }
        }
        @media (max-width: 767px) {
            .ms-feedback-section {
                padding: 68px 0;
            }
            .ms-feedback-section .overflow-hidden {
                overflow: visible !important;
            }
            .ms-feedback-track {
                overflow-x: auto;
                scrollbar-width: none;
                padding: 0 12px 16px;
            }
            .ms-feedback-track::-webkit-scrollbar {
                display: none;
            }
            .ms-feedback-section .scroll-animation {
                width: max-content;
                animation: none;
            }
            .ms-feedback-section .single-col-20 {
                width: 300px;
                padding: 0 7px;
            }
            .ms-feedback-section .single-testimonials-wrapper-marque {
                min-height: 260px;
                padding: 23px 20px;
            }
            .ms-feedback-section .clint-info-wrapper {
                flex-direction: row;
                align-items: center;
            }
            .ms-feedback-section .clint-info-wrapper .client-info {
                padding-top: 0;
                padding-left: 13px;
            }
        }
        @media (prefers-reduced-motion: reduce) {
            .ms-feedback-section .scroll-animation {
                animation-play-state: paused;
            }
            .ms-feedback-section .single-testimonials-wrapper-marque:hover {
                transform: none;
            }
        }
        header.header-seven .header-mid-one-wrapper .nav-area .mainmenu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0;
}
        /* Final homepage polish */
        html {
            scroll-behavior: smooth;
        }
        .ms-srv-section,
        .ms-offer-section,
        .ms-approach-section,
        .ms-tech-section,
        .ms-feedback-section {
            scroll-margin-top: 96px;
        }
        .ms-srv-heading,
        .ms-offer-heading,
        .ms-approach-heading,
        .ms-new-head h2,
        .ms-feedback-copy h2 {
            letter-spacing: 0;
        }
        .ms-srv-card,
        .ms-offer-card,
        .ms-industry-card,
        .ms-tech-category-card,
        .ms-tech-badge,
        .ms-feedback-section .single-testimonials-wrapper-marque {
            backface-visibility: hidden;
        }
        .ms-offer-card {
            min-height: 280px;
        }
        .ms-staffing-grid .ms-offer-card {
            min-height: 300px;
        }
        .ms-tech-category-card {
            min-height: 226px;
        }
        .ms-tech-badge h3 {
            overflow-wrap: anywhere;
        }
        .ms-feedback-section .single-testimonials-wrapper-marque {
            height: 100%;
        }
        .ms-feedback-section .description .desc {
            min-height: 74px;
        }
        @media (max-width: 1199px) {
            header.header-seven .header-mid-one-wrapper .nav-area .mainmenu {
                gap: 10px;
            }
            header.header-seven .header-mid-one-wrapper .nav-area .mainmenu > li > a {
                font-size: 13px;
            }
            .ms-staffing-grid .ms-offer-card,
            .ms-offer-card {
                min-height: 250px;
            }
        }
        @media (max-width: 767px) {
            .ms-srv-section,
            .ms-offer-section,
            .ms-approach-section,
            .ms-tech-section,
            .ms-feedback-section {
                padding-top: 68px;
                padding-bottom: 68px;
                scroll-margin-top: 78px;
            }
            .ms-srv-head,
            .ms-offer-head,
            .ms-approach-head,
            .ms-new-head,
            .ms-feedback-copy {
                margin-bottom: 34px;
            }
            .ms-offer-card,
            .ms-staffing-grid .ms-offer-card,
            .ms-tech-category-card,
            .ms-tech-badge {
                min-height: auto;
            }
            .ms-feedback-section .description .desc {
                min-height: auto;
            }
        }

/* Service Detail Pages */
.ms-service-hero {
    position: relative;
    overflow: hidden;
    padding: 170px 0 96px;
    color: #ffffff;
    background:
        radial-gradient(circle at 82% 18%, rgba(211, 163, 79, .28), transparent 30%),
        linear-gradient(135deg, rgba(18, 50, 59, .96), rgba(12, 30, 33, .92)),
        url(assets/images/blog/30.webp) center/cover;
}
.ms-service-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
    background-size: 42px 42px;
    opacity: .45;
}
.ms-service-hero-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
    gap: 42px;
    align-items: center;
}
.ms-service-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    padding: 8px 17px;
    border: 1px solid rgba(211, 163, 79, .42);
    border-radius: 999px;
    color: #01b5f530;
    background: rgba(211, 163, 79, .1);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}
.ms-service-hero h1 {
    max-width: 820px;
    margin: 0 0 20px;
    font-size: clamp(42px, 6vw, 82px);
    line-height: 1.02;
    font-weight: 700;
    color: #ffffff;
    text-shadow: 0 9px 32px rgba(0,0,0,.36);
}
.ms-service-hero-copy p {
    max-width: 680px;
    margin: 0 0 32px !important;
    color: rgba(255,255,255,.84);
    font-size: 20px;
    line-height: 1.7;
}
.ms-service-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.ms-service-hero-actions .tmp-btn {
    min-height: 52px;
    padding: 0 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
}
.ms-service-hero-actions .tmp-btn.btn-border {
    color: #ffffff !important;
    border-color: rgba(255,255,255,.72);
    background: rgba(255,255,255,.08);
}
.ms-service-hero-actions .tmp-btn.btn-border:hover {
    color: #087891 !important;
    background: #01b4f6;
    border-color: #01b4f6;
}
.ms-service-hero-card {
    position: relative;
    overflow: hidden;
    padding: 34px 30px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 22px;
    background: rgba(255,255,255,.1);
    box-shadow: 0 30px 70px rgba(0,0,0,.28);
    backdrop-filter: blur(8px);
    transform-style: preserve-3d;
    transition: transform .42s ease, box-shadow .42s ease, border-color .35s ease;
}
.ms-service-hero-card::before {
    content: '';
    position: absolute;
    inset: -2px;
    border-radius: inherit;
    padding: 1px;
    background: conic-gradient(from 180deg, transparent, #01b4f6, #01b5f530, #087891, transparent 60%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    animation: ms-service-border-spin 4s linear infinite;
}
@keyframes ms-service-border-spin {
    to { transform: rotate(360deg); }
}
.ms-service-hero-card:hover {
    transform: translateY(-12px) rotateX(5deg) rotateY(-4deg);
    border-color: rgba(211, 163, 79, .45);
    box-shadow: 0 40px 82px rgba(0,0,0,.34);
}
.ms-service-visual-card {
    position: relative;
    min-height: 440px;
    overflow: hidden;
    border-radius: 28px;
    border: 1px solid rgba(255,255,255,.18);
    box-shadow: 0 34px 80px rgba(0,0,0,.34);
    transform-style: preserve-3d;
    transition: transform .55s cubic-bezier(.2,.8,.2,1), box-shadow .55s ease;
}
.ms-service-visual-card::before {
    display: none;
}
.ms-service-visual-card img {
    width: 100%;
    height: 100%;
    min-height: 440px;
    object-fit: cover;
    display: block;
    filter: saturate(1.04) contrast(1.05);
    transform: scale(1.02);
    transition: transform .75s ease, filter .55s ease;
}
.ms-service-visual-card::after {
    display: none;
}
.ms-service-visual-card:hover {
    transform: translateY(-14px) rotateX(5deg) rotateY(-5deg);
    box-shadow: 0 46px 92px rgba(0,0,0,.42);
}
.ms-service-visual-card:hover img {
    transform: scale(1.11) translateX(4px);
    filter: saturate(1.15) contrast(1.08);
}
.ms-service-visual-overlay {
    position: absolute;
    left: 26px;
    right: 26px;
    bottom: 26px;
    z-index: 4;
    padding: 24px;
    border-radius: 22px;
    border: 1px solid rgba(255,255,255,.18);
    background: rgba(18,50,59,.72);
    box-shadow: 0 22px 48px rgba(0,0,0,.28);
    backdrop-filter: blur(8px);
    transform: translateZ(44px);
}
.ms-service-visual-overlay h2 {
    margin: 0 0 16px;
    color: #ffffff;
    font-size: 26px;
    line-height: 1.2;
    font-weight: 700;
}
.ms-service-stat-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.ms-service-stat-row span {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    color: #087891;
    background: #01b5f530;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
}
.ms-service-hero-icon,
.ms-service-info-icon {
    width: 68px;
    height: 68px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    color: #087891;
    background: linear-gradient(135deg, #01b5f530, #01b4f6);
    box-shadow: 0 16px 30px rgba(211,163,79,.25);
}
.ms-service-hero-icon {
    margin-bottom: 22px;
}
.ms-service-hero-icon i,
.ms-service-info-icon i {
    font-size: 28px;
}
.ms-service-hero-card h2 {
    margin: 0 0 18px;
    color: #ffffff;
    font-size: 24px;
    font-weight: 800;
}
.ms-service-hero-card ul,
.ms-service-info-card ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.ms-service-hero-card li {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    color: rgba(255,255,255,.86);
    font-weight: 600;
}
.ms-service-hero-card li + li {
    margin-top: 12px;
}
.ms-service-hero-card li i {
    margin-top: 4px;
    color: #01b5f530;
}
.ms-service-detail-section {
    padding: 92px 0 98px;
    background:
        radial-gradient(circle at 7% 8%, rgba(211,163,79,.11), transparent 27%),
        linear-gradient(180deg, #fbfaf7, #ffffff 54%, #f5f8f8);
}
.ms-service-page-block {
    position: relative;
    margin-bottom: 52px;
}
.ms-service-section-kicker,
.ms-service-section-head span {
    display: inline-block;
    margin-bottom: 10px;
    color: #01b4f6;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}
.ms-service-overview-block h2,
.ms-service-section-head h2 {
    margin: 0;
    color: #10292f;
    font-size: clamp(30px, 3.4vw, 44px);
    line-height: 1.15;
    font-weight: 700;
}
.ms-service-section-head {
    max-width: 760px;
    margin-bottom: 26px;
}
.ms-service-overview-card {
    padding: 34px 36px;
    border: 1px solid rgba(18,50,59,.1);
    border-radius: 22px;
    background: rgba(255,255,255,.9);
    box-shadow: 0 18px 44px rgba(18,50,59,.08);
    position: relative;
    overflow: hidden;
    transform-style: preserve-3d;
}
.ms-service-overview-card::before {
    content: '';
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(135deg, rgba(18,50,59,.65), rgba(211,163,79,.68), rgba(255,255,255,.2));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: .55;
}
.ms-service-image-panel {
    position: relative;
    min-height: 390px;
    overflow: hidden;
    border-radius: 24px;
    border: 1px solid rgba(18,50,59,.10);
    box-shadow: 0 24px 58px rgba(18,50,59,.13);
    transform-style: preserve-3d;
    transition: transform .45s ease, box-shadow .45s ease;
}
.ms-service-image-panel::before {
    content: '';
    position: absolute;
    inset: -2px;
    z-index: 2;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(135deg, rgba(18,50,59,.84), rgba(211,163,79,.84), rgba(255,255,255,.3));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: .72;
    pointer-events: none;
}
.ms-service-image-panel img {
    width: 100%;
    height: 100%;
    min-height: 390px;
    object-fit: cover;
    display: block;
    transition: transform .65s ease, filter .45s ease;
}
.ms-service-image-panel:hover {
    transform: translateY(-10px) rotateX(4deg);
    box-shadow: 0 34px 72px rgba(18,50,59,.18);
}
.ms-service-image-panel:hover img {
    transform: scale(1.08);
    filter: saturate(1.1) contrast(1.05);
}
.ms-service-capability-panel {
    position: relative;
    overflow: hidden;
    height: 100%;
    min-height: 390px;
    padding: 36px 34px;
    border-radius: 24px;
    border: 1px solid rgba(18,50,59,.10);
    background:
        radial-gradient(circle at 100% 0%, rgba(211,163,79,.18), transparent 34%),
        rgba(255,255,255,.92);
    box-shadow: 0 20px 52px rgba(18,50,59,.09);
}
.ms-service-capability-panel::after {
    content: '';
    position: absolute;
    width: 170px;
    height: 170px;
    right: -68px;
    bottom: -70px;
    border-radius: 50%;
    background: rgba(211,163,79,.14);
}
.ms-service-capability-panel > span {
    display: inline-block;
    margin-bottom: 10px;
    color: #01b4f6;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.1px;
    text-transform: uppercase;
}
.ms-service-capability-panel h2 {
    margin: 0 0 24px;
    color: #10292f;
    font-size: clamp(28px, 3vw, 42px);
    line-height: 1.16;
    font-weight: 700;
}
.ms-service-capability-list {
    display: grid;
    gap: 14px;
    position: relative;
    z-index: 1;
}
.ms-service-capability-list div {
    display: flex;
    gap: 13px;
    align-items: flex-start;
    padding: 15px 16px;
    border: 1px solid rgba(18,50,59,.09);
    border-radius: 16px;
    background: rgba(255,255,255,.84);
    box-shadow: 0 10px 24px rgba(18,50,59,.055);
    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.ms-service-capability-list div:hover {
    transform: translateX(6px);
    border-color: rgba(211,163,79,.34);
    box-shadow: 0 16px 32px rgba(18,50,59,.10);
}
.ms-service-capability-list i {
    margin-top: 3px;
    color: #01b4f6;
}
.ms-service-capability-list p {
    margin: 0 !important;
    color: #667578;
    line-height: 1.55;
}
.ms-service-overview-card span,
.ms-service-cta-panel span {
    display: inline-block;
    margin-bottom: 9px;
    color: #01b4f6;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}
.ms-service-overview-card h2,
.ms-service-cta-panel h2 {
    margin: 0 0 12px;
    color: #10292f;
    font-size: clamp(29px, 3vw, 42px);
    line-height: 1.18;
    font-weight: 700;
}
.ms-service-overview-card p,
.ms-service-cta-panel p {
    margin: 0 !important;
    color: #667578;
    font-size: 17px;
    line-height: 1.75;
}
.ms-service-feature-card,
.ms-service-usecase-card,
.ms-service-process-card {
    height: 100%;
    position: relative;
    overflow: hidden;
    padding: 30px 25px 28px;
    border: 1px solid rgba(18,50,59,.10);
    border-radius: 20px;
    background: rgba(255,255,255,.92);
    box-shadow: 0 16px 40px rgba(18,50,59,.08);
    transform-style: preserve-3d;
    transition: transform .42s ease, border-color .35s ease, box-shadow .42s ease;
}
.ms-service-feature-card::before,
.ms-service-usecase-card::before,
.ms-service-process-card::before {
    content: '';
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(135deg, rgba(18,50,59,.82), rgba(211,163,79,.82), rgba(255,255,255,.3));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity .35s ease;
}
.ms-service-feature-card::after,
.ms-service-usecase-card::after,
.ms-service-process-card::after {
    content: '';
    position: absolute;
    width: 118px;
    height: 118px;
    right: -48px;
    bottom: -54px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(18,50,59,.08), rgba(211,163,79,.16));
    transition: transform .42s ease;
}
.ms-service-feature-card:hover,
.ms-service-usecase-card:hover,
.ms-service-process-card:hover {
    transform: translateY(-12px) rotateX(5deg);
    border-color: rgba(211,163,79,.34);
    box-shadow: 0 30px 64px rgba(18,50,59,.15), 0 12px 24px rgba(211,163,79,.10);
}
.ms-service-feature-card:hover::before,
.ms-service-usecase-card:hover::before,
.ms-service-process-card:hover::before {
    opacity: 1;
}
.ms-service-feature-card:hover::after,
.ms-service-usecase-card:hover::after,
.ms-service-process-card:hover::after {
    transform: scale(1.22);
}
.ms-service-card-index {
    position: absolute;
    top: 23px;
    right: 24px;
    color: rgba(18,50,59,.08);
    font-size: 42px;
    line-height: 1;
    font-weight: 700;
}
.ms-service-feature-card h3,
.ms-service-usecase-card h3,
.ms-service-process-card h3 {
    position: relative;
    z-index: 1;
    margin: 20px 0 12px;
    color: #10292f;
    font-size: 21px;
    line-height: 1.28;
    font-weight: 850;
}
.ms-service-feature-card p,
.ms-service-usecase-card p,
.ms-service-process-card p {
    position: relative;
    z-index: 1;
    margin: 0 !important;
    color: #667578;
    font-size: 15px;
    line-height: 1.65;
}
.ms-service-tech-cloud {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
    width: 100%;
    perspective: 1300px;
}
.ms-service-tech-pill {
    position: relative;
    flex: 0 1 210px;
    min-height: 128px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 18px 14px;
    overflow: hidden;
    border-radius: 18px;
    border: 1px solid rgba(18,50,59,.10);
    background: rgba(255,255,255,.92);
    box-shadow: 0 14px 34px rgba(18,50,59,.07);
    color: #10292f;
    text-align: center;
    font-weight: 850;
    overflow-wrap: anywhere;
    transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}
.ms-service-tech-pill::before {
    content: '';
    position: absolute;
    inset: -45%;
    border-radius: 50%;
    background: conic-gradient(from 0deg, #087891, #01b4f6, #01b5f530, #087891);
    opacity: .12;
    animation: ms-service-border-spin 5s linear infinite;
}
.ms-service-tech-pill i,
.ms-service-tech-pill span {
    position: relative;
    z-index: 1;
}
.ms-service-tech-pill i {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: #087891;
    background: #f7f0e2;
}
.ms-service-tech-pill:hover {
    transform: translateY(-9px) rotateX(5deg);
    border-color: rgba(211,163,79,.34);
    box-shadow: 0 26px 54px rgba(18,50,59,.13);
}
.ms-service-process-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
    counter-reset: process;
}
.ms-service-process-card {
    min-height: 235px;
}
.ms-service-process-number {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    color: #087891;
    background: linear-gradient(135deg, #01b5f530, #01b4f6);
    box-shadow: 0 15px 28px rgba(211,163,79,.22);
    font-size: 18px;
    font-weight: 700;
}
.ms-service-usecase-icon {
    width: 62px;
    height: 62px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    color: #ffffff;
    background: linear-gradient(135deg, #087891, #1A747B);
    box-shadow: 0 15px 30px rgba(18,50,59,.18);
}
.ms-service-usecase-card span {
    display: inline-block;
    margin-top: 20px;
    color: #01b4f6;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.ms-service-detail-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
    perspective: 1400px;
}
.ms-service-info-card {
    position: relative;
    min-height: 350px;
    overflow: hidden;
    padding: 30px 25px 28px;
    border: 1px solid rgba(18,50,59,.1);
    border-radius: 20px;
    background: rgba(255,255,255,.92);
    box-shadow: 0 16px 40px rgba(18,50,59,.08);
    transform-style: preserve-3d;
    transition: transform .42s ease, border-color .35s ease, box-shadow .42s ease;
}
.ms-service-info-card::before {
    content: '';
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(135deg, rgba(18,50,59,.82), rgba(211,163,79,.82), rgba(255,255,255,.3));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity .35s ease;
}
.ms-service-info-card::after {
    content: '';
    position: absolute;
    width: 120px;
    height: 120px;
    right: -48px;
    bottom: -54px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(18,50,59,.08), rgba(211,163,79,.16));
    transition: transform .42s ease;
}
.ms-service-info-card:hover {
    transform: translateY(-12px) rotateX(5deg);
    border-color: rgba(211,163,79,.34);
    box-shadow: 0 30px 64px rgba(18,50,59,.15), 0 12px 24px rgba(211,163,79,.10);
}
.ms-service-info-card:hover::before {
    opacity: 1;
}
.ms-service-info-card:hover::after {
    transform: scale(1.22);
}
.ms-service-info-card h3 {
    position: relative;
    z-index: 1;
    margin: 22px 0 16px;
    color: #10292f;
    font-size: 22px;
    line-height: 1.25;
    font-weight: 850;
}
.ms-service-info-card li {
    position: relative;
    z-index: 1;
    padding-left: 18px;
    color: #667578;
    font-size: 15px;
    line-height: 1.55;
}
.ms-service-info-card li + li {
    margin-top: 10px;
}
.ms-service-info-card li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #01b4f6;
}
.ms-service-cta-panel {
    display: flex;
    justify-content: space-between;
    gap: 28px;
    align-items: center;
    margin-top: 38px;
    padding: 34px 36px;
    border-radius: 24px;
    color: #ffffff;
    background:
        radial-gradient(circle at 92% 12%, rgba(211,163,79,.3), transparent 30%),
        linear-gradient(135deg, #087891, #0c252c);
    box-shadow: 0 28px 62px rgba(18,50,59,.2);
}
.ms-service-cta-panel h2,
.ms-service-cta-panel p {
    color: #ffffff;
}
.ms-service-cta-panel p {
    color: rgba(255,255,255,.76);
}
.ms-service-cta-btn {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 56px;
    padding: 0 25px;
    border-radius: 12px;
    color: #087891;
    background: #01b4f6;
    font-weight: 850;
    box-shadow: 0 16px 30px rgba(211,163,79,.26);
}
.ms-service-cta-btn:hover {
    color: #087891;
    transform: translateY(-3px);
    box-shadow: 0 22px 40px rgba(211,163,79,.34);
}
@media (max-width: 1199px) {
    .ms-service-detail-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .ms-service-process-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .ms-service-tech-pill {
        flex-basis: calc((100% - 16px) / 2);
    }
}

/* Compact professional service hero */
.ms-service-hero {
    padding: 132px 0 72px;
}
.ms-service-hero-grid {
    grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr);
    gap: 34px;
}
.ms-service-hero h1 {
    font-size: clamp(34px, 4.4vw, 58px);
    line-height: 1.08;
    margin-bottom: 16px;
}
.ms-service-hero-copy p {
    max-width: 620px;
    margin-bottom: 25px !important;
    font-size: 17px;
    line-height: 1.62;
}
.ms-service-eyebrow {
    margin-bottom: 14px;
    padding: 7px 15px;
    font-size: 12px;
}
.ms-service-visual-card,
.ms-service-visual-card img {
    min-height: 335px;
}
.ms-service-visual-overlay {
    left: 20px;
    right: 20px;
    bottom: 20px;
    padding: 19px;
}
.ms-service-visual-overlay h2 {
    font-size: 22px;
    margin-bottom: 12px;
}
.ms-service-visual-overlay .ms-service-hero-icon {
    width: 56px;
    height: 56px;
    margin-bottom: 15px;
}
.ms-service-visual-overlay .ms-service-hero-icon i {
    font-size: 23px;
}
.ms-service-stat-row span {
    min-height: 30px;
    padding: 0 10px;
    font-size: 11px;
}
@media (max-width: 991px) {
    .ms-service-hero {
        padding: 118px 0 64px;
    }
    .ms-service-hero-grid {
        grid-template-columns: 1fr;
    }
    .ms-service-visual-card,
    .ms-service-visual-card img {
        min-height: 310px;
    }
}
@media (max-width: 767px) {
    .ms-service-hero {
        padding: 104px 0 56px;
    }
    .ms-service-hero h1 {
        font-size: 34px;
    }
    .ms-service-hero-copy p {
        font-size: 16px;
    }
    .ms-service-hero-actions .tmp-btn {
        width: 100%;
        justify-content: center;
    }
    .ms-service-detail-section {
        padding: 66px 0;
    }
    .ms-service-overview-card,
    .ms-service-cta-panel {
        padding: 26px 22px;
    }
    .ms-service-detail-grid {
        grid-template-columns: 1fr;
    }
    .ms-service-info-card {
        min-height: auto;
    }
    .ms-service-visual-card,
    .ms-service-visual-card img,
    .ms-service-image-panel,
    .ms-service-image-panel img,
    .ms-service-capability-panel {
        min-height: auto;
    }
    .ms-service-visual-card img,
    .ms-service-image-panel img {
        aspect-ratio: 16 / 11;
    }
    .ms-service-visual-overlay {
        left: 16px;
        right: 16px;
        bottom: 16px;
        padding: 18px;
    }
    .ms-service-visual-overlay h2 {
        font-size: 22px;
    }
    .ms-service-capability-panel {
        padding: 26px 22px;
    }
    .ms-service-page-block {
        margin-bottom: 42px;
    }
    .ms-service-process-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .ms-service-tech-cloud {
        gap: 16px;
    }
    .ms-service-feature-card,
    .ms-service-usecase-card,
    .ms-service-process-card {
        min-height: auto;
        padding: 26px 22px;
    }
    .ms-service-tech-pill {
        flex-basis: 100%;
        min-height: 112px;
    }
    .ms-service-feature-card:hover,
    .ms-service-usecase-card:hover,
    .ms-service-process-card:hover,
    .ms-service-tech-pill:hover {
        transform: translateY(-7px);
    }
    .ms-service-cta-panel {
        flex-direction: column;
        align-items: flex-start;
    }
    .ms-service-cta-btn {
        width: 100%;
    }
}

/* Auronixsys brand palette */
:root {
    --color-primary: #087891;
    --color-secondary: #01b4f6;
    --color-heading: #10292f;
    --color-body: #667578;
}

a:hover,
.mainmenu > li > a:hover,
.hover-moving-primary:hover {
    color: #01b4f6 !important;
}

.tmp-btn.btn-primary,
.ms-footer-cta,
.ms-service-cta-btn {
    background: linear-gradient(135deg, #087891, #1A747B);
    border-color: #087891;
    color: #ffffff;
}

.tmp-btn.btn-primary:hover,
.ms-footer-cta:hover,
.ms-service-cta-btn:hover {
    background: linear-gradient(135deg, #01b4f6, #01b5f530);
    border-color: #01b4f6;
    color: #087891;
}

.ms-srv-tag,
.ms-approach-tag,
.ms-new-tag,
.ms-service-eyebrow {
    background: #f4ebd9;
    color: #087891;
}

.ms-srv-tag::before,
.ms-approach-tag::before {
    background: #01b4f6;
}

.ms-srv-line,
.ms-appr-line,
.ms-counter-divider {
    background: linear-gradient(90deg, #087891, #01b4f6);
}

.ms-srv-heading span,
.ms-approach-heading span,
.ms-new-head span,
.ms-offer-heading span,
.ms-counter-number .suffix {
    color: #01b4f6;
}

/* Contact page */
.as-contact-hero {
    position: relative;
    overflow: hidden;
    padding: 158px 0 92px;
    background:
        linear-gradient(120deg, rgba(18,50,59,.92), rgba(12,37,44,.86)),
        url("assets/images/bg/bg-image-14.webp") center/cover no-repeat;
    color: #ffffff;
}

.as-contact-hero::before {
    content: '';
    position: absolute;
    inset: 18px;
    border: 1px solid rgba(211,163,79,.24);
    border-radius: 28px;
    pointer-events: none;
}

.as-contact-hero-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
    gap: 36px;
    align-items: center;
    perspective: 1400px;
}

.as-contact-eyebrow,
.as-contact-section-head span {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 16px;
    border-radius: 999px;
    color: #087891;
    background: #01b5f530;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.as-contact-hero h1 {
    max-width: 780px;
    margin: 22px 0 18px;
    color: #ffffff;
    font-size: clamp(38px, 5vw, 68px);
    line-height: 1.06;
    font-weight: 700;
    text-shadow: 0 18px 38px rgba(0,0,0,.32);
}

.as-contact-hero p {
    max-width: 690px;
    color: rgba(255,255,255,.84);
    font-size: 18px;
    line-height: 1.7;
}

.as-contact-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 28px;
}

.as-contact-hero-card,
.as-contact-info-card,
.as-contact-map-card,
.as-contact-form-card {
    transform-style: preserve-3d;
    transition: transform .48s cubic-bezier(.2,.8,.2,1), box-shadow .48s ease, border-color .35s ease;
}

.as-contact-hero-card {
    min-height: 360px;
    padding: 38px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 24px;
    background:
        radial-gradient(circle at 88% 8%, rgba(211,163,79,.26), transparent 34%),
        rgba(255,255,255,.1);
    box-shadow: 0 38px 84px rgba(0,0,0,.34);
    backdrop-filter: blur(10px);
    animation: as-contact-float 5s ease-in-out infinite;
}

.as-contact-hero-card:hover,
.as-contact-info-card:hover,
.as-contact-map-card:hover,
.as-contact-form-card:hover {
    transform: translateY(-12px) rotateX(5deg) rotateY(-4deg);
    box-shadow: 0 42px 84px rgba(18,50,59,.2), 0 12px 28px rgba(211,163,79,.14);
}

.as-contact-hero-icon,
.as-contact-info-icon {
    width: 68px;
    height: 68px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    color: #087891;
    background: linear-gradient(135deg, #01b5f530, #01b4f6);
    box-shadow: 0 18px 34px rgba(211,163,79,.28);
}

.as-contact-hero-card h2 {
    margin: 28px 0 12px;
    color: #ffffff;
    font-size: 30px;
    font-weight: 700;
}

.as-contact-hero-card p {
    margin-bottom: 24px !important;
    font-size: 16px;
}

.as-contact-hero-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.as-contact-hero-stats span {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    color: #087891;
    background: #ffffff;
    font-size: 12px;
    font-weight: 700;
}

@keyframes as-contact-float {
    0%, 100% { transform: translateY(0) rotateX(0); }
    50% { transform: translateY(-10px) rotateX(3deg); }
}

.as-contact-info-section,
.as-contact-main-section {
    padding: 84px 0;
    background:
        radial-gradient(circle at 8% 10%, rgba(211,163,79,.12), transparent 28%),
        linear-gradient(180deg, #fbfaf7, #ffffff 62%, #f5f8f8);
}

.as-contact-info-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    perspective: 1300px;
}

.as-contact-info-card {
    min-height: 212px;
    padding: 28px 24px;
    border: 1px solid rgba(18,50,59,.1);
    border-radius: 20px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 18px 42px rgba(18,50,59,.08);
}

.as-contact-info-card h3 {
    margin: 20px 0 8px;
    color: #10292f;
    font-size: 20px;
    font-weight: 700;
}

.as-contact-info-card a,
.as-contact-info-card p {
    color: #667578;
    font-size: 15px;
    line-height: 1.6;
}

.as-contact-section-head {
    max-width: 760px;
    margin-bottom: 30px;
}

.as-contact-section-head h2 {
    margin: 14px 0 0;
    color: #10292f;
    font-size: clamp(32px, 3.8vw, 48px);
    line-height: 1.12;
    font-weight: 700;
}

.as-contact-map-card,
.as-contact-form-card {
    position: relative;
    height: 100%;
    min-height: 560px;
    overflow: hidden;
    border: 1px solid rgba(18,50,59,.1);
    border-radius: 24px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 24px 58px rgba(18,50,59,.1);
}

.as-contact-map-card iframe {
    width: 100%;
    height: 100%;
    min-height: 560px;
    border: 0;
    filter: saturate(.92) contrast(1.02);
}

.as-contact-map-overlay {
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 24px;
    padding: 22px;
    border-radius: 18px;
    color: #ffffff;
    background: rgba(18,50,59,.84);
    box-shadow: 0 20px 42px rgba(0,0,0,.26);
    backdrop-filter: blur(8px);
}

.as-contact-map-overlay h3 {
    margin: 0 0 8px;
    color: #ffffff;
    font-size: 24px;
    font-weight: 700;
}

.as-contact-map-overlay p {
    margin: 0 !important;
    color: rgba(255,255,255,.78);
}

.as-contact-form-card {
    padding: 34px;
}

.as-contact-form-card label {
    color: #10292f;
    font-size: 14px;
    font-weight: 850;
}

.as-contact-form-card .form-control,
.as-contact-form-card .form-select {
    min-height: 54px;
    border: 1px solid rgba(18,50,59,.14);
    border-radius: 14px;
    color: #10292f;
    background-color: #fbfaf7;
    box-shadow: none;
}

.as-contact-form-card textarea.form-control {
    min-height: 150px;
    resize: vertical;
}

.as-contact-form-card .form-control:focus,
.as-contact-form-card .form-select:focus {
    border-color: #01b4f6;
    box-shadow: 0 0 0 4px rgba(211,163,79,.18);
}

.as-contact-submit {
    width: 100%;
    min-height: 58px;
    justify-content: center;
}

@media (max-width: 1199px) {
    .as-contact-info-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991px) {
    .as-contact-hero {
        padding: 132px 0 74px;
    }
    .as-contact-hero-grid {
        grid-template-columns: 1fr;
    }
    .as-contact-map-card,
    .as-contact-form-card,
    .as-contact-map-card iframe {
        min-height: 480px;
    }
}

@media (max-width: 575px) {
    .as-contact-hero {
        padding: 118px 0 62px;
    }
    .as-contact-hero::before {
        inset: 10px;
        border-radius: 18px;
    }
    .as-contact-hero h1 {
        font-size: 36px;
    }
    .as-contact-hero-actions .tmp-btn {
        width: 100%;
        justify-content: center;
    }
    .as-contact-info-section,
    .as-contact-main-section {
        padding: 58px 0;
    }
    .as-contact-info-grid {
        grid-template-columns: 1fr;
    }
    .as-contact-hero-card,
    .as-contact-form-card {
        padding: 24px;
    }
    .as-contact-map-card,
    .as-contact-form-card,
    .as-contact-map-card iframe {
        min-height: 420px;
    }
    .as-contact-map-overlay {
        left: 16px;
        right: 16px;
        bottom: 16px;
        padding: 18px;
    }
}

/* Shared simple hero for all sub pages */
.as-subpage-hero {
    position: relative;
    min-height: 390px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 150px 0 90px;
    background:
        linear-gradient(120deg, rgba(18,50,59,.68), rgba(9,29,32,.44)),
        url("b1.png") center/cover no-repeat;
    box-shadow: inset 0 -38px 72px rgba(18,50,59,.26);
}

.as-subpage-hero::before {
    content: '';
    position: absolute;
    inset: 18px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 28px;
    pointer-events: none;
}

.as-subpage-hero::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -90px;
    width: min(760px, 82vw);
    height: 180px;
    border-radius: 50%;
    background: rgba(211,163,79,.22);
    filter: blur(45px);
    transform: translateX(-50%);
    pointer-events: none;
}

.as-subpage-hero .container-3 {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.as-subpage-hero h1 {
    width: 100%;
    max-width: 980px;
    margin: 0;
    color: #ffffff;
    font-size: clamp(38px, 6vw, 45px);
    line-height: 1.05;
    font-weight: 700;
    letter-spacing: 0;
    text-shadow: 0 16px 38px rgba(0,0,0,.5);
    animation: as-subpage-title-in .75s ease both;
}

@keyframes as-subpage-title-in {
    from {
        opacity: 0;
        transform: translateY(18px) scale(.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 991px) {
    .as-subpage-hero {
        min-height: 320px;
        padding: 126px 0 72px;
    }
}

@media (max-width: 575px) {
    .as-subpage-hero {
        min-height: 260px;
        padding: 112px 0 58px;
    }
    .as-subpage-hero::before {
        inset: 10px;
        border-radius: 18px;
    }
.as-subpage-hero h1 {
        font-size: 36px;
        overflow-wrap: anywhere;
    }
}

/* Brighter banner images */
.tmp-banner-slider-area.banner-wind-energy.banner-nine .banner-five-main-wrapper {
    background-color: rgba(255,255,255,.16);
    background-blend-mode: screen;
}

.tmp-banner-slider-area.banner-wind-energy.banner-nine .banner-five-main-wrapper::before {
    background: rgba(0,0,0,.06) !important;
    backdrop-filter: none !important;
}

.tmp-banner-slider-area.banner-wind-energy.banner-nine .banner-five-main-wrapper::after {
    display: none !important;
}

.invers-swiper-thumb-wind img,
.banner-shape img,
#side-bar .thumbnail img {
    filter: brightness(1.16) saturate(1.06);
}

.as-subpage-hero {
    background:
        linear-gradient(120deg, rgba(18,50,59,.34), rgba(9,29,32,.18)),
        url("b1.png") center/cover no-repeat;
    background-color: rgba(255,255,255,.08);
    background-blend-mode: normal, screen;
}

/* About page */
.as-about-hero {
    position: relative;
    overflow: hidden;
    padding: 158px 0 92px;
    background:
        linear-gradient(118deg, rgba(18,50,59,.93), rgba(9,29,32,.84)),
        url("assets/images/banner/12.webp") center/cover no-repeat;
    color: #ffffff;
}

.as-about-hero::before {
    content: '';
    position: absolute;
    inset: 18px;
    border: 1px solid rgba(211,163,79,.26);
    border-radius: 28px;
    pointer-events: none;
}

.as-about-hero-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(300px, .82fr);
    gap: 36px;
    align-items: center;
    perspective: 1400px;
}

.as-about-eyebrow,
.as-about-kicker,
.as-about-section-head span {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 16px;
    border-radius: 999px;
    color: #087891;
    background: #01b5f530;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.as-about-hero h1 {
    max-width: 820px;
    margin: 22px 0 18px;
    color: #ffffff;
    font-size: clamp(38px, 5vw, 68px);
    line-height: 1.06;
    font-weight: 700;
    text-shadow: 0 18px 38px rgba(0,0,0,.34);
}

.as-about-hero p {
    max-width: 690px;
    color: rgba(255,255,255,.84);
    font-size: 18px;
    line-height: 1.7;
}

.as-about-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 28px;
}

.as-about-hero-card,
.as-about-image-card,
.as-about-content-card,
.as-mission-card,
.as-value-card {
    transform-style: preserve-3d;
    transition: transform .48s cubic-bezier(.2,.8,.2,1), box-shadow .48s ease, border-color .35s ease;
}

.as-about-hero-card {
    min-height: 360px;
    padding: 38px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 24px;
    background:
        radial-gradient(circle at 86% 9%, rgba(211,163,79,.3), transparent 34%),
        rgba(255,255,255,.1);
    box-shadow: 0 38px 84px rgba(0,0,0,.34);
    backdrop-filter: blur(10px);
    animation: as-about-float 5s ease-in-out infinite;
}

.as-about-hero-card:hover,
.as-about-image-card:hover,
.as-about-content-card:hover,
.as-mission-card:hover,
.as-value-card:hover {
    transform: translateY(-12px) rotateX(5deg) rotateY(-4deg);
    border-color: rgba(211,163,79,.42);
    box-shadow: 0 42px 84px rgba(18,50,59,.2), 0 12px 28px rgba(211,163,79,.14);
}

.as-about-hero-icon,
.as-mission-icon,
.as-value-icon {
    width: 68px;
    height: 68px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    color: #087891;
    background: linear-gradient(135deg, #01b5f530, #01b4f6);
    box-shadow: 0 18px 34px rgba(211,163,79,.28);
}

.as-about-hero-card h2 {
    margin: 28px 0 12px;
    color: #ffffff;
    font-size: 30px;
    font-weight: 700;
}

.as-about-hero-card p {
    margin-bottom: 24px !important;
    font-size: 16px;
}

.as-about-hero-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.as-about-hero-tags span {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    color: #087891;
    background: #ffffff;
    font-size: 12px;
    font-weight: 700;
}

@keyframes as-about-float {
    0%, 100% { transform: translateY(0) rotateX(0); }
    50% { transform: translateY(-10px) rotateX(3deg); }
}

.as-about-section,
.as-mission-section,
.as-values-section {
    padding: 88px 0;
    background:
        radial-gradient(circle at 8% 10%, rgba(211,163,79,.12), transparent 28%),
        linear-gradient(180deg, #fbfaf7, #ffffff 62%, #f5f8f8);
}

.as-mission-section {
    background:
        radial-gradient(circle at 90% 12%, rgba(18,50,59,.1), transparent 28%),
        #ffffff;
}

.as-about-image-card {
    position: relative;
    overflow: hidden;
    min-height: 470px;
    border: 1px solid rgba(18,50,59,.1);
    border-radius: 24px;
    background: #087891;
    box-shadow: 0 28px 64px rgba(18,50,59,.16);
}

.as-about-image-card img {
    width: 100%;
    height: 100%;
    min-height: 470px;
    object-fit: cover;
    display: block;
    filter: saturate(1.04) contrast(1.05);
    transition: transform .7s ease;
}

.as-about-image-card:hover img {
    transform: scale(1.08);
}

.as-about-image-badge {
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 24px;
    padding: 20px;
    border-radius: 18px;
    color: #ffffff;
    background: rgba(18,50,59,.84);
    box-shadow: 0 20px 42px rgba(0,0,0,.26);
    backdrop-filter: blur(8px);
}

.as-about-image-badge strong,
.as-about-image-badge span {
    display: block;
}

.as-about-image-badge strong {
    font-size: 22px;
    font-weight: 700;
}

.as-about-image-badge span {
    color: rgba(255,255,255,.78);
}

.as-about-content-card {
    padding: 38px;
    border: 1px solid rgba(18,50,59,.1);
    border-radius: 24px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 24px 58px rgba(18,50,59,.1);
}

.as-about-content-card h2,
.as-about-section-head h2 {
    margin: 16px 0 16px;
    color: #10292f;
    font-size: clamp(32px, 3.8vw, 48px);
    line-height: 1.12;
    font-weight: 700;
}

.as-about-content-card p,
.as-mission-card p,
.as-value-card p {
    color: #667578;
    font-size: 16px;
    line-height: 1.7;
}

.as-about-metric-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 26px;
}

.as-about-metric-row div {
    padding: 18px 14px;
    border: 1px solid rgba(18,50,59,.09);
    border-radius: 16px;
    background: #fbfaf7;
    text-align: center;
}

.as-about-metric-row strong {
    display: block;
    color: #01b4f6;
    font-size: 28px;
    line-height: 1;
    font-weight: 700;
}

.as-about-metric-row span {
    display: block;
    margin-top: 8px;
    color: #667578;
    font-size: 13px;
    font-weight: 800;
}

.as-about-section-head {
    max-width: 780px;
    margin-bottom: 32px;
}

.as-mission-card,
.as-value-card {
    position: relative;
    height: 100%;
    overflow: hidden;
    padding: 34px 30px;
    border: 1px solid rgba(18,50,59,.1);
    border-radius: 22px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 20px 52px rgba(18,50,59,.09);
}

.as-mission-card::before,
.as-value-card::before {
    content: '';
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(135deg, rgba(18,50,59,.82), rgba(211,163,79,.82), rgba(255,255,255,.3));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity .35s ease;
    pointer-events: none;
}

.as-mission-card:hover::before,
.as-value-card:hover::before {
    opacity: 1;
}

.as-mission-card h3,
.as-value-card h3 {
    position: relative;
    z-index: 1;
    margin: 24px 0 12px;
    color: #10292f;
    font-size: 24px;
    font-weight: 700;
}

.as-mission-card p,
.as-value-card p,
.as-mission-icon,
.as-value-icon {
    position: relative;
    z-index: 1;
}

.as-value-index {
    position: absolute;
    top: 24px;
    right: 24px;
    color: rgba(18,50,59,.08);
    font-size: 44px;
    line-height: 1;
    font-weight: 700;
}

@media (max-width: 991px) {
    .as-about-hero {
        padding: 132px 0 74px;
    }
    .as-about-hero-grid {
        grid-template-columns: 1fr;
    }
    .as-about-image-card,
    .as-about-image-card img {
        min-height: 390px;
    }
}

@media (max-width: 575px) {
    .as-about-hero {
        padding: 118px 0 62px;
    }
    .as-about-hero::before {
        inset: 10px;
        border-radius: 18px;
    }
    .as-about-hero h1 {
        font-size: 36px;
    }
    .as-about-hero-actions .tmp-btn {
        width: 100%;
        justify-content: center;
    }
    .as-about-section,
    .as-mission-section,
    .as-values-section {
        padding: 58px 0;
    }
    .as-about-hero-card,
    .as-about-content-card,
    .as-mission-card,
    .as-value-card {
        padding: 24px;
    }
    .as-about-metric-row {
        grid-template-columns: 1fr;
    }
    .as-about-image-card,
    .as-about-image-card img {
        min-height: 330px;
    }
    .as-about-image-badge {
        left: 16px;
        right: 16px;
        bottom: 16px;
        padding: 18px;
    }
}