:root {
            --blue: #082f78;
            --blue2: #003b91;
            --dark: #061c4a;
            --light: #f5f8fc;
            --line: #d9e4f4;
            --shadow: 0 14px 35px rgba(0, 35, 90, .14);
            --transition: all .32s ease;
        }

        html {
            scroll-behavior: smooth;
            scroll-padding-top: 100px;
        }

        * {
            box-sizing: border-box
        }

        body {
            margin: 0;
            font-family: Inter, Arial, sans-serif;
            color: #061c4a;
            background: #fff;
            overflow-x: hidden;
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        .nav-link,
        .btn,
        .stat-number {
            font-family: Oswald, Arial, sans-serif;
            text-transform: uppercase;
            letter-spacing: .3px;
        }

        a,
        button,
        .cargo-card,
        .why-item,
        .step,
        .industry-item,
        .grid-img,
        .stat-item {
            transition: var(--transition);
        }

        .navbar {
            min-height: 98px;
            background: rgba(255, 255, 255, .94);
            backdrop-filter: blur(14px);
            box-shadow: 0 2px 18px rgba(0, 0, 0, .08);
            transition: var(--transition);
        }

        .navbar.scrolled {
            min-height: 78px;
            box-shadow: 0 12px 30px rgba(0, 31, 84, .13);
        }

        .brand-logo {
            width: 78px;
            height: 78px;
            background: linear-gradient(135deg, #0b61b7, #063172);
            color: white;
            display: grid;
            place-items: center;
            font-family: Oswald;
            font-size: 25px;
            border-radius: 3px;
            transform: skew(-8deg);
            box-shadow: 0 10px 24px rgba(0, 47, 120, .22);
        }

        .brand-text {
            font-family: Oswald;
            color: var(--blue);
            font-size: 20px;
            line-height: 1.05;
            max-width: 290px;
        }

        .nav-link {
            position: relative;
            color: #071d4a !important;
            font-size: 18px;
            font-weight: 600;
            margin: 0 5px;
            padding-bottom: 9px;
        }

        .nav-link:after {
            content: "";
            position: absolute;
            left: 50%;
            bottom: 0;
            width: 0;
            height: 4px;
            background: var(--blue2);
            transform: translateX(-50%);
            transition: var(--transition);
            border-radius: 4px;
        }

        .nav-link:hover:after,
        .nav-link.active:after {
            width: 100%
        }

        .nav-link:hover {
            color: var(--blue2) !important
        }

        .btn-main,
        .btn-outline-main {
            position: relative;
            overflow: hidden;
            border-radius: 3px;
            padding: 14px 16px;
            font-weight: 800;
            font-size: 14px;
            z-index: 1;
        }

        .btn-main {
            background: var(--blue);
            color: #fff;
            border: 0;
            box-shadow: 0 10px 24px rgba(0, 47, 120, .22);
        }

        .btn-main:before {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(90deg, #0052bf, #001f57);
            transform: translateX(-100%);
            transition: var(--transition);
            z-index: -1;
        }

        .btn-main:hover:before {
            transform: translateX(0)
        }

        .btn-main:hover {
            transform: translateY(-3px);
            color: #fff
        }

        .btn-outline-main {
            color: var(--blue);
            border: 2px solid var(--blue);
            background: #fff;
        }

        .btn-outline-main:hover {
            background: var(--blue);
            color: #fff;
            transform: translateY(-3px);
            box-shadow: 0 10px 24px rgba(0, 47, 120, .18);
        }

        .hero {
            min-height: 585px;
            background:
                linear-gradient(90deg,
                    rgba(255, 255, 255, 1) 0%,
                    rgba(255, 255, 255, 0.98) 22%,
                    rgba(255, 255, 255, 0.75) 32%,
                    rgba(255, 255, 255, 0) 45%),
                url("../../assets/images/hero-banner.jpg") center center/cover no-repeat;
            position: relative;
            display: flex;
            align-items: center;
        }

        .hero:after {
            content: "";
            position: absolute;
            inset: 0;
            /* background:linear-gradient(180deg,transparent 75%,rgba(255,255,255,.85)); */
            pointer-events: none;
        }

        .hero-content {
            position: relative;
            z-index: 2;
            animation: fadeUp .9s ease both;
        }

        .hero-carousel {
            display: block;
            align-items: initial;
            background: #eef5ff;
        }

        .hero-carousel .carousel,
        .hero-carousel .carousel-inner,
        .hero-carousel .carousel-item {
            min-height: 585px;
        }

        .hero-carousel .carousel-item {
            position: relative;
            align-items: center;
            background-size: cover;
            background-position: center;
        }

        .hero-carousel .carousel-item.active,
        .hero-carousel .carousel-item-next,
        .hero-carousel .carousel-item-prev {
            display: flex;
        }

        .hero-carousel .carousel-item:before {
            content: "";
            position: absolute;
            inset: 0;
            background:
                linear-gradient(60deg,
                    rgba(255, 255, 255, 0.9) 0%,
                    rgba(255, 255, 255, 0.8) 25%,
                    rgba(255, 255, 255, 0) 42%,
                    rgba(255, 255, 255, 0) 61%),
                linear-gradient(180deg, rgba(255, 255, 255, 0) 24%, rgba(255, 255, 255, .20));
            pointer-events: none;
        }

        .hero-carousel .carousel-item:after {
            content: "";
            position: absolute;
            inset: 0;
            background:
                radial-gradient(circle at 77% 23%, rgba(255, 255, 255, .20), transparent 24%),
                linear-gradient(90deg, rgba(8, 47, 120, .05), transparent 48%);
            pointer-events: none;
        }

        .hero-carousel .carousel-item.active .hero-content {
            animation: fadeUp .82s ease both;
        }

        .hero-carousel .carousel-indicators {
            right: auto;
            left: 52px;
            bottom: 28px;
            margin: 0;
            justify-content: flex-start;
            gap: 8px;
            z-index: 4;
        }

        .hero-carousel .carousel-indicators [data-bs-target] {
            width: 34px;
            height: 5px;
            border: 0;
            border-radius: 999px;
            background: rgba(8, 47, 120, .32);
            opacity: 1;
            transition: var(--transition);
        }

        .hero-carousel .carousel-indicators .active {
            width: 54px;
            background: var(--blue);
        }

        .hero-carousel .carousel-control-prev,
        .hero-carousel .carousel-control-next {
            top: 50%;
            bottom: auto;
            width: 48px;
            height: 48px;
            border-radius: 50%;
            background: var(--blue);
            opacity: 1;
            z-index: 5;
            transform: translateY(-50%);
            transition: var(--transition);
        }

        .hero-carousel .carousel-control-prev {
            left: auto;
            right: 112px;
        }

        .hero-carousel .carousel-control-next {
            right: 48px;
        }

        .hero-carousel .carousel-control-prev:hover,
        .hero-carousel .carousel-control-next:hover {
            background: #0044a0;
            transform: translateY(calc(-50% - 4px));
            box-shadow: 0 12px 26px rgba(0, 47, 120, .25);
        }

        .hero h1 {
            font-size: 45px;
            line-height: 1.2;
            color: #092865;
            /* font-weight:700; */
        }

        .hero p {
            max-width: 500px;
            line-height: 1.8;
            font-weight: 600;
            color: #193263;
        }

        .stats {
            margin-top: -48px;
            position: relative;
            z-index: 5;
        }

        .stats-box {
            background: linear-gradient(90deg, #063172, #0044a0);
            color: #fff;
            border-radius: 5px;
            box-shadow: var(--shadow);
        }

        .stat-item {
            padding: 24px 30px;
            border-right: 1px solid rgba(255, 255, 255, .25);
            display: flex;
            gap: 18px;
            align-items: center;
        }

        .stat-item:hover {
            background: rgba(255, 255, 255, .09);
            transform: translateY(-4px);
        }

        .stat-icon {
            width: 62px;
            height: 62px;
            border-radius: 50%;
            display: grid;
            place-items: center;
            background: rgba(255, 255, 255, .14);
            font-size: 32px;
        }

        .stat-item:hover .stat-icon {
            transform: rotateY(180deg);
            background: rgba(255, 255, 255, .23);
        }

        .stat-number {
            font-size: 42px;
            line-height: 1;
            font-weight: 700;
        }

        .stat-label {
            font-family: Oswald;
            font-size: 14px;
            text-transform: uppercase;
        }

        section {
            padding: 42px 0
        }

        .section-title {
            text-align: center;
            font-size: 38px;
            color: var(--blue);
            margin-bottom: 28px;
            font-weight: 700;
        }

        .section-title:after {
            content: "";
            display: block;
            width: 68px;
            height: 5px;
            background: #0d4aa4;
            margin: 8px auto 0;
            border-radius: 5px;
        }

        .cargo-card {
            border: 1px solid var(--line);
            border-radius: 7px;
            overflow: hidden;
            background: #fff;
            box-shadow: 0 5px 16px rgba(0, 0, 0, .07);
            height: 100%;
            text-align: center;
        }

        .cargo-card:hover {
            transform: translateY(-9px);
            box-shadow: var(--shadow);
            border-color: #b7cae9;
        }

        .cargo-img {
            height: 145px;
            background-size: cover;
            background-position: center;
            transition: transform .55s ease;
        }

        .cargo-card:hover .cargo-img {
            transform: scale(1.08)
        }

        .cargo-body {
            padding: 18px 10px 24px;
            min-height: 120px;
            background: #fff;
            position: relative;
            z-index: 2;
        }

        .cargo-body i {
            font-size: 37px;
            color: var(--blue2);
        }

        .cargo-card:hover .cargo-body i {
            transform: translateY(-4px) scale(1.08);
            display: inline-block;
        }

        .cargo-body h5 {
            font-size: 18px;
            color: var(--blue);
            margin-top: 10px;
            line-height: 1.25;
        }

        .why-title small {
            font-family: Oswald;
            color: var(--blue);
            font-size: 22px;
            display: block;
            margin-bottom: 20px;
        }

        .why-title h2 {
            font-size: 47px;
            line-height: 1.1;
            color: #092865;
        }

        .why-title h2:after {
            content: "";
            display: block;
            width: 65px;
            height: 4px;
            background: var(--blue);
            margin-top: 18px;
            border-radius: 4px;
        }

        .why-item {
            border-left: 1px solid #cbd9ed;
            padding: 20px 28px;
            text-align: center;
            border-radius: 8px;
        }

        .why-item:hover {
            background: #f7faff;
            transform: translateY(-7px);
            box-shadow: 0 12px 25px rgba(0, 47, 120, .08);
        }

        .circle-icon {
            width: 78px;
            height: 78px;
            background: var(--blue);
            color: #fff;
            border-radius: 50%;
            display: grid;
            place-items: center;
            font-size: 36px;
            margin: 0 auto 18px;
            box-shadow: 0 12px 25px rgba(0, 47, 120, .18);
        }

        .why-item:hover .circle-icon {
            transform: scale(1.08) rotate(6deg);
            background: #0044a0;
        }

        .why-item h5 {
            font-size: 18px;
            color: var(--blue);
        }

        .why-item p {
            font-size: 14px;
            line-height: 1.6;
            color: #21345f;
        }

        .process {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            position: relative;
            margin-top: 15px;
        }

        .process:before {
            content: "";
            position: absolute;
            left: 5%;
            right: 5%;
            top: 38px;
            border-top: 2px solid #bad0ef;
            z-index: 0;
        }

        .step {
            width: 13%;
            text-align: center;
            position: relative;
            z-index: 2;
            cursor: pointer;
        }

        .step .round {
            width: 78px;
            height: 78px;
            border: 2px solid #c8d8ef;
            border-radius: 50%;
            background: #fff;
            display: grid;
            place-items: center;
            color: var(--blue2);
            font-size: 32px;
            margin: 0 auto 12px;
            transition: var(--transition);
        }

        .step:hover .round {
            background: var(--blue);
            color: #fff;
            transform: translateY(-8px) scale(1.06);
            box-shadow: 0 13px 28px rgba(0, 47, 120, .2);
        }

        .step span {
            font-family: Oswald;
            color: var(--blue);
            font-size: 14px;
            line-height: 1.1;
            display: block;
        }

        .critical {
            padding: 0
        }

        .critical-left {
            background: linear-gradient(145deg, #042760, #003b91);
            color: #fff;
            padding: 48px 45px;
            height: 100%;
        }

        .critical-right {
            height: 100%;

        }

        .critical-left h2 {
            font-size: 37px;
            line-height: 1.1;
            margin-bottom: 28px;
        }

        .critical-point {
            display: flex;
            gap: 18px;
            margin-bottom: 24px;
            transition: var(--transition);
        }

        .critical-point:hover {
            transform: translateX(8px);
        }

        .critical-point i {
            font-size: 28px;
            background: rgba(255, 255, 255, .15);
            width: 48px;
            height: 48px;
            border-radius: 50%;
            display: grid;
            place-items: center;
            flex: 0 0 auto;
        }

        .critical-point:hover i {
            background: rgba(255, 255, 255, .28);
            transform: rotate(-8deg);
        }

        .critical-point h5 {
            font-size: 18px;
            margin-bottom: 4px;
        }

        .critical-point p {
            font-size: 14px;
            margin: 0;
            line-height: 1.5;
        }

        .grid-img {
            height: 250px;
            position: relative;
            overflow: hidden;
        }

        .grid-img-inner {
            position: absolute;
            inset: 0;
            background-size: cover;
            background-position: center;
            transition: transform .7s ease;
        }

        .grid-img:hover .grid-img-inner {
            transform: scale(1.15);
        }

        .grid-img::after {
            content: "";
            position: absolute;
            inset: 0;
            background: rgba(0, 35, 90, .18);
            opacity: 0;
            transition: .4s ease;
            pointer-events: none;
        }

        .grid-img:hover::after {
            opacity: 1;
        }

        .industries {
            border-top: 1px solid #dce6f5;
            border-bottom: 1px solid #dce6f5;
            background: #fff;
        }

        .industry-item {
            text-align: center;
            border-right: 1px solid #cad8ed;
            padding: 10px 8px;
            min-height: 120px;
            border-radius: 6px;
        }

        .industry-item:hover {
            background: #f2f7ff;
            transform: translateY(-6px);
        }

        .industry-item i {
            font-size: 38px;
            color: var(--blue2);
            display: inline-block;
        }

        .industry-item:hover i {
            transform: scale(1.12) rotate(4deg);
        }

        .industry-item h5 {
            color: var(--blue);
            font-size: 15px;
            margin-top: 8px;
            line-height: 1.2;
        }



        .network {
            /*background: linear-gradient(90deg, #052c70, #041c48);*/
            color: #052c70;
            overflow: hidden;
            padding: 30px 0;
            /* before 42px */
        }

        /*.network-map {
            height: 280px;
            /* reduce section height */
            /*display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }*/

        /*.network-map img {
            max-width: 100%;
            max-height: 280px;
            width: auto;
            height: auto;
            object-fit: contain;
            display: block;
        }*/
		.network-map {
            position: relative;
            min-height: 100px;
            overflow: hidden;
            border-radius: 8px;
        }
		.network-map img {
            width: 100%;
            height: 50%;
            min-height: 120px;
            object-fit: contain;
            display: block;
        }


        .network-map::after {
            content: "";
            position: absolute;
            inset: 0;
            background:
                radial-gradient(circle at 65% 50%,
                    rgba(255, 255, 255, .22),
                    transparent 28%);
            pointer-events: none;
        }

        .network li {
            margin: 13px 0;
            transition: var(--transition);
        }

        .network li:hover {
            transform: translateX(7px);
            color: #d9e9ff;
        }

        .cta {
            min-height: 235px;
            background:
                linear-gradient(90deg,
                    rgba(255, 255, 255, 1) 0%,
                    rgba(255, 255, 255, 0.96) 25%,
                    rgba(255, 255, 255, 0.60) 35%,
                    rgba(255, 255, 255, 0) 48%),
                url("https://images.unsplash.com/photo-1494412574643-ff11b0a5c1c3?q=80&w=1700&auto=format&fit=crop") center center/cover no-repeat;
            display: flex;
            align-items: center;
        }

        .cta h2 {
            color: var(--blue);
            font-size: 32px;
        }

        footer {
            background: linear-gradient(90deg, #063172, #002762);
            color: #fff;
            padding: 28px 0;
            font-size: 14px;
        }

        footer a {
            color: #fff;
            text-decoration: none;
            display: block;
            margin-bottom: 5px;
            opacity: .9;
        }

        footer a:hover {
            opacity: 1;
            transform: translateX(5px);
            color: #d9e9ff;
        }

        .reveal {
            opacity: 1;
            transform: none;
            transition: opacity .45s ease, transform .45s ease;
        }

        .reveal.show {
            opacity: 1;
            transform: none;
        }

        #backToTop {
            position: fixed;
            right: 22px;
            bottom: 22px;
            width: 48px;
            height: 48px;
            border-radius: 50%;
            border: 0;
            background: var(--blue);
            color: #fff;
            display: grid;
            place-items: center;
            box-shadow: 0 12px 30px rgba(0, 47, 120, .3);
            opacity: 0;
            pointer-events: none;
            transform: translateY(16px);
            transition: var(--transition);
            z-index: 999;
        }

        #backToTop.show {
            opacity: 1;
            pointer-events: auto;
            transform: translateY(0);
        }

        #backToTop:hover {
            background: #0044a0;
            transform: translateY(-4px);
        }

        .tight-section {
            padding: 36px 0;
        }

        .page-hero {
            min-height: 500px;
            display: flex;
            align-items: center;
            position: relative;
            overflow: hidden;
            background-color: #eef5ff;
        }

        .page-hero:after {
            content: "";
            position: absolute;
            inset: auto 0 0;
            height: 90px;
            background: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff);
            pointer-events: none;
        }

        .page-hero-copy {
            position: relative;
            z-index: 2;
            max-width: 610px;
            animation: fadeUp .8s ease both;
        }

        .page-hero h1 {
            color: #092865;
            font-size: 45px;
            line-height: 1.2;
            margin-bottom: 5px;
                text-transform: capitalize;
        }

        .page-hero h3 {
            color: #092865;
            font-size: 30px;
            line-height: 1.12;
            margin-bottom: 22px;
        }

        .page-hero p {
            color: #193263;
            font-weight: 600;
            line-height: 1.75;
            margin-bottom: 24px;
        }

        .capabilities-hero {
            background:
                linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, .96) 26%, rgba(255, 255, 255, .72) 45%, rgba(255, 255, 255, .08) 66%),
                url("../images/capabalities.jpg") center center/cover no-repeat;
        }

        .about-hero {
            background:
                linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, .96) 30%, rgba(255, 255, 255, .50) 52%, rgba(255, 255, 255, .04) 70%),
                url("../../assets/images/hero-banner.jpg") center center/cover no-repeat;
        }

        .clients-hero {
            background:
                linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, .97) 30%, rgba(255, 255, 255, .66) 49%, rgba(255, 255, 255, .05) 68%),
                url("../images/clientbg.jpg") center center/cover no-repeat;
        }

        .contact-hero {
            background:
                linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, .97) 28%, rgba(255, 255, 255, .64) 48%, rgba(255, 255, 255, .05) 69%),
                url("../images/contactbg.jpg") center center/cover no-repeat;
        }

        .eyebrow {
            display: inline-block;
            font-family: Oswald;
            color: var(--blue);
            font-size: 18px;
            font-weight: 700;
            text-transform: uppercase;
            margin-bottom: 16px;
            padding-bottom: 10px;
            border-bottom: 4px solid var(--blue);
        }

        .hero-badges,
        .client-metrics {
            display: grid;
            gap: 14px;
        }

        .hero-badges {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            margin-top: 34px;
        }

        .hero-badges div,
        .client-metrics div {
            display: grid;
            grid-template-columns: auto 1fr;
            gap: 2px 14px;
            align-items: center;
            padding: 12px 14px;
            border: 1px solid rgba(8, 47, 120, .12);
            border-radius: 6px;
            background: rgba(255, 255, 255, .78);
            box-shadow: 0 10px 25px rgba(0, 47, 120, .08);
        }

        .hero-badges div:hover,
        .client-metrics div:hover {
            background: #fff;
            box-shadow: var(--shadow);
        }

        .hero-badges i,
        .client-metrics i {
            grid-row: span 2;
            width: 52px;
            height: 52px;
            border-radius: 50%;
            display: grid;
            place-items: center;
            background: var(--blue);
            color: #fff;
            font-size: 26px;
        }

        .hero-badges strong,
        .client-metrics strong {
            font-family: Oswald;
            color: var(--blue);
            text-transform: uppercase;
            font-size: 18px;
        }

        .hero-badges span,
        .client-metrics span {
            font-size: 13px;
            color: #223763;
            font-weight: 600;
        }

        .client-metrics {
            grid-template-columns: repeat(4, minmax(0, 1fr));
            max-width: 920px;
        }

        .client-metrics div {
            min-width: 190px;
        }

        .wing-title {
            position: relative;
        }

        .special-card,
        .feature-tile,
        .value-card,
        .client-card {
            height: 100%;
            border: 1px solid var(--line);
            background: #fff;
            box-shadow: 0 6px 18px rgba(0, 35, 90, .08);
            transition: var(--transition);
        }

        .special-card {
            position: relative;
            overflow: hidden;
            border-radius: 7px;
            padding-bottom: 18px;
        }

        .special-card:hover,
        .feature-tile:hover,
        .value-card:hover,
        .client-card:hover {
            transform: translateY(-8px);
            box-shadow: var(--shadow);
            border-color: #b8cceb;
        }

        .special-img {
            height: 150px;
            background-size: cover;
            background-position: center;
            transition: transform .65s ease;
        }

        .special-card:hover .special-img {
            transform: scale(1.08);
        }

        .special-icon {
            width: 48px;
            height: 48px;
            border-radius: 8px;
            background: var(--blue);
            color: #fff;
            display: grid;
            place-items: center;
            font-size: 24px;
            margin: -24px 0 12px 18px;
            position: relative;
            z-index: 1;
            box-shadow: 0 10px 22px rgba(0, 47, 120, .2);
        }

        .special-card:hover .special-icon {
            transform: rotate(-6deg) scale(1.06);
            background: #0044a0;
        }

        .special-card h4 {
            color: var(--blue);
            font-size: 19px;
            margin: 0 18px 8px;
        }

        .special-card p {
            color: #233761;
            font-size: 13px;
            line-height: 1.55;
            margin: 0 18px;
            font-weight: 600;
        }

        .why-capability {
            background: #f5f8fc;
            padding: 22px 0;
        }

        .why-blue-panel {
            height: 100%;
            padding: 34px;
            color: #fff;
            background:
                linear-gradient(145deg, rgba(4, 39, 96, .96), rgba(0, 59, 145, .95)),
                url("https://images.unsplash.com/photo-1451187580459-43490279c0fa?q=80&w=900&auto=format&fit=crop") center/cover;
            border-radius: 6px;
            box-shadow: var(--shadow);
        }

        .why-blue-panel h2 {
            font-size: 39px;
            line-height: 1.05;
            margin-bottom: 16px;
        }

        .why-blue-panel p {
            line-height: 1.7;
            font-weight: 600;
        }

        .why-blue-panel ul {
            list-style: none;
            padding: 18px 0 0;
            margin: 0;
        }

        .why-blue-panel li {
            margin: 7px 0;
            font-family: Oswald;
            text-transform: uppercase;
        }

        .why-blue-panel li:before {
            content: "\F26B";
            font-family: "bootstrap-icons";
            margin-right: 10px;
        }

        .feature-tile {
            text-align: center;
            border-radius: 6px;
            padding: 22px 18px;
        }

        .feature-tile i,
        .value-card i,
        .why-row i {
            color: var(--blue);
            display: inline-grid;
            place-items: center;
            transition: var(--transition);
        }

        .feature-tile i {
            width: 62px;
            height: 62px;
            border: 2px solid #d7e4f6;
            border-radius: 50%;
            font-size: 31px;
            margin-bottom: 10px;
        }

        .feature-tile:hover i,
        .value-card:hover i,
        .why-row div:hover i {
            color: #fff;
            background: var(--blue);
            transform: translateY(-4px) scale(1.06);
        }

        .feature-tile h5,
        .value-card h5,
        .why-row h5 {
            color: var(--blue);
            font-size: 17px;
            margin-bottom: 8px;
        }

        .feature-tile p,
        .value-card p,
        .why-row p {
            color: #253b66;
            font-size: 13px;
            line-height: 1.55;
            margin: 0;
        }

        .framework {
            display: grid;
            grid-template-columns: repeat(8, 1fr);
            gap: 12px;
            position: relative;
        }

        .framework .step {
            width: auto;
        }

        .cert-section {
            background: linear-gradient(90deg, #f7fbff, #fff);
            border-top: 1px solid #dce6f5;
            border-bottom: 1px solid #dce6f5;
        }

        .cert-section h3 {
            color: var(--blue);
            font-size: 25px;
            margin-bottom: 18px;
        }

        .compliance-list {
            columns: 2;
            padding-left: 0;
            list-style: none;
            color: #17315f;
            font-weight: 700;
            line-height: 2;
        }

        .compliance-list li:before {
            content: "\F26A";
            font-family: "bootstrap-icons";
            color: var(--blue2);
            margin-right: 10px;
        }

        .cert-grid {
            display: grid;
            grid-template-columns: repeat(7, 1fr);
            gap: 12px;
        }

        .cert-grid div {
            min-height: 105px;
            display: grid;
            place-items: center;
            text-align: center;
            border-radius: 50%;
            border: 3px solid #d2e1f4;
            color: var(--blue);
            font-family: Oswald;
            font-size: 22px;
            line-height: 1;
            background: #fff;
            transition: var(--transition);
        }

        .cert-grid div:hover {
            background: var(--blue);
            color: #fff;
            transform: translateY(-7px) rotate(-2deg);
        }

        .cert-grid span {
            display: block;
            font-size: 11px;
            margin-top: 5px;
        }

        .cert-band {
            padding: 18px 0;
            background: #fff;
        }

        .cert-panel {
            position: relative;
            display: grid;
            grid-template-columns: .86fr 1.4fr;
            gap: 22px;
            align-items: stretch;
            overflow: hidden;
            border-top: 1px solid #dce6f5;
            border-bottom: 1px solid #dce6f5;
            background:
                linear-gradient(90deg, rgba(244, 249, 255, .96), rgba(255, 255, 255, .96)),
                url("../../assets/images/worldmap.png") center/contain no-repeat;
            box-shadow: 0 8px 20px rgba(0, 35, 90, .06);
        }

        .cert-panel h3 {
            color: var(--blue);
            font-size: 17px;
            margin: 0 0 8px;
            padding-bottom: 5px;
            border-bottom: 1px solid #d9e4f4;
        }

        .regulatory-box,
        .certified-box {
            padding: 10px 14px;
            position: relative;
            z-index: 1;
        }

        .regulatory-box {
            border-right: 1px solid #d9e4f4;
        }

        .regulatory-content {
            display: grid;
            grid-template-columns: 120px 1fr;
            gap: 18px;
            align-items: center;
        }

        .regulatory-content img {
            width: 120px;
            max-width: 100%;
            filter: drop-shadow(0 14px 20px rgba(0, 47, 120, .18));
            transition: var(--transition);
        }

        .cert-panel:hover .regulatory-content img {
            transform: translateY(-4px) scale(1.03);
        }

        .cert-band .compliance-list {
            columns: 1;
            margin: 0;
            padding: 0;
            font-size: 12px;
            line-height: 1.65;
        }

        .cert-band .compliance-list li {
            color: #17315f;
            font-weight: 700;
        }

        .cert-band .compliance-list li:before {
            content: "✓";
            display: inline-grid;
            place-items: center;
            width: 14px;
            height: 14px;
            margin-right: 8px;
            border-radius: 2px;
            background: var(--blue);
            color: #fff;
            font-family: Arial, sans-serif;
            font-size: 11px;
            font-weight: 800;
            line-height: 1;
            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .35), 0 2px 5px rgba(0, 47, 120, .18);
        }

        .cert-logo-grid {
            display: grid;
            grid-template-columns: repeat(7, minmax(0, 1fr));
            gap: 9px;
        }

        .cert-logo-card {
            min-height: 118px;
            display: grid;
            grid-template-rows: 56px auto auto;
            align-items: center;
            justify-items: center;
            text-align: center;
            padding: 8px 6px;
            border: 1px solid #e0e9f7;
            border-radius: 4px;
            background: rgba(255, 255, 255, .9);
            box-shadow: 0 4px 12px rgba(0, 35, 90, .06);
            transition: var(--transition);
        }

        .cert-logo-card:hover {
            transform: translateY(-6px);
            border-color: #b8cceb;
            box-shadow: 0 12px 25px rgba(0, 47, 120, .14);
            background: #fff;
        }

        .cert-logo-card img {
            width: 100%;
            max-width: 86px;
            height: 54px;
            object-fit: contain;
            transition: var(--transition);
        }

        .cert-logo-card:hover img {
            transform: scale(1.08);
        }

        .cert-logo-card h4 {
            color: var(--blue);
            font-size: 12px;
            line-height: 1.05;
            margin: 4px 0 2px;
        }

        .cert-logo-card span {
            color: #243a65;
            display: block;
            font-family: Oswald;
            font-size: 10px;
            font-weight: 700;
            line-height: 1.1;
            text-transform: uppercase;
        }

        .cert-note {
            grid-column: 1 / -1;
            margin: -8px 0 0;
            padding: 5px 14px 8px;
            text-align: center;
            color: #243a65;
            font-size: 11px;
            font-weight: 700;
            line-height: 1.35;
        }

        .mission-cta {
            color: #fff;
            min-height: 245px;
            display: flex;
            align-items: center;
            background:
                linear-gradient(90deg, rgba(5, 28, 72, .94), rgba(5, 44, 112, .72), rgba(5, 28, 72, .25)),
                url("https://images.unsplash.com/photo-1601584115197-04ecc0da31d7?q=80&w=1800&auto=format&fit=crop") center/cover no-repeat;
        }

        .mission-cta h2 {
            font-size: 34px;
            line-height: 1.12;
        }

        .mission-cta p {
            max-width: 650px;
            font-weight: 600;
        }

        .mission-vision {
            padding: 0;
        }

        .mv-card {
            min-height: 180px;
            padding: 10px 30px;
            border: 1px solid #d9e4f4;
            display: grid;
            grid-template-columns: auto 1fr;
            gap: 30px;
            align-items: center;
            background: #fff;
            position: relative;
            overflow: hidden;
        }

        .mv-card:after {
            content: "";
            position: absolute;
            right: 40px;
            bottom: -35px;
            width: 170px;
            height: 170px;
            border-radius: 50%;
            border: 28px solid rgba(8, 47, 120, .05);
        }

        .mv-card i {
            width: 86px;
            height: 86px;
            border-radius: 50%;
            border: 2px solid #d8e4f6;
            display: grid;
            place-items: center;
            color: var(--blue);
            font-size: 42px;
        }

        .mv-card h2 {
            color: var(--blue);
            font-size: 31px;
            margin-bottom: 22px;
        }

        .mv-card h2:after {
            content: "";
            display: block;
            width: 52px;
            height: 4px;
            background: currentColor;
            margin-top: 10px;
        }

        .mv-card p {
            line-height: 1.8;
            font-weight: 600;
            max-width: 560px;
        }

        .mv-blue {
            background: var(--blue);
            color: #fff;
        }

        .mv-blue i,
        .mv-blue h2 {
            color: #fff;
        }

        .value-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 12px;
        }

        .value-card {
            border-radius: 4px;
            text-align: center;
            padding: 30px 18px;
        }

        .value-card i {
            width: 72px;
            height: 72px;
            border: 2px solid #d7e4f6;
            border-radius: 50%;
            font-size: 36px;
            margin-bottom: 16px;
        }

        .why-row {
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            border-top: 1px solid #d7e4f6;
        }

        .why-row div {
            text-align: center;
            padding: 22px 16px;
            border-right: 1px solid #d7e4f6;
            transition: var(--transition);
        }

        .why-row div:hover {
            background: #f7fbff;
            transform: translateY(-5px);
        }

        .why-row i {
            width: 76px;
            height: 76px;
            background: var(--blue);
            color: #fff;
            border-radius: 50%;
            font-size: 36px;
            margin-bottom: 15px;
        }

        .stat-band,
        .trust-band {
            padding: 28px 0;
            color: #fff;
            background:
                linear-gradient(90deg, rgba(4, 39, 96, .98), rgba(0, 45, 112, .96)),
                url("https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?q=80&w=1700&auto=format&fit=crop") center/cover;
        }

        .band-stat {
            display: flex;
            align-items: center;
            gap: 18px;
            padding: 20px 30px;
            border-right: 1px solid rgba(255, 255, 255, .28);
            transition: var(--transition);
        }

        .band-stat:hover {
            background: rgba(255, 255, 255, .09);
            transform: translateY(-5px);
        }

        .band-stat i,
        .trust-band i {
            width: 66px;
            height: 66px;
            border-radius: 50%;
            display: grid;
            place-items: center;
            background: rgba(255, 255, 255, .12);
            font-size: 32px;
            flex: 0 0 auto;
        }

        .band-stat strong {
            display: block;
            font-family: Oswald;
            font-size: 38px;
            line-height: 1;
        }

        .band-stat span {
            display: block;
            font-family: Oswald;
            text-transform: uppercase;
            font-size: 14px;
        }

        .ready-strip {
            padding: 32px 0;
            background: #f8fbff;
        }

        .ready-strip .container {
            display: grid;
            grid-template-columns: 1fr 1.4fr auto;
            gap: 30px;
            align-items: center;
        }

        .ready-strip h2 {
            color: var(--blue);
            font-size: 30px;
            margin: 0;
        }

        .ready-strip p {
            margin: 0;
            color: #263a63;
            font-weight: 600;
        }

        .client-grid {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 14px;
        }

        .client-card {
            min-height: 138px;
            border-radius: 6px;
            text-align: center;
            display: grid;
            place-items: center;
            align-content: center;
            padding: 18px;
        }

        .client-card i {
            color: var(--blue);
            font-size: 52px;
            line-height: 1;
            margin-bottom: 16px;
            transition: var(--transition);
        }

        .client-card:hover i {
            transform: scale(1.14) rotate(-4deg);
        }

        .client-card h5 {
            color: #071d4a;
            font-size: 18px;
            margin: 0;
        }

        .client-card span {
            font-size: 13px;
            color: #1b315e;
            font-weight: 600;
        }

        .client-card.teal i {
            color: #2196a7;
        }

        .client-card.red i {
            color: #db223d;
        }

        .client-card.green i {
            color: #15935a;
        }

        .client-card.orange i {
            color: #f47721;
        }

        .client-card.gold i {
            color: #bd9650;
        }

        .client-card.darkmark i {
            color: #151923;
        }

        .trust-band {
            padding: 0;
        }

        .trust-band .col-lg-3>div {
            display: grid;
            grid-template-columns: auto 1fr;
            gap: 8px 18px;
            padding: 34px 28px;
            border-right: 1px solid rgba(255, 255, 255, .24);
            height: 100%;
            transition: var(--transition);
        }

        .trust-band .col-lg-3>div:hover {
            background: rgba(255, 255, 255, .08);
        }

        .trust-band i {
            grid-row: span 2;
        }

        .trust-band h5 {
            font-size: 18px;
            margin: 0;
        }

        .trust-band p {
            margin: 0;
            font-size: 14px;
            line-height: 1.55;
        }

        .partnership-section {
            padding: 20px 0;
            background: #fff;
        }

        .partnership-section h2 {
            color: var(--blue);
            font-size: 38px;
            line-height: 1.08;
            margin-bottom: 24px;
        }

        .partnership-section h2:after {
            content: "";
            display: block;
            width: 60px;
            height: 4px;
            background: var(--blue);
            margin-top: 14px;
        }

        .partnership-section p {
            font-weight: 600;
            line-height: 1.75;
            color: #233761;
        }

        .partnership-section blockquote {
            margin: 26px 0 0;
            padding-left: 42px;
            position: relative;
            font-style: italic;
            font-weight: 700;
            color: #092865;
            line-height: 1.65;
        }

        .partnership-section blockquote:before {
            content: "\201C";
            position: absolute;
            left: 0;
            top: -22px;
            color: var(--blue2);
            font-family: Georgia, serif;
            font-size: 72px;
            line-height: 1;
        }

        .partnership-section blockquote strong {
            display: block;
            margin-top: 10px;
            font-style: normal;
        }

        .partnership-image {
            min-height: 320px;
            background:
                linear-gradient(90deg, rgba(255, 255, 255, .82), rgba(255, 255, 255, 0) 34%),
                url("../images/handshake.jpg") center/cover no-repeat;
        }

        .site-footer .footer-bottom {
            margin-top: 24px;
            padding-top: 18px;
            border-top: 1px solid rgba(255, 255, 255, .16);
            text-align: center;
            opacity: .86;
        }

        .section-subtitle {
            text-align: center;
            max-width: 720px;
            margin: -12px auto 24px;
            color: #233761;
            font-weight: 600;
        }

        .btn-outline-light-main {
            position: relative;
            overflow: hidden;
            border: 1px solid rgba(255, 255, 255, .85);
            background: rgba(255, 255, 255, .08);
            color: #fff;
            border-radius: 4px;
            padding: 14px 28px;
            font-family: Oswald;
            font-weight: 700;
            text-transform: uppercase;
            transition: var(--transition);
        }

        .btn-outline-light-main:hover {
            background: #fff;
            color: var(--blue);
            transform: translateY(-4px);
            box-shadow: 0 14px 30px rgba(0, 0, 0, .18);
        }

        .services-hero {
            min-height: 520px;
            display: flex;
            align-items: center;
            color: #fff;
            background:
                linear-gradient(90deg, rgba(4, 17, 48, .98) 0%, rgba(5, 32, 82, .92) 32%, rgba(5, 32, 82, .45) 58%, rgba(5, 32, 82, .12) 100%),
                url("https://images.unsplash.com/photo-1494412685616-a5d310fbb07d?q=80&w=1900&auto=format&fit=crop") center/cover no-repeat;
            position: relative;
        }

        .services-copy {
            max-width: 720px;
            animation: fadeUp .85s ease both;
        }

        .services-copy span {
            display: block;
            color: #4c9eff;
            font-family: Oswald;
            font-size: 19px;
            text-transform: uppercase;
            margin-bottom: 12px;
        }

        .services-copy h1 {
            font-size: 45px;
            line-height: 1.2;
            margin-bottom: 5px;
            text-transform: none;
            letter-spacing: 0;
        }

        .services-copy p {
            max-width: 630px;
            font-size: 17px;
            line-height: 1.75;
            font-weight: 600;
            margin-bottom: 26px;
        }

        .service-proof {
            margin-top: -70px;
            position: relative;
            z-index: 3;
            padding: 0;
        }

        .service-proof .row {
            background: linear-gradient(90deg, #06245d, #082f78);
            color: #fff;
            box-shadow: var(--shadow);
        }

        .service-proof .col-lg-3>div {
            display: grid;
            grid-template-columns: auto 1fr;
            gap: 4px 18px;
            align-items: center;
            min-height: 116px;
            padding: 24px 30px;
            border-right: 1px solid rgba(255, 255, 255, .22);
            transition: var(--transition);
        }

        /* .service-proof .col-lg-3>div:hover {
            background: rgba(255, 255, 255, .08);
            transform: translateY(-5px);
        } */

        .service-proof i {
            grid-row: span 2;
            width: 62px;
            height: 62px;
            border: 1px solid rgba(255, 255, 255, .42);
            border-radius: 50%;
            display: grid;
            place-items: center;
            font-size: 31px;
        }

        .service-proof h5 {
            margin: 0;
            font-size: 18px;
        }

        .service-proof p {
            margin: 0;
            line-height: 1.5;
        }

        .service-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 16px;
        }

        .service-card {
            min-height: 168px;
            display: grid;
            grid-template-columns: 1.15fr .95fr;
            border: 1px solid var(--line);
            border-radius: 6px;
            overflow: hidden;
            background: #fff;
            box-shadow: 0 6px 18px rgba(0, 35, 90, .08);
            transition: var(--transition);
        }

        .service-card:hover {
            transform: translateY(-8px);
            box-shadow: var(--shadow);
            border-color: #b8cceb;
        }

        .service-card div {
            display: grid;
            grid-template-columns: auto 1fr;
            gap: 10px 14px;
            align-content: center;
            padding: 18px;
        }

        .service-card i {
            width: 44px;
            height: 44px;
            border: 1px solid #d7e4f6;
            border-radius: 50%;
            display: grid;
            place-items: center;
            color: var(--blue);
            font-size: 23px;
            margin: 0;
            transition: var(--transition);
        }

        .service-card:hover i {
            background: var(--blue);
            color: #fff;
            transform: rotate(-6deg) scale(1.08);
        }

        .service-card h4 {
            align-self: center;
            color: var(--blue);
            font-size: 15px;
            line-height: 1.18;
            margin: 0;
        }

        .service-card p {
            grid-column: 1 / -1;
            color: #1f335d;
            font-weight: 500;
            line-height: 1.55;
            margin: 0;
            font-size: 14px;
        }

        .service-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform .65s ease;
        }

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

        .post-support {
            padding: 0 0 18px;
        }

        .support-box {
            display: grid;
            grid-template-columns: 1.3fr .9fr .95fr;
            overflow: hidden;
            border: 1px solid var(--line);
            border-radius: 7px;
            background: #f1f6ff;
            box-shadow: 0 8px 20px rgba(0, 35, 90, .08);
        }

        .support-main {
            display: flex;
            gap: 24px;
            align-items: center;
            padding: 30px;
        }

        .support-main i {
            width: 94px;
            height: 94px;
            flex: 0 0 auto;
            display: grid;
            place-items: center;
            border-radius: 50%;
            background: var(--blue);
            color: #fff;
            font-size: 46px;
            box-shadow: 0 14px 28px rgba(0, 47, 120, .22);
        }

        .support-main h2 {
            color: var(--blue);
            font-size: 29px;
        }

        .support-main p {
            margin: 0;
            font-weight: 600;
            line-height: 1.7;
        }

        .support-img {
            min-height: 180px;
            background: url("https://images.unsplash.com/photo-1551434678-e076c223a692?q=80&w=900&auto=format&fit=crop") center/cover no-repeat;
        }

        .support-box ul {
            list-style: none;
            margin: 0;
            padding: 30px;
            display: grid;
            align-content: center;
            gap: 12px;
            font-weight: 800;
            color: #092865;
        }

        .support-box li:before {
            content: "✓";
            font-family: Arial, sans-serif;
            font-weight: 800;
            color: #fff;
            background: var(--blue);
            border-radius: 50%;
            margin-right: 10px;
            width: 18px;
            height: 18px;
            display: inline-grid;
            place-items: center;
            font-size: 12px;
            line-height: 1;
        }

        .service-process {
            display: grid;
            grid-template-columns: repeat(7, 1fr);
            gap: 28px;
            position: relative;
            align-items: start;
        }

        .service-process:before {
            content: "";
            position: absolute;
            left: 7%;
            right: 7%;
            top: 43px;
            border-top: 2px solid #c9d9ee;
        }

        .service-process div {
            text-align: center;
            position: relative;
            z-index: 1;
        }

        /* .service-process div:not(:last-child):after {
            content: "\F285";
            font-family: "bootstrap-icons";
            position: absolute;
            right: -20px;
            top: 32px;
            color: var(--blue);
            font-size: 22px;
        } */

        .service-process i {
            width: 86px;
            height: 86px;
            border: 2px solid #cbdcf2;
            background: #fff;
            color: var(--blue);
            border-radius: 50%;
            display: grid;
            place-items: center;
            margin: 0 auto 12px;
            font-size: 36px;
            transition: var(--transition);
        }

        .service-process div:hover i {
            color: #fff;
            background: var(--blue);
            transform: translateY(-7px) scale(1.06);
            box-shadow: var(--shadow);
        }

        .service-process span {
            display: block;
            font-family: Oswald;
            color: #071d4a;
            font-size: 16px;
            line-height: 1.25;
        }

        .service-why {
            padding: 0 0 30px;
        }

        .service-why-grid {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            border: 1px solid var(--line);
            border-radius: 7px;
            overflow: hidden;
            background: #fff;
        }

        .service-why-grid div {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 14px;
            min-height: 86px;
            border-right: 1px solid var(--line);
            font-family: Oswald;
            color: var(--blue);
            font-size: 18px;
            line-height: 1.15;
            transition: var(--transition);
        }

        .service-why-grid div:hover {
            background: #f3f8ff;
            transform: translateY(-4px);
        }

        .service-why-grid i {
            width: 54px;
            height: 54px;
            border: 1px solid #cbdcf2;
            border-radius: 50%;
            display: grid;
            place-items: center;
            font-size: 27px;
        }

        .service-final-cta {
            padding: 22px 0;
        }

        .service-final-cta .container-fluid {
            background:
                linear-gradient(90deg, #06245d, #082f78),
                url("../../assets/images/worldmap.png") center right/contain no-repeat;
            color: #fff;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 24px;
            padding-top: 24px;
            padding-bottom: 24px;
            box-shadow: var(--shadow);
        }

        .service-final-cta h2 {
            margin: 0 0 4px;
            font-size: 28px;
            text-transform: none;
        }

        .service-final-cta p {
            margin: 0;
            font-weight: 600;
        }

        .contact-info-grid,
        .rely-grid {
            display: grid;
            gap: 12px;
        }

        .contact-info-grid {
            /*grid-template-columns: 1.22fr .85fr .85fr 1.28fr .85fr;*/
             grid-template-columns: repeat(4, 1fr);
        }

        .contact-info-grid div,
        .rely-grid div {
            border: 1px solid var(--line);
            border-radius: 6px;
            background: #fff;
            box-shadow: 0 6px 18px rgba(0, 35, 90, .07);
            transition: var(--transition);
        }

        .contact-info-grid div {
            min-height: 150px;
            padding: 24px 18px;
            display: grid;
            grid-template-columns: auto 1fr;
            gap: 4px 16px;
            align-content: start;
        }

        .contact-info-grid div:hover,
        .rely-grid div:hover,
        .panel-card:hover {
            transform: translateY(-7px);
            box-shadow: var(--shadow);
            border-color: #b8cceb;
        }

        .contact-info-grid i {
            grid-row: span 2;
            width: 48px;
            height: 48px;
            border-radius: 50%;
            background: var(--blue);
            color: #fff;
            display: grid;
            place-items: center;
            font-size: 28px;
        }

        .contact-info-grid h5,
        .rely-grid h5 {
            color: var(--blue);
            font-size: 18px;
            margin: 0;
        }

        .contact-info-grid p,
        .rely-grid p {
            margin: 0;
            color: #1f335d;
            font-weight: 600;
            line-height: 1.5;
            font-size: 14px;
        }

        .contact-main {
            padding: 0 0 34px;
        }

        .panel-card {
            border: 1px solid var(--line);
            border-radius: 7px;
            overflow: hidden;
            background: #fff;
            box-shadow: 0 7px 20px rgba(0, 35, 90, .08);
            transition: var(--transition);
            height: 100%;
        }

        .panel-card h3 {
            background: var(--blue);
            color: #fff;
            font-size: 22px;
            padding: 16px 24px;
            margin: 0;
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .map-art {
            height: 350px;
            position: relative;
            overflow: hidden;
            background:
                linear-gradient(90deg, rgba(232, 244, 230, .7), rgba(220, 235, 248, .6)),
                url("https://tile.openstreetmap.org/10/723/454.png") center/cover no-repeat;
        }

        .map-art:before {
            content: "";
            position: absolute;
            inset: 0;
            background:
                linear-gradient(32deg, transparent 47%, rgba(30, 96, 161, .18) 48%, transparent 49%),
                linear-gradient(-18deg, transparent 56%, rgba(30, 96, 161, .18) 57%, transparent 58%),
                radial-gradient(circle at 78% 30%, rgba(255, 255, 255, .65), transparent 18%);
            opacity: .75;
        }

        .map-label {
            position: absolute;
            color: #141f35;
            font-size: 26px;
            font-weight: 700;
            right: 82px;
            top: 110px;
        }

        .map-pin {
            position: absolute;
            left: 42%;
            top: 42%;
            width: 70px;
            height: 70px;
            border-radius: 50% 50% 50% 0;
            transform: rotate(-45deg);
            background: linear-gradient(135deg, #0b61b7, #063172);
            border: 4px solid #fff;
            display: grid;
            place-items: center;
            box-shadow: 0 12px 24px rgba(0, 31, 84, .28);
            animation: pinPulse 1.9s ease infinite;
        }

        .map-frame {
            height: 350px;
            overflow: hidden;
            background: #eaf1fa;
            border-bottom: 1px solid var(--line);
        }

        .map-frame iframe {
            width: 100%;
            height: 100%;
            display: block;
            border: 0;
            filter: saturate(.9) contrast(1.02);
            transition: transform .55s ease, filter .35s ease;
        }

        .panel-card:hover .map-frame iframe {
            filter: saturate(1.05) contrast(1.05);
            transform: scale(1.015);
        }

        .map-pin span {
            transform: rotate(45deg);
            color: #fff;
            font-family: Oswald;
            font-size: 19px;
        }

        .office-row {
            display: flex;
            gap: 24px;
            align-items: center;
            padding: 22px 32px;
        }

        .office-row i {
            color: var(--blue);
            font-size: 54px;
        }

        .office-row h5 {
            color: var(--blue);
            font-size: 18px;
            margin-bottom: 6px;
        }

        .office-row p {
            margin: 0;
            font-weight: 600;
            line-height: 1.7;
        }

        .contact-form {
            padding: 26px;
        }

        .contact-form input,
        .contact-form textarea {
            width: 100%;
            border: 1px solid #d9e4f4;
            border-radius: 5px;
            padding: 15px 16px;
            color: #102858;
            font-weight: 600;
            outline: 0;
            transition: var(--transition);
        }

        .contact-form input:focus,
        .contact-form textarea:focus {
            border-color: var(--blue2);
            box-shadow: 0 0 0 4px rgba(0, 59, 145, .08);
            transform: translateY(-2px);
        }

        .contact-form textarea {
            resize: vertical;
            min-height: 146px;
        }

        .agree {
            display: flex;
            align-items: center;
            gap: 10px;
            color: #1f335d;
            font-weight: 700;
        }

        .agree input {
            width: 22px;
            height: 22px;
            padding: 0;
        }

        .rely-grid {
            grid-template-columns: repeat(6, 1fr);
        }

        .rely-grid div {
            text-align: center;
            padding: 30px 18px;
        }

        .rely-grid i {
            color: var(--blue);
            font-size: 55px;
            display: inline-block;
            margin-bottom: 18px;
            transition: var(--transition);
        }

        .rely-grid div:hover i {
            transform: translateY(-5px) scale(1.08);
        }

        .contact-assist {
            padding: 0 0 24px;
        }

        .assist-box {
            display: grid;
            grid-template-columns: 1.2fr 1.1fr auto;
            gap: 30px;
            align-items: center;
            color: #fff;
            background: linear-gradient(90deg, #06245d, #082f78);
            border-radius: 7px;
            padding: 24px 46px;
            box-shadow: var(--shadow);
        }

        .assist-box>div:first-child {
            display: flex;
            gap: 20px;
            align-items: center;
        }

        .assist-box i {
            width: 72px;
            height: 72px;
            border-radius: 50%;
            border: 1px solid rgba(255, 255, 255, .45);
            display: grid;
            place-items: center;
            font-size: 36px;
        }

        .assist-box span,
        .assist-box strong {
            font-size: 21px;
            font-weight: 700;
        }

        .assist-box small {
            font-size: 18px;
            font-weight: 500;
        }

        @keyframes pinPulse {
            0%, 100% {
                box-shadow: 0 12px 24px rgba(0, 31, 84, .28), 0 0 0 0 rgba(0, 59, 145, .28);
            }

            50% {
                box-shadow: 0 12px 24px rgba(0, 31, 84, .28), 0 0 0 18px rgba(0, 59, 145, 0);
            }
        }

        @keyframes fadeUp {
            from {
                opacity: 0;
                transform: translateY(35px)
            }

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

        @media(max-width:1200px) {
            .nav-link {
                margin: 0 5px;
                font-size: 12px;
            }

            .btn-main,
            .btn-outline-main {
                padding: 11px 12px;
                font-size: 12px;
            }

            .brand-text {
                font-size: 15px;
            }

            .brand-logo {
                width: 64px;
                height: 64px;
            }
        }

        @media(max-width:991px) {
            .hero {
                min-height: 520px
            }

            .hero-carousel .carousel,
            .hero-carousel .carousel-inner,
            .hero-carousel .carousel-item {
                min-height: 520px;
            }

            .hero h1 {
                font-size: 48px
            }

            .stat-item {
                border-right: 0;
                border-bottom: 1px solid rgba(255, 255, 255, .22)
            }

            .process {
                flex-wrap: wrap;
                gap: 24px
            }

            .process:before {
                display: none
            }

            .step {
                width: 30%
            }

            .why-item {
                border-left: 0;
                margin-top: 25px
            }

            .page-hero {
                min-height: 560px;
                background-position: center right;
            }

            .page-hero h1 {
                font-size: 56px;
            }

            .client-metrics,
            .framework,
            .value-grid,
            .why-row,
            .client-grid,
            .cert-grid {
                grid-template-columns: repeat(2, 1fr);
            }

            .client-metrics {
                max-width: none;
            }

            .mv-card {
                padding: 38px 28px;
            }

            .ready-strip .container {
                grid-template-columns: 1fr;
            }

            .services-hero {
                min-height: 610px;
            }

            .service-proof {
                margin-top: 0;
            }

            .service-grid {
                grid-template-columns: repeat(2, 1fr);
            }

            .support-box {
                grid-template-columns: 1fr;
            }

            .service-process,
            .service-why-grid,
            .contact-info-grid,
            .rely-grid {
                grid-template-columns: repeat(2, 1fr);
            }

            .service-process:before,
            .service-process div:after {
                display: none;
            }

            .service-final-cta .container-fluid,
            .assist-box {
                display: grid;
                grid-template-columns: 1fr;
            }

            .cert-panel {
                grid-template-columns: 1fr;
                gap: 0;
            }

            .regulatory-box {
                border-right: 0;
                border-bottom: 1px solid #d9e4f4;
            }

            .cert-logo-grid {
                grid-template-columns: repeat(4, 1fr);
            }
        }

        @media(max-width:576px) {
            .navbar {
                min-height: auto
            }

            .brand-logo {
                width: 58px;
                height: 58px;
                font-size: 20px
            }

            .brand-text {
                font-size: 18px
            }

            .hero {
                min-height: 620px;
                align-items: flex-start;
                padding-top: 60px;
                background-position: center right;
            }

            .hero-carousel {
                padding-top: 0;
            }

            .hero-carousel .carousel,
            .hero-carousel .carousel-inner,
            .hero-carousel .carousel-item {
                min-height: 640px;
            }

            .hero-carousel .carousel-item {
                align-items: flex-start;
                padding-top: 388px;
                background-position: center right;
            }

            .hero-carousel .carousel-item:before {
                background:
                    linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(255, 255, 255, .88) 44%, rgba(255, 255, 255, .22) 100%),
                    linear-gradient(90deg, rgba(255, 255, 255, .92), rgba(255, 255, 255, .34));
            }

            .hero-carousel .carousel-indicators {
                left: 22px;
                bottom: 22px;
            }

            .hero-carousel .carousel-control-prev,
            .hero-carousel .carousel-control-next {
                width: 42px;
                height: 42px;
                top: auto;
                bottom: 68px;
                transform: none;
            }

            .hero-carousel .carousel-control-prev {
                right: 76px;
            }

            .hero-carousel .carousel-control-next {
                right: 22px;
            }

            .hero-carousel .carousel-control-prev:hover,
            .hero-carousel .carousel-control-next:hover {
                transform: translateY(-4px);
            }

            .hero h1 {
                font-size: 39px
            }

            .section-title {
                font-size: 30px
            }

            .why-title h2 {
                font-size: 36px
            }

            .step {
                width: 45%
            }

            .critical-left {
                padding: 35px 24px
            }

            .industry-item {
                border-right: 0;
                border-bottom: 1px solid #dce6f5
            }

            .page-hero {
                min-height: 680px;
                align-items: flex-start;
                padding-top: 55px;
            }

            .page-hero h1 {
                font-size: 45px;
            }

            .page-hero h3 {
                font-size: 24px;
            }

            .hero-badges,
            .client-metrics,
            .framework,
            .value-grid,
            .why-row,
            .client-grid,
            .cert-grid {
                grid-template-columns: 1fr;
            }

            .hero-badges div,
            .client-metrics div {
                min-width: 0;
            }

            .mv-card {
                grid-template-columns: 1fr;
                padding: 34px 24px;
            }

            .compliance-list {
                columns: 1;
            }

            .cert-grid div {
                border-radius: 8px;
            }

            .band-stat,
            .trust-band .col-lg-3>div {
                border-right: 0;
            }

            .partnership-image {
                min-height: 250px;
            }

            .services-copy h1 {
                font-size: 38px;
            }

            .services-copy p {
                font-size: 15px;
            }

            .service-grid,
            .service-process,
            .service-why-grid,
            .contact-info-grid,
            .rely-grid {
                grid-template-columns: 1fr;
            }

            .service-card {
                grid-template-columns: 1fr;
            }

            .service-card img {
                min-height: 155px;
            }

            .support-main,
            .office-row,
            .assist-box>div:first-child {
                align-items: flex-start;
                flex-direction: column;
            }

            .contact-info-grid div {
                grid-template-columns: 1fr;
            }

            .map-art {
                height: 260px;
            }

            .map-frame {
                height: 260px;
            }

            .map-label {
                right: 32px;
                top: 78px;
                font-size: 22px;
            }

            .map-pin {
                width: 58px;
                height: 58px;
            }

            .assist-box {
                padding: 24px;
            }

            .regulatory-content {
                grid-template-columns: 1fr;
                justify-items: center;
                text-align: left;
            }

            .cert-panel h3 {
                text-align: center;
                font-size: 16px;
            }

            .cert-logo-grid {
                grid-template-columns: repeat(2, 1fr);
            }

            .cert-logo-card {
                min-height: 126px;
            }
        }

        @media(prefers-reduced-motion:reduce) {

            *,
            html {
                scroll-behavior: auto !important;
                animation: none !important;
                transition: none !important;
            }
        }
		.cert {
            min-height: 500px;
            background:
                url("../../assets/images/certificates.png") center center/cover no-repeat;
            display: flex;
            align-items: center;
        }
        .client-card img{
			width:200px;
		}
		@media (max-width: 768px) {
    .navbar-brand img {
        max-height: 80px; /* Mobile size */
    }
    .hero-carousel .carousel-item:before {
        display:none;
    }
    .hero-carousel p{
        display:none;
    }
    }
/* Final mobile landscape banner overlay: keep original text, no separate card */
@media(max-width:576px) {
    .hero.hero-carousel {
        background: #eef5ff;
    }

    .hero-carousel .carousel,
    .hero-carousel .carousel-inner,
    .hero-carousel .carousel-item {
        height: clamp(230px, 58vw, 330px) !important;
        min-height: 0 !important;
    }

    .hero-carousel .carousel-item {
        align-items: center !important;
        padding: 0 !important;
        background-size: cover !important;
        background-position: center center !important;
    }

    .hero-carousel .carousel-item:before {
        background: linear-gradient(90deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.84) 34%, rgba(255,255,255,.34) 58%, rgba(255,255,255,0) 100%) !important;
    }

    .hero-carousel .carousel-item > .container-fluid {
        height: auto !important;
        display: block !important;
        padding-left: 18px !important;
        padding-right: 58px !important;
        padding-bottom: 0 !important;
    }

    .hero-carousel .hero-content {
        width: 58% !important;
        max-width: 58% !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
    }

    .hero-carousel .hero-content h1 {
        font-size: clamp(18px, 5.7vw, 28px) !important;
        line-height: 1.02 !important;
        margin: 0 0 6px !important;
    }

    .hero-carousel .hero-content p {
        max-width: 100% !important;
        font-size: clamp(9px, 2.7vw, 12px) !important;
        line-height: 1.32 !important;
        margin: 0 !important;
        display: block !important;
        overflow: visible !important;
        -webkit-line-clamp: unset !important;
        -webkit-box-orient: initial !important;
    }

    .hero-carousel .hero-content .mt-4 {
        margin-top: 8px !important;
    }

    .hero-carousel .btn-main,
    .hero-carousel .btn-outline-main {
        padding: 7px 9px !important;
        font-size: 9.5px !important;
        line-height: 1 !important;
    }

    .hero-carousel .carousel-indicators {
        bottom: 6px !important;
        gap: 5px !important;
    }

    .hero-carousel .carousel-indicators [data-bs-target] {
        width: 20px !important;
        height: 3px !important;
    }

    .hero-carousel .carousel-indicators .active {
        width: 32px !important;
    }
}

/* Mobile: stats should start only after the hero banner */
@media(max-width:576px) {
    .stats {
        margin-top: 16px !important;
        position: relative;
        z-index: 1;
    }
}

/* Mobile arrows: bottom-right */
@media(max-width:576px) {
    .hero-carousel .carousel-control-prev,
    .hero-carousel .carousel-control-next {
        top: auto !important;
        bottom: 34px !important;
        width: 36px !important;
        height: 36px !important;
        transform: none !important;
    }

    .hero-carousel .carousel-control-prev {
        left: auto !important;
        right: 58px !important;
    }

    .hero-carousel .carousel-control-next {
        right: 14px !important;
    }
}

/* Desktop/laptop: arrows middle-right */
@media(min-width:577px) {
    .hero-carousel .carousel-control-prev,
    .hero-carousel .carousel-control-next {
        top: 50% !important;
        bottom: auto !important;
        width: 48px !important;
        height: 48px !important;
        transform: translateY(-50%) !important;
    }

    .hero-carousel .carousel-control-prev {
        left: auto !important;
        right: 112px !important;
    }

    .hero-carousel .carousel-control-next {
        right: 48px !important;
    }

    .hero-carousel .carousel-control-prev:hover,
    .hero-carousel .carousel-control-next:hover {
        transform: translateY(calc(-50% - 4px)) !important;
    }
}








/* Mobile: reduce extra space below home banner */
@media(max-width:576px) {
    .hero-carousel .carousel,
    .hero-carousel .carousel-inner,
    .hero-carousel .carousel-item {
        height: clamp(205px, 56vw, 300px) !important;
    }

    .stats {
        margin-top: 0 !important;
    }

    .hero-carousel .carousel-indicators {
        bottom: 4px !important;
    }

    .hero-carousel .carousel-control-prev,
    .hero-carousel .carousel-control-next {
        bottom: 24px !important;
    }
}
/* Mobile: hard remove sky-blue gap below hero carousel */
@media(max-width:576px) {
    header#home.hero.hero-carousel {
        min-height: 0 !important;
        height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        display: block !important;
        line-height: 0;
        background: transparent !important;
    }

    header#home.hero.hero-carousel #homeHeroCarousel,
    header#home.hero.hero-carousel .carousel-inner,
    header#home.hero.hero-carousel .carousel-item {
        height: clamp(205px, 56vw, 300px) !important;
        min-height: 0 !important;
        max-height: 300px !important;
        margin: 0 !important;
    }

    header#home.hero.hero-carousel .carousel-item {
        line-height: normal;
        background-color: transparent !important;
    }

    header#home.hero.hero-carousel + .stats {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}
/* Mobile final: force hero wrapper height to actual banner height */
@media(max-width:576px) {
    #home.hero.hero-carousel {
        min-height: unset !important;
        height: clamp(205px, 56vw, 300px) !important;
        max-height: 300px !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        display: block !important;
        background: transparent !important;
    }

    #home.hero.hero-carousel #homeHeroCarousel,
    #home.hero.hero-carousel .carousel-inner,
    #home.hero.hero-carousel .carousel-item {
        height: 100% !important;
        min-height: unset !important;
        max-height: 100% !important;
        padding-top: 0 !important;
        margin: 0 !important;
    }

    #home.hero.hero-carousel + .stats {
        margin-top: 0 !important;
    }
}
/* Mobile: make all inner page banners landscape like home banner */
@media(max-width:576px) {
    .page-hero,
    .services-hero {
        min-height: unset !important;
        height: clamp(220px, 58vw, 320px) !important;
        max-height: 320px !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
        overflow: hidden !important;
        background-size: cover !important;
        background-position: center center !important;
    }

    .page-hero:after {
        display: none !important;
    }

    .page-hero > .container-fluid,
    .services-hero > .container-fluid {
        position: relative;
        z-index: 2;
        padding-left: 18px !important;
        padding-right: 58px !important;
    }

    .page-hero-copy,
    .services-copy {
        max-width: 58% !important;
        padding: 0 !important;
        animation: none !important;
    }

    .page-hero h1,
    .services-copy h1 {
        font-size: clamp(18px, 5.7vw, 28px) !important;
        line-height: 1.05 !important;
        margin: 0 0 6px !important;
    }

    .page-hero h3 {
        font-size: clamp(12px, 3.5vw, 18px) !important;
        line-height: 1.12 !important;
        margin: 0 0 6px !important;
    }

    .page-hero p,
    .services-copy p {
        max-width: 100% !important;
        font-size: clamp(9px, 2.7vw, 12px) !important;
        line-height: 1.32 !important;
        margin: 0 !important;
    }

    .page-hero .btn-main,
    .page-hero .btn-outline-main,
    .services-hero .btn-main,
    .services-hero .btn-outline-main {
        padding: 7px 9px !important;
        font-size: 9.5px !important;
        line-height: 1 !important;
        margin-top: 8px !important;
    }

    .page-hero .d-flex,
    .services-hero .d-flex {
        gap: 6px !important;
        margin-top: 8px !important;
    }

    .eyebrow,
    .services-copy span {
        font-size: 11px !important;
        margin-bottom: 5px !important;
        padding-bottom: 3px !important;
        border-bottom-width: 2px !important;
    }

    .hero-badges,
    .client-metrics {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .navbar-brand img {
        max-height: 80px; /* Mobile size */
    }
    .hero-carousel .carousel-item:before {
        display:none;
    }
    .hero-carousel p{
        display:none;
    }
    }