body{
            font-family:'DM Sans',sans-serif;
            color:#0b1320;
            overflow-x:hidden;
            background:#fff;
        }

        a{
            text-decoration:none;
        }

        section{
            padding:80px 0;
        }

        h2.section-title{
            font-size: 44px;
            font-weight: 500;
            margin-bottom: 20px;
            color: #021B26;
            line-height: 1.1;
        }

        .section-subtitle{
                color: #009FE3;
            font-size: 16px;
            line-height: 1.8;
            position: relative;
            width: fit-content;
            display: flex;
            align-items: center;
            padding-left: 30px;
            text-transform: uppercase;
            margin-bottom: 12px !important;
        }

        .section-subtitle:before{
            content: "";
            background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggOEwxNiAxNkwwIDE2TDggOFoiIGZpbGw9IiMwMDc3QTkiLz4KPHBhdGggZD0iTTggOEwxNiAxNkwxNiAtMy40OTY5MWUtMDdMOCA4WiIgZmlsbD0iIzAwOUZFMyIvPgo8L3N2Zz4=);
            position: absolute;
            width:16px;
            height:16px;
            display: block;
            left: 0;
            
        }
        /* =========================
            NAVBAR
        ========================== */

        .webHeader {
            position: relative;
            width: 100%;
            z-index: 9999;
        }

        .navbar{
            padding:10px 0;
            position:absolute;
            width:100%;
            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
            z-index:999;
        }

        /* inner pages: always dark (no hero behind) */
        .webHeader.header-dark .navbar {
            background: #02131f;
            border-bottom-color: transparent;
        }

        /* scrolled quote button — solid */
        .webHeader.scrolled .quote-btn,
        .webHeader.header-dark .quote-btn {
            background: #009fe3;
        }
        .webHeader.scrolled .quote-btn:hover,
        .webHeader.header-dark .quote-btn:hover {
            background: #0087c4;
        }

 

        /* non-hero pages: push first section down */
        body:not(.has-hero) #smooth-content > section:first-child,
        body:not(.has-hero) #smooth-content > div:first-child {
            padding-top: 100px;
        }

        .navbar-brand img{
            max-height: 40px;
            
        }

        .navbar .nav-link{
          color: #fff;
            margin: 0 18px;
            position: relative;
            transition: .3s;
            font-size: 16px;
        }

        .navbar .nav-link.active::after,
        .navbar .nav-link:hover::after{
            content: '';
            position: absolute;
            left: 0;
            bottom: -18px;
            width: 100%;
            height: 5px;
            background: #fff;
            border-radius: 5px;
        }

        .navbar .nav-link.active{
            color:#fff;
        }

    .quote-btn{
        position: relative;
        display: inline-flex;
        align-items: center;
        gap: 12px;
        padding: 16px 23px;
        background: rgb(255 255 255 / 34%);
        color: #fff;
        text-decoration: none;
        font-size: 16px;
        font-weight: 400;
        overflow: hidden;
        transition: 0.3s ease;
        line-height: 1.1;
        border-radius: 12px;
    }
 
    .quote-btn svg{
        transition: 0.3s ease;
    }

    .quote-btn:hover{
        background: rgba(40,40,40,0.95);
    }

    .quote-btn:hover svg{
        transform: translateX(5px);
    }

        /* =========================
            SERVICES DROPDOWN
        ========================== */

        /* --- shared --- */
        .services-dropdown {
            position: relative;
        }

        /* caret icon inside the nav link */
        .services-dropdown .svc-caret {
            display: inline-block;
            vertical-align: middle;
            margin-left: 5px;
            transition: transform 0.25s;
        }

        /* mobile toggle button — hidden on desktop */
        .svc-mobile-toggle {
            display: none;
        }

        /* the submenu list — hidden by default */
        .services-menu {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        /* =====================
           DESKTOP (hover)
        ======================== */
        @media (min-width: 992px) {

            .svc-mobile-toggle {
                display: none !important;
            }

            .services-dropdown:hover .svc-caret {
                transform: rotate(180deg);
            }

            .services-menu {
                display: block;
                visibility: hidden;
                opacity: 0;
                pointer-events: none;
                transform: translateY(10px);
                transition: opacity 0.25s ease, transform 0.25s ease, visibility 0s linear 0.25s;

                position: absolute;
                top: calc(100% + 18px);
                left: 50%;
                transform: translateX(-50%) translateY(10px);
                min-width: 265px;
                background: #fff;
                border-radius: 12px;
                padding: 8px 0;
                box-shadow: 0 16px 48px rgba(0,0,0,0.16);
                border: 1px solid rgba(0,0,0,0.07);
                z-index: 9999;
            }

            /* invisible bridge so cursor can travel from link to menu */
            .services-menu::before {
                content: '';
                position: absolute;
                top: -18px;
                left: 0;
                width: 100%;
                height: 18px;
            }

            .services-dropdown:hover .services-menu {
                visibility: visible;
                opacity: 1;
                pointer-events: auto;
                transform: translateX(-50%) translateY(0);
                transition: opacity 0.25s ease, transform 0.25s ease, visibility 0s linear 0s;
            }

            .services-menu .dropdown-item {
                display: flex;
                align-items: center;
                gap: 10px;
                padding: 10px 20px;
                font-size: 15px;
                font-weight: 500;
                color: #1a1a2e;
                background: transparent;
                white-space: nowrap;
                transition: background 0.18s, color 0.18s, padding-left 0.18s;
            }

            .services-menu .dropdown-item:hover {
                background: #eef7ff;
                color: #009fe3;
                padding-left: 26px;
            }

            .services-menu li + li .dropdown-item {
                border-top: 1px solid #f0f0f0;
            }

            .services-menu .menu-num {
                font-size: 12px;
                font-weight: 700;
                color: #009fe3;
                min-width: 24px;
                line-height: 1;
            }
        }

        /* =====================
           MOBILE (click toggle)
        ======================== */
        @media (max-width: 991px) {

            .services-dropdown {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
            }

            .services-dropdown > .nav-link {
                flex: 1;
            }

            /* show the toggle button on mobile */
            .svc-mobile-toggle {
                display: flex !important;
                align-items: center;
                justify-content: center;
                width: 34px;
                height: 34px;
                background: rgba(255,255,255,0.12);
                border: 1px solid rgba(255,255,255,0.2);
                border-radius: 6px;
                cursor: pointer;
                margin-right: 16px;
                color: #fff;
                transition: background 0.2s;
            }

            .svc-mobile-toggle svg {
                transition: transform 0.25s;
            }

            .svc-mobile-toggle.svc-open svg {
                transform: rotate(180deg);
            }

            /* hide inline caret on mobile (toggle button replaces it) */
            .svc-caret {
                display: none;
            }

            /* submenu hidden by default on mobile */
            .services-menu {
                display: none;
                width: 100%;
                background: rgba(255,255,255,0.07);
                border-radius: 8px;
                padding: 4px 0 8px;
                margin: 4px 16px 8px 16px;
            }

            .services-menu.svc-open {
                display: block;
            }

            .services-menu .dropdown-item {
                display: flex;
                align-items: center;
                gap: 8px;
                padding: 9px 16px 9px 20px;
                font-size: 14px;
                font-weight: 500;
                color: rgba(255,255,255,0.85);
                background: transparent;
                white-space: normal;
            }

            .services-menu .dropdown-item:hover,
            .services-menu .dropdown-item:focus {
                color: #fff;
                background: rgba(255,255,255,0.1);
            }

            .services-menu .menu-num {
                font-size: 12px;
                font-weight: 700;
                color: #009fe3;
                min-width: 22px;
            }

            .services-menu li + li .dropdown-item {
                border-top: 1px solid rgba(255,255,255,0.08);
            }
        }

        /* =========================
            HERO SECTION
        ========================== */

        .hero{
            position:relative;
        }

        .hero-section{
            position:relative;
        }

        .hero-slide{
            min-height:100vh;
            position:relative;
        }

        .hero-content{
            position:relative;
            z-index:5;
            text-align: left;
        }

        .hero-subtitle{
            color:#00b7ff;
            display:inline-block;
            margin-bottom:20px;
            font-size:14px;
            text-transform:uppercase;
            letter-spacing:2px;
            font-weight:600;
        }

        .hero-content h1{
                color: #fff;
            font-size: 75px;
            line-height: 1.1;
            font-weight: 400;
            max-width: 870px;
            margin-bottom: 20px;
        }

        .hero-content p{
            color: rgba(255, 255, 255, 1);
            max-width: 620px;
            line-height: 1.1;
            margin-bottom: 40px;
            font-size: 16px;
            font-weight: 400;
        }

        .hero-btns{
            gap:15px;
        }

        .hero-btns .heroBtn{
        display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 14px 32px;
            border-radius: 12px;
            font-weight: 600;
            margin-right: 15px;
        }

        .btn-primary-custom{
            background: #fff;
            color: rgba(2, 27, 38, 1);
            border:none;
        }

        .btn-outline-custom{
            backdrop-filter:blur(8px);
            background:rgb(255 255 255 / 22%); 
            color:#fff;
        }

        /* =========================
            STATS SECTION
        ========================== */

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

        .stats-wrapper .row{
            overflow:hidden;
            border-radius:20px;
        }

        .stats-card.card-one{
            background:linear-gradient(180deg,#0c89c2,#01131f);
        }

        .stats-card.card-two{
            background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.55)),url('../img/Clients-Served.jpg') center/cover no-repeat;
        }

        .stats-card.card-three{
            background:#eef2f8;
            color:#071726;
        }

        .stats-card.card-four{
            background:#01131f;
        } 
 

        .stats-icon{
            width: 60px;
            height: 60px;
            border: 1px solid rgba(255, 255, 255, 0.2);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            padding: 5px;
        }

        .card-three .stats-icon{
            border-color:rgba(0,0,0,.15);
        }

        .stats-shape{
            position:absolute;
        }

        .circle-shape{
            width:180px;
            height:180px;
            border-radius:50%;
            right:-40px;
            bottom:-60px;
            background:rgba(0,183,255,.15);
            box-shadow:0 0 0 35px rgba(0,183,255,.10),0 0 0 70px rgba(0,183,255,.06);
        }

        .line-shape{
                right: 0;
            bottom: 0;
        }

        .arrow-shape{
            right: 2px;
            bottom: 5px;
        }

        .stats-card{
            position:relative;
            overflow:hidden;
            border-radius:0;
            padding:30px;
            min-height:260px;
            display:flex;
            flex-direction:column;
            justify-content:space-between;
            height:100%;
            transition:.4s;
        }

        .stats-card:hover{
            transform:translateY(-10px);
        }

        .stats-card h2.textBlack, .stats-card p.textBlack{
            color: #021B26;
        }
        .stats-card h2{
                font-size: 48px;
                font-weight: 300;
                color: #fff;
                line-height: 1.1;
        }

        .stats-card p{
                margin-top: 0;
            color: #d1d5db;
            font-size: 16px;
            line-height: 1.3;
            max-width: 200px;
        }
        .buttonRow{
            display: flex;
            gap: 16px;
            align-items: center;
            flex-wrap: wrap;
        }
        .themeBtn{
            padding: 20px;
            border-radius: 12px;
            background-color: #021B26;
            font-size: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            color: #fff;
            border: 1px solid #021B26;
            width: fit-content;
        }
        .themeBorderBtn svg, .themeBtn svg, .heroBtn svg{
                transition: 0.3s ease;

        }
        .themeBorderBtn:hover svg, .themeBtn:hover svg, .heroBtn:hover svg {
                transform: translateX(5px);
            }
        .themeBorderBtn:hover{            
            color: #fff;            
            background-color: #021B26;
            border: 1px solid #021B26;
        }
        .themeBtn:hover{            
            color: #021B26;            
            background-color:transparent;
            border: 1px solid #D0DCE2;
        }
        .btn-outline-custom:hover {
                background: #fff;
                color: rgba(2, 27, 38, 1);
                border: none;
        }
        .btn-primary-custom:hover {
            
            backdrop-filter: blur(8px);
            background: rgb(255 255 255 / 22%);
            color: #fff;
        }
        .themeBorderBtn{
            width: fit-content;
            padding: 20px;
            border-radius: 12px;
            background-color: transparent;
            font-size: 16px;
            color: #021B26;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;            
            border: 1px solid #D0DCE2;
        }
        /* =========================
            ABOUT SECTION
        ========================== */

        .about-img img{
            width:100%;
            border-radius:25px;
        }

        .about-list{
            padding: 0; 
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            margin-top: 30px;
        }
        .about-list li{
                width: calc(50% - 6px);
            padding-left: 28px;
            list-style: none;
            margin-bottom: 14px;
            color: #656565;
            position: relative;
            font-size: 16px;
        }
        .section-infotext {
            font-size: 16px;
            color: #656565;
            margin-bottom: 16px;
        }
        .about-list li::before{
            content: '✔';
            color: #fff !important;
            margin-right: 12px;
            position: absolute;
            width: 20px;
            height: 20px;
            background: #000;
            border-radius: 50%;
            display: flex;
            align-items: center;
            font-size: 12px;
            justify-content: center;
            left: 0;
            top: 2px;
            line-height: 1.3;
        }
        .ulBeforIcon{
            padding: 0;
            list-style: none;
        }
        .ulBeforIcon li{
            position: relative;
            padding-left: 28px;
        }
        .ulBeforIcon li::before{
            content: '✔';
            color: #fff;
            margin-right: 12px;
            position: absolute;
            width: 20px;
            height: 20px;
            background: #000;
            border-radius: 50%;
            display: flex;
            align-items: center;
            font-size: 12px;
            justify-content: center;
            left: 0;
            top: 2px;
        }

        /* =========================
            INDUSTRIES
        ========================== */

        .industry-box{
            text-align:center;
            padding:25px 15px;
            border-radius:20px;
            position: relative;
            transition:.4s;
        }
        .servicesList .serviBlock:not(:last-child) .industry-box:after{
          content: '';
            width: 1px;
            height: 32%;
            position: absolute;
            top: 0;
            bottom: 0;
            margin-block: auto;
            right: 0;
            background: #CFCFCF;

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

        .industry-box img{
            width:70px;
            margin-bottom:18px;
        }

        /* =========================
            SERVICES SECTION
        ========================== */
        .servicesIcon{
            margin-bottom: 28px;
        }
        .services-section{
            background-image: url(../img/webBg.jpg);
            background-position:top center;
            background-size: cover;
            object-fit: cover;
            color:#fff;
        }

        .service-tabs{
            background: #fff;
            border-radius: 20px 0 0 20px;
            overflow: hidden;

            border-right: 1px solid #e5e7eb;
        }

        .service-item{
            padding:24px 30px;
            border-bottom:1px solid #e5e7eb;
            color:#111827;
            font-weight:600;
            transition:.3s;
        }

        .service-item:hover,
        .service-item.active{
            background:#dff4ff;
            cursor:pointer;
        }

        /* Dynamic Services Tabs */

        .service-panel{
            display:none;
        }

        .service-panel.active{
            display:block;
        }

        .methodology-image{
            display:none;
        }

        .methodology-image.active{
            display:block;
        }

        .methodology-step{
        position: relative;
            cursor: pointer;
            padding: 10px 1px 10px 40px;
            transition: .3s;
        }

        .methodology-step::before{
            content:'';
            position:absolute;
            left:0;
            top:0;
            width:2px;
            height:100%;
            background:rgba(255,255,255,.08);
        }

        .methodology-step.active::before,
        .methodology-step:hover::before{
            background:#ffffff;
            width:3px;
        }

        .methodology-step-icon{
            margin-bottom:18px;
        }

        .methodology-step-icon img{
            width:34px;
            opacity:.85;
            filter:brightness(0) invert(1);
        } 
 
        .service-item:hover,
        .service-item.active{
            background:#dff4ff;
        }

        .service-detail{
            background: #fff;
            border-radius: 0 20px 20px 0;
            overflow: hidden;
        }

        .service-content{
            padding:35px;
            color:#111827;
        }

        .service-content h3{
            font-size: 36px;
            margin-bottom: 20px;
            font-weight: 500;
            line-height: 1.3;
        }

        .service-content p{
            color:#6b7280;
            line-height:1.8;
        }
 

        .service-content ul li{
            margin-bottom:10px;
        }

        .service-image img{
            width:100%;
            height:100%;
            object-fit:cover;
        }

        /* =========================
            FEATURES
        ========================== */

        .advantage-card{
            padding:0px 0 24px 0;
    height: 100%;
        }

        .advantage-icon{
            margin-bottom:28px;
        }

        .advantage-icon img{
            width:62px;
            
        }

        .advantage-card h4{
            color: #fff;
            font-size: 20px;
            font-weight: 400;
            margin-bottom: 8px;
            line-height: 1.3;
        }

        .advantage-card p{
            color: rgba(255, 255, 255, 0.6);
            font-size: 16px;
            line-height: 1.3;
        }

        /* .border-end-custom{
            border-right:1px solid rgba(255,255,255,.08);
        } */

        .border-bottom-custom{
            border-bottom:1px solid rgba(255,255,255,.08);
        }

        .advantage-content{
            padding-top:10px;
        }
 

        .feature-card{
            padding:30px;
            border:1px solid rgba(255,255,255,.08);
            border-radius:20px;
            height:100%;
        }

        .feature-card h4{
            margin:20px 0 12px;
            font-size:24px;
        }

        .feature-card p{
            color:#cfd8df;
        }

        /* =========================
            PROCESS
        ========================== */

        .process-img{
            border-radius:24px;
            overflow:hidden;
        }

        .process-img img{
            width:100%;
            min-height:620px;
            object-fit:cover;
            width:100%;
            border-radius:25px;
        }
 

        .process-step h5{
            color: #fff;
            font-weight: 400;
            font-size: 20px;
            margin-bottom: 10px;
        }

        .process-step p{
    font-size: 16px;
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.3;
    margin: 0;
        }

        /* =========================
            BLOG SECTION
        ========================== */

        .blog-card{
         border-radius: 12px;
            overflow: hidden;
            /* border: 1px solid #EAEAEA; */
            /* box-shadow: 0 10px 30px rgba(0, 0, 0, .06); */
            transition: .4s;
            /* background: #fff; */
            height: 100%;
        }

        .blog-card:hover{
            transform:translateY(-10px);
        }

        .blog-card img{
            width:100%;
            height:240px;
            object-fit:cover;
        }

        .blog-content{
            /* padding:28px; */
        }

        .blog-content h4{
            font-size:24px;
            margin:15px 0;
            font-weight:700;
        }

        /* =========================
            CLIENTS
        ========================== */
.client-section{
    background:#f5f5f5;
    padding:40px 0;
    overflow:hidden;
}

.logoSwiper{
    border-top:1px solid #e5e5e5;
    border-bottom:1px solid #e5e5e5;
}

.client-logo{
    height:90px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:40px;
    font-weight:700;
    color:#9b9b9b;
    border-right:1px solid #e5e5e5;
    background:#ffffff00;
    text-transform:uppercase;
    transition:0.3s;
}

.client-logo:hover{
    color:#000;
    background:#fff;
}

@media(max-width:768px){
    .client-logo{
        font-size:22px;
        height:70px;
    }
}

        /* =========================
            CTA SECTION
        ========================== */


        .cta-section {
    padding: 60px 0;
    background: var(--accent-color);
}
.cta-image {
      border-radius: 12px;
    max-width: 100%;
    object-fit: cover;
    height: 100%;
    width: 100%;
    object-position: center;
}
.gaping {
    padding: 40px;
    background: #ffffff;
    border-radius: 12px;
}
.footer-logo-stone img { 
    max-width: 98px;
}
.ctaTitle {
    margin-top: 45px;
    font-size:42px;
          
            margin-bottom:20px; 
}
.ctaDetailText{
    color: #656565;
    font-size: 16px;
    margin-bottom: 0;
    line-height: 1.3;
}
.filledBtn{
    background: #009FE3;
    padding: 20px;
    border-radius: 12px;
    color: #fff;
    display: flex;
    align-items: center;
    line-height: 1;
    gap: 10px;
    width: fit-content;
}
.borderBtn{
    background: #fff;
    padding: 20px;
    border-radius: 12px;
    color: #021B26;
    display: flex;
    align-items: center;
    line-height: 1;
    border: 1px solid #C0CBFF;
    gap: 10px;
    width: fit-content;
}
.book {
        margin-top: 60px;
    margin-bottom: 20px;
    display: flex;
    gap: 12px 16px;
    flex-wrap: wrap;
}
    .footerSection{
        background-image: url(../img/footerBg.jpg);
        background-position: top center;
        object-fit: cover;
        background-size: cover;
        padding: 60px 0 0 0;
        
    }
  


        /* =========================
            FOOTER
        ========================== */
.footer-section{ 
    color:#fff;
    position:relative;
    overflow:hidden;
    
       border-top: 1px solid rgba(255, 255, 255, 0.4);
}

/* Vertical Lines */
.footer-col{
    position:relative;    padding: 0 60px;
}

.footer-col:not(:last-child)::after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:1px;
    height:100%;
    background:rgba(255,255,255,.12);
}
 
.footer-top>div{
    padding-top: 60px;
    padding-bottom: 40px;
}
.footer-logo img{
    max-width:160px;
    margin-bottom:20px;
}

.footer-desc{
    font-size:14px;
    line-height:1.8;
    color:#d3dce2;
    max-width:320px;
}

.footer-title,
.footer-heading{
    color:#00bfff;
    font-size:18px;
    margin-bottom:20px;
    font-weight:500;
}

.footer-links{
    list-style:none;
    padding:0;
    margin:0;
}

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

.footer-links a{
    color:#fff;
    text-decoration:none;
    transition:.3s;
    font-size:14px;
}

.footer-links a:hover{
    color:#00bfff;
}

.social-icons{
    display:flex;
    gap:12px;
    margin-top:20px;
}

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

.social-icons a:hover{
    background:#00bfff;
}

.footer-contact{
    list-style:none;
    padding:0;
    margin:0;
}

.footer-contact li{
    margin-bottom:15px;
    display:flex;
    gap:12px;
    align-items:flex-start;
    font-size:14px;
}

.footer-address{
    display:flex;
    gap:12px;
    font-size:14px;
    line-height:1.8;
}

.footer-contact i,
.footer-address i{
    color:#fff;
    margin-top:4px;
}

.footer-bottom{
    border-top:1px solid rgba(255,255,255,.12);
    padding:20px 0;
    font-size:13px;
    color:#c8d3da;
}

@media(max-width:991px){

    .service-tabs { 
    border-radius: 15px; 
    }
    .service-detail { 
    border-radius: 15px; 
    margin-top: 10px;
}
        .advantage-card {
        padding: 10px 0;
    }
    .ctaTitle {
    margin-top: 20px;
    font-size: 24px; 
    margin-bottom: 18px;
}
.footer-logo-stone img {
    max-width: 60px;
}
h2.section-title {
    font-size: 24px; 
    margin-bottom: 10px; 
}
.services-section .g-5, .services-section .gy-5 {
    --bs-gutter-y: 1rem;
}
.mb20{
    margin-bottom: 20px;
}
.footer-top>div {
    padding-top: 0px;
    padding-bottom: 10px;
}
.footer-col { 
    padding: 0 0px;
}
    .footer-col{
        margin-bottom:10px;
    }

    .footer-col::after{
        display:none;
    }

    .footer-top{
        padding:50px 15px 20px;
    }
}
        /* =========================
            RESPONSIVE
        ========================== */

        @media(max-width:992px){

            .hero-content h1{
                font-size:52px;
            }

            .section-title{
                font-size:36px;
            }

            .service-content{
                padding:30px;
            }

            .cta-content{
                padding:35px;
            }
        }

        @media(max-width:991px){
            .navbar .nav-link.active::after, .navbar .nav-link:hover::after { 
    bottom: 0px; 
    height: 2px; 
}
.service-content h3 {
    font-size: 20px;
    margin-bottom: 12px; 
}
            .advantage-content{
                padding-left:0 !important;
            }

            .advantage-content .section-title{
                font-size:48px;
            }

            .border-end-custom{
                border-right:none;
            }

        }

        @media(max-width:991px){

            .methodology-step{
                padding-left:35px;
            }

            .process-img img{
                min-height:auto;
            }

        }

        @media(max-width:768px){
section 
 {
    padding: 30px 0;
}
            .hero-slide{
                text-align:center;
                padding:120px 0 80px;
            }

            .swiper-button-next,
            .swiper-button-prev{
                display:none;
            }

            .hero-content h1{
                font-size:42px;
            }
 

            .border-bottom-custom,
            .border-end-custom{
                border:none;
                border-bottom:1px solid rgba(255,255,255,.08);
            }

            .advantage-content .section-title{
                font-size:38px;
            }

            .process-step h5{
                font-size:18px;
            }
            
            .textCenter .section-subtitle { 
                    margin-inline: auto;
                }
            .textCenter{
                text-align: center;
            }

            .hero-btns .btn{
                width:100%;
                margin-bottom:15px;
            }

            .stats-wrapper{
                margin-top:0;
                padding-top:40px;
            }

            .section-title{
                font-size:24px;
            }

            .cta-content h2{
                font-size:32px;
            }

            .navbar{
                background:#02131f;
            }
        }

        @media(max-width:576px){

            .hero-content h1{
                font-size:34px;
            }

            .stats-card h2{
                font-size:36px;
            }

            .service-content h3{
                font-size:28px;
            }
        }

        /* =========================
            BLOG PAGE DYNAMIC UI
        ========================== */

        /* Category filter tabs */
        .blog-cat-tabs {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }
        .blog-cat-tab {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 8px 18px;
            border-radius: 50px;
            border: 1.5px solid #dce5ed;
            font-size: 14px;
            font-weight: 500;
            color: #3a5068;
            text-decoration: none;
            transition: all 0.2s;
            background: #fff;
        }
        .blog-cat-tab:hover {
            border-color: #009fe3;
            color: #009fe3;
        }
        .blog-cat-tab.active {
            background: #009fe3;
            border-color: #009fe3;
            color: #fff;
        }
        .blog-cat-tab.active .cat-count {
            background: rgba(255,255,255,0.25);
            color: #fff;
        }
        .cat-count {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 20px;
            height: 20px;
            padding: 0 5px;
            border-radius: 50px;
            background: #f0f4f8;
            font-size: 11px;
            font-weight: 700;
            color: #009fe3;
        }

        /* Category badge inside card */
        .blog-cat-badge {
            display: inline-block;
            padding: 3px 10px;
            border-radius: 50px;
            background: rgba(0,159,227,0.1);
            color: #009fe3;
            font-size: 12px;
            font-weight: 600;
            text-decoration: none;
            transition: background 0.2s;
        }
        .blog-cat-badge:hover {
            background: rgba(0,159,227,0.2);
        }

        /* Pagination */
        .blog-pagination {
            margin-top: 20px;
        }
        .pag-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 38px;
            height: 38px;
            padding: 0 12px;
            border-radius: 8px;
            border: 1.5px solid #dce5ed;
            font-size: 14px;
            font-weight: 500;
            color: #3a5068;
            text-decoration: none;
            transition: all 0.2s;
            background: #fff;
        }
        .pag-btn:hover { border-color: #009fe3; color: #009fe3; }
        .pag-btn.pag-active {
            background: #009fe3;
            border-color: #009fe3;
            color: #fff;
        }
        .pag-prev, .pag-next { padding: 0 16px; }

        /* Share buttons in blog details */
        .share-icon-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            border: 1.5px solid #dce5ed;
            background: #fff;
            color: #3a5068;
            font-size: 16px;
            text-decoration: none;
            cursor: pointer;
            transition: all 0.2s;
        }
        .share-icon-btn:hover {
            background: #009fe3;
            border-color: #009fe3;
            color: #fff;
        }

        /* Blog body content styles */
        .blog-body h2 {
            font-size: 22px;
            font-weight: 700;
            color: #02131f;
            margin: 28px 0 12px;
        }
        .blog-body h3 {
            font-size: 18px;
            font-weight: 600;
            color: #02131f;
            margin: 22px 0 10px;
        }
        .blog-body p {
            margin-bottom: 16px;
            line-height: 1.8;
        }
        .blog-body ul, .blog-body ol {
            padding-left: 20px;
            margin-bottom: 16px;
        }
        .blog-body ul li, .blog-body ol li {
            margin-bottom: 8px;
            line-height: 1.7;
        }
        .blog-body img {
            max-width: 100%;
            border-radius: 10px;
            margin: 16px 0;
        }

        /* Widget title in sidebar */
        .widget-title {
            font-size: 17px;
            font-weight: 700;
            color: #02131f;
            margin-bottom: 16px;
            padding-bottom: 10px;
            border-bottom: 2px solid #009fe3;
        }
 

        /* =========================
            CAREER - mailto button fix
        ========================== */
        .single-position .primary-btn3 {
            cursor: pointer;
            width: 100%;
            border: none;
        }
        /* Allow clicks to pass through the ::before overlay */
        .single-position .primary-btn3::before {
            pointer-events: none;
        }

        /* =========================
            FORM FIELD ERROR STYLES
        ========================== */

        /* Red border on invalid input */
        .form-inner input.input-error,
        .form-inner textarea.input-error,
        .form-inner select.input-error {
            border-color: #e74c3c !important;
            box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.12);
        }

        /* Error message under field */
        .field-error-msg {
            display: block;
            margin-top: 5px;
            font-size: 12px;
            font-weight: 500;
            color: #e74c3c;
            line-height: 1.4;
        }
        .field-error-msg::before {
            content: '⚠ ';
        }

        /* Top alert box — smaller, inline-style */
        .alert-error-form {
            display: flex;
            align-items: center;
            gap: 8px;
            background: #fff5f5;
            border: 1.5px solid #f5c6c6;
            color: #c0392b;
            border-radius: 8px;
            padding: 12px 16px;
            font-size: 14px;
            font-weight: 500;
            margin-bottom: 20px;
        }

        .alert-success-form {
            display: flex;
            align-items: center;
            gap: 8px;
            background: #f0fff4;
            border: 1.5px solid #b2dfc7;
            color: #27ae60;
            border-radius: 8px;
            padding: 12px 16px;
            font-size: 14px;
            font-weight: 500;
            margin-bottom: 20px;
        }

        .story-section{
    background:#fff;
}

.story-card{
    position:relative;
    height:100%;
    min-height:520px;
    border-radius:10px;
    overflow:hidden;
}

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

.story-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        to top,
        rgba(0,0,0,.75),
        rgba(0,0,0,.15)
    );
}

.story-content{
    position:absolute;
    left:20px;
    right:20px;
    bottom:20px;
    color:#fff;
    z-index:2;
}

.story-content h3{
    
    font-size: 28px;
    margin-bottom: 9px;
    color: #fff;
    font-weight: 400;
}

.story-content p{ 
    line-height: 1.2;
    font-size: 16px;
    color: #fff;
}


.info-card{
    position:relative;
    border-radius:10px;
    padding:45px 40px;
    overflow:hidden;
    min-height:250px;
}

.mission{
    background:#d9edf9;
}

.vision{
    background:linear-gradient(
        135deg,
        #0b3b6e,
        #068bd3
    );
    color:#fff;
}

.icon-circle{
    min-width:80px;
    width:80px;
    height:80px;
    border:1px solid rgba(0,0,0,.15);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    margin-bottom:70px;
}

.vision .icon-circle{
    border-color:rgba(255,255,255,.35);
}

.mission.info-card h3{ 
    color: rgba(2, 27, 38, 1); 
}

.mission.info-card p{ 
    color: rgba(2, 27, 38, 1);
}
.info-card h3{
    font-size: 28px;
    margin-bottom: 9px;
    color: #fff;
    font-weight: 400;
}

.info-card p{
    max-width: 520px;
    line-height: 1.2;
    font-size: 16px;
    color: #fff;
}

.corner-lines{
    position:absolute;
    right:0;
    top:0;
    width:90px;
    height:90px;
}

.corner-lines::before,
.corner-lines::after{
    content:"";
    position:absolute;
    right:0;
}

.corner-lines::before{
  width: 275px;
    height: 13px;
    background: #0194df;
    transform: rotate(45deg);
    top: 83px;
    right: -58px;
}
img.ourVistionBG {
    position: absolute;
    right: 0;
    top: 0;
}
.corner-lines::after{
    width: 275px;
    height: 13px;
    background: #00233e;
    transform: rotate(45deg);
    top: 22px;
    right: -48px;
}

.vision::after{
    content:"";
    position:absolute;
    width:240px;
    height:240px;
    right:-80px;
    top:-40px;

    background:
    radial-gradient(
        circle,
        rgba(255,255,255,.08) 20%,
        transparent 21%
    );

    border-radius:50%;
}

@media(max-width:768px){

.story-card{
min-height:420px;
}

.info-card{
padding:35px 25px;
}

.story-content h3,
.info-card h3{
font-size:28px;
}

}
.gx-growth-wrap{
    background:#fff;
}


.gx-growth-card{
    background:#fafafa;
    border:1px solid #e7e7e7;
    border-radius:16px;

    padding:25px;

    min-height:245px;

    display:flex;
    flex-direction:column;

    transition:.3s;
}


.gx-growth-card:hover{
    background:
    linear-gradient(
        140deg,
        #0d74b4,
        #03174d
    );
    color:#fff; 
}


.gx-icon-circle{

    width:60px;
    min-width:60px;
    height:60px;
    border-radius:50%;
    border:1px solid #bfd4f6;
    display:flex;
    align-items:center;
    justify-content:center; 
    margin-bottom:30px;

}

.gx-growth-card:hover .gx-icon-circle img{
    filter: invert(99%) sepia(100%) saturate(1%) hue-rotate(43deg) brightness(102%) contrast(101%);
}

.gx-growth-card:hover .gx-icon-circle{
    border-color:rgba(255,255,255,.35);
}


.gx-card-content p{
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 20px;
    color: #656565;
        max-width: 550px;

}


.gx-growth-card:hover p{
    color:#fff;
}

 

.gx-growth-card:hover .gx-card-content h3{
    border-top: 1px solid rgba(255,255,255,.25);
}


.gx-card-content h3{
font-size: 20px;
    font-weight: 500;
    margin: 0;
    line-height: 1.2;
    color: #13283d;
    border-top: 1px solid #dddddd;
    padding-top: 16px;

}


.gx-growth-card:hover h3{
    color:#fff;
}


.gx-large-card{
    min-height:240px;
}



@media(max-width:768px){

.gx-growth-card{
padding:28px 24px;
}

.gx-card-content h3{
font-size:28px;
}

.gx-card-content p{
font-size:16px;
}

.gx-icon-circle{
margin-bottom:40px;
}

}
.tm-history-section{ 

    position:relative;

    overflow:hidden;
}


.tm-history-line{

    position:absolute;

    left:8%;
    right:8%;

    bottom:70px;

    border-bottom:1px dashed
    rgba(255,255,255,.35);

}


.tm-history-item{

    position:relative;

    text-align:center;

    min-height:420px;

    display:flex;

    flex-direction:column;

    justify-content:flex-end;

}


.tm-content{

    color:#fff;

    margin-bottom:30px;

}


.tm-content h4{
    font-size: 24px;
    margin-bottom: 11px;
    color: #fff;
    font-weight: 400;


}


.tm-content p{
    color: #d5dce5;
    font-size: 14px;
    line-height: 1.3;
    max-width: 260px;
    margin: auto;
}


.tm-stick{

    position:relative;

    height:150px;

}


.tm-stick::after{
    content: "";
    width: 2px; 
    background: linear-gradient(360deg, rgb(255 255 255 / 18%) 0%, rgba(255, 255, 255, 0.86) 100%);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}


.tm-dot{

    width:10px;

    height:10px;

    background:#fff;

    border-radius:50%;

    position:absolute;

    top:0;

    left:50%;

    transform:
    translateX(-50%);

    z-index:2;

}


.tm-year{

    width:112px;

    height:50px;

    background:#fff;

    border-radius:40px;

    margin:auto;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    position:relative;

    z-index:3;

}


.tm-year span{

    color:#183046;

    font-size:18px;

}


.tm-arrow{

    width:36px;

    height:36px;

    border-radius:50%;

    background:#1698d8;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:14px;

}



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

.tm-history-line{
display:none;
}

.tm-history-item{

min-height:auto;

padding-bottom:60px;

}

.tm-stick{
height:80px;
}

.tm-content{
margin-bottom:20px;
}

}


@media(max-width:767px){

.tm-history-section{

padding:70px 0;

}

.tm-history-item{

display:block;

text-align:left;

padding-left:70px;

}

.tm-stick{

position:absolute;

left:25px;

top:0;

height:100%;

}

.tm-stick::after{

left:0;

}

.tm-dot{

left:0;

}

.tm-year{

margin-left:0;

margin-top:25px;

}

.tm-content p{

margin:0;

max-width:100%;

}

} 

.indserve-box{
    position:relative;
}


.indserve-content{

    background:
    linear-gradient(
    90deg,
    #011726,
    #001f31
    );

    border-radius:10px;

    padding:
    90px
    90px
    90px
    220px;

    min-height:520px;

    display:flex;

    flex-direction:column;

    justify-content:center;

}


.indserve-image{

    position:absolute;

    left:0;

    top:50%;

    transform:
    translateY(-25%);

    width:480px;

    z-index:5;

}


.indserve-image img{

    width:100%;

    border-radius:8px;

    display:block;

}


.indserve-tag{

    color:#0ea5e9;

    text-transform:uppercase;

    letter-spacing:3px;

    font-size:12px;

    display:inline-flex;

    align-items:center;

    margin-bottom:18px;

}


.indserve-tag::before{

    content:"";

    width:14px;

    height:2px;

    background:#0ea5e9;

    margin-right:10px;

}


.indserve-content h2{

    color:#fff;

    font-size:56px;

    margin-bottom:30px;

}


.indserve-content p{

    color:#b5c0ca;

    line-height:1.8;

    font-size:15px;

    max-width:620px;

}



@media(max-width:1199px){

.indserve-image{
width:420px;
}

.indserve-content{

padding:
70px
60px
70px
180px;

}

}



@media(max-width:991px){

.indserve-image{

position:relative;

width:100%;

transform:none;

top:auto;

margin-bottom:-50px;

}

.indserve-content{

padding:
120px
40px
50px;

min-height:auto;

}

}



@media(max-width:767px){

.indserve-wrap{
padding:70px 0;
}

.indserve-content{

padding:
100px
28px
40px;

}

.indserve-content h2{

font-size:38px;

}

}
.blog-content > small{
        display: flex;
    align-items: center;
    gap: 5px;
}
.blogReadMore{
    margin-top: 15px;
    display: block;
    width: fit-content;
}