@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:'Poppins',sans-serif;
    background:#fff;
}

.navbar{
    height:90px;
    padding:0 50px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:#fff;
}

.logo img{
    height:45px;
    object-fit:contain;
}

/* Navigation */

.nav-links{
    display:flex;
    align-items:center;
    gap:45px;
    list-style:none;
}

.nav-links li{
    position:relative;
}

.nav-links a{
    text-decoration:none;
    color:#081b4b;
    font-size:16px;
    font-weight:500;
    transition:.3s;
}

.nav-links a:hover{
    color:#f6ae00;
}

.dropdown a{
    display:flex;
    align-items:center;
    gap:7px;
}

.dropdown i{
    font-size:12px;
}

/* Active Menu */

.active{
    position:relative;
    color:#081b4b;
    font-weight:600;
}

.active::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-18px;
    width:100%;
    height:4px;
    background:#f6ae00;
    border-radius:10px;
}

/* CTA */

.book-btn{
    background: #f6b300;
    color: #081b4b;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 600;
    transition: .3s;
    white-space: nowrap;
    font-size: 14px;
}

.book-btn:hover{
    transform:translateY(-2px);
}

.icon-box{
   
 
    display:flex;
    align-items:center;
    justify-content:center;
}

.icon-box i{
    color:#fff;
    font-size:15px;
}

/* Responsive */

@media(max-width:1200px){

    .navbar{
        padding:0 20px;
    }

    .nav-links{
        gap:25px;
    }

    .nav-links a{
        font-size:16px;
    }
}

@media(max-width:992px){

    .navbar{
        flex-wrap:wrap;
        height:auto;
        padding:20px;
        gap:20px;
    }

    nav{
        width:100%;
    }

    .nav-links{
        justify-content:center;
        flex-wrap:wrap;
    }
}


/*-----------------*/

.hero{
    padding:20px 0;
}

.hero-container{
    max-width:1600px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
}

.hero-content{
    width: 50%;
    padding-left: 90px;
}

.hero-tag{
    display:inline-flex;
    align-items:center;
    gap:10px;

    background:#eef5ff;
    padding:12px 20px;
    border-radius:50px;

    margin-bottom:30px;
}

.hero-tag i{
    color:#f7b500;
}

.hero-content h1{
 font-size: 43px;
    line-height: 58px;
    font-weight: 800;
    color: #061d5a;
}

.hero-content span{
    color:#159fc3;
}

.hero-content p{
    margin-top:10px;
    font-size:15px;
    line-height:1.8;
    color:#5a6375;
}

.hero-btns{
   display:flex;
    gap:20px;
    margin-top:15px;
}

.btn-yellow{
    background:#f7b500;
    color:#081b4b;
    padding:10px 15px;
    border-radius:12px;
    text-decoration:none;
    font-weight:600;
}

.btn-outline{
    border:2px solid #d9dfeb;
    color:#081b4b;
    padding:10px 15px;
    border-radius:12px;
    text-decoration:none;
    font-weight:600;
}

.trust{
    display:flex;
    align-items:center;
    gap:20px;
    margin-top:35px;
}

.avatars{
    display:flex;
}

.avatars img{
    width:50px;
    height:50px;
    border-radius:50%;
    border:3px solid #fff;
    margin-left:-10px;
}

.avatars img:first-child{
    margin-left:0;
}

.stars{
    color:#f7b500;
    font-size:22px;
}

/* RIGHT SIDE */

.hero-right{
    width:75%;
    position:relative;
}

.hero-main-img{
    width:100%;
    display:block;
}

/* CARDS */

.info-card{
  position: absolute;
    background: #fff;
  width: 190px;
    padding: 20px 15px;
    border-radius: 20px;
    display: flex;
    gap: 15px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, .12);
}

.info-card > i{
    color:#0f6ff0;
    font-size:28px;
}

.info-card h4{
    color:#081b4b;
    margin-bottom:0px;
    font-size: 13px;
}

.info-card small{
    color: #7a8595;
    font-size: 10px;
    margin-top: 2px;
    display: block;

}

.percent{
    margin-top:5px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.percent span{
    font-size:20px;
    font-weight:700;
    color:#081b4b;
}

.trend{
    color:#4cc46a !important;
}

/* Positions */

.card1{
   top: 30px;
    left: 20px;
}

.card2{
    left: -37px;
    top: 330px;
}

.card3{
    top:0px;
    right:20px;
}

.card4{
   right: 50px;
    bottom: 40px;
}


/*--------------------------------------------------------------*/



.services-strip{
    margin-top:10px;
    margin-bottom:40px;
}

.container{
    max-width:1600px;
    margin:0 auto;
    padding-left:60px;
    padding-right:60px;
}

.services-wrapper{
    max-width:1550px;
    margin:0 auto;

    background:#fff;

    border-radius:24px;

    padding:28px 35px;

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

    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.service-item{
    display:flex;
    align-items:center;
    gap:16px;

    min-width:max-content;
}

.service-item span{
    font-size:16px;
    font-weight:600;
    color:#081b4b;
    line-height:1.4;
}

.service-item .icon-box{
    width:58px;
    height:58px;

    border-radius:14px;

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

.service-item .icon-box i{
    color:#fff;
    font-size:24px;
}

/* Colors */

.navy{
    background:#0d2f7a;
}

.teal{
    background:#0d93a8;
}

.yellow{
    background:#f7b500;
}

.purple{
    background:#8f31df;
}

.blue{
    background:#1565ff;
}

.cyan{
    background:#0b8daa;
}

/* Divider */

.divider{
    width:1px;
    height:60px;
    background:#e6eaf0;
}


/*------------------------------------------------*/


.about-overview{
    padding:30px 0;
}

.about-overview-wrap{
    max-width:1600px;
    margin:0 auto;
    padding:0 60px;

    display:flex;
    gap:35px;
}

/* LEFT */

.about-content{
    width:32%;
}

.section-label{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:20px;
}

.section-label span{
    color:#0a4f88;
    font-size:15px;
    font-weight:700;
}

.label-line{
    width:50px;
    height:3px;
    background:#f4b400;
}

.about-content h2{
    font-size:32px;
    line-height:45px;
    color:#081b4b;
    font-weight:700;
    margin-bottom:5px;
}

.about-content p{
    font-size:16px;
    line-height:1.8;
    color:#5c6474;
    margin-bottom:15px;
}

/* FEATURES */

.about-highlights{
    display:flex;
    gap:25px;
}

.highlight-item{
    display:flex;
    align-items:center;
    gap:12px;
}

.highlight-icon{
    width:50px;
    height:50px;
    border-radius:50%;

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

.highlight-icon i{
    font-size:24px;
}

.blue-icon{
    background:#e8f4ff;
    color:#0b6df1;
}

.orange-icon{
    background:#fff3e4;
    color:#ff7f00;
}

.purple-icon{
    background:#f1ecff;
    color:#7b3df0;
}

.highlight-item span{
    color:#081b4b;
    font-weight:600;
    line-height:1.5;
    font-size: 13px;
}

/* RIGHT GRID */

.service-cards-grid{
    width:68%;

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}

.service-showcase-card{
    background:#fff;
    border-radius:20px;

    padding:30px 22px;

    text-align:center;

    box-shadow:0 6px 25px rgba(0,0,0,.08);

    position:relative;
    overflow:hidden;
        border-bottom: 4px solid #3b82f6;
    border-left: 4px solid white;
    border-top: 4px solid white;
    border-right: 4px solid white;
}

.service-showcase-card img{
    width:120px;
    margin-bottom:0px;
}

.service-showcase-card h3{
    font-size:14px;
    color:#081b4b;
    margin-bottom:5px;
}

.service-showcase-card p{
    color:#5d6677;
    line-height:1.8;
    font-size:12px;
    /*min-height:130px;*/
    margin-bottom: 12px;
}

.service-showcase-card a{
    width:42px;
    height:42px;

    border-radius:50%;

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

    margin:0 auto;

    color:#fff;
    text-decoration:none;
}

/* CARD COLORS */

.ai-card{
    background:#f5f9ff;
    border-bottom:4px solid #3b82f6;
}

.ai-card a{
    background:#0b3b9c;
}

.automation-card{
    background:#f4fbf4;
    border-bottom:4px solid #22c55e;
}

.automation-card a{
    background:#16a34a;
}

.analytics-card{
    background:#fff8ee;
    border-bottom:4px solid #f59e0b;
}

.analytics-card a{
    background:#ff7a00;
}

.software-card{
    background:#faf5ff;
    border-bottom:4px solid #a855f7;
}

.software-card a{
    background:#9333ea;
}


/*------------------------------------------*/



.challenge-section{
    padding:80px 0;
    background:#f5f8fd;
}

.challenge-wrapper{
   max-width:1600px;
    margin:0 auto;
    padding:0 60px;

    display:grid;
    grid-template-columns: 1fr 450px 1.5fr;
    gap:0px;
    align-items:center;
}

/* LEFT */

.challenge-heading h2{
    font-size:32px;
    line-height:43px;
    color:#081b4b;
    font-weight:700;
}

.challenge-heading h2 span{
    display:block;
    color:#168cb4;
}

.challenge-line{
    width:50px;
    height:4px;
    background:#f5b400;
    border-radius:20px;
    margin-top:18px;
    margin-bottom:20px;
}

.challenge-list{
    list-style:none;
}

.challenge-list li{
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 500;
    color: #081b4b;
}

.challenge-list li i{
    width:38px;
    height:38px;

    border-radius:50%;
    background:#eef5fb;

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

    color:#082c67;
    font-size:16px;

    flex-shrink:0;
}

/* CENTER IMAGE */

.challenge-image-box{
    display:flex;
    justify-content:center;
}

.challenge-image-box img{
    width:100%;
   /* max-width:420px;

    border-radius:0px;*/
    /*object-fit:cover;*/

    /*box-shadow:0 15px 40px rgba(0,0,0,.08);*/
}

/* RIGHT CARD */

.solution-box{
    background:#fff;
    padding:40px;
    border-radius:24px;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
    margin-left:-15px   ;
}

.solution-box h3{
    font-size:32px;
    line-height:43px;
    color:#081b4b;
    margin-bottom:35px;
}

.solution-box h3 span{
    color:#168cb4;
}

.solution-item{
    display:flex;
    gap:15px;
    margin-bottom:15px;
}

.solution-icon{
    width:42px;
    height:42px;

    border-radius:50%;

    background:#168cb4;
    color:#fff;

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

    flex-shrink:0;
}

.solution-item h4{
    font-size:15px;
    color:#081b4b;
    margin-bottom:6px;
}

.solution-item p{
    color:#6a7487;
    font-size:13px;
    line-height:1.6;
}


/*--------------------------------------------------*/



/* ======================================
   OUR PROCESS SECTION
====================================== */

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

.process-flow-section{
    padding:40px 60px;
    background:#fff;
}

.process-heading-wrap{
    text-align:center;
    margin-bottom:55px;
}

.process-tag{
    display:block;
    font-size:16px;
    font-weight:700;
    color:#148db4;
    text-transform:uppercase;
    margin-bottom:10px;
}

.process-heading-wrap h2{
    font-size:34px;
    font-weight:700;
    color:#081b4b;
    margin-bottom:15px;
}

.process-title-line{
    width:55px;
    height:4px;
    background:#f5b400;
    border-radius:10px;
    margin:0 auto;
}

/* ROW */

.process-flow-row{
    max-width:1600px;
    margin:0 auto;

    display:flex;
    justify-content:space-between;
    align-items:flex-start;
}

/* STEP */

.process-step-card{
    width:220px;
    text-align:center;
    position:relative;
}

/* ICON AREA */

.process-icon-wrap{
    width:120px;
    height:120px;

    margin:0 auto 25px;

    position:relative;
}

/* MAIN CIRCLE */

.process-main-icon{
    width:120px;
    height:120px;

    border-radius:50%;

    background:#082d79;
    border:5px solid #18a2c8;

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

.process-main-icon i{
    color:#fff;
    font-size:48px;
}

/* NUMBER BADGE */

.process-number{
    position:absolute;

    top:-6px;
    left:-6px;

    width:38px;
    height:38px;

    background:#fff;
    border:3px solid #18a2c8;

    border-radius:50%;

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

    font-size:16px;
    font-weight:700;

    color:#081b4b;

    z-index:20;
}

/* DOTTED CONNECTOR LINE */

.process-icon-wrap::after{
    content:"";

    position:absolute;

    left:100%;
    top:50%;

    width:120px;
    height:2px;

    background-image:
    repeating-linear-gradient(
        to right,
        #c6e5ef 0,
        #c6e5ef 4px,
        transparent 4px,
        transparent 8px
    );

    transform:translateY(-50%);
}

/* LAST STEP */

.process-step-card:last-child .process-icon-wrap::after{
    display:none;
}

/* YELLOW ARROW */

.process-arrow{
    position:absolute;

    top:47px;
    right:-28px;

    width:28px;
    height:28px;

    border-radius:50%;

    background:#f5b400;

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

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

    z-index:30;
}

.process-step-card:last-child .process-arrow{
    display:none;
}

/* HEADING */

.process-step-card h3{
    font-size:18px;
    font-weight:700;
    color:#081b4b;

    margin-bottom:12px;
}

/* DESCRIPTION */

.process-step-card p{
    font-size:14px;
    line-height:21px;

    color:#5d6677;
}

/* RESPONSIVE */

@media(max-width:1400px){

    .process-flow-row{
        flex-wrap:wrap;
        justify-content:center;
        gap:50px;
    }

    .process-icon-wrap::after,
    .process-arrow{
        display:none;
    }
}



/*-----------------------------------------*/

.core-services-section{
    padding:0px 60px;
    background:#fff;
}

.core-services-header{
    text-align:center;
    margin-bottom:30px;
}

.core-services-header h2{
    font-size:32px;
    font-weight:700;
    color:#081b4b;
}

.core-services-line{
    width:55px;
    height:4px;
    background:#f5b400;
    margin:12px auto 0;
    border-radius:10px;
}

.core-services-grid{
    max-width:1600px;
    margin:0 auto;

    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:20px;
}

.core-service-card{
    background:#fff;

    border-radius:20px;

    padding:30px 25px;

    border:1px solid #edf0f5;

    box-shadow:0 5px 20px rgba(0,0,0,.06);

    display:flex;
    flex-direction:column;
}

.core-service-icon{
    width:45px;
    height:45px;

    border-radius:14px;

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

    margin-bottom:20px;
}

.core-service-icon i{
    color:#fff;
    font-size:24px;
}

.ai-service-icon{
    background:#082d79;
}

.automation-service-icon{
    background:#0d93a8;
}

.bi-service-icon{
    background:#f5b400;
}

.powerapps-service-icon{
    background:#8f31df;
}

.software-service-icon{
    background:#1565ff;
}

.cloud-service-icon{
    background:#0b8daa;
}

.core-service-card h3{
    font-size:14px;
    font-weight:700;
    color:#081b4b;
    margin-bottom:10px;
    /*min-height:50px;*/
}

.core-service-card ul{
    list-style:none;
    margin:0;
    padding:0;
    flex:1;
}

.core-service-card ul li{
    position:relative;

    padding-left:18px;
    margin-bottom:5px;

    color:#39455d;
    font-size:13px;
    line-height:1.5;
}

.core-service-card ul li::before{
    content:"•";
    position:absolute;
    left:0;
    color:#1565ff;
}

.core-arrow-btn{
    width:28px;
    height:28px;

    border-radius:50%;

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

    text-decoration:none;
    color:#fff;

    margin-top:15px;
}

.ai-arrow{
    background:#082d79;
}

.automation-arrow{
    background:#0d93a8;
}

.bi-arrow{
    background:#ff7a00;
}

.powerapps-arrow{
    background:#8f31df;
}

.software-arrow{
    background:#1565ff;
}

.cloud-arrow{
    background:#0b8daa;
}


/*------------------------------*/


.industry-section{
    padding:40px 60px;
    background:#fff;
}

.industry-header{
    text-align:center;
    margin-bottom:30px;
}

.industry-header h2{
    font-size:32px;
    font-weight:700;
    color:#081b4b;
}

.industry-line{
    width:55px;
    height:4px;
    background:#f5b400;
    border-radius:10px;
    margin:12px auto 0;
}

.industry-grid{
    max-width:1600px;
    margin:0 auto;

    display:grid;
    grid-template-columns:repeat(7,1fr);
    gap:18px;
}

.industry-card{
    background:#fff;

    border:1px solid #edf0f5;
    border-radius:20px;

    min-height:180px;

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

    text-align:center;

    box-shadow:0 4px 15px rgba(0,0,0,.05);

    transition:.3s;
}

.industry-card:hover{
    transform:translateY(-5px);
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.industry-card i{
    font-size:46px;
    color:#0a2f77;
    margin-bottom:20px;
}

.industry-card h3{
       font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    color: #000;
}

/*---------------------------------------------*/


.success-stories-section{
    padding:40px 60px;
    background:#fff;
    padding-top: 10px;
}

.success-stories-header{
    text-align:center;
    margin-bottom:45px;
}

.success-stories-header h2{
    font-size:32px;
    font-weight:700;
    color:#081b4b;
}

.success-stories-line{
    width:55px;
    height:4px;
    background:#f5b400;
    border-radius:10px;
    margin:12px auto 0;
}

.success-stories-grid{
    max-width:1600px;
    margin:0 auto;

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px;
}

.success-story-card{
    background:#fff;

    border:1px solid #edf0f5;
    border-radius:22px;

    padding:18px;

    display:flex;
    align-items:center;
    gap:25px;

    box-shadow:0 6px 18px rgba(0,0,0,.06);

    transition:.3s;
}

.success-story-card:hover{
    transform:translateY(-5px);
    box-shadow:0 15px 30px rgba(0,0,0,.08);
}

.success-story-image{
    flex-shrink:0;
}

.success-story-image img{
    width:190px;
    height:190px;

    object-fit:cover;
    border-radius:16px;
}

.success-story-content{
    flex:1;
}

.success-story-content h3{
    font-size:16px;
    font-weight:700;
    color:#081b4b;
    margin-bottom:8px;
}

.success-story-content h4{
    font-size:14px;
    color:#168cb4;
    font-weight:600;
    margin-bottom:5px;
}

.success-story-content p{
    color:#4e596c;
    font-size:13px;
    line-height:1.8;
    margin-bottom:22px;
}

.success-story-content a{
    display:inline-flex;
    align-items:center;
    gap:10px;

    text-decoration:none;

    color:#168cb4;
    font-size:12px;
    font-weight:600;
}

.success-story-content a i{
    transition:.3s;
}

.success-story-content a:hover i{
    transform:translateX(5px);
}

/*---------------------------------------------------*/


.impact-section{
    padding:40px 60px;
    background:#fff;
}

.impact-header{
    text-align:center;
    margin-bottom:45px;
}

.impact-header h2{
    font-size:32px;
    font-weight:700;
    color:#081b4b;
}

.impact-line{
    width:55px;
    height:4px;
    background:#f5b400;
    border-radius:10px;
    margin:12px auto 0;
}

.impact-wrapper{
    max-width:1600px;
    margin:0 auto;

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

    background:#fff;
}

.impact-item{
    display:flex;
    align-items:center;
    gap:26px;

    padding:0 10px;
}
.impact-icon{
    width:86px;
    height:86px;

    border-radius:35%;

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

    flex-shrink:0;
}

.impact-icon i{
    color:#fff;
    font-size:38px;
}

/* COLORS */

.impact-blue{
    background:#0b8daa;
}

.impact-yellow{
    background:#f5b400;
}

.impact-purple{
    background:#8f31df;
}

.impact-cyan{
    background:#0b8daa;
}

.impact-content h3{
    font-size:32px;
    line-height:1;
    font-weight:600;
    color:#081b4b;

    margin-bottom:10px;
}

.impact-content p{
    font-size:16px;
    line-height:1.5;
    color:#081b4b;
    font-weight:500;
}

/* VERTICAL DOTTED DIVIDER */

.impact-divider{
    width:1px;
    height:120px;

    margin:0 65px; /* left-right extra spacing */

    background-image:
    repeating-linear-gradient(
        to bottom,
        #d6e5ef 0,
        #d6e5ef 4px,
        transparent 4px,
        transparent 9px
    );

    flex-shrink:0;
}




/*--------------about us page----------------------*/


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

/* ====================================
   ABOUT HERO
==================================== */

.about-hero-section{
    padding:20px 0 40px;
    background:#fff;
    overflow:hidden;
}

/* HERO GRID */

.about-hero-wrapper{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:60px;
}

/* LEFT */

.about-hero-content{
    width:45%;
}

.about-breadcrumb{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:20px;
}

.about-breadcrumb a{
    text-decoration:none;
    color:#8f97a8;
    font-size:14px;
}

.about-breadcrumb span{
    color:#081b4b;
    font-size:14px;
    font-weight:500;
}

.about-breadcrumb i{
    font-size:11px;
    color:#c2cad8;
}

.about-page-label{
    font-size:18px;
    font-weight:600;
    color:#081b4b;
    margin-bottom:18px;
}

.about-hero-title{
    font-size:43px;
    line-height:58px;
    font-weight:700;
    color:#081b4b;
    /*margin-bottom:28px;*/
}

.about-hero-description{
    max-width:700px;
   margin-top: 10px;
    font-size: 15px;
    line-height: 1.8;
    color:#4f596d;
}

.about-hero-actions{
    display:flex;
    align-items:center;
    gap:20px;
    margin-top:15px;
}

/* RIGHT */

.about-hero-visual{
    width:55%;
    position:relative;
}

.about-hero-visual img{
    width:100%;
    display:block;
}

.about-hero-dots{
    position:absolute;
    left:-40px;
    top:50%;
    transform:translateY(-50%);

    width:90px;
    height:90px;

    background-image:
    radial-gradient(
        #d5e9ff 1.8px,
        transparent 1.8px
    );

    background-size:12px 12px;
}

/* TRUSTED */

.about-trusted-section{
    margin-top:10px;
}

.about-trusted-text{
    font-size:14px;
    color:#596476;
    margin-bottom:28px;
}

/* LOGO ROW */

.about-brand-row{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:70px;
    flex-wrap:wrap;
}

.about-brand-item{
    display:flex;
    align-items:center;
    gap:12px;

    color:#7d8698;
    font-size:18px;
    font-weight:600;
}

.about-brand-item i{
    font-size:24px;
}



/*----------------------------------------*/


/* =====================================
   ABOUT STORY SECTION
===================================== */

.about-story-section{
    padding:40px 0;
    background:#fff;
}

.about-story-grid{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:90px;
    align-items:center;
}

/* IMAGE */

.about-story-image img{
    width:100%;
    display:block;
    border-radius:22px;
    object-fit:cover;
}

/* CONTENT */

.about-story-tag{
    display:flex;
    align-items:center;
    gap:12px;
    font-size:15px;
    font-weight:700;
    color:#1387b4;
    letter-spacing:.5px;
    margin-bottom:20px;
}

.about-story-tag span{
    width:42px;
    height:4px;
    background:#f6b300;
    border-radius:20px;
}

.about-story-content h2{
    font-size:32px;
    line-height:44px;
    color:#081b4b;
    font-weight:700;
    margin-bottom:10px;
}

.about-story-content p{
    font-size:16px;
    line-height:1.8;
    color:#4f5665;
    margin-bottom:40px;
}

/* FEATURES */

.about-story-features{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:35px 50px;
}

.about-story-feature{
    display:flex;
    align-items:flex-start;
    gap:18px;
}

.about-story-icon{
    width:62px;
    height:62px;
    min-width:62px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.about-story-icon i{
    color:#fff;
    font-size:24px;
}

.about-story-icon.navy{
    background:#081b4b;
}

.about-story-icon.teal{
    background:#0d8ca8;
}

.about-story-feature h4{
    font-size:18px;
    line-height:1.6;
    color:#081b4b;
    font-weight:600;
}


/*-----------------------------------------*/


/* ==========================
   VISION MISSION SECTION
========================== */

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

.vision-mission-box{
    background:linear-gradient(
        90deg,
        #0b7ea0 0%,
        #00317f 100%
    );

    border-radius:20px;

    padding:45px 60px;

    display:grid;
    grid-template-columns:1fr 180px 1fr;
    align-items:center;

    position:relative;

    box-shadow:0 8px 25px rgba(0,0,0,.12);
}

/* CENTER DIVIDER */

.vision-mission-box::before{
    content:"";
    position:absolute;

    left:50%;
    top:0;

    width:2px;
    height:100%;

    background:rgba(255,255,255,.08);

    transform:translateX(-50%);
}

/* LEFT + RIGHT */

.vision-mission-item{
    display:flex;
    align-items:flex-start;
    gap:25px;
}

.vision-mission-icon{
    color:#fff;
    font-size:58px;
    flex-shrink:0;
}

.vision-mission-content h3{
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
}

.vision-mission-content p{
    color:rgba(255,255,255,.92);
   font-size: 15px;
    line-height: 26px;
}

/* CENTER LOGO */

.vision-mission-center{
    display:flex;
    justify-content:center;
    align-items:center;
}

.vision-circle{
    width:150px;
    height:150px;

    border-radius:50%;

    background:
    conic-gradient(
        #f6b300 0deg 180deg,
        #1598bd 180deg 360deg
    );

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

.vision-circle-inner{
    width:110px;
    height:110px;

    border-radius:50%;
    background:#fff;

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

.vision-circle-inner img{
    width:60px;
    height:auto;
}



/*------------------------------------------*/


/* ==========================
   CORE CAPABILITIES
========================== */

.capability-section{
    padding:10px 0;
    background:#fff;
}

.capability-title,
.capability-subtitle{
    text-align:center;
    margin-bottom:35px;
}

.capability-title span,
.capability-subtitle span{
    color:#0f93b7;
    font-size:16px;
    font-weight:700;
    letter-spacing:0px;
    margin-bottom: 10px;
}

.capability-title h2{
    font-size: 34px;
    font-weight: 700;
    color: #081b4b;
    margin-bottom: 15px;
}

.capability-subtitle h2{
    font-size: 34px;
    font-weight: 700;
    color: #081b4b;
    margin-bottom: 15px;

}

/* TOP GRID */

.capability-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:20px;
    margin-bottom:70px;
}

.capability-card{
    background:#fff;
    border-radius:18px;
    padding:28px 15px;
    text-align:center;

    box-shadow:0 3px 15px rgba(0,0,0,.08);
    border:1px solid #eef2f7;
}

.capability-icon{
    width:70px;
    height:70px;

    margin:0 auto 18px;

    border-radius:16px;

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

.capability-icon i{
    color:#fff;
    font-size:34px;
}

.capability-card h3{
    font-size:15px;
    color:#081b4b;
    margin-bottom:5px;
    font-weight:700;
}

.capability-card p{
    font-size:13px;
    line-height:1.8;
    color:#5b6780;
    /*min-height:110px;*/
}

.capability-card a{
    width:42px;
    height:42px;

    border-radius:50%;

    margin:10px auto 0;

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

    color:#fff;
    text-decoration:none;
}

/* COLORS */

.navy{background:#082d7a;}
.teal{background:#0f9cb5;}
.yellow{background:#f6b300;}
.purple{background:#8d2de2;}
.blue{background:#1769ff;}
.cyan{background:#148fae;}

.ai-card a{background:#082d7a;}
.auto-card a{background:#0f9cb5;}
.bi-card a{background:#f6b300;}
.power-card a{background:#8d2de2;}
.dev-card a{background:#1769ff;}
.cloud-card a{background:#148fae;}

/* ==========================
   WHY NEWGENGURU
========================== */

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

.why-ngg-item{
    text-align:center;
    padding:0 25px;
    position:relative;
}

.why-ngg-item:not(:last-child)::after{
    content:"";
    position:absolute;
    top:0;
    right:0;

    width:1px;
    height:100%;

    background:#e7edf5;
}

.why-ngg-item i{
    font-size:42px;
    color:#0f7db0;
    margin-bottom:18px;
}

.why-ngg-item h4{
    font-size:17px;
    color:#081b4b;
    margin-bottom:12px;
    font-weight:700;
}

.why-ngg-item p{
    color:#5d6881;
    line-height:1.8;
    font-size:14px;
}




/*-----------------------------------------*/


/* ===========================
   SERVICES HERO
=========================== */

.services-hero{
    position:relative;
    overflow:hidden;
    background:#fafbfe;
    padding:20px 0 60px;
}

.services-hero-wrapper{
    display:grid;
    grid-template-columns: 1fr 1fr;
    align-items:center;
    gap:70px;
}

/* LEFT */

.services-label{
    display:block;
    color:#1497bc;
    font-size:16px;
    font-weight:700;
    letter-spacing:1px;
    margin-bottom:18px;
}

.services-hero-content h1{
    font-size:42px;
    line-height:58px;
    color:#081b4b;
    font-weight:700;
    margin-bottom:5px;
}

.services-hero-content p{
    font-size:16px;
    line-height:1.8;
    color:#5d6881;
    max-width:700px;
    margin-bottom:40px;
}

.services-hero-btns{
    display:flex;
    align-items:center;
    gap:20px;
}

/* RIGHT */

.services-hero-graphic{
    position:relative;
    z-index:2;
}

.services-hero-graphic img{
    width:100%;
    display:block;
    padding-right: 60px;
}

/* LEFT BOTTOM WAVE */

.services-wave-left{
    position:absolute;
    left:-150px;
    bottom:-120px;

    width:700px;
    height:190px;

    background:linear-gradient(
        135deg,
        #11a5c8,
        #066d92
    );

    border-radius:50%;
}

/* RIGHT WAVE */

.services-wave-right{
    position:absolute;
    right:-220px;
    bottom:-160px;

    width:650px;
    height:650px;

    background:#082d7a;

    border-radius:50%;
}

/* small dotted decoration */

.services-hero::after{
    content:"";
    position:absolute;

    right:120px;
    top:90px;

    width:90px;
    height:90px;

    background-image:
    radial-gradient(#b8e7ff 1.6px, transparent 1.6px);

    background-size:15px 15px;
}   


/*----------------------------------------*/




/* =========================
   SERVICE OFFERINGS
========================= */

.service-offerings-section{
    padding:100px 0;
    background:#fff;
    padding-bottom: 50px;
}

.section-subtitle{
    color: #0f93b7;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0px;
    margin-bottom: 10px;
    display: block;
    text-align: center;
}

 h2.section-title{
    font-size: 34px;
    font-weight: 700;
    color: #081b4b;
    margin-bottom: 10px;
    text-align: center;
}

 .section-line{
    width: 55px;
    height: 4px;
    background: #f5b400;
    border-radius: 10px;
    margin: 0 auto;
    display: block;
}

.service-offerings-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
    margin-top:45px;
}

.service-offering-card{
    background:#fff;
    border:1px solid #edf1f7;
    border-radius:16px;

    padding:20px;

    display:flex;
    align-items:center;
    gap:28px;

    transition:all .3s ease;

    box-shadow:0 3px 10px rgba(0,0,0,.04);
}

.service-offering-card:hover{
    transform:translateY(-4px);

    box-shadow:
    0 15px 35px rgba(0,0,0,.08);
}

.service-offering-image{
    width:110px;
    flex-shrink:0;
}

.service-offering-image img{
    width:100%;
    display:block;
}

.service-offering-content{
    flex:1;
}

.service-offering-content h3{
   font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    color: #081b4b;
    margin-bottom: 5px;
}

.service-offering-content p{
   font-size: 13px;
    line-height: 22px;
    color: #5f6b85;
    margin-bottom: 5px;
}

.service-offering-content a{
    display:inline-flex;
    align-items:center;
    gap:10px;

    text-decoration:none;

    font-size:12px;
    font-weight:700;

    color:#081b4b;
}

.service-offering-content a i{
    transition:.3s;
}

.service-offering-content a:hover i{
    transform:translateX(5px);
}



/*------------========================---------------*/


/* ===========================
   SERVICE BENEFITS
=========================== */

.service-benefits-section{
    padding:80px 0;
    background:#fff;
    padding-top: 0;
}

.service-benefits-box{
    margin-top:35px;

    background:#fff;
    border:1px solid #edf1f7;
    border-radius:18px;

    display:grid;
    grid-template-columns:repeat(4,1fr);

    overflow:hidden;

    box-shadow:0 3px 12px rgba(0,0,0,.04);
}

.service-benefit-item{
    padding:30px 28px;

    display:flex;
    align-items:flex-start;
    gap:20px;

    position:relative;
}

.service-benefit-item:not(:last-child)::after{
    content:"";
    position:absolute;

    top:50%;
    right:0;

    width:1px;
    height:110px;

    background:#e3e8f1;

    transform:translateY(-50%);
}

.service-benefit-icon{
    width:50px;
    height:50px;

    min-width:50px;

    border-radius:50%;

    background:#f5f7fb;

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

.service-benefit-icon i{
    font-size:24px;
    color:#081b4b;
}

.service-benefit-content h3{
    font-size:18px;
    font-weight:700;
    color:#081b4b;

    margin-bottom:5px;
}

.service-benefit-content p{
    font-size:14px;
    line-height:1.8;
    color:#5f6b85;
}




/*====================-----------------==================*/



/* ==========================
   TECHNOLOGY STACK
========================== */

.tech-stack-section{
    padding:80px 0;
    background:#fff;
    padding-top: 0;
}

.tech-stack-box{
    margin-top:35px;

    background:#fff;
    border:1px solid #edf1f7;
    border-radius:18px;

    padding:28px 35px;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:0px;

    box-shadow:0 3px 12px rgba(0,0,0,.04);

    overflow-x:auto;
}

.tech-stack-item{
    flex-shrink:0;

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

    transition:.3s ease;
}

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

.tech-stack-item img{
    height:42px;
    width:auto;
    display:block;
    object-fit:contain;
}



/*-------------------=======================----------------------*/


/* ==================================
   SERVICE ECOSYSTEM
================================== */

.ecosystem-section{
    padding:100px 0;
    background:#fff;
    overflow:hidden;

}

/* ==========================
   SERVICES HERO
========================== */

/*==================================
 SERVICE ECOSYSTEM
==================================*/

/*==================================
 SERVICE ECOSYSTEM
==================================*/

.ecosystem-section{
    padding:100px 0;
    background:#fff;
     padding-top:0;
     padding-bottom: 50px;
}

.ecosystem-wrapper{
    display:grid;
    grid-template-columns:420px 1fr;
    gap:80px;
    align-items:center;
}

/* LEFT CONTENT */

.ecosystem-tag{
    display:block;
    color:#1490bb;
    font-size:15px;
    font-weight:700;
    letter-spacing:1px;
    margin-bottom:18px;
}

.ecosystem-title{
    font-size: 32px;
    line-height: 42px;
    font-weight: 700;
    color: #081b4b;
    margin-bottom: 10px;
}

.ecosystem-description{
    font-size:16px;
    line-height:1.9;
    color:#5f6b85;
    margin-bottom:15px;
}

.ecosystem-link{
    display:inline-flex;
    align-items:center;
    gap:12px;

    text-decoration:none;
    color:#081b4b;

    font-size:18px;
    font-weight:700;
}

.ecosystem-link i{
    transition:.3s;
}

.ecosystem-link:hover i{
    transform:translateX(5px);
}

/* RIGHT SIDE */

.ecosystem-visual{
    display:grid;
    grid-template-columns:220px 420px 220px;
    align-items:center;
    gap:15px;
    width:100%;
}

/* CENTER IMAGE */

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

.ecosystem-center img{
   width:100%;
    max-width:420px;
}

/* LEFT + RIGHT */

.ecosystem-left,
.ecosystem-right{
    display:flex;
    flex-direction:column;
    gap:25px;
    z-index:5;
}

.ecosystem-left{
    margin-right:-20px;
}

.ecosystem-right{
    margin-left:-20px;
}

/* CARDS */

.ecosystem-card{
    background:#fff;
    border-radius:60px;

    padding:10px;

    display:flex;
    align-items:center;
    gap:18px;

    box-shadow:
    0 8px 25px rgba(0,0,0,.08);

    transition:.3s ease;
}

.ecosystem-card:hover{
    transform:translateY(-3px);
}

.ecosystem-card i{
    width:48px;
    height:48px;
    min-width:48px;

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

    font-size:26px;
    color:#1488b7;
}

.ecosystem-card span{
   font-size: 14px;
    font-weight: 600;
    color: #081b4b;
    line-height: 1.4;
}

/*------------===========================--------------------*/





/*=====================================*/


/* ===================================
   INDUSTRY HERO
=================================== */

.industry-hero{
    position:relative;
    padding:0px 0 20px;
    background:#fff;
    overflow:hidden;
}

.industry-hero .container{
    position:relative;
    z-index:2;
}

.industry-hero-wrapper{
    display:grid;
    grid-template-columns:48% 52%;
    align-items:center;
    gap:40px;
}

.industry-hero-content{
    position:relative;
    z-index:3;
}

.industry-hero-title{
    font-size:78px;
    font-weight:800;
    line-height:1.05;
    color:#081b4b;
    margin:18px 0 28px;
}

.industry-hero-title span{
    display:block;
    color:#1494d1;
}

.industry-hero-desc{
    max-width:620px;
    font-size:22px;
    line-height:42px;
    color:#586683;
    margin-bottom:40px;
}

.industry-hero-buttons{
    display:flex;
    align-items:center;
    gap:22px;
}

/* ===================================
   RIGHT IMAGE
=================================== */

.industry-hero-graphic{
    position:relative;
    z-index:3;
    text-align:right;
}

.industry-hero-graphic img{
    width:100%;
    max-width:700px;
    display:block;
    margin-left:auto;
}

/* ===================================
   TOP RIGHT DOTS
=================================== */

.industry-dots-top{
    position:absolute;
    right:70px;
    top:100px;
    width:150px;
    height:150px;

    background-image:
    radial-gradient(
        #c8ebff 1.8px,
        transparent 1.8px
    );

    background-size:14px 14px;

    z-index:1;
}

/* ===================================
   BOTTOM LEFT DOTS
=================================== */

.industry-dots-bottom{
    position:absolute;
    left:-10px;
    bottom:170px;

    width:150px;
    height:150px;

    background-image:
    radial-gradient(
        #c8ebff 1.8px,
        transparent 1.8px
    );

    background-size:14px 14px;

    z-index:1;
}

/* ===================================
   BLUE CURVE
=================================== */

.industry-wave{
    position:absolute;
    right:-140px;
    bottom:-190px;

    width:1050px;
    height:300px;

    background:linear-gradient(
        90deg,
        #1494d1 0%,
        #081b4b 100%
    );

    border-top-left-radius:100%;
    border-top-right-radius:0;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;

    z-index:0;
}

/* ===================================
   BUTTON FIX
=================================== */

.industry-hero-buttons .primary-btn,
.industry-hero-buttons .secondary-btn{
    min-width:250px;
    justify-content:center;
}


/*=======================================*/


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

.industries-section{
    padding:60px 0;
    background:#fff;
}

.industries-grid{
    display:grid;
    grid-template-columns:repeat(7,1fr);
    gap:20px;
    margin-top:50px;
}

.industry-card01{
    background:#fff;
    border:1px solid #edf1f7;
    border-radius:18px;
    padding:15px 22px;
    text-align:center;
    box-shadow:0 4px 15px rgba(0,0,0,.03);
    transition:.3s;
}

.industry-card01:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.industry-icon{
    width:85px;
    height:85px;
    margin:0 auto 25px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.industry-icon i{
    font-size:52px;
}

.finance-icon i,
.manufacturing-icon i,
.retail-icon i,
.realestate-icon i{
    color:#1d4ed8;
}

.healthcare-icon i,
.education-icon i,
.logistics-icon i{
    color:#16c1b2;
}

.industry-card01 h3{
    font-size:15px;
    font-weight:700;
    line-height:1.4;
    color:#081b4b;
    margin-bottom:5px;
    min-height:25px;
}

.industry-card01 p{
    font-size:12px;
    line-height:22px;
    color:#66748f;
    margin-bottom:10px;
}

.industry-card01 a{
    display:inline-flex;
    align-items:center;
    gap:10px;
    text-decoration:none;
    color:#1d4ed8;
    font-size:11px;
    font-weight:700;
    transition:.3s;
}

.industry-card01 a:hover{
    gap:15px;
}

.industry-card01 a i{
    font-size:14px;
}




/*--=========================================--*/


/* ==========================================
   INDUSTRY CHALLENGES
========================================== */

.industry-challenges-section{
    padding:0px 0;
    background:#fff;
}

.industry-challenges-grid{
    display:grid;
    grid-template-columns:repeat(7,1fr);
    border:1px solid #edf1f7;
    border-radius:20px;
    overflow:hidden;
    margin-top:50px;
}

.challenge-column{
    padding:28px 18px;
    text-align:center;
    border-right:1px solid #edf1f7;
}

.challenge-column:last-child{
    border-right:none;
}

.challenge-column h3{
    font-size:16px;
    font-weight:700;
    color:#081b4b;
    margin-bottom:5px;
    min-height:55px;
}

.challenge-before,
.challenge-after{
    border-radius:14px;
    padding:20px 15px;
    min-height:auto;

    display:flex;
    flex-direction:column;
    justify-content:flex-start;
}

.challenge-before{
    background:#fef5f5;
}

.challenge-after{
    background:#f2f8f4;
}

.challenge-status{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    font-size:16px;
    font-weight:700;

    margin-bottom:10px;
}

.before-status{
    color:#081b4b;
}

.after-status{
    color:#081b4b;
}

.before-status i{
    color:#ff4b4b;
}

.after-status i{
    color:#16c784;
}

.challenge-before p,
.challenge-after p{
    font-size:12px;
    line-height:22px;
    color:#55637d;
}

.challenge-arrow{
    margin:18px 0;
}

.challenge-arrow i{
    font-size:26px;
    color:#081b4b;
}


/*===========================================*/




/* ==========================================
   SOLUTIONS BY INDUSTRY
========================================== */

.industry-solutions-section{
    padding:50px 0;
    background:#fff;
}

.industry-solutions-grid{
    display:grid;
    grid-template-columns:repeat(7,1fr);
    gap:0;
    margin-top:50px;
    border:1px solid #edf1f7;
    border-radius:20px;
    overflow:hidden;
}

.solution-card{
    position:relative;
    text-align:center;
    padding:25px 18px 35px;
    border-right:1px solid #edf1f7;
    background:#fff;
}

.solution-card:last-child{
    border-right:none;
}

.solution-card h3{
    font-size:16px;
    font-weight:700;
    color:#081b4b;
    margin-bottom:22px;
    min-height:50px;
}

.solution-icon{
    width:90px;
    height:90px;
    border-radius:50%;
    margin:0 auto 25px;

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

    background:#fff;
    font-size:42px;
}

.solution-icon.finance{
    border:3px solid #3f6df6;
    color:#2244d8;
}

.solution-icon.healthcare{
    border:3px solid #26c6c3;
    color:#26c6c3;
}

.solution-arrow-right{
    position:absolute;
    top:140px;
    right:-11px;
    z-index:5;
    color:#cfd7e6;
    font-size:18px;
}

.solution-card h4{
    font-size:14px;
    line-height:1.5;
    font-weight:600;
    color:#081b4b;
    margin-bottom:20px;
}

.solution-arrow-down{
    margin-bottom:18px;
}

.solution-arrow-down i{
    color:#2244d8;
    font-size:22px;
}

.solution-card ul{
    list-style:none;
    padding:0;
    margin:0;
}

.solution-card ul li{
    font-size: 12px;
    line-height: 24px;
    color: #55637d;
}


/*========================================*/


/* ==========================================
   SUCCESS STORIES BY INDUSTRY
========================================== */

.success-stories-section01{
    padding:0px 0;
    background:#fff;
}

.success-stories-grid01{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
    margin-top:50px;
}

.success-story-card01{
    background:#fff;
    border:1px solid #edf1f7;
    border-radius:18px;
    overflow:hidden;
    transition:0.3s ease;
}

.success-story-card01:hover{
    transform:translateY(-5px);
    box-shadow:0 15px 35px rgba(0,0,0,0.08);
}

.story-image{
    position:relative;
    height:160px;
    overflow:hidden;
}

.story-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.story-badge{
    position:absolute;
    top:14px;
    left:14px;

    background:#082c8c;
    color:#fff;

    font-size:12px;
    font-weight:700;
    letter-spacing:1px;

    padding:10px 14px;
    border-radius:10px;
}

.story-content{
    padding:24px;
}

.story-content h3{
    font-size:18px;
    line-height:1.4;
    font-weight:700;
    color:#081b4b;
    min-height:70px;
    margin-bottom:0px;
}

.story-highlight span{
    display:block;
    font-size:45px;
    font-weight:600;
    color:#0b2fa5;
    line-height:1;
}

.story-highlight p{
    font-size: 16px;
    color: #222;
    margin-top: 8px;
    font-weight: 600;
}

.story-divider{
    height:1px;
    background:#edf1f7;
    margin:25px 0;
}

.story-results{
    list-style:none;
    padding:0;
    margin:0 0 25px;
}

.story-results li{
    display:flex;
    align-items:center;
    gap:10px;

    font-size:14px;
    color:#55637d;
    margin-bottom:12px;
}

.story-results strong{
    min-width:60px;
    font-size:20px;
    font-weight:800;
    color:#1694d4;
}

.story-link{
    display:inline-flex;
    align-items:center;
    gap:12px;

    color:#0b2fa5;
    font-size:14px;
    font-weight:600;
    text-decoration:none;
}

.story-link i{
    transition:.3s;
}

.story-link:hover i{
    transform:translateX(6px);
}


/*--==================================---*/



/* ====================================
   INDUSTRY VALUE SECTION
==================================== */

.industry-value-section{
    padding:50px 0;
    background:#fff;
    
}

.industry-value-heading{
    text-align:center;
    margin-bottom:35px;
}

.industry-value-heading span{
    display:block;
    font-size:18px;
    font-weight:700;
    letter-spacing:2px;
    color:#081b4b;
}

.industry-value-line{
    width:70px;
    height:4px;
    background:#f4b400;
    margin:18px auto 0;
    border-radius:20px;
}

.second-heading{
    margin-top:70px;
}

/* ==========================
   TOP METRICS
========================== */

.industry-value-metrics{
    display:grid;
    grid-template-columns:repeat(5,1fr);

    background:#fff;
    border:1px solid #edf1f7;
    border-radius:20px;
    overflow:hidden;
}

.industry-value-metric-card{
    display:flex;
    align-items:center;
    gap:20px;

    padding:35px 25px;
    border-right:1px solid #edf1f7;
}

.industry-value-metric-card:last-child{
    border-right:none;
}

.industry-value-icon{
    font-size:62px;
    background:none;
    border:none;
    box-shadow:none;
}

.industry-value-icon.teal{
    color:#14b8c4;
}

.industry-value-icon.orange{
    color:#f7a500;
}

.industry-value-icon.green{
    color:#24c78e;
}

.industry-value-icon.purple{
    color:#8f2de2;
}

.industry-value-icon.blue{
    color:#1f6fff;
}

.industry-value-text h3{
    font-size:36px;
    line-height:1;
    color:#081b4b;
    margin-bottom:10px;
    font-weight:600;
}

.industry-value-text p{
    font-size:15px;
    line-height:normal;
    color:#4f5f7c;
}

/* ==========================
   BENEFITS
========================== */

.industry-value-benefits{
    display:grid;
    grid-template-columns:repeat(6,1fr);

    border:1px solid #edf1f7;
    border-radius:20px;
    overflow:hidden;
}

.industry-value-benefit-card{
    padding:25px 22px;
    border-right:1px solid #edf1f7;
}

.industry-value-benefit-card:last-child{
    border-right:none;
}

.industry-value-benefit-icon{
    width:58px;
    height:58px;

    border-radius:50%;

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

    font-size:24px;
    margin-bottom:18px;

    background:#f8fbff;
}

.industry-value-benefit-icon.blue{
    color:#2f62ff;
}

.industry-value-benefit-icon.green{
    color:#19c79d;
}

.industry-value-benefit-icon.orange{
    color:#ff9f0a;
}

.industry-value-benefit-icon.purple{
    color:#8a2be2;
}

.industry-value-benefit-card h4{
    font-size:16px;
    line-height:1.4;
    color:#081b4b;
    margin-bottom:12px;
    font-weight:700;
}

.industry-value-benefit-card p{
    font-size:13px;
    line-height:25px;
    color:#55637d;
}



/*--===================================----*/

/* ==========================================
   CASE STUDY HERO
========================================== */

.cshero-section{
    position:relative;
    padding:100px 0 196px;

    background: url("../images/case-study-hero.png") no-repeat center top;
    background-size: 100% auto;

    overflow:hidden;

    padding-top: 60px;
    padding-bottom: 0;
}

.cshero-wrapper{
    display:grid;
    grid-template-columns:45% 55%;
    align-items:center;
}

.cshero-content{
    position:relative;
    z-index:5;
}

.cshero-tag{
    display:block;
    color:#1394d3;
    font-size:15px;
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:20px;
}

.cshero-content h1{
    font-size:48px;
    line-height:56px;
    color:#07256d;
    font-weight:700;
    margin-bottom:15px;
    max-width:700px;
}

.cshero-content p{
   font-size: 17px;
    line-height: 1.8;
    color: #556987;
    max-width: 480px;
    margin-bottom: 35px;
}

.cshero-buttons{
    display:flex;
    gap:18px;
}

.cshero-btn-primary{
    background:#f4b400;
    color:#07256d;
    text-decoration:none;
    padding:18px 34px;
    border-radius:12px;
    font-weight:700;
}

.cshero-btn-secondary{
    border:2px solid #cfdaf1;
    color:#07256d;
    text-decoration:none;
    padding:18px 34px;
    border-radius:12px;
    font-weight:700;
}

/* ==========================================
   OVERLAY AREA
========================================== */

.cshero-overlay{
    position:relative;
    min-height:485px;
}

/* BEFORE */

.cshero-before-card{
    position:absolute;
    left:65px;
    top:170px;

    width:285px;

    background:#fff;
    border-radius:24px;
    padding:30px;

    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.cshero-before-card h4{
    color:#07256d;
    font-size:18px;
    margin-bottom:10px;
}

.cshero-before-card ul{
    padding:0;
    margin:0;
}

.cshero-before-card li{
    list-style:none;
    margin-bottom:8px;
    font-size:14px;
    color:#556987;
}

.cshero-before-card i{
    color:#ff5d5d;
    margin-right:10px;
}

/* AFTER */

.cshero-after-card{
    position:absolute;
    right:70px;
    top:170px;

    width:285px;

    background:#fff;
    border-radius:24px;
    padding:30px;

    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.cshero-after-card h4{
    color:#07256d;
    font-size:18px;
    margin-bottom:10px;
}

.cshero-after-card ul{
    padding:0;
    margin:0;
}

.cshero-after-card li{
    list-style:none;
    margin-bottom:8px;
    font-size:14px;
    color:#556987;
}

.cshero-after-card i{
    color:#27c46b;
    margin-right:10px;
}

/* ARROW */

.cshero-arrow-circle{
    position:absolute;
    left:50%;
    top:270px;

    transform:translate(-50%,-50%);

    width:80px;
    height:80px;

    background:#f4b400;
    border-radius:50%;

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

    font-size:42px;
    color:#07256d;

    z-index:10;
}

/* ==========================================
   METRICS BAR
========================================== */

.cshero-metrics{
    position: absolute;
    left: 50%;
    bottom: -70px;
    transform: translateX(-50%);
    width: 100%;
    background: #03276b;
    border-radius: 20px;
    padding: 15px 20px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    z-index: 20;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.cshero-metric{
    display:flex;
    align-items:center;
    gap:16px;

    padding:0 25px;

    border-right:1px solid rgba(255,255,255,.12);
}

.cshero-metric:last-child{
    border-right:none;
}

.cshero-metric i{
    color:#16d8ff;
    font-size:34px;
}

.cshero-metric h3{
    color:#fff;
    font-size:28px;
    line-height:1;
    margin-bottom:5px;
    font-weight: 600;
}

.cshero-metric span{
    color:#dce8ff;
    font-size:12px;
}

/*--================================----*/




/*=========================================*/

/* FEATURED SUCCESS STORIES */

.csfeatured-section{
    padding:50px 0;
    background:#fff;
    background: #f8fbff;
}

.csfeatured-heading{
    text-align:center;
    margin-bottom:55px;
}

.csfeatured-heading span{
    font-size:15px;
    font-weight:700;
    letter-spacing:3px;
    color:#08226d;
}

.csfeatured-line{
    width:55px;
    height:4px;
    background:#f8b400;
    margin:15px auto 0;
    border-radius:50px;
}

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

.csfeatured-card{
    background:#fff;
    border:1px solid #e7edf7;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    transition:.3s;
}

.csfeatured-card:hover{
    transform:translateY(-8px);
}

.csfeatured-image-wrap{
    position:relative;
    height:170px;
}

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

.csfeatured-tag{
    position:absolute;
    top:18px;
    left:18px;
    background:#08226d;
    color:#fff;
    font-size:12px;
    font-weight:700;
    padding:10px 18px;
    border-radius:12px;
    letter-spacing:.5px;
}

.csfeatured-icon-circle{
    position:absolute;
    left:28px;
    bottom:-40px;

    width:80px;
    height:80px;

    background:#fff;
    border-radius:50%;

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

    box-shadow:0 10px 25px rgba(0,0,0,.10);
}

.csfeatured-icon-circle i{
    font-size:34px;
    color:#1aa7b8;
}

.csfeatured-body{
    padding:60px 28px 28px;
}

.csfeatured-body h3{
    font-size:20px;
    line-height:1.4;
    color:#08226d;
    margin-bottom:20px;
    font-weight:700;
}

.csfeatured-content{
    display:flex;
    justify-content:space-between;
    gap:20px;
    margin-bottom:10px;
}

.csfeatured-left{
    flex:1;
}

.csfeatured-left h4{
    color:#1aa7b8;
    font-size:14px;
    margin-bottom:5px;
}

.csfeatured-left p{
    font-size:12px;
    color:#5b6785;
    line-height:18px;
    margin-bottom:24px;
}

.csfeatured-impact{
    width:160px;
    background:#f8fbff;
    border-radius:16px;
    padding:20px;
}

.csfeatured-impact h5{
    color:#1aa7b8;
    font-size:16px;
    margin-bottom:10px;
}

.impact-item01{
    margin-bottom:20px;
}

.impact-item01:last-child{
    margin-bottom:0;
}

.impact-item01 strong{
    display:block;
    font-size:17px;
    color:#08226d;
    font-weight:600;
}

.impact-item01 span{
    display:block;
    margin-top:4px;
    color:#5b6785;
    font-size:10px;
    line-height:1.5;
}

.csfeatured-link{
    display:inline-flex;
    align-items:center;
    gap:12px;
    color:#0b45d2;
    text-decoration:none;
    font-size:14px;
    font-weight:600;
}

.csfeatured-link i{
    transition:.3s;
}

.csfeatured-link:hover i{
    transform:translateX(6px);
}

/* Responsive */

@media(max-width:1200px){

    .csfeatured-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:768px){

    .csfeatured-content{
        flex-direction:column;
    }

    .csfeatured-impact{
        width:100%;
    }
}



/*--==============================--*/



/* ==========================================
   CASE STUDY TRANSFORMATION JOURNEY
   Unique Classes
========================================== */

.cstjourney-section{
    padding:50px 0;
    background:#ffffff;
}

.cstjourney-heading{
    text-align:center;
    margin-bottom:60px;
}

/*.cstjourney-heading h2{
    margin:0;
    font-size:18px;
    font-weight:700;
    letter-spacing:3px;
    color:#08226d;
}*/

.cstjourney-heading span{
    display:block;
    width:55px;
    height:4px;
    background:#f4b400;
    border-radius:20px;
    margin:14px auto 0;
}

.cstjourney-wrapper{
    display:flex;
    align-items:flex-start;
    justify-content:center;
    gap:18px;
    flex-wrap:nowrap;
}

.cstjourney-step{
    width:180px;
    text-align:center;
    position:relative;
}

.cstjourney-number{
    width:54px;
    height:54px;
    margin:0 auto 12px;

    background:#08226d;
    color:#fff;

    border-radius:50%;

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

    font-size:22px;
    font-weight:700;

    box-shadow:0 5px 15px rgba(8,34,109,.15);
}

.cstjourney-icon{
    width:78px;
    height:78px;

    margin:0 auto 22px;

    border-radius:50%;
    background:#f3f6fc;

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

.cstjourney-icon i{
    font-size:34px;
    color:#08226d;
}

.cstjourney-step h3{
    margin:0 0 12px;
    color:#08226d;
    font-size:22px;
    font-weight:700;
}

.cstjourney-step p{
    margin:0;
    font-size:15px;
    line-height:1.8;
    color:#4f5f86;
}

.cstjourney-arrow{
    display:flex;
    align-items:flex-start;
    justify-content:center;
    padding-top:16px;
    min-width:34px;
}

.cstjourney-arrow i{
    color:#08226d;
    font-size:20px;
}

/* Responsive */

@media (max-width:1200px){

    .cstjourney-wrapper{
        flex-wrap:wrap;
        row-gap:50px;
    }

    .cstjourney-arrow{
        display:none;
    }
}

@media (max-width:768px){

    .cstjourney-step{
        width:100%;
        max-width:320px;
    }

    .cstjourney-heading h2{
        font-size:16px;
    }

    .cstjourney-step h3{
        font-size:20px;
    }
}





/*--=================================*/


/* =====================================
   CASE STUDIES TESTIMONIAL SECTION
   UNIQUE CLASSES
===================================== */

.cstestimonial-section{
    padding:100px 0;
    background:rgba(0, 0, 0, .02);
    padding-top: 50px;
    padding-bottom: 50px;
}

.cstestimonial-heading{
    text-align:center;
    margin-bottom:55px;
}

/*.cstestimonial-heading h2{
    margin:0;
    color:#08226d;
    font-size:18px;
    font-weight:700;
    letter-spacing:3px;
}*/

.cstestimonial-line{
    display:block;
    width:55px;
    height:4px;
    background:#f4b400;
    border-radius:50px;
    margin:14px auto 0;
}

.cstestimonial-slider{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
}

.cstestimonial-card{
    background:#fff;
    border:1px solid #edf1f7;
    border-radius:24px;
    padding:35px;
    position:relative;
    box-shadow:0 8px 25px rgba(0,0,0,.04);
    transition:.3s;
    overflow: hidden;
}

.cstestimonial-card:hover{
    transform:translateY(-8px);
}

.cstestimonial-quote{
    color:#8f99b8;
    font-size:26px;
    margin-bottom:18px;
}

.cstestimonial-text{
    font-size:16px;
    line-height:2;
    color:#3d4e79;
    margin-bottom:0px;
    min-height:150px;
}

.cstestimonial-profile{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
}

.cstestimonial-info{
    flex:1;
}

.cstestimonial-info h3{
    margin:0 0 8px;
    color:#08226d;
    font-size:20px;
    font-weight:700;
}

.cstestimonial-info h4{
    margin:0 0 6px;
    color:#56637f;
    font-size:16px;
    font-weight:500;
}

.cstestimonial-info span{
    display:block;
    color:#707b95;
    font-size:15px;
    margin-bottom:18px;
}

.cstestimonial-stars{
    display:flex;
    gap:6px;
}

.cstestimonial-stars i{
    color:#ffb300;
    font-size:16px;
}

.cstestimonial-image{
   width: 168px;
    height: 180px;
    border-radius: 50%;
    overflow: hidden;
    border: 6px solid #14c6d0;
    flex-shrink: 0;
    position: absolute;
    right: -32px;
    border-right: 0;
    border-top: 0;
}

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

.cstestimonial-dots{
    display:flex;
    justify-content:center;
    gap:12px;
    margin-top:40px;
}

.cstestimonial-dot{
    width:12px;
    height:12px;
    border-radius:50%;
    background:#d8ddea;
}

.cstestimonial-dot.active{
    background:#08226d;
}

/* Responsive */

@media(max-width:1200px){

    .cstestimonial-slider{
        grid-template-columns:1fr;
    }

    .cstestimonial-text{
        min-height:auto;
    }
}

@media(max-width:768px){

    .cstestimonial-card{
        padding:25px;
    }

    .cstestimonial-profile{
        flex-direction:column;
        align-items:flex-start;
        gap:20px;
    }

    .cstestimonial-image{
        width:120px;
        height:120px;
    }

    .cstestimonial-text{
        font-size:15px;
        line-height:1.8;
    }
}

.cstestimonial-swiper{
    position: relative;
    padding-bottom: 80px;
    overflow: visible;
}

.cstestimonial-pagination{
    position: absolute !important;
    bottom: -35px !important;
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
}

.cstestimonial-pagination .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    background: #d6dce8;
    opacity: 1;
}

.cstestimonial-pagination .swiper-pagination-bullet-active{
    background: #08226d;
}

.cstestimonial-section{
    overflow: visible;
}

.cstestimonial-slider-wrap{
    position: relative;
    overflow: visible;
}



/*--=======================================--*/


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

.contacthero-section{
    padding: 50px 0;
    background: #ffffff;
    overflow: hidden;
    position:relative;
    min-height:565px;
}

.contacthero-wrapper{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px; /* 60px hatao */
}

/* LEFT */

.contacthero-content{
    width: 45%;
}

.contacthero-tag{
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #1185d8;
    margin-bottom: 20px;
}

.contacthero-title{
    font-size: 45px;
    line-height: 50px;
    font-weight: 800;
    color: #000;
    margin-bottom: 15px;
}

.contacthero-title span{
    display: block;
    color: #1f45b5;
}

.contacthero-description{
    font-size: 16px;
    line-height: 1.8;
    color: #4f6489;
    max-width: 620px;
    margin-bottom: 40px;
    max-width: 500px;
}

/* BUTTONS */

.contacthero-buttons{
    display: flex;
    gap: 20px;
    margin-bottom: 35px;
}

.contacthero-btn-primary{
    background: #f5b400;
    color: #001b68;
    padding: 18px 30px;
    border-radius: 12px;
    text-decoration: none;
    font-size: 17px;
    font-weight: 700;

    display: flex;
    align-items: center;
    gap: 12px;

    transition: .3s;
}

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

.contacthero-btn-secondary{
    background: #fff;
    border: 2px solid #cfd8ef;

    color: #001b68;
    padding: 18px 30px;
    border-radius: 12px;
    text-decoration: none;

    font-size: 17px;
    font-weight: 700;

    display: flex;
    align-items: center;
    gap: 12px;

    transition: .3s;
}

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

/* TRUST */

.contacthero-trust{
    display: flex;
    align-items: center;
    gap: 20px;
}

.contacthero-avatars{
    display: flex;
}

.contacthero-avatars img{
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 3px solid #fff;
    object-fit: cover;
    margin-left: -12px;
}

.contacthero-avatars img:first-child{
    margin-left: 0;
}

.contacthero-trust span{
    font-size: 18px;
    font-weight: 600;
    color: #08286b;
}

/* RIGHT IMAGE */

.contacthero-imagebox{
    position:absolute;
    right:0;
    top:42%;
    transform:translateY(-50%);
    width:55%;
}

.contacthero-image{
    width: 100%;
    max-width: 900px;
    display: block;
}

/* RESPONSIVE */

@media(max-width:1200px){

    .contacthero-title{
        font-size: 54px;
    }

    .contacthero-description{
        font-size: 20px;
    }
}

@media(max-width:991px){

    .contacthero-wrapper{
        flex-direction: column;
    }

    .contacthero-content,
    .contacthero-imagebox{
        width: 100%;
    }

    .contacthero-title{
        font-size: 52px;
    }

    .contacthero-imagebox{
        justify-content: center;
    }
}

@media(max-width:576px){

    .contacthero-title{
        font-size: 42px;
    }

    .contacthero-description{
        font-size: 18px;
    }

    .contacthero-buttons{
        flex-direction: column;
    }
}



/*---===================================-----*/



/* ====================================
   CONTACT REACH SECTION
==================================== */

.contactreach-section{
    padding: 80px 0;
    background: #fff;
    padding-top: 0;
}

.contactreach-heading{
    text-align: center;
    margin-bottom: 40px;
}

    /*.contactreach-heading h2{
        font-size: 18px;
        font-weight: 800;
        letter-spacing: 2px;
        color: #0c2f83;
    }*/

/* GRID */

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

/* CARD */

.contactreach-card{
    background: #fff;
    border: 1px solid #edf1f7;
    border-radius: 22px;
    padding: 28px;

    display: flex;
    align-items: center;
    gap: 22px;

    transition: .3s ease;

    box-shadow: 0 5px 18px rgba(0,0,0,0.04);
}

.contactreach-card:hover{
    transform: translateY(-6px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.08);
}

/* ICON */

.contactreach-icon{
    width: 86px;
    height: 86px;
    min-width: 86px;

    border-radius: 50%;

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

    color: #fff;
    font-size: 34px;
}

.contactreach-call{
    background: linear-gradient(135deg,#1568ff,#0d54d8);
}

.contactreach-email{
    background: linear-gradient(135deg,#1ad7a4,#08b78a);
}

.contactreach-meeting{
    background: linear-gradient(135deg,#ffb400,#ff9300);
}

.contactreach-chat{
    background: linear-gradient(135deg,#5b5eff,#3038ff);
}

/* CONTENT */

.contactreach-content h3{
    font-size: 15px;
    font-weight: 700;
    color: #08286b;
    margin-bottom: 6px;
}

.contactreach-content h4{
    font-size: 13px;
    font-weight: 700;
    color: #08286b;
    margin-bottom: 8px;
}

.contactreach-content p{
    font-size: 14px;
    line-height: 1.6;
    color: #687896;
}

/* RESPONSIVE */

@media(max-width:1200px){

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

}

@media(max-width:768px){

    .contactreach-grid{
        grid-template-columns: 1fr;
    }

    .contactreach-card{
        padding: 24px;
    }

    .contactreach-icon{
        width:70px;
        height:70px;
        min-width:70px;
        font-size:28px;
    }

}



/*---==================================---*/




/* ===================================
   CONTACT FORM SECTION
=================================== */

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

.contactform-wrapper{
    display:grid;
    grid-template-columns:1.1fr 0.9fr;
    /*gap:70px;*/

    background:#fff;
    border:1px solid #edf1f7;
    border-radius:28px;

    /*padding:55px;*/

    overflow:hidden; /* important */
}

/* LEFT */

.contactform-left{
    background:#ffffff;
    padding:50px;
}

.contactform-left h2{
    font-size:28px;
    font-weight:700;
    color:#08286b;
    margin-bottom:10px;
}

.contactform-subtitle{
    font-size:16px;
    color:#667795;
    margin-bottom:35px;
}

.contactform-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
}

.contactform-group{
    margin-bottom:22px;
}

.contactform-group label{
    display:block;
    margin-bottom:10px;
    font-size:15px;
    font-weight:600;
    color:#08286b;
}

.contactform-group input,
.contactform-group select,
.contactform-group textarea{
    width:100%;
    border:1px solid #dfe6f1;
    border-radius:12px;
    padding:16px 18px;

    font-size:15px;
    color:#4c5d7b;

    transition:.3s;
    outline:none;
}

.contactform-group textarea{
    resize:none;
}

.contactform-group input:focus,
.contactform-group select:focus,
.contactform-group textarea:focus{
    border-color:#0c5ce7;
}

.contactform-footer{
    display:flex;
    align-items:center;
    gap:35px;
    margin-top:15px;
}

.contactform-btn{
    background:#ffb400;
    color:#08286b;

    border:none;
    border-radius:14px;

    height:62px;
    padding:0 38px;

    font-size:20px;
    font-weight:700;

    display:flex;
    align-items:center;
    gap:12px;

    cursor:pointer;
    transition:.3s;
}

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

.contactform-security{
    display:flex;
    align-items:center;
    gap:14px;
}

.contactform-security-icon{
    width:48px;
    height:48px;

    border-radius:50%;
    background:#fff7ea;

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

    color:#f5b200;
}

.contactform-security span{
    display:block;
    font-weight:600;
    color:#08286b;
}

.contactform-security p{
    color:#8a96ab;
    margin-top:3px;
}

/* RIGHT */


.contactassist-panel{
    background:#f8faff;
    padding:50px;
    /*border-radius:0 24px 24px 0;
    height:100%;*/
}

.contactassist-panel h3{
    font-size:28px;
    font-weight:700;
    color:#0a2f84;
    margin-bottom:35px;
}

.contactassist-item{
    display:flex;
    align-items:center;
    gap:22px;

    padding:26px 0;

    text-decoration:none;

    border-bottom:1px solid #edf1f7;
}

.contactassist-icon{
    width:72px;
    height:72px;

    border-radius:50%;

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

    font-size:28px;
}

.contactassist-icon.blue{
    background:#eef5ff;
    color:#1f62ff;
}

.contactassist-icon.navy{
    background:#eef1ff;
    color:#1538d1;
}

.contactassist-icon.green{
    background:#eafcf7;
    color:#11c49b;
}

.contactassist-icon.orange{
    background:#fff5e8;
    color:#ff9d00;
}

.contactassist-content{
    flex:1;
}

.contactassist-content h4{
    font-size:18px;
    font-weight:700;
    color:#08286b;
    margin-bottom:6px;
}

.contactassist-content p{
    font-size:16px;
    color:#687896;
    line-height:1.7;
}

.contactassist-arrow{
    color:#08286b;
    font-size:20px;
}

/* RESPONSIVE */

@media(max-width:1200px){

    .contactform-wrapper{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .contactform-wrapper{
        padding:30px;
    }

    .contactform-grid{
        grid-template-columns:1fr;
    }

    .contactform-footer{
        flex-direction:column;
        align-items:flex-start;
    }

    .contactform-left h2,
    .contactassist-panel h3{
        font-size:28px;
    }

    .contactassist-content h4{
        font-size:22px;
    }

}


/*--===================================---*/



.contactpage-info-section {
    padding: 80px 0;
    background: #fff;
    padding-top: 40px;
}

/* =====================
   OUR OFFICES
===================== */

.contactpage-office-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin-top: 40px;
    margin-bottom: 70px;
}

.contactpage-office-card {
    display: flex;
    gap: 20px;
    padding: 20px;
    border-radius: 20px;
    background: #fff;
    border: 1px solid #edf0f7;
    box-shadow: 0 5px 20px rgba(0,0,0,0.04);
}

.contactpage-office-image img {
    width: 170px;
    height: 180px;
    object-fit: cover;
    border-radius: 16px;
}

.contactpage-office-content h3 {
    font-size: 18px;
    color: #08256f;
    margin-bottom: 5px;

}

.contactpage-office-content p {
    color: #5d6885;
    line-height: 1.8;
    margin-bottom: 18px;
    font-size: 12px;
}

.contactpage-office-content a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #08256f;
    text-decoration: none;
    font-weight: 600;
    margin-bottom: 12px;
    font-size: 14px;
}

/* =====================
   BENEFITS
===================== */

.contactpage-benefits-wrapper {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin-top: 40px;
    margin-bottom: 70px;
    border: 1px solid #edf0f7;
    border-radius: 20px;
    background: #fff;
}

.contactpage-benefit-item {
    padding: 30px;
    border-right: 1px solid #edf0f7;
}

.contactpage-benefit-item:last-child {
    border-right: none;
}

.contactpage-benefit-icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    font-size: 28px;
}

.contactpage-benefit-icon.blue {
    background: #eef5ff;
    color: #2563eb;
}

.contactpage-benefit-icon.cyan {
    background: #eefcfb;
    color: #06b6d4;
}

.contactpage-benefit-icon.orange {
    background: #fff5e8;
    color: #f59e0b;
}

.contactpage-benefit-icon.purple {
    background: #f5f0ff;
    color: #7c3aed;
}

.contactpage-benefit-icon.green {
    background: #ecfdf5;
    color: #10b981;
}

.contactpage-benefit-item h4 {
    font-size: 18px;
    color: #08256f;
    margin-bottom: 10px;
}

.contactpage-benefit-item p {
    color: #5d6885;
    line-height: 1.7;
    font-size: 14px;
}

/* =====================
   FAQ
===================== */

.contactpage-faq-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 40px;
}

.contactpage-faq-card {
    background: #f8faff;
    border-radius: 18px;
    padding: 30px;
    box-shadow: 4px 5px 3px rgba(0, 0, 0, .09);
}

.contactpage-faq-card h4 {
    color: #08256f;
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 600;
}

.contactpage-faq-card p {
    color: #5d6885;
    line-height: 1.8;
    font-size: 14px;
}

/* =====================
   RESPONSIVE
===================== */

@media(max-width:1200px){

    .contactpage-office-grid{
        grid-template-columns:1fr;
    }

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

    .contactpage-faq-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:768px){

    .contactpage-office-card{
        flex-direction:column;
    }

    .contactpage-office-image img{
        width:100%;
        height:250px;
    }

    .contactpage-benefits-wrapper{
        grid-template-columns:1fr;
    }
}



/*----=====================================---*/


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

.resourcehero-section{
    padding:30px 0;
    background:#fff;
    overflow:hidden;
    background:linear-gradient(180deg, #ffffff 0%, #ffffff 55%, #f7f9fd 100%);
}
.resourcehero-section::before{
    content:"";
    position:absolute;
    left:-40px;
    bottom:40px;

    width:220px;
    height:220px;

    background-image:
    radial-gradient(
        #dcecf9 1.8px,
        transparent 1.8px
    );

    background-size:12px 12px;

    opacity:.9;

    z-index:1;
}

.resourcehero-section::after{
    content:"";
    position:absolute;

    left:150px;
    top:120px;

    width:500px;
    height:500px;

    background:
    radial-gradient(
        circle,
        rgba(0,149,255,.05) 0%,
        transparent 70%
    );

    z-index:0;
}


.resourcehero-wrapper{
    display:grid;
    grid-template-columns:42% 58%;
    align-items:center;
    gap:50px;
    position:relative;
    z-index:2;
}

/* ==========================================
   LEFT CONTENT
========================================== */

.resourcehero-tag{
    display:block;
    margin-bottom:20px;
    color:#1495dc;
    font-size:15px;
    font-weight:700;
    letter-spacing:2px;
}

.resourcehero-content h1{
    font-size:48px;
    line-height:52px;
    font-weight:700;
    color:#08256f;
    margin-bottom:10px;
}

.resourcehero-content h1 span{
    display:block;
    color:#30c0dc;
}

.resourcehero-content p{
    font-size:16px;
    line-height:1.9;
    color:#4f6488;
    margin-bottom:20px;
    max-width:700px;
    width: 400px;
}

.resourcehero-actions{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}

.resourcehero-btn-primary{
    background:#ffb400;
    color:#08256f;
    text-decoration:none;
    font-weight:700;
    padding:18px 32px;
    border-radius:10px;
    display:flex;
    align-items:center;
    gap:10px;
}

.resourcehero-btn-secondary{
    border:2px solid #d7deef;
    color:#08256f;
    text-decoration:none;
    font-weight:700;
    padding:18px 32px;
    border-radius:10px;
    display:flex;
    align-items:center;
    gap:10px;
}

/* ==========================================
   FEATURED ARTICLE CARD
========================================== */

.resourcehero-featured{
    position:relative;
    width:100%;
    max-width:920px;
    margin-left:auto;
}

.resourcehero-featured img{
    width:100%;
    display:block;
    border-radius:28px;
}

/* ==========================================
   OVERLAY CONTENT
========================================== */

.resourcehero-overlay{
    position:absolute;
    top:55px;
    left:85px;
    width:340px;
    z-index:3;
}

.resourcehero-badge{
    display: inline-block;
    background: #1d4df0;
    color: #fff;
    padding: 6px 16px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 28px;
}

.resourcehero-overlay h3{
    color:#fff;
    font-size:28px;
    line-height:1.35;
    font-weight:600;
    margin-bottom:10px;
}

.resourcehero-overlay p{
    color:#d9e5ff;
    font-size:14px;
    line-height:1.8;
    margin-bottom:22px;
}

.resourcehero-meta{
    display:flex;
    flex-wrap:wrap;
    gap:18px;
    margin-bottom:25px;
}

.resourcehero-meta span{
    color:#fff;
    font-size:14px;
    display:flex;
    align-items:center;
    gap:8px;
}

.resourcehero-meta i{
    color:#fff;
}

.resourcehero-readmore{
    color:#ffb400;
    text-decoration:none;
    font-size:16px;
    font-weight:600;
    display:inline-flex;
    align-items:center;
    gap:10px;
}

/* ==========================================
   SHARE BAR
========================================== */

.resourcehero-share{
    position:absolute;
    right:-18px;
    top:50%;
    transform:translateY(-50%);
    width:62px;
    height:255px;
    background:#2ed4cb;
    border-radius:18px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:20px;
    z-index:5;
}

.resourcehero-share span{
    writing-mode:vertical-rl;
    transform:rotate(180deg);
    color:#fff;
    font-size:15px;
    font-weight:700;
}

.resourcehero-share i{
    color:#fff;
    font-size:22px;
}

/* ==========================================
   HOVER
========================================== */

.resourcehero-btn-primary:hover{
    transform:translateY(-2px);
}

.resourcehero-btn-secondary:hover{
    background:#08256f;
    color:#fff;
}

/* ==========================================
   RESPONSIVE
========================================== */

@media(max-width:1400px){

    .resourcehero-content h1{
        font-size:64px;
    }

}

@media(max-width:1199px){

    .resourcehero-wrapper{
        grid-template-columns:1fr;
    }

    .resourcehero-featured{
        margin:auto;
    }

}

@media(max-width:768px){

    .resourcehero-content h1{
        font-size:48px;
    }

    .resourcehero-overlay{
        position:static;
        width:100%;
        padding:25px;
        background:#08256f;
        border-radius:0 0 25px 25px;
    }

    .resourcehero-share{
        display:none;
    }

    .resourcehero-actions{
        flex-direction:column;
    }

}


/*----==================================---*/


/* ==========================
   EXPLORE TOPICS
========================== */

.topic-section{
    padding:60px 0;
    background:#fff;
}

.topic-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:20px;
    margin-top:50px;
}

.topic-card{
    background:#fff;
    border:1px solid #edf1f7;
    border-radius:20px;
    padding:30px 15px;
    transition:.3s;
    height:100%;
}

.topic-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.topic-icon{
    width:60px;
    height:60px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 25px;
    color:#fff;
    font-size:36px;
}

.ai-bg{
    background:#08257f;
}

.automation-bg{
    background:#10b9a5;
}

.analytics-bg{
    background:#ffb400;
}

.powerapps-bg{
    background:#5834f3;
}

.cloud-bg{
    background:#1665ea;
}

.software-bg{
    background:#11b8a4;
}

.topic-card h3{
    font-size:14px;
    line-height:1.3;
    color:#08257f;
    text-align:center;
    margin-bottom:20px;
    font-weight:700;
}

.topic-card ul{
    padding-left:18px;
    margin:0 0 20px;
}

.topic-card ul li{
    font-size:13px;
    color:#28385f;
    margin-bottom:10px;
    line-height:1.6;
}

.topic-link{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#1665ea;
    font-size:14px;
    font-weight:600;
    text-decoration:none;
}

.topic-link:hover{
    color:#08257f;
}

.topic-link i{
    transition:.3s;
}

.topic-link:hover i{
    transform:translateX(5px);
}


/*--=====================================--*/


/*=========================
LATEST ARTICLES
=========================*/

.latest-articles-section{
    padding:0px 0;
    background:rgba(0, 0, 0, .02);
    padding:60px 0;
}

.articles-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin-top:50px;
}

.article-card{
    background:#fff;
    border:1px solid #edf1f7;
    border-radius:20px;
    overflow:hidden;
    transition:.3s;
}

.article-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.article-image{
    position:relative;
    height:230px;
}

.article-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.article-tag{
    position:absolute;
    left:20px;
    bottom:20px;
    background:#fff;
    color:#08257f;
    font-size:12px;
    font-weight:700;
    padding:10px 18px;
    border-radius:10px;
    letter-spacing:.5px;
}

.article-content{
    padding:28px;
}

.article-content h3{
    font-size:22px;
    line-height:33px;
    color:#08257f;
    margin-bottom:18px;
    font-weight:700;
}

.article-content p{
    font-size:14px;
    color:#566784;
    line-height:1.8;
    margin-bottom:30px;
}

.article-footer{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.article-meta{
    display:flex;
    gap:25px;
    flex-wrap:wrap;
}

.article-meta span{
    font-size:13px;
    color:#5f6e88;
}

.article-meta i{
    margin-right:8px;
    color:#08257f;
}

.article-arrow{
    width:45px;
    height:45px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#08257f;
    text-decoration:none;
    font-size:18px;
}

.article-arrow:hover{
    color:#1a73e8;
}

.view-all-wrap{
    text-align:center;
    margin-top:50px;
}

.view-all-btn{
    color:#08257f;
    font-size:18px;
    font-weight:700;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    gap:10px;
}

.view-all-btn:hover{
    color:#1a73e8;
}

/* Responsive */

@media(max-width:1200px){

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

}

@media(max-width:768px){

    .articles-grid{
        grid-template-columns:1fr;
    }

    .article-content h3{
        font-size:24px;
    }

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

}


/*--====================================---*/


/*====================================================
INSIGHTS BY INDUSTRY + DOWNLOADABLE RESOURCES
====================================================*/

.resources-extra-section{
    padding:60px 0;
    background:#fff;
}

/* heading */






.resources-heading{
    margin-top:80px;
}

/* industry cards */

.resources-extra-section .industry-grid{
    display:grid;
    grid-template-columns:repeat(7,1fr);
    gap:20px;
    padding-top: 50px;
}

.resources-extra-section .industry-card{
    background:#fff;
    border:1px solid #edf1f7;
    border-radius:18px;
    padding:30px 20px;
    text-align:center;
    transition:.3s;
}

.resources-extra-section .industry-card:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 30px rgba(0,0,0,.08);
}

.resources-extra-section .industry-icon{
    width:70px;
    height:70px;
    margin:0 auto 20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
}

.finance i{
    color:#0b43d9;
}

.healthcare i{
    color:#15c5b2;
}

.manufacturing i{
    color:#0b43d9;
}

.retail i{
    color:#0b43d9;
}

.education i{
    color:#16b7bf;
}

.logistics i{
    color:#f5a300;
}

.realestate i{
    color:#0b43d9;
}

.resources-extra-section .industry-card h3{
    font-size:15px;
    line-height:1.4;
    color:#08257f;
    margin-bottom:20px;
    font-weight:700;
}

.resources-extra-section .industry-card a{
    color:#1a5cff;
    font-size:16px;
    font-weight:600;
    text-decoration:none;
}

.resources-extra-section .industry-card a i{
    margin-left:8px;
    font-size: 13px;
}

/* downloadable resources */

.download-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
    padding-top: 40px;
}

.download-card{
    background:#fff;
    border:1px solid #edf1f7;
    border-radius:20px;
    padding:25px 15px;
    display:flex;
    gap:20px;
    transition:.3s;
}

.download-card:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 30px rgba(0,0,0,.08);
}

.download-icon{
    width:55px;
    min-width:55px;
    height:55px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    color:#fff;
}

.download-icon.blue{
    background:#1460ff;
}

.download-icon.green{
    background:#17c6b2;
}

.download-icon.orange{
    background:#f7b000;
}

.download-icon.purple{
    background:#5f38ff;
}

.download-content h3{
    font-size:17px;
    line-height:1.4;
    color:#08257f;
    margin-bottom:6px;
    font-weight:700;
}

.download-content p{
    font-size:14px;
    line-height:1.8;
    color:#596987;
    margin-bottom:10px;
}

.download-content a{
    text-decoration:none;
    color:#1a5cff;
    font-weight:500;
    font-size:14px;
}

.download-content a i{
    margin-left:8px;
}

/* responsive */

@media(max-width:1400px){

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

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

@media(max-width:768px){

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

    .download-grid{
        grid-template-columns:1fr;
    }

    .download-card{
        flex-direction:column;
    }
}


/*--- ================================== ---*/


/*====================================
RESOURCE NEWSLETTER
====================================*/

.res-newsletter-section{
    padding:50px 0;
    background:#ffffff;
    padding-top: 0;
}

.res-newsletter-box{
    background:#08257f;
    border-radius:0px;
    padding:50px 60px;

    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:60px;
}

.res-newsletter-left{
    display:flex;
    align-items:center;
    gap:25px;
    flex:1;
}

.res-newsletter-icon{
    width:100px;
    height:100px;
    min-width:100px;

    background:rgba(255,255,255,.12);
    border-radius:50%;

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

    color:#fff;
    font-size:42px;
}

.res-newsletter-content h2{
    color:#fff;
    font-size:32px;
    line-height:1.25;
    margin-bottom:15px;
    font-weight:700;
}

.res-newsletter-content p{
    color:rgba(255,255,255,.85);
    font-size:14px;
    line-height:1.8;
    max-width:600px;
}

.res-newsletter-right{
    flex:1;
}

.res-newsletter-form{
    display:flex;
    overflow:hidden;
    border-radius:12px;
    margin-bottom:25px;
}

.res-newsletter-form input{
    flex:1;
    border:none;
    outline:none;
    height:65px;
    padding:0 25px;
    font-size:16px;
}

.res-newsletter-form button{
    border:none;
    background:#f4b400;
    color:#08257f;
    padding:0 40px;
    font-size:17px;
    font-weight:700;
    cursor:pointer;
    transition:.3s;
}

.res-newsletter-form button:hover{
    background:#ffc72c;
}

.res-newsletter-benefits{
    display:flex;
    flex-wrap:wrap;
    gap:30px;
}

.res-newsletter-benefits span{
    color:#fff;
    font-size:15px;
    display:flex;
    align-items:center;
    gap:8px;
}

.res-newsletter-benefits i{
    color:#f4b400;
}

/* Responsive */

@media(max-width:1200px){

    .res-newsletter-box{
        flex-direction:column;
        align-items:flex-start;
    }

    .res-newsletter-right{
        width:100%;
    }
}

@media(max-width:768px){

    .res-newsletter-box{
        padding:35px 25px;
    }

    .res-newsletter-left{
        flex-direction:column;
        align-items:flex-start;
    }

    .res-newsletter-content h2{
        font-size:30px;
    }

    .res-newsletter-form{
        flex-direction:column;
        border-radius:0;
        overflow:visible;
        gap:15px;
    }

    .res-newsletter-form input,
    .res-newsletter-form button{
        width:100%;
        border-radius:12px;
    }
}

/*--=============================--*/

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

.aihero-section{
    position: relative;
    overflow: hidden;

    padding: 30px 0;

    background-image: url('../images/ai-hero-bg.png');
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
}

.aihero-wrapper{
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 60px;
}

.aihero-content{
    max-width: 650px;
}

.aihero-tag{
    display: inline-block;

    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;

    color: #0b82d9;
    text-transform: uppercase;

    margin-bottom: 20px;
}

.aihero-content h1{
    font-size: 51px;
    line-height: 62px;
    font-weight: 600;
    color: #082567;
    margin-bottom: 10px;
    letter-spacing: 0;
}

.aihero-content p{
    font-size: 16px;
    line-height: 1.9;

    color: #495a84;

    max-width: 450px;

    margin-bottom: 40px;
}

.aihero-buttons{
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 50px;
}

.btn-primary{
    display: inline-flex;
    align-items: center;
    gap: 12px;

    padding: 18px 28px;

    background: #f4b400;
    color: #082567;

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

    border-radius: 12px;

    transition: .3s;
}

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

.btn-outline{
    display: inline-flex;
    align-items: center;
    gap: 12px;

    padding: 18px 28px;

    border: 2px solid #bfc8e6;

    color: #082567;
    background: #fff;

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

    border-radius: 12px;

    transition: .3s;
}

.btn-outline:hover{
    border-color: #082567;
}

.aihero-image{
    text-align: right;
}

.aihero-image img{
    width: 100%;
    max-width: 760px;

    display: block;
    margin-left: auto;
}

/* ==========================
   RESPONSIVE
========================== */

@media(max-width:991px){

    .aihero-wrapper{
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .aihero-content{
        max-width: 100%;
    }

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

    .aihero-image{
        text-align: center;
    }

    .aihero-image img{
        margin: auto;
    }

}

@media(max-width:767px){

    .aihero-section{
        padding: 70px 0;
    }

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

    .aihero-content p{
        font-size: 18px;
        line-height: 1.7;
    }

    .aihero-buttons{
        flex-direction: column;
        align-items: stretch;
    }

}



/*---========================================--*/

.ai-solutions-section{
    padding:50px 0;
    background:#fff;
    padding-bottom: 0;
}

.ai-solutions-heading{
    text-align:center;
    max-width:1000px;
    margin:0 auto 60px;
}

.ai-solutions-heading .section-title-wrap{
    padding-top: 20px;
}

.ai-solutions-tag{
    display:block;
    color:#1785d4;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:20px;
}

.ai-solutions-heading p{
    max-width:1000px;
    margin:0 auto;
    color:#566889;
    line-height:1.9;
    font-size:18px;
}

.ai-solutions-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.ai-solution-card{
    background:#fff;
    border:1px solid #edf1f7;
    border-radius:24px;
    padding:30px;
    /*min-height:450px;*/
    transition:.3s;
}

.ai-solution-card:hover{
    transform:translateY(-6px);
    box-shadow:0 20px 40px rgba(0,0,0,.08);
}

.ai-card-top{
    display:flex;
    align-items:flex-start;
    gap:20px;
    margin-bottom:0px;
}

.ai-card-icon{
    width:90px;
    height:90px;
    min-width:90px;
    border-radius:50%;
    background:#eef6ff;
    display:flex;
    align-items:center;
    justify-content:center;
}

.ai-card-icon img{
    width:45px;
}

.purple-bg{
    background:#f4efff;
}

.ai-card-content h3{
    font-size:22px;
    line-height:1.2;
    margin-bottom:12px;
    color:#06245d;
}

.ai-card-content p{
    color:#566889;
    line-height:1.8;
    font-size:14px;
}

.ai-card-bottom{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    margin-top:10px;
    gap:20px;
}

.ai-card-image{
    width:42%;
}

.ai-card-image img{
    width:100%;
    display:block;
}

.ai-card-usecases{
    width:58%;
}

.ai-card-usecases h4{
    text-align:left;
    color:#06245d;
    font-size:16px;
    margin-bottom:5px;
    font-weight: 600;
}

.ai-card-usecases ul{
    list-style:none;
    padding:0;
    margin:0;
}

.ai-card-usecases ul li{
   position: relative;
    padding-left: 28px;
    margin-bottom: 5px;
    color: #566889;
    font-size: 14px;
}

.ai-card-usecases ul li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    color:#0d5ddf;
    font-weight:700;
}

@media(max-width:1199px){

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

}

@media(max-width:767px){

    .ai-solutions-grid{
        grid-template-columns:1fr;
    }

    .ai-card-bottom{
        flex-direction:column;
        align-items:center;
    }

    .ai-card-image,
    .ai-card-usecases{
        width:100%;
    }

    .ai-card-content h3{
        font-size:26px;
    }
}

/*--==================================---*/


.ai-benefits-section{
    padding:50px 0;
    background:#fff;
    padding-top:0;
}



.ai-benefits-section .section-title-wrap{

    margin: 50px 0;

}

/* ==========================
   INDUSTRY SECTION
========================== */

.ai-industry-box{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    border:1px solid #edf1f7;
    border-radius:24px;
    overflow:hidden;
    background:#fff;
}

.ai-industry-item{
    padding:35px 24px;
    text-align:left;
    border-right:1px solid #edf1f7;
}

.ai-industry-item:last-child{
    border-right:none;
}

.ai-industry-item img{
    width:58px;
    height:58px;
    object-fit:contain;
    margin-bottom:18px;
}

.ai-industry-item h3{
    font-size:18px;
    color:#082b67;
    font-weight:700;
    margin-bottom:12px;
}

.ai-industry-item p{
    color:#5f6f8f;
    line-height:1.8;
    font-size:14px;
}

/* ==========================
   WHY AI SECTION
========================== */

.ai-why-box{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    border:1px solid #edf1f7;
    border-radius:24px;
    overflow:hidden;
    background:#fff;
}

.ai-why-item{
    padding:35px 24px;
    border-right:1px solid #edf1f7;
}

.ai-why-item:last-child{
    border-right:none;
}

.ai-why-icon{
    width:72px;
    height:72px;
    border-radius:50%;
    background:#f4f8ff;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:20px;
}

.ai-why-icon img{
    width:50px;
}

.ai-why-item h3{
    font-size:18px;
    line-height:1.4;
    color:#082b67;
    margin-bottom:15px;
    font-weight:700;
}

.ai-why-item p{
    font-size:14px;
    line-height:1.9;
    color:#5f6f8f;
}

/* ==========================
   RESPONSIVE
========================== */

@media(max-width:1199px){

    .ai-industry-box,
    .ai-why-box{
        grid-template-columns:repeat(3,1fr);
    }

    .ai-industry-item:nth-child(3),
    .ai-why-item:nth-child(3){
        border-right:none;
    }

}

@media(max-width:767px){

    .ai-industry-box,
    .ai-why-box{
        grid-template-columns:1fr;
    }

    .ai-industry-item,
    .ai-why-item{
        border-right:none;
        border-bottom:1px solid #edf1f7;
    }

    .ai-industry-item:last-child,
    .ai-why-item:last-child{
        border-bottom:none;
    }

}


/*----==============================------*/


.techstack-section{
    padding:100px 0;
    background:#fff;
    padding-top: 0;
}

.techstack-section .section-title-wrap  {
    padding-bottom: 50px;
}

.techstack-wrapper{
    display:grid;
    grid-template-columns:repeat(8,1fr);
    background:#fff;
    border:1px solid #edf1f7;
    border-radius:24px;
    overflow:hidden;
}

.techstack-item{
    min-height:120px;
    padding:25px 18px;
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:15px;
    border-right:1px solid #edf1f7;
    transition:.3s;
}

.techstack-item:last-child{
    border-right:none;
}

.techstack-item:hover{
    background:#f8fbff;
}

.techstack-item img{
    width:55px;
    height:55px;
    object-fit:contain;
}

.techstack-item span{
    font-size:18px;
    font-weight:600;
    color:#082b67;
    line-height:1.4;
}

/* Tablet */

@media(max-width:1199px){

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

    .techstack-item:nth-child(4){
        border-right:none;
    }

}

/* Mobile */

@media(max-width:767px){

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

    .techstack-item{
        border-right:1px solid #edf1f7;
        border-bottom:1px solid #edf1f7;
    }

    .techstack-item:nth-child(even){
        border-right:none;
    }

    .techstack-item img{
        width:45px;
        height:45px;
    }

    .techstack-item span{
        font-size:16px;
    }

}


/*---===================================---*/

.ai-process-section{
    padding:100px 0;
    background:#fff;
    padding-bottom: 50px;
    padding-top: 0;
}

.ai-process-wrapper{
    display:grid;
    grid-template-columns:repeat(7,1fr);
    gap:20px;
    margin-top:50px;
}

.ai-process-step{
    position:relative;
}

.ai-process-top{
    display:flex;
    align-items:center;
    margin-bottom:25px;
}

.ai-step-number{
    width:56px;
    height:56px;
    min-width:56px;
    border-radius:50%;
    background:#062a68;
    color:#fff;
    font-size:22px;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
}

.ai-process-line{
    flex:1;
    display:flex;
    align-items:center;
    margin-left:10px;
}

.ai-process-line span{
    flex:1;
    height:4px;
    background:#0b2e72;
    border-radius:50px;
}

.ai-process-dot{
    width:8px;
    height:8px;
    background:#0b2e72;
    border-radius:50%;
    margin:0 10px;
}

.ai-process-arrow{
    width:24px;
    height:24px;
    border-radius:50%;
    background:#f7aa00;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:10px;
}

.last-step{
    justify-content:flex-start;
}

.last-step span{
    max-width:60px;
}

.ai-process-step h3{
    font-size:18px;
    color:#062a68;
    font-weight:700;
    margin-bottom:12px;
    line-height:1.4;
}

.ai-process-step p{
    color:#5d6d8c;
    font-size:15px;
    line-height:1.9;
    margin:0;
}

/* Tablet */

@media(max-width:1199px){

    .ai-process-wrapper{
        grid-template-columns:repeat(3,1fr);
        row-gap:50px;
    }

}

/* Mobile */

@media(max-width:767px){

    .ai-process-wrapper{
        grid-template-columns:1fr;
        gap:35px;
    }

    .ai-process-line{
        display:none;
    }

    .ai-step-number{
        width:50px;
        height:50px;
        min-width:50px;
        font-size:18px;
    }
}




/*---===================================----*/

.ai-impact-section{
    padding:0px 0;
    background:#fff;
}

.ai-impact-section .section-title-wrap{
    padding-bottom: 50px;
}

.impact-metrics-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.impact-metric-card{
    background:#fff;
    border:1px solid #edf1f7;
    border-radius:22px;
    padding:30px;
    display:flex;
    align-items:center;
    gap:25px;
    min-height:170px;
    transition:.3s;
}

.impact-metric-card:hover{
    transform:translateY(-5px);
    box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.impact-metric-icon{
    width:110px;
    height:110px;
    min-width:110px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.impact-metric-icon img{
    width:52px;
    height:52px;
    object-fit:contain;
}

.impact-teal-bg{
    background:linear-gradient(135deg,#00c6d7,#007ca5);
}

.impact-orange-bg{
    background:linear-gradient(135deg,#ffbf00,#ff9800);
}

.impact-purple-bg{
    background:linear-gradient(135deg,#9c27ff,#6f00c6);
}

.impact-blue-bg{
    background:linear-gradient(135deg,#006bb8,#003f88);
}

.impact-metric-content h3{
    font-size:52px;
    line-height:1;
    font-weight:700;
    color:#082b67;
    margin-bottom:12px;
}

.impact-metric-content p{
    font-size:16px;
    line-height:1.5;
    color:#082b67;
    font-weight:500;
    margin:0;
}

/* Tablet */

@media(max-width:1199px){

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

}

/* Mobile */

@media(max-width:767px){

    .impact-metrics-grid{
        grid-template-columns:1fr;
    }

    .impact-metric-card{
        padding:25px;
        gap:20px;
    }

    .impact-metric-icon{
        width:85px;
        height:85px;
        min-width:85px;
    }

    .impact-metric-content h3{
        font-size:42px;
    }

    .impact-metric-content p{
        font-size:18px;
    }

}


/*---====================================--*/


.ai-success-story-section{
    padding:50px 0;
    background:#fff;
}

.ai-success-story-section .section-title-wrap{
    padding-bottom: 50px;
}

.ai-success-story-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
}

.ai-success-story-card{
    background:#fff;
    border:1px solid #edf1f7;
    border-radius:18px;
    padding:14px;
    display:flex;
    gap:20px;
    align-items:flex-start;
    transition:.3s;
}

.ai-success-story-card:hover{
    transform:translateY(-5px);
    box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.ai-success-story-image{
    width:200px;
    min-width:200px;
    height:190px;
    border-radius:14px;
    overflow:hidden;
}

.ai-success-story-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.ai-success-story-content{
    flex:1;
}

.ai-success-story-content h3{
    font-size:16px;
    font-weight:700;
    color:#082b67;
    margin-bottom:5px;
}

.ai-story-category{
    display:block;
    font-size:15px;
    color:#25b7d3;
    font-weight:500;
    margin-bottom:5px;
}

.ai-success-story-content p{
    font-size:13px;
    line-height:1.8;
    color:#303c55;
    margin-bottom:5px;
}

.ai-story-link{
    display:inline-flex;
    align-items:center;
    gap:12px;
    text-decoration:none;
    color:#1678c9;
    font-size:14px;
    font-weight:700;
}

.ai-story-link i{
    transition:.3s;
}

.ai-story-link:hover i{
    transform:translateX(6px);
}

/* Responsive */

@media(max-width:1199px){

    .ai-success-story-grid{
        grid-template-columns:1fr;
    }

}

@media(max-width:767px){

    .ai-success-story-card{
        flex-direction:column;
    }

    .ai-success-story-image{
        width:100%;
        min-width:100%;
        height:220px;
    }

    .ai-success-story-content h3{
        font-size:24px;
    }

    .ai-story-category{
        font-size:18px;
    }

    .ai-success-story-content p{
        font-size:16px;
    }

}




/*---=================================---*/


.automation-hero-section{
    position:relative;
    padding:40px 0;
    overflow:hidden;

    /* Tumhari curve wali image */
    background:url("../images/hero-bg.png") no-repeat center center;
    background-size:100%;
}

.automation-hero-wrapper{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:60px;
}

.automation-hero-content{
    width:45%;
}

.automation-hero-tag{
    display:block;
    font-size:16px;
    font-weight:700;
    letter-spacing:1px;
    color:#0f75bc;
    margin-bottom:20px;
}

.automation-hero-content h1{
    font-size:42px;
    line-height:1.15;
    font-weight:800;
    color:#082b67;
    margin-bottom:30px;
}

.automation-hero-content p{
    font-size:22px;
    line-height:1.8;
    color:#324a6d;
    max-width:700px;
    margin-bottom:40px;
}

.automation-hero-buttons{
    display:flex;
    align-items:center;
    gap:28px;
    flex-wrap:nowrap;
}

.automation-primary-btn{
    background:#f7b500;
    color:#082b67;
    text-decoration:none;
    font-size:14px;
    font-weight:700;
    padding:18px 34px;
    border-radius:10px;
    display:flex;
    align-items:center;
    gap:12px;
    transition:.3s;
     min-width:auto;
}

.automation-primary-btn:hover{
    background:#e2a400;
}

.automation-secondary-btn{
    background:#fff;
    border:2px solid #7d89c7;
    color:#082b67;
    text-decoration:none;
    font-size:14px;
    font-weight:700;
    padding:18px 34px;
    border-radius:10px;
    display:flex;
    align-items:center;
    gap:12px;
    transition:.3s;
    min-width:auto;
}

.automation-primary-btn,
.automation-secondary-btn{
    min-height: auto;
    padding: 10px 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

.automation-secondary-btn:hover{
    background:#082b67;
    color:#fff;
}

.automation-hero-image{
    width:50%;
    text-align:right;
    padding-right: 120px;
}

.automation-hero-image img{
    max-width:100%;
    height:auto;
    display:block;
    margin-left:auto;
}

/* Responsive */

@media(max-width:991px){

    .automation-hero-wrapper{
        flex-direction:column;
        text-align:center;
    }

    .automation-hero-content,
    .automation-hero-image{
        width:100%;
    }

    .automation-hero-buttons{
        justify-content:center;
    }

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

}

@media(max-width:767px){

    .automation-hero-section{
        padding:70px 0;
    }

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

    .automation-hero-content p{
        font-size:18px;
    }

}


/*---===============================-----*/


.rpa-solutions-section{
    padding:80px 0;
    background:#ffffff;
}

.rpa-solutions-heading{
    text-align:center;
    margin-bottom:30px;
}

.rpa-solutions-heading .section-title{
    margin:0;
    color:#0879b9;
    font-size:17px;
    font-weight:800;
    letter-spacing:.5px;
    text-transform:uppercase;
}

.rpa-solutions-heading .section-line{
    width:48px;
    height:3px;
    margin:10px auto 15px;
    border-radius:10px;
    background:#ffb400;
}

.rpa-solutions-heading p{
    max-width:850px;
    margin:0 auto 28px;
    color:#263e70;
    font-size:17px;
    line-height:1.8;
}

.rpa-solutions-heading h3{
    margin:0;
    color:#0879b9;
    font-size:17px;
    font-weight:800;
    letter-spacing:.5px;
}

/* Cards */

.rpa-solutions-grid{
    display:grid;
    grid-template-columns:repeat(6, 1fr);
    gap:10px;
}

.rpa-solution-card{
    min-height:355px;
    padding:30px 24px 25px;
    border:1px solid #e6ebf3;
    border-radius:14px;
    background:#ffffff;
    box-shadow:0 5px 16px rgba(11, 43, 103, .05);
    transition:.3s ease;
}

.rpa-solution-card:hover{
    transform:translateY(-7px);
    border-color:#bcd7ee;
    box-shadow:0 14px 28px rgba(11, 43, 103, .12);
}

.rpa-solution-image{
    height:104px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:18px;
}

.rpa-solution-image img{
    max-width:100px;
    max-height:100px;
    object-fit:contain;
}

.rpa-solution-card h4{
    margin:0 0 15px;
    color:#092d6d;
    font-size:17px;
    font-weight:800;
    line-height:1.35;
}

.rpa-solution-card p{
    min-height:105px;
    margin:0 0 20px;
    color:#3c527d;
    font-size:14px;
    line-height:1.8;
}

.rpa-learn-link{
    display:inline-flex;
    align-items:center;
    gap:13px;
    color:#0a3b88;
    font-size:14px;
    font-weight:800;
    text-decoration:none;
}

.rpa-learn-link span{
    font-size:25px;
    line-height:1;
    transition:.3s ease;
}

.rpa-learn-link:hover span{
    transform:translateX(6px);
}

/* Laptop */

@media(max-width:1399px){

    .rpa-solutions-grid{
        grid-template-columns:repeat(3, 1fr);
        gap:20px;
    }

    .rpa-solution-card{
        min-height:330px;
    }

}

/* Tablet */

@media(max-width:767px){

    .rpa-solutions-section{
        padding:60px 0;
    }

    .rpa-solutions-heading p{
        font-size:15px;
    }

    .rpa-solutions-heading p br{
        display:none;
    }

    .rpa-solutions-grid{
        grid-template-columns:repeat(2, 1fr);
        gap:15px;
    }

    .rpa-solution-card{
        min-height:auto;
        padding:24px 18px;
    }

}

/* Mobile */

@media(max-width:480px){

    .rpa-solutions-grid{
        grid-template-columns:1fr;
    }

    .rpa-solution-card p{
        min-height:auto;
    }

}




/*---=============================----*/


.automation-benefits-section{
    padding:70px 0 80px;
    background:#fff;
    padding-top: 0;
}

.automation-benefits-heading{
    text-align:center;
    margin-bottom:18px;
}

.automation-benefits-heading .section-title{
    margin:0;
    color:#0879b9;
    font-size:17px;
    font-weight:800;
    letter-spacing:.5px;
    text-transform:uppercase;
}

.automation-benefits-heading .section-line{
    width:48px;
    height:3px;
    margin:9px auto 0;
    border-radius:10px;
    background:#ffb400;
}

/* Main white rounded box */
.automation-benefits-box{
    display:grid;
    grid-template-columns:repeat(6, 1fr);
    border:1px solid #e5ebf4;
    border-radius:18px;
    background:#fff;
    box-shadow:0 7px 20px rgba(15, 44, 95, .06);
    overflow:hidden;
}

/* Individual benefit */
.automation-benefit-item{
    display:flex;
    align-items:flex-start;
    gap:15px;
    min-height:170px;
    padding:35px 20px 25px;
    position:relative;
}

/* Vertical divider */
.automation-benefit-item:not(:last-child)::after{
    content:"";
    width:1px;
    height:105px;
    position:absolute;
    top:32px;
    right:0;
    background:#e6ebf3;
}

.automation-benefit-icon{
    width:54px;
    min-width:54px;
    height:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    font-size:22px;
    background:#f0f5ff;
    color:#0c4ca3;
}

.automation-benefit-content h4{
    margin:0 0 10px;
    color:#0a2d6e;
    font-size:16px;
    font-weight:800;
    line-height:1.3;
}

.automation-benefit-content p{
    margin:0;
    color:#4b5f87;
    font-size:14px;
    line-height:1.75;
}

/* Icon subtle color variations */
.cost-icon{
    color:#0a62a8;
    background:#edf5ff;
}

.accuracy-icon{
    color:#335ab5;
    background:#f0f3ff;
}

.productivity-icon{
    color:#3259b5;
    background:#eef3ff;
}

.scalability-icon{
    color:#087f98;
    background:#e8f8f7;
}

.compliance-icon{
    color:#118b94;
    background:#e7f8f7;
}

.turnaround-icon{
    color:#214ca8;
    background:#eef2ff;
}

/* Tablet */
@media(max-width:1199px){

    .automation-benefits-box{
        grid-template-columns:repeat(3, 1fr);
    }

    .automation-benefit-item:nth-child(3)::after{
        display:none;
    }

    .automation-benefit-item:nth-child(-n+3){
        border-bottom:1px solid #e6ebf3;
    }

}

/* Mobile */
@media(max-width:767px){

    .automation-benefits-section{
        padding:55px 0;
    }

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

    .automation-benefit-item{
        min-height:auto;
        padding:22px;
    }

    .automation-benefit-item:not(:last-child)::after{
        width:calc(100% - 44px);
        height:1px;
        top:auto;
        right:auto;
        bottom:0;
        left:22px;
    }

    .automation-benefit-item:nth-child(-n+3){
        border-bottom:none;
    }

}



/*---==============================----*/



.automation-tech-section{
    padding:70px 0 80px;
    background:#ffffff;
    padding-top: 0;
}

.automation-tech-heading{
    text-align:center;
    margin-bottom:18px;
}

.automation-tech-heading .section-title{
    margin:0;
    color:#0879b9;
    font-size:17px;
    font-weight:800;
    letter-spacing:.5px;
    text-transform:uppercase;
}

.automation-tech-heading .section-line{
    width:48px;
    height:3px;
    margin:9px auto 0;
    border-radius:10px;
    background:#ffb400;
}

/* Main logo box */
.automation-tech-box{
    display:grid;
    grid-template-columns:repeat(8, 1fr);
    align-items:center;
    min-height:112px;
    border:1px solid #e5ebf4;
    border-radius:18px;
    background:#ffffff;
    box-shadow:0 7px 20px rgba(15, 44, 95, .05);
    overflow:hidden;
}

.automation-tech-item{
    min-height:72px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:12px 18px;
    position:relative;
}

.automation-tech-item:not(:last-child)::after{
    content:"";
    width:1px;
    height:58px;
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
    background:#e7ecf4;
}

.automation-tech-item img{
    max-width:145px;
    max-height:52px;
    width:auto;
    height:auto;
    object-fit:contain;
    transition:.3s ease;
}

.automation-tech-item:hover img{
    transform:scale(1.07);
}

/* Tablet */
@media(max-width:1199px){

    .automation-tech-box{
        grid-template-columns:repeat(4, 1fr);
    }

    .automation-tech-item:nth-child(4)::after{
        display:none;
    }

    .automation-tech-item:nth-child(-n+4){
        border-bottom:1px solid #e7ecf4;
    }

}

/* Mobile */
@media(max-width:767px){

    .automation-tech-section{
        padding:55px 0;
    }

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

    .automation-tech-item{
        min-height:90px;
    }

    .automation-tech-item:nth-child(even)::after{
        display:none;
    }

    .automation-tech-item:nth-child(-n+6){
        border-bottom:1px solid #e7ecf4;
    }

    .automation-tech-item img{
        max-width:125px;
        max-height:45px;
    }

}


/*---==============================---*/


.automation-industry-section{
    padding:70px 0 80px;
    background:#fff;
    padding-top: 0;
}

.automation-industry-heading{
    text-align:center;
    margin-bottom:18px;
}

.automation-industry-heading .section-title{
    margin:0;
    color:#0879b9;
    font-size:17px;
    font-weight:800;
    letter-spacing:.5px;
    text-transform:uppercase;
}

.automation-industry-heading .section-line{
    width:48px;
    height:3px;
    margin:9px auto 0;
    border-radius:10px;
    background:#ffb400;
}

/* Outer white box */
.automation-industry-box{
    display:grid;
    grid-template-columns:repeat(6, 1fr);
    border:1px solid #e5ebf4;
    border-radius:18px;
    background:#fff;
    box-shadow:0 7px 20px rgba(15, 44, 95, .05);
    overflow:hidden;
}

/* Each industry */
.automation-industry-item{
    display:flex;
    align-items:flex-start;
    gap:16px;
    min-height:165px;
    padding:34px 20px 25px;
    position:relative;
}

.automation-industry-item:not(:last-child)::after{
    content:"";
    position:absolute;
    top:30px;
    right:0;
    width:1px;
    height:108px;
    background:#e6ebf3;
}

.automation-industry-icon{
    width:58px;
    min-width:58px;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#173d8d;
    font-size:31px;
}

.automation-industry-content h4{
    margin:0 0 12px;
    color:#0a2d6e;
    font-size:16px;
    font-weight:800;
    line-height:1.3;
}

.automation-industry-content p{
    margin:0;
    color:#4b5f87;
    font-size:13px;
    line-height:1.8;
}

/* Tablet */
@media(max-width:1199px){

    .automation-industry-box{
        grid-template-columns:repeat(3, 1fr);
    }

    .automation-industry-item:nth-child(3)::after{
        display:none;
    }

    .automation-industry-item:nth-child(-n+3){
        border-bottom:1px solid #e6ebf3;
    }
}

/* Mobile */
@media(max-width:767px){

    .automation-industry-section{
        padding:55px 0;
    }

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

    .automation-industry-item{
        min-height:auto;
        padding:23px;
    }

    .automation-industry-item:not(:last-child)::after{
        width:calc(100% - 46px);
        height:1px;
        top:auto;
        right:auto;
        bottom:0;
        left:23px;
    }

    .automation-industry-item:nth-child(-n+3){
        border-bottom:none;
    }
}


/*---============================---*/


.automation-industry-section{
    padding: 70px 0 80px;
    background: #ffffff;
}

.automation-industry-heading{
    text-align: center;
    margin-bottom: 18px;
}

.automation-industry-heading .section-title{
    margin: 0;
    color: #0879b9;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.automation-industry-heading .section-line{
    width: 48px;
    height: 3px;
    margin: 9px auto 0;
    border-radius: 10px;
    background: #ffb400;
}

/* Main outer box */
.automation-industry-box{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    border: 1px solid #e5ebf4;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 7px 20px rgba(15, 44, 95, .05);
    overflow: hidden;
}

/* Single item */
.automation-industry-item{
    display: flex;
    align-items: flex-start;
    gap: 16px;
    min-height: 165px;
    padding: 32px 18px 24px;
    position: relative;
}

/* Vertical lines */
.automation-industry-item:not(:last-child)::after{
    content: "";
    position: absolute;
    top: 31px;
    right: 0;
    width: 1px;
    height: 108px;
    background: #e6ebf3;
}

.automation-industry-icon{
    width: 58px;
    min-width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.automation-industry-icon img{
    width: 54px;
    height: 54px;
    object-fit: contain;
}

.automation-industry-content h4{
    margin: 0 0 11px;
    color: #0a2d6e;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.3;
}

.automation-industry-content p{
    margin: 0;
    color: #4b5f87;
    font-size: 13px;
    line-height: 1.8;
}

/* Laptop / tablet */
@media (max-width: 1199px){

    .automation-industry-box{
        grid-template-columns: repeat(3, 1fr);
    }

    .automation-industry-item:nth-child(3)::after{
        display: none;
    }

    .automation-industry-item:nth-child(-n+3){
        border-bottom: 1px solid #e6ebf3;
    }
}

/* Mobile */
@media (max-width: 767px){

    .automation-industry-section{
        padding: 55px 0;
    }

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

    .automation-industry-item{
        min-height: auto;
        padding: 23px;
    }

    .automation-industry-item:not(:last-child)::after{
        width: calc(100% - 46px);
        height: 1px;
        top: auto;
        right: auto;
        bottom: 0;
        left: 23px;
    }

    .automation-industry-item:nth-child(-n+3){
        border-bottom: none;
    }
}


/*---============================---*/

.rpa-approach-section{
    padding:70px 0 85px;
    background:#ffffff;
    overflow:hidden;
}

.rpa-approach-heading{
    text-align:center;
    margin-bottom:35px;
}

.rpa-approach-heading .section-title{
    margin:0;
    color:#0879b9;
    font-size:17px;
    font-weight:800;
    letter-spacing:.5px;
    text-transform:uppercase;
}

.rpa-approach-heading .section-line{
    width:48px;
    height:3px;
    margin:9px auto 0;
    border-radius:10px;
    background:#ffb400;
}

/* Full journey row */
.rpa-approach-steps{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    width:100%;
}

.rpa-approach-step{
    width:155px;
    flex:0 0 155px;
    text-align:center;
    position:relative;
}

.rpa-step-top{
    height:95px;
    display:flex;
    justify-content:center;
    align-items:flex-start;
    position:relative;
}

.rpa-step-number{
    width:39px;
    height:39px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    top:-9px;
    left:8px;
    z-index:2;
    border:2px solid #8ba1ca;
    border-radius:50%;
    color:#123d87;
    background:#ffffff;
    font-size:13px;
    font-weight:800;
}

.rpa-step-icon{
    width:92px;
    height:92px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:#ffffff;
    background:#082b6d;
    box-shadow:0 8px 18px rgba(8, 43, 109, .18);
    font-size:37px;
}

.rpa-approach-step h4{
    margin:17px 0 9px;
    color:#092d6d;
    font-size:17px;
    font-weight:800;
    line-height:1.3;
}

.rpa-approach-step p{
    margin:0 auto;
    max-width:150px;
    color:#4b5f87;
    font-size:14px;
    line-height:1.8;
}

/* Dotted connector + orange arrow */
.rpa-step-connector{
    flex:1;
    min-width:35px;
    height:92px;
    display:flex;
    align-items:center;
    position:relative;
}

.rpa-step-connector::before{
    content:"";
    position:absolute;
    top:46px;
    left:0;
    right:0;
    border-top:2px dotted #8fcdf1;
}

.rpa-step-connector span{
    width:25px;
    height:25px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    top:34px;
    left:50%;
    transform:translateX(-50%);
    border-radius:50%;
    color:#ffffff;
    background:#ffad00;
    font-size:25px;
    font-weight:500;
    line-height:1;
}

/* Laptop */
@media(max-width:1399px){

    .rpa-approach-step{
        width:135px;
        flex:0 0 135px;
    }

    .rpa-step-icon{
        width:82px;
        height:82px;
        font-size:32px;
    }

    .rpa-step-top{
        height:85px;
    }

    .rpa-step-connector{
        height:82px;
    }

    .rpa-step-connector::before{
        top:41px;
    }

    .rpa-step-connector span{
        top:29px;
    }

    .rpa-approach-step p{
        font-size:13px;
    }
}

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

    .rpa-approach-steps{
        display:grid;
        grid-template-columns:repeat(3, 1fr);
        gap:35px 20px;
    }

    .rpa-approach-step{
        width:auto;
        flex:auto;
    }

    .rpa-step-connector{
        display:none;
    }
}

/* Mobile */
@media(max-width:575px){

    .rpa-approach-section{
        padding:55px 0;
    }

    .rpa-approach-steps{
        grid-template-columns:repeat(2, 1fr);
        gap:35px 15px;
    }

    .rpa-step-icon{
        width:76px;
        height:76px;
        font-size:28px;
    }

    .rpa-step-top{
        height:78px;
    }

    .rpa-step-number{
        width:34px;
        height:34px;
        top:-8px;
        left:4px;
        font-size:12px;
    }

    .rpa-approach-step h4{
        font-size:15px;
    }

    .rpa-approach-step p{
        font-size:12px;
        line-height:1.65;
    }
}



/*--============================----*/


.automation-impact-section{
    padding:70px 0 85px;
    background:#ffffff;
}

/* ---------- COMMON HEADING ---------- */

.automation-impact-heading,
.automation-story-heading{
    text-align:center;
}

.automation-impact-heading{
    margin-bottom:22px;
}

.automation-story-heading{
    margin:55px 0 22px;
}

.automation-impact-heading .section-title,
.automation-story-heading .section-title{
    margin:0;
    color:#0879b9;
    font-size:17px;
    font-weight:800;
    letter-spacing:.5px;
    text-transform:uppercase;
}

.automation-impact-heading .section-line,
.automation-story-heading .section-line{
    width:48px;
    height:3px;
    margin:9px auto 0;
    border-radius:10px;
    background:#ffb400;
}

/* ---------- IMPACT CARDS ---------- */

.automation-impact-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:16px;
}

.automation-impact-card{
    min-height:175px;
    display:flex;
    align-items:center;
    gap:27px;
    padding:28px 38px;
    border:1px solid #e5ebf4;
    border-radius:18px;
    background:#ffffff;
    box-shadow:0 7px 20px rgba(15, 44, 95, .05);
}

.automation-impact-icon{
    width:100px;
    min-width:100px;
    height:100px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:#ffffff;
    font-size:43px;
}

.impact-teal{
    background:linear-gradient(135deg, #08aebe, #0477a7);
}

.impact-orange{
    background:linear-gradient(135deg, #ffbc19, #ff9200);
}

.impact-purple{
    background:linear-gradient(135deg, #9e22f0, #6106bb);
}

.impact-blue{
    background:linear-gradient(135deg, #0879c4, #063d91);
}

.automation-impact-content strong{
    display:block;
    margin-bottom:8px;
    color:#092d6d;
    font-size:47px;
    font-weight:800;
    line-height:1;
}

.automation-impact-content p{
    margin:0;
    color:#172e58;
    font-size:16px;
    font-weight:600;
    line-height:1.55;
}

/* ---------- SUCCESS STORY CARDS ---------- */

.automation-story-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:18px;
}

.automation-story-card{
    display:flex;
    align-items:stretch;
    min-height:255px;
    padding:14px;
    border:1px solid #e5ebf4;
    border-radius:18px;
    background:#ffffff;
    box-shadow:0 7px 20px rgba(15, 44, 95, .05);
    transition:.3s ease;
}

.automation-story-card:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 28px rgba(15, 44, 95, .12);
}

.automation-story-image{
    width:205px;
    min-width:205px;
    overflow:hidden;
    border-radius:12px;
}

.automation-story-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.automation-story-content{
    padding:10px 12px 7px 28px;
}

.automation-story-content h4{
    margin:0 0 8px;
    color:#092d6d;
    font-size:17px;
    font-weight:800;
    line-height:1.35;
}

.automation-story-content > span{
    display:block;
    margin-bottom:20px;
    color:#1688bd;
    font-size:15px;
    font-weight:700;
}

.automation-story-content p{
    margin:0 0 20px;
    color:#3e5277;
    font-size:14px;
    line-height:1.75;
}

.automation-story-link{
    display:inline-flex;
    align-items:center;
    gap:14px;
    color:#1688bd;
    font-size:15px;
    font-weight:800;
    text-decoration:none;
}

.automation-story-link span{
    font-size:27px;
    line-height:1;
    transition:.3s ease;
}

.automation-story-link:hover span{
    transform:translateX(6px);
}

/* ---------- RESPONSIVE ---------- */

@media(max-width:1399px){

    .automation-impact-card{
        gap:18px;
        padding:25px 20px;
    }

    .automation-impact-icon{
        width:82px;
        min-width:82px;
        height:82px;
        font-size:35px;
    }

    .automation-impact-content strong{
        font-size:40px;
    }

    .automation-story-image{
        width:170px;
        min-width:170px;
    }

    .automation-story-content{
        padding-left:18px;
    }
}

@media(max-width:991px){

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

    .automation-story-grid{
        grid-template-columns:1fr;
    }

    .automation-story-card{
        max-width:650px;
        margin:auto;
        width:100%;
    }
}

@media(max-width:575px){

    .automation-impact-section{
        padding:55px 0;
    }

    .automation-impact-grid{
        grid-template-columns:1fr;
    }

    .automation-impact-card{
        min-height:145px;
    }

    .automation-story-heading{
        margin-top:45px;
    }

    .automation-story-card{
        display:block;
        padding:12px;
    }

    .automation-story-image{
        width:100%;
        height:210px;
    }

    .automation-story-content{
        padding:20px 8px 8px;
    }

    .automation-story-content > span{
        margin-bottom:12px;
    }
}


/*---===========================---*/



.ngg-footer{
    position:relative;
    margin-top:30px;
}

/* CTA */

.footer-cta-wrap{
    max-width:1400px;
    margin:0 auto;
    padding:0 60px;

    position:relative;
    z-index:10;
}

.footer-cta-card{
    background:#fff;

    border-radius:22px;

    padding:30px 50px;

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

    box-shadow:0 8px 25px rgba(0,0,0,.08);

    margin-bottom:-70px;
}

.footer-cta-left{
    display:flex;
    align-items:center;
    gap:25px;
}

.footer-cta-left img{
    width:120px;
}

.footer-cta-content h2{
    font-size:32px;
    color:#0a4f88;
    margin-bottom:10px;
}

.footer-cta-content p{
    color:#4f596d;
    font-size:15px;
    line-height:1.7;
    max-width:800px;
}

.footer-cta-right{
    display:flex;
    align-items:center;
    gap:30px;
}

.footer-arrow{
    font-size:55px;
    color:#081b4b;
}

.footer-cta-btn{
    background:#f5b400;

    color:#081b4b;
    text-decoration:none;

    padding:20px 35px;

    border-radius:12px;

    font-weight:600;

    display:flex;
    align-items:center;
    gap:12px;
}

/* MAIN FOOTER */

.footer-main{
    background:#031f63;
    padding-top:120px;
}

.footer-container{
    max-width:1600px;
    margin:0 auto;
    padding:0 60px 50px;

    display:grid;
    grid-template-columns:1.2fr 1fr 1fr 1fr 1.2fr;
    gap:50px;
}

.footer-brand img{
    width:230px;
    margin-bottom:20px;
}

.footer-brand p{
    color:#d6e2ff;
    line-height:1.8;
    margin-bottom:25px;
    font-size: 14px;
}

.footer-socials{
    display:flex;
    gap:12px;
}

.footer-socials a{
    width:38px;
    height:38px;

    border:1px solid rgba(255,255,255,.25);

    border-radius:50%;

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

    color:#fff;
    text-decoration:none;
}

.footer-links h4,
.footer-contact h4{
    color:#fff;
    margin-bottom:18px;
}

.footer-links a{
    display:block;

    font-size: 13px;

    color:#d6e2ff;
    text-decoration:none;

    margin-bottom:10px;
}

.footer-contact p{
    color:#d6e2ff;
    margin-bottom:15px;

    display:flex;
    gap:12px;
    line-height:1.6;

    font-size: 13px;
}

/* BOTTOM */

.footer-bottom{
    border-top:1px solid rgba(255,255,255,.1);

    max-width:1600px;
    margin:0 auto;

    padding:20px 60px;

    display:flex;
    align-items:center;
    justify-content:space-between;
}

.footer-bottom span,
.footer-bottom a{
    color:#d6e2ff;
    text-decoration:none;
    font-size:14px;
}

.footer-bottom div{
    display:flex;
    gap:25px;
}



/*---============Mega Menu css ==================----------*/


/* SERVICES DROPDOWN GAP FIX */

.nav-links li.dropdown{
    position: relative;
}

.nav-links li.dropdown .dropdown-menu{
    position: absolute;
    top: calc(100% + 15px) !important;
    left: 0;
    z-index: 9999;
}

/* Hover area break na ho */
.nav-links li.dropdown::after{
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 15px;
}

.has-dropdown{
    position:relative;
}

.has-services-dropdown{
    position: relative;
}

.services-dropdown{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: calc(100% + 15px);
    
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
}

.has-services-dropdown:hover .services-dropdown{
    opacity: 1;
    visibility: visible;
}

.ngg-dropdown{
    position:absolute;
    top:100%;
    left:50%;
    transform:translateX(-50%);
    width:760px;

    background:#fff;
    border-radius:20px;

    border:1px solid #edf1f7;

    box-shadow:0 20px 50px rgba(0,0,0,.08);

    opacity:0;
    visibility:hidden;

    transition:.3s;
    z-index:999;
}

.has-dropdown:hover .ngg-dropdown{
    opacity:1;
    visibility:visible;
    top:168%;
}

.ngg-dropdown-header{
    padding:20px 30px;
    border-bottom:1px solid #edf1f7;
}

.ngg-dropdown-header span{
    font-size:13px;
    font-weight:700;
    color:#08257f;
    letter-spacing:2px;
}

.ngg-dropdown-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
    padding:25px;
}

.ngg-dropdown-card{
    display:flex;
    gap:15px;
    align-items:flex-start;

    padding:18px;
    border-radius:14px;

    text-decoration:none;

    transition:.3s;
}

.ngg-dropdown-card:hover{
    background:#f7faff;
}

.ngg-dropdown-card i{
    color:#0b43d9;
    font-size:22px;
    margin-top:4px;
}

.ngg-dropdown-card h4{
    font-size:18px;
    color:#08257f;
    margin-bottom:5px;
}

.ngg-dropdown-card p{
    font-size:14px;
    color:#6b7890;
    line-height:1.6;
}

.ngg-dropdown-footer{
    padding:22px 30px;
    background:#f8fbff;
    border-top:1px solid #edf1f7;
    border-radius:0 0 20px 20px;
}

.ngg-dropdown-footer h5{
    color:#08257f;
    margin-bottom:8px;
    font-size:16px;
}

.ngg-dropdown-footer a{
    color:#0b43d9;
    text-decoration:none;
    font-weight:600;
}

.has-resource-dropdown{
    position:relative;
}

.ngg-resource-dropdown{
   position:absolute;
    top:calc(100% + 15px);
    left:50%;
    transform:translateX(-50%);

    width:850px;

    background:#fff;
    border-radius:20px;

    border:1px solid #edf1f7;
    box-shadow:0 20px 50px rgba(0,0,0,.08);

    opacity:0;
    visibility:hidden;

    transition:.3s;
    z-index:999;
}

.has-resource-dropdown:hover .ngg-resource-dropdown{
    opacity:1;
    visibility:visible;
    /*top:130%;*/
}

.ngg-resource-header{
    padding:20px 30px;
    border-bottom:1px solid #edf1f7;
}

.ngg-resource-header span{
    font-size:13px;
    letter-spacing:2px;
    font-weight:700;
    color:#08257f;
}

.ngg-resource-wrapper{
    display:grid;
    grid-template-columns:280px 1fr;
}

.ngg-resource-links{
    padding:25px;
    border-right:1px solid #edf1f7;
}

.ngg-resource-links a{
    display:flex;
    align-items:center;
    gap:12px;

    text-decoration:none;
    color:#08257f;

    padding:14px 15px;
    border-radius:12px;

    margin-bottom:8px;

    transition:.3s;
}

.ngg-resource-links a:hover{
    background:#f7faff;
}

.ngg-resource-links i{
    color:#0b43d9;
    width:20px;
}

.ngg-resource-featured{
    padding:30px;
}

.resource-badge{
    background:#0b43d9;
    color:#fff;

    font-size:12px;
    font-weight:600;

    padding:8px 14px;
    border-radius:30px;

    display:inline-block;
    margin-bottom:18px;
}

.ngg-resource-featured h4{
    color:#08257f;
    font-size:28px;
    line-height:1.4;
    margin-bottom:15px;
}

.ngg-resource-featured p{
    color:#6b7890;
    line-height:1.8;
    margin-bottom:20px;
}

.resource-meta{
    display:flex;
    gap:20px;
    color:#6b7890;
    font-size:14px;
    margin-bottom:20px;
}

.resource-read-btn{
    color:#0b43d9;
    text-decoration:none;
    font-weight:700;
}

.ngg-resource-footer{
    padding:18px 30px;
    border-top:1px solid #edf1f7;
    background:#f8fbff;
}

.ngg-resource-footer a{
    color:#08257f;
    font-weight:600;
    text-decoration:none;
}



/*---========book consulatant popup===========---*/

/* Button */
.book-consultation-btn {
    background: #ffb400;
    color: #062b60;
    border: none;
    padding: 15px 24px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: 0.3s ease;
}

.book-consultation-btn:hover {
    background: #062b60;
    color: #ffffff;
}


/* Modal Main */
.consultation-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.consultation-modal.active {
    display: flex;
}

.consultation-modal-overlay {
    position: absolute;
    inset: 0;
    background: rgba(3, 20, 48, 0.72);
    backdrop-filter: blur(4px);
}

.consultation-modal-box {
    width: 100%;
    max-width: 1100px;
    min-height: 570px;
    background: #ffffff;
    border-radius: 18px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 42% 58%;
    position: relative;
    z-index: 2;
    box-shadow: 0 25px 80px rgba(0, 0, 0, 0.25);
    animation: modalFade 0.35s ease;
}

@keyframes modalFade {
    from {
        opacity: 0;
        transform: translateY(30px) scale(0.97);
    }

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


/* Close Button */
.modal-close-btn {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 38px;
    height: 38px;
    border: none;
    background: #ffffff;
    color: #062b60;
    border-radius: 50%;
    font-size: 19px;
    cursor: pointer;
    z-index: 10;
    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.15);
    transition: 0.3s;
}

.modal-close-btn:hover {
    background: #ffb400;
    transform: rotate(90deg);
}


/* Left Side */
.consultation-left {
    background: linear-gradient(145deg, #062b60, #0b5f87);
    color: #ffffff;
    padding: 70px 48px;
    position: relative;
    overflow: hidden;
}

.consultation-left::before {
    content: "";
    width: 280px;
    height: 280px;
    position: absolute;
    right: -120px;
    bottom: -110px;
    border-radius: 50%;
    background: #ffb400;
    opacity: 0.9;
}

.consultation-left::after {
    content: "";
    width: 180px;
    height: 180px;
    position: absolute;
    left: -90px;
    top: -80px;
    border-radius: 50%;
    border: 35px solid rgba(255, 255, 255, 0.08);
}

.consultation-left > * {
    position: relative;
    z-index: 2;
}

.consultation-tag {
    display: inline-block;
    color: #ffb400;
    font-size: 13px;
    letter-spacing: 1.5px;
    font-weight: 700;
    margin-bottom: 18px;
}

.consultation-left h2 {
    font-size: 38px;
    line-height: 1.2;
    margin: 0 0 20px;
    font-weight: 700;
}

.consultation-left p {
    color: rgba(255, 255, 255, 0.82);
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 28px;
}

.consultation-points {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 45px;
}

.consultation-points div {
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 11px;
}

.consultation-points i {
    color: #ffb400;
    font-size: 17px;
}

.consultation-contact {
    display: flex;
    align-items: center;
    gap: 14px;
}

.consultation-contact > i {
    width: 44px;
    height: 44px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffb400;
}

.consultation-contact span {
    display: block;
    color: rgba(255, 255, 255, 0.7);
    font-size: 13px;
    margin-bottom: 4px;
}

.consultation-contact a {
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
}


/* Right Side */
.consultation-right {
    padding: 60px 48px 40px;
    position: relative;
}

.consultation-right h3 {
    color: #062b60;
    font-size: 25px;
    margin: 0 0 28px;
}

.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.form-group {
    margin-bottom: 18px;
}

.form-group label {
    display: block;
    color: #173b70;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
}

.form-group label span {
    color: #ef4444;
}

.form-group input,
.form-group select,
.form-group textarea {
    width: 100%;
    border: 1px solid #d7dfed;
    border-radius: 8px;
    outline: none;
    padding: 13px 14px;
    color: #173b70;
    font-size: 14px;
    font-family: inherit;
    transition: 0.3s ease;
    background: #ffffff;
}

.form-group textarea {
    resize: none;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    border-color: #ffb400;
    box-shadow: 0 0 0 3px rgba(255, 180, 0, 0.15);
}

.submit-consultation-btn {
    width: 100%;
    border: none;
    background: #ffb400;
    color: #062b60;
    padding: 15px 20px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.submit-consultation-btn:hover {
    background: #062b60;
    color: #ffffff;
}

.form-note {
    text-align: center;
    color: #7a8aa5;
    font-size: 12px;
    margin: 15px 0 0;
}

.form-note i {
    color: #0b5f87;
    margin-right: 4px;
}


/* Success Message */
.success-message {
    display: none;
    text-align: center;
    padding: 90px 30px;
}

.success-message i {
    font-size: 55px;
    color: #16a34a;
    margin-bottom: 15px;
}

.success-message h3 {
    font-size: 28px;
    margin-bottom: 10px;
}

.success-message p {
    color: #6b7b95;
    font-size: 15px;
    line-height: 1.6;
}

.success-message button {
    margin-top: 22px;
    background: #062b60;
    color: #ffffff;
    border: none;
    padding: 12px 28px;
    border-radius: 7px;
    cursor: pointer;
    font-weight: 600;
}


/* Responsive */
@media (max-width: 900px) {
    .consultation-modal-box {
        grid-template-columns: 1fr;
        max-width: 650px;
        max-height: 90vh;
        overflow-y: auto;
    }

    .consultation-left {
        padding: 45px 35px;
    }

    .consultation-left h2 {
        font-size: 30px;
    }

    .consultation-points,
    .consultation-contact {
        display: none;
    }

    .consultation-right {
        padding: 40px 35px;
    }
}

@media (max-width: 550px) {
    .consultation-modal {
        padding: 12px;
    }

    .consultation-left,
    .consultation-right {
        padding: 35px 22px;
    }

    .form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .consultation-left h2 {
        font-size: 27px;
    }

    .consultation-right h3 {
        font-size: 22px;
    }

    .modal-close-btn {
        top: 12px;
        right: 12px;
    }
}