@import url('https://fonts.googleapis.com/css2?family=Inria+Serif:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
    /*font-family: "Poppins", sans-serif !important;*/
    /* font-family: "Quicksand", serif !important; */
    overflow-x: hidden;
    background-color: var(--primary-base) !important;
}


:root {
    --grey_font: #777777;
    --black: #000000;
    --logo_colour: #2c3cb9;
    --bg_light_grey: #ececec;
    --heading-font: 30px;
    --subheading: 15px;
    --footersubheading: 18px;
    --sub-text: "Poppins", sans-serif;
    /* --heading-text: "Inria Serif", serif; */
    --heading-text: "Poppins", sans-serif;
    --secondary-text: #777777;
}

section {
    margin: 40px 0px;
}


/* <-- animation --> */

header,
.head-nav-third {
    z-index: 999;
}

#navbar .sticky {
    background: linear-gradient(90deg, var(--logo_colour), #1c5a5a);
}

.head-nav-third .navbar{
    padding: 0
}

.sticky {
    position: fixed;
    top: 0;
    z-index: 999999;
    width: 100%;
    background: #fff;
}

.head-nav-third {
    background: transparent;
    padding: 0;
    position: absolute;
    width: 100%;
}
.head-nav-third .nav-item  .nav-link{
   color: #ffffff;
}
.head-nav-third ul li a {
    font-family: var(--sub-text);
    position: relative;
    font-size: var(--subheading);
    line-height: 31px;
 
    font-weight: 300;
    padding: 16px 5px;
}

.header-nav-second ul li:hover::after {
    width: 100%;
    transition: width .3s;
}

.head-nav-third ul li:hover a,
.navbar-nav li ul li:hover a {
    color: #fff;
}

.navbar {
    display: flex;
    align-items: center;
}

.navbar-nav li a::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #ffffff;
    transition: width .3s;
    border-radius: 10px;
}

.navbar-nav li ul li a::after {
    display: none !important;
}

.navbar-nav li:hover a::after {
    width: 100%;
    transition: width .3s;
}

.header-nav-second ul li::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #a1c633;
    transition: width .3s
}

.head-nav-third ul li:last-child{
    margin-right: 0
}

.head-nav-third .navbar-nav {
    margin-top: 8px
}

.header-nav-second ul li:hover a {
    color: #b0000c
}

.navbar-brand {
    margin: 0px;
    padding: 0px;
}

.navbar-brand img {
    width: 220px
}

.sticky .navbar-brand img {
    width: 220px
}



.head-nav-third.stick {
    left: 0;
    padding: 0;
    position: fixed;
    top: 0;
    transition: .4s;
    width: 100%;
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
    z-index: 9999
}

.head-nav-third ul li.active a {
    color: #0b1688;
    font-weight: 600;
    padding: 14px 15px;
    border-radius: 5px;
    line-height: 20px 15px;
    position: relative;
    top: 2px
}

.header-nav-second {
    background: #fff;
    padding-top: 15px
}

.header-nav-second ul {
    text-align: right
}

.header-nav-second ul li {
    display: inline-block;
    margin-right: 20px 15px
}

.header-nav-second ul li a {
    color: #534c4c;
    font-size: var(--subheading);
    font-weight: 600
}

.header-nav-second ul li select{
    font-size: var(--subheading);
    font-family: 'Open Sans', sans-serif
}

.header-nav-second ul li a span {
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    color: #000
}

.header-nav-second ul li a img {
    padding-right: 10px
}

.header-nav-second ul li select {
    border: 0;
    padding: 6px 29px 6px 15px;
    font-weight: 600;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 5px -1px #ccc;
    -moz-box-shadow: 0 0 5px -1px #ccc;
    box-shadow: 0 0 5px -1px #ccc;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 97%;
    background-position-y: 5px
}

#collapsibleNavbar {
    justify-content: center;
}

.head-nav-third ul li {
    margin: 0 9px
}


/* responsive*/
@media (min-width: 360px) and (max-width: 786px) {
    .Solution-col p,
    .Solution-col h1{
        color: #fff !important;
    }
    .Solution-col{
        padding: 14px 30px 14px 18px !important;
    }
    .company_content .menu-column{
    margin-bottom:10px;
    }
    .company_content {
    display: flex;
    flex-direction: column;
    min-width: 100% !important;
    gap: 0px !important;
        padding: 10px 3% 11px !important;
}
      .serve-mob .menu-column {
        border-bottom: 0px solid #ddd;
    }
    .solition_menuview .menu-column-title,
    .serve-mob .menu-column-title {
       display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px 0;
        cursor: pointer;
        border: 2px solid #3538b2;
        backdrop-filter: blur(20px);
        font-size: 16px;
        padding: 9px 14px;
        font-weight: 400 !important;
        margin-bottom: 13px;
        border-radius: 10px;
        color: #fff;
    }
         .solition_menuview .menu-column-title h3,
    .serve-mob .menu-column-title h3 {
        margin: 0;
        color:#fff !important;
        text-transform: capitalize !important;
        font-weight: 400 !important;
    }

    .serve-mob .menu-column-title i {
        display: block;
        transition: transform 0.3s ease;
    }

    .serve-mob .menu-box {
        display: none;
      padding: 0 17px 6px 10px;
    }
    
    .solutionsviewes .menu-box,
    .serve-mob .menu-column.active .menu-box {
                display: flex;
        flex-direction: column;
        gap: 1px;
        margin-bottom: 11px;
        background-color: #ffffff00 !important;
        padding: 0px 0px 0px 16px !important;
        border: 2px solid #3538b2;
        border-top: 0px;
        border-radius: 0px 0px 10px 10px;
        transform: translate(0px, -4px)
    }
    .company_content .menu-box{
    background-color: #ffffff00 !important;
    }
    .active .menu-column-title{
        margin-bottom: 0px !important;
    }
    .solution_megamenu .featured-column{
        display:none !important;
    }
    .solition_menuview .nav-link{
                font-size: 20px !important;
        font-family: var(--sub-text) !important;
        opacity: 0.5 !important;
   
              border: none !important;
        padding: 0px 0px 10px !important;
    }
  
       .solution_megamenu {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        width: 100% !important;
        margin-top: 0 !important;
        background: unset !important;
        visibility: visible !important;
        opacity: 1 !important;
        box-shadow: none !important;
        border-top: none !important;
    }

    .solution_megamenu .solutionmega_menucontent {
        display: block;
        min-width: 100%;
    }

    /* Main service columns */
    .solution_megamenu .mega-menuservices {
        display: block;
    }

    .solution_megamenu .menu-column {
        width: 100%;
    }

    /* Heading + arrow */
    .solution_megamenu .menu-column-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
               padding: 11px 10px;
        cursor: pointer;
      
    }

    .solution_megamenu .menu-column-title h3 {
               margin: 0px !important;
        font-size: 16px;
    }

    .solution_megamenu .menu-column-title i {
        display: block;
        font-size: 14px;
        transition: transform 0.3s ease;
    }
    .solution_megamenu .menu-box {
        display: none;
      padding: 0px 0 0px !important;
        border-radius: 6px !important;
    }
    .solution_megamenu .menu-column.active > .menu-box {
        display: flex;
        flex-direction: column;
        gap: 0px;
         background-color: #ffffff00 !important;
        padding: 0px 0px 0px 16px !important;
        border: 2px solid #3538b2;
        border-top: 0px;
        border-radius: 0px 0px 10px 10px;
        transform: translate(0px, -4px)
    }
    .solution_megamenu .menu-column.active > .menu-column-title i {
        transform: rotate(180deg);
    }
    .solution_megamenu .solutionsviewes {
        display: block;
        width: 100%;
    }
    .mega-menu-solutions .mega-menuservices {
        padding-top: 0px !important;
    }
    .menu-box a:first-child {
    padding-top: 13px !important;
}


.menu-box a:last-child {
    padding-bottom: 20px !important;
}
.menu-box a{
    border-bottom:0px !important;
}
    .solution_megamenu .solutionsviewes .menu-column {
        width: 100%;
    }

    .solution_megamenu .solutionsviewes .menu-column-title {
        padding-left: 15px;
    }

    .solution_megamenu .solutionsviewes .menu-box {
        padding-left: 15px;
    }
.mega-menuservices{
    display: flex !important;
    flex-direction: column !important;
    gap: 0px !important;
    padding-top:0px !important;
}
       
    
    

    .sub_menu_navbar ul {
        margin: 11px 0px 0px;
        justify-content: center !important;
        flex-direction: column;
    }

    .sub_menu_navbar h2 {
        text-align: center;
    }

    .sticky_bar {
        position: relative;
        z-index: 99;
    }

    /* .btn--changeGradient {
        position: absolute;
        right: -20px;
        transform: rotate(90deg);
        top: 340px;
        background: linear-gradient(90deg, #2c3cb9, #1c6bdb);
        color: #fff !important;
        z-index: 9999999999;
    } */
    .let_talk {
        display: none;
    }

    .approach_slider .tabs_content img {
        width: 100%;
        height: 270px;
    }

    .right_side_dev {
        margin: 16px 0px 0px;
    }

    .right_side_dev h2 br {
        display: none;
    }

    .approach_slider .tabs_content ul li {
        width: 100%;
    }

    #c {
        width: 100%;
    }

    .main_sectionbanner_content p {
        width: 100%;
        padding: 0px 15px;
    }

    .solution_dev {
        padding: 15px;
        margin: 6px 0px;
        height: 144px;
    }

    .testimonials p br,.development-content h2 br,.sub_menu_navbar,.approach_slider .heading br,.service_info .heading br,.dev-info .heading br,.testimonials h1 br,.our_customer h1 br,.achievements_container h1 br,.home_about_us h1 br{
        display: none;
    }

    .main_sectionbanner_content {
        position: absolute;
        top: 10%;
    }

    .graphics_banner_content h2,
    .main_sectionbanner_content h2 {
        font-size: 17px !important;
    }

    .graphics_banner_content h1,
    .main_sectionbanner_content h1 {
        font-size: 22px !important;
    }

    .sub_menu_navbar ul li {
        margin-left: 0px;
        border: 1px solid #f4f4f4;
        padding: 10px;
        margin-bottom: 8px;
    }

    .apllication_process .active,
    .apllication_process .active .extend_hover {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0px 0px !important;
        transform: unset;
        height: 100% !important;

    }

    .apllication_process {
        flex-direction: column;
    }

    .service_info .nav-tabs,
    .power_tech .nav-tabs {
        gap: 0px;
        display: flex;
        flex-wrap: nowrap;
        overflow: auto;
    }

    .testimonials_container .nav-tabs .nav-link.active,
    .power_tech .nav-tabs .nav-link.active {
        transform: translateY(0px);
    }

    .service_info .nav-tabs a,
    .power_tech .nav-tabs a {
        white-space: nowrap;
    }

    .nav-tabs-container {
        margin: 15px 0px;
    }

    .hire_use_sec {
        margin: 11px;
        padding: 15px;
    }

    .hire_use_sec .mt-5 {
        margin-top: 0rem !important;
    }

    .power_tech {
        padding: 9px 0px;
    }

    .main_animtion {

        max-width: 100%;
        height: auto;
        margin: 5px 0px;
    }

    .main_heading h2 {
        writing-mode: horizontal-tb;
        transform: rotate(0deg);
    }

    .main_heading {
        width: 100% !important;
        height: 100% !important;
    }

    .apllication_process h1,
    .apllication_process h2 {

        font-size: 17px;
        line-height: 14px;
        font-weight: 400;
    }

    .approach_slider {
        margin: 0px !important;
        overflow: hidden;
    }

    .brand-trust-section {
        margin: 35px 18px 0px;
    }

    .questions_animation {
        font-size: 33px;
        text-align: center;
    }

    .testimonials h1,.our_customer h1,.achievements_container h1,.home_about_us h1{
        line-height: 28px;
    }

    .approach_slider .heading,.service_info .heading,.dev-info .heading,.testimonials h1,.our_customer h1,.achievements_container h1,.home_about_us h1,.testimonials p,.our_customer p,.achievements_container p,.questions_section p,.questions_section h2{
        text-align: center;

    }

    .right_element h1 br,
    .solution_dev h1 br,
    .questions_section p br {
        display: none;
    }

    .enquery-us .d-flex {
        justify-content: center;

    }

    .enquery-us {
        padding: 10px;
    }

    footer .logo_sec {
        flex-direction: column;
    }

    Footer .tagline {
        text-align: center;
        margin: 14px 0px 15px 0px;
    }

    footer .social-media {
        display: flex;
        justify-content: center;
        float: unset;
    }

    .approach_slider .tabs_content h2,
    .sub_menu_navbar h2,
    .sec_head h3 {
        font-size: 20px !important;
    }

    .application_sec {
        box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 0%) !important;
    }

    .testimonials_container {
        margin: 14px 9px 0px 9px;

    }

    /* .aboutus_container .development-content {

        width: 100%;
        text-align: center;
        position: relative !important;
    } */
    .aboutus_container .development-content {
        /*top: 68% !important;;*/
        /*left: 50% !important;;*/
        transform: translate(-50%, -50%) !important;
        ;
        width: 90%;
        text-align: center;
        /*position: absolute;*/
    }

   

    .contact span:before,
    .select span:before {
        position: absolute;
        top: 0px;
        right: 15px;
        content: "+";
        color: #ddd;
        font-size: 25px;
    }

    .select {
        border-bottom: none;
        display: inline-block;
        padding: 0;
        border-radius: 0px;
        position: relative;
        width: 100%;
        margin-bottom: 0px;
        border-bottom: 2px solid #ffffff12;
    }

    .select li {
        display: none;
        cursor: pointer;

    }

    .select li a {
        padding: 10px 20px;
        border-top: none;
        min-width: 90%;
        background: #27304F;
        border-radius: 8px;
        font-family: var(--sub-text);
    }

    .select li:first-child {
        background: none;
        /* border-bottom: 2px solid #ffffff12; */
        border-radius: 0px;
        /* width: 100%; */
        padding: 10px;
        margin-bottom: 0px;
        text-align: left;

    }

    .open li {
        display: flex;
        width: -webkit-fill-available;
        flex-direction: column;
    }

    .select li:first-child {
        display: block;
        border-top: 0px;
        font-size: 16px !important;
    }

    .contact.open span:before,
    .select.open span:before {
        content: "-";
    }

    /* General styles */


    .navbar {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 20px;

    }

    /* .navbar-collapse {
        color: #ffffff;
        background: linear-gradient(180deg, var(--logo_colour), #15294d);
        position: absolute;
        top: -100%;
        width: 100vw;
        height: 100vh;
        transition: top 0.3s ease-in-out;
        transform: translateX(-4px);
    } */
    .navbar-collapse {
        color: #ffffff;
        background: #0c0844;
        position: absolute;
        top: -100%;
        width: 100vw;
        height: 100vh;
        transition: top 0.3s ease-in-out;
        transform: translateX(-4px);
    }

    .navbar-collapse.show {
        top: 40px;
        left: -1px;
        /* Slide into view */
    }

    .menu {
        display: none;
        list-style: none;
        padding: 0;
        margin: 0;
        flex-direction: column;
        background: #192020;
        position: absolute;
        top: 50px;
        right: 0;
        width: 100%;
        z-index: 10;
    }

    .menu li {
        text-align: center;
        padding: 10px 0;
        border-bottom: 1px solid #444;
    }

    .menu li a {
        color: white;
        text-decoration: none;
    }

    

    

    


    .head-nav-third ul li {
        margin: 0 0px;
        width: 100%;
    }

    .head-nav-third ul li a,
    .navbar-nav li ul li a {
        font-weight: 500;
        padding: 5px 14px;
        color: #ffffff !important;
    }

    .navbar-nav li ul {
        position: relative !important;
        width: 100% !important;
        box-shadow: rgb(0 0 0 / 0%) 0 4px 12px !important;
    }

    .navbar-toggler {
        border: none;
        position: absolute;
        right: 0px;
        /* top: 7px; */
        border: none;
    }

    .bi-x {
        color: #fff;
        font-size: 30px;
    }

    button:focus,
    button:focus-visible {
        outline: 0;
        box-shadow: unset !important;
        border: 0px solid #007bff;
        /* Add a visible border to show focus */
    }

    .head-nav-third .col-lg-12 {
        padding: 0px;
    }

    .navbar-brand {
        padding-left: 15px;
    }

    .marquee {
        height: 88px !important;
        margin-top: 12px;
    }

    .marquee .track h1 {
        font-size: 53px !important;
        font-weight: 500 !important;
    }

    

    .aboutus_container {
        height: auto;
    }

    .about_content h2 {
        margin: 0;
        font-size: 25px;
    }

    .right_side_dev p,
    .dev-info .apllication_process ul li,
    .apllication_process .extend_hover p,
    .approach_slider .subheading,
    .service_info .subheading,
    .dev-info .subheading,
    .about_innercontent p {
        line-height: 23px;
    }

    .data {
        margin: 20px 0;
    }
}

@media (min-width: 786px) and (max-width: 920px) {

    .service_info .nav-tabs,
    .power_tech .nav-tabs {
        gap: 0px;
        display: flex;
        flex-wrap: nowrap;
        overflow: auto;
    }

    .service_info .nav-tabs a,
    .power_tech .nav-tabs a {
        white-space: nowrap;
    }

    .section_container {
        padding: 0 0px !important;
    }

    .waviy {
        font-size: 65px;
    }

    .testimonials_container {
        margin: 14px 0px 0px 18px;
    }

    .questions_animation {
        font-size: 36px;
    }

    .sol_point ul {
        flex-direction: column;
    }

    .main_division {
        flex-direction: column;

    }

    .main_division {
        display: flex;
        overflow: hidden;
        background: #ffffff;
        border-radius: 10px;
        height: 652px;
    }

    .image-slider-wrapper {
        max-width: 100%;
    }

    .quote-slider-wrapper {
        width: 100%;
        overflow: hidden;
    }
}

 */

/* .navbar-nav ul li a {
    padding: 10px 5px;

} */

.navbar-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}

.nav-item {
    position: relative;
}

.nav-link {
    text-decoration: none;
    color: #333;
    padding: 10px 15px;
    display: block;
    font-weight: bold;
}

.nav-link:hover {
    color: #fff;
}

/*Dropdown Menu Styles*/

ul.innerdropdown,.navbar-nav li ul{
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    list-style: none;
    padding: 0px 0;
    margin: 0;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    overflow: hidden;
}

ul.innerdropdown {
    left: 275px;
    top: 56px;
}




ul.innerdropdown>li a {
    text-decoration: none;
    color: #333 !important;
    display: block;
}







/* Button */
/* White Transparent Button */
.btn-white-transparent {
    font-family: var(--sub-text);
    padding: 7px 18px;
    background: transparent;
    color: white;
    border: 2px solid rgb(255, 255, 255);
    border-radius: 100px !important;
    font-size: 18px;
    font-weight: 400;
    transition: all 0.3s;
    cursor: pointer;
}

.btn-white-transparent:hover {
    background-color: #fff;
    color: black;
    box-shadow: 0 0 12px -3px #fff;
}

/* White Color Fill Button */




/* Gray Color Fill Button */


/* Gray Transparent Button */
.btn-gray-transparent {
    padding: 8px 18px;
    border-radius: 100px;
    color: #000;
    font-weight: 400;
    background: transparent;
    border: 2px solid #f0f0f0;
    cursor: pointer;
    transition: all 0.3s;
    font-size: var(--subheading);
}

.btn-gray-transparent:hover {
    box-shadow: 0 0 12px -3px;
}

/* Gredient Color filled Button */
.btn-gredient-fill {
    padding: 8px 18px;
    outline: none;
    border: 2px solid transparent;
    border-radius: 100px;
    font-size: var(--subheading);
    font-family: var(--sub-text);
    font-weight: 400;
    background: linear-gradient(to right, #173db9, #03a9f4);
    background-clip: padding-box;
    color: white;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
}

.btn-gredient-fill:hover {
    background: linear-gradient(to left, #173db9, #03a9f4);
    border: 2px solid #173db9;
    color: #fff;
    box-shadow: 0 0 12px -3px #173db9;
}

/* Primary Heading */
.primary-heading {
    font-family: var(--heading-text);
    font-size: 40px;
    font-weight: 600;
    line-height: 55px;
}



@media only screen and (max-width: 790px) {
    .primary-heading {
        font-size: 24px !important;
        font-weight: 600;
        line-height: 30px;
        text-align: center;
    }

    .section-mt {
        margin-top: 40px;
    }
}

/* Primary Pragraph */
.primary-paragraph {
    font-family: var(--sub-text);
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    /*color: #4a4a4a; */
    color: #4a4a4a;
}





/********** Statistics Styling **********/
.statistics {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    width: 100%;
    height: 120px;
}

.statistics>div {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    /* gap: 3px; */
    color: white;
    padding: 20px 0;
}



.statistics>div> :nth-child(1) {
    font-family: var(--heading-text);
    font-size: 42px;
    font-weight: 600;
}

.statistics>div> :nth-child(2) {
    font-family: var(--sub-text);
    font-size: 18px;
}








/******************** City we serve CSS **********/

#toggle {
    background-color: #D9D9D9;
    border: 1px solid #fff;
    border-radius: 100px;
    padding: 0px;
    margin-left: 10px;
}

.toggle .active {
    background: #FFFFFF;
    padding: 3px 9px;
    border-radius: 100px;
    display: flex;
    align-items: center;
}

.toggle i {
    color: #ff9911de;
}

.toggle i {
    display: none;
}

.toggle .active i {
    display: block;
}



.contact li svg {
    background: #173DB9;
    padding: 5px 9px;
    border-radius: 50px;
    margin-right: 10px;
    width: 33px;
    height: 33px;
}




.navbar_dropdown_icon {
    display: none;
}



/* Header Dropdown for Mobile */
@media (min-width: 360px) and (max-width: 786px) {
    


    .header_dropdown_item>a {
        display: flex;
        justify-content: space-between;
    }

    .navbar-nav li a::after {
        display: none;
    }

    .header_dropdown_item ul {
        transition: none;
    }

    .navbar_dropdown_icon {
        display: inline;
    }

    .header_dropdown_item.open .navbar_dropdown_icon {
        transform: rotate(180deg);
    }

   
    .nav-item .nav-link {
        color: #fff !important;
        /* background: #00000026; */
        border-radius: 10px;
        /* background: radial-gradient(circle at top right, #3538b2 0%, transparent 40%), linear-gradient(180deg, #0b0971, #15294d); */
        border: 2px solid #3538b2;
        backdrop-filter: blur(20px);
        font-size: 16px;
        padding: 6px 14px;
        font-weight: 400 !important;
    }
}




.round {
    border-radius: 100%;
}

.head-nav-third {
    background: linear-gradient(90deg, var(--logo_colour), #15294d);
}



.media-content {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.primary-heading span {
    color: var(--logo_colour) !important;
}







.statistics>div>h2 {
    font-family: var(--heading-text);
    font-size: 35px;
    font-weight: 600;
    margin: 0 !important;
}




.About-new {
    padding: 0 5%;
}

.About-new .head,
 .head {
    margin: 0 0 20px;
    display: flex;
    gap: 20px;
    line-height: 1;
    align-items: center;
    justify-content: flex-start;
}

.About-new .primary-heading {
    font-family: var(--heading-text);
    font-size: 30px;
    font-weight: 500;
    line-height: 46px;
}

.txt_gradient {
    font-size: 60px;
    font-weight: 700;
    font-family: var(--sub-text);
    background: linear-gradient(to right,
            #373ab7 0%,
            #4284ff 50%,
            #222222 50%);

    background-size: 200% 100%;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    transition: background-position 0.6s ease;
}

/* ACTIVE = gradient visible */
.txt_gradient.active {
    background-position: 0%;
}

/* INACTIVE = black text visible */
.txt_gradient.inactive {
    background-position: 100%;
}

.techstack-marquee-container {
    width: 100%;
    padding: 0px 20px;
    font-family: Poppins;
}

.techstack-marquee-container .marquee-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    height: 500px;
    height: 80vh;
    perspective: 800px;
}

.techstack-marquee-container .marquee-column {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}


.techstack-marquee-container .marquee-track {
    display: flex;
    flex-direction: column;
    gap: 20px;
    animation: scroll-up 20s linear infinite;
    will-change: transform;
}

.techstack-marquee-container .marquee-column:hover .marquee-track {
    animation-play-state: paused;

}

.statistics>div {
    transition: transform 0.4s ease;
    background: #1a1b6b;
}

.statistics>div:hover {
    transform: scale(1.08);
    z-index: 999999;
    background: var(--logo_colour)
}

.techstack-marquee-container .tech-card:hover {
    background: white;
}

.techstack-marquee-container .tech-card:hover .tech-icon {
    transform: scale(1.08);
    z-index: 999999;
    transition: all .3s ease;
}

.marquee-column:nth-child(even) .marquee-track {
    animation-direction: reverse;
}

.techstack-marquee-container .tech-card,
.tech-card {
    background: #efefef;
    backdrop-filter: blur(10px);
    border-radius: 16px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: all .3s ease;
    flex-shrink: 0;
}

.techstack-marquee-container .tech-icon,
.tech-card .tech-icon {
    width: fit-content;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.techstack-marquee-container .tech-icon img {
    width: 100%;
    height: 70px;
    object-fit: contain;
}

#logo-contact .tech-card .tech-icon img {
    width: 130px;
    height: 70px;
    object-fit: contain;
}

#logo-contact .tech-card .tech-label {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.techstack-marquee-container .tech-label,
#logo-contact .tech-card .tech-label {
    color: var(--bs-heading-color);
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    font-family: var(--sub-text) !important;
}

.About-new .logo-icon {
    height: 200px;
    width: auto;
    margin-bottom: 40px;
}

.About-new .Sec-div {
    display: flex;
    align-items: center;
}

@keyframes scroll-up {
    0% {
        transform: translateY(0);
    }

    100% {
        /* transform: translateY(-80%); */
        transform: translateY(calc(-50% - 10px));
    }
}







.Conclusion .primary-heading,
.Conclusion .primary-paragraph {
    color: #ffffff;
    margin-top: 20px;
    line-height: 27px;
}





.mega-menu-parent {
    position: static;
}

.navbar {
    position: relative;
    z-index: 1001;
}
.solution_megamenu,
.mega-menu {
    position: absolute;
    top: 100%;
    margin-top: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    background: #EFF6FF;
    /* background: #050621e8; */
    box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease;
    z-index: 1000;
    border-top: 1px solid #ffffff63;
}
.solition_menuview:hover .solution_megamenu,
.mega-menu-parent:hover .mega-menu {
    visibility: visible;
    opacity: 1;
}
.company_content,
.solutionmega_menucontent{
    min-width: 1200px;
    margin: auto;
    padding: 0px 0% 0px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    gap: 51px;
}
/* Desktop only: balanced left/right gap so headings don't sit flush against the edge */
@media (min-width: 992px) {
    .company_content,
    .solutionmega_menucontent {
        padding-left: 72px;
        padding-right: 7px;
    }
    /* About the Company panel: reduce top/bottom padding */
    .company_content {
        padding-top: 12px;
        padding-bottom: 12px;
    }
    /* Reduce the gap above the Company menu links */
    .mega-menu-solutions .mega-menuservices {
        padding-top: 0px !important;
    }
    .Solution-col h1 {
        margin: 0px 0 0px !important;
    }
}
/* Products mega-menu: category columns on the left, featured panel on the right, filling the full width */
.solutionmega_menucontent {
    flex-direction: row-reverse;
    align-items: flex-start;
}
.solutionmega_menucontent .mega-menuservices,
.company_content .mega-menuservices {
    flex: 1;
    min-width: 0;
}
.solutionsviewes h3{
    margin-top:10px !important;
}
/* @media (min-width: 768px) {
    .mega-menu-parent:hover .mega-menu {
        visibility: visible;
        opacity: 1;
    }
} */

.mega-menu-content {
    min-width: 1200px;
    margin: auto;
     padding: 30px 6% 30px;
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(280px, 0.8fr);
    gap: 24px;
    /* padding: 24px; */
    width: 100%;
    box-sizing: border-box;
}

.Solution-col {
       width: 29%;
    /* background: var(--logo_colour); */
   

    /* background: var(--logo_colour); */
}
.mega-menu-solutions .mega-menu-content{
        padding-top: 0px !important;
    padding-left: 0px !important;
    border-radius: 0px !important;
}
.Solution-col h1,
.service-categories h1 {
    margin: 15px 0 0px;
    font-family: var(--heading-text);
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    color: #000;
}

.mega-menu-solutions .mega-menuservices {
        padding-top: 0px !important;
}
.mega-menu-solutions .service_header{
        background-color: #fff;
   padding: 20px 63px !important;
    width: 437px !important;
    
}



.btn-white {
    line-height: 25px !important;
    font-family: var(--heading-text);
    font-weight: 500 !important;
    background-size: 400%;
    border: 1px solid #fff !important;
    color: var(--logo_colour) !important;
    border-radius: 100px !important;
    padding: 4px 25px !important;
    font-size: var(--subheading);
    background-color: #ffffff;
    display: inline-flex;
    position: relative;
    overflow: hidden;
    clip-path: inset(0 round 10px);
    line-height: 25px;
}

.btn-white:hover::before {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
}

.btn-white::after {
    display: none !important;
}

.btn-white::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--logo_colour);
    top: 0;
    left: 0;
    border-radius: 30px;
    pointer-events: none;
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.3s;
}

.btn-white:hover span {
    color: #ffffff !important;
    z-index: 9 !important;
}

.btn-white:hover {
    animation: changeGradientAnimation 15s linear infinite;
}

.btn-white:hover {
    background: linear-gradient(90deg, #2c3cb9, #1c6bdb) !important;
}

@keyframes changeGradientAnimation {
    0% {
        background-position: 0%;
    }

    100% {
        background-position: 400%;
    }
}

.solition_menuview .featured-column {
       width: 35%;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    padding: 20px 65px 20px 36px;
    border-radius:0px !important;

    overflow: hidden !important;

    
    /* background: #f5f8ff;
    padding: 20px;
    border-radius: 10px; */
}

.featured-column img {
    width: 100%;
    border-radius: 8px;
    margin-bottom: 15px;
}

.featured-column h4,
.Solution-col h4,
.service-categories h4 {
    margin-bottom: 15px;
    font-size: 25px;
    font-family: var(--sub-text);
    color:#00000033;
    font-weight: 700;
    text-transform: uppercase;
}



.menu-overlay {
    position: fixed;
    inset: 0;
    background: #000000cc;
    /* adjust opacity */
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 998;
}

.menu-overlay.active {
    opacity: 1;
    top: 65px;
    visibility: visible;
}

/* Mega menu should sit above overlay */
.solution_megamenu,
.mega-menu {
    z-index: 999;
}


@media (max-width: 767px) {
  
    .menu-overlay {
        display: none;
    }

    .mega-menu-parent {
        position: relative;
    }

    .mega-menu {
        position: static;
        width: 100%;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        display: none;
        background: none;
        border-radius: 0px;
        margin-top: 0px;
        transform: translateX(0);
    }

    .solutions-column .Categories-sol .Categories:hover {
        background: transparent;
    }

    

.mega-menu-parent-solutions .mega-menuservices {
    display: flex !important;
    flex-direction: column !important;
}

    .Solution-col,
    .solutions-column,
    .service-categories {
        width: 100% !important;
    }

    /* .mega-menu-cta {
        padding: 0px;
    } */
    .com-details {
        justify-content: center;
        flex-direction: column;
    }

    .contact {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 5px;
    }

    .contact li a {
        background: #ffffff10;
        padding: 5px 10px;
        width: 100%;
        border-radius: 10px;
    }

    

   

    .mega-menu-parent.open {
        background: #00000021;
        border-radius: 10px;
        padding: 0;
        border: 2px solid #3538b2;
    }

    .mega-menu-parent.open a {
        border: none !important;
    }

    .mega-menu-content {
        min-width: auto !important;
        margin: auto;
        padding: 10px 5% 10px;
        display: flex;
        justify-content: space-between;
        gap: 25px;
        flex-direction: column;
    }

    .connect-cta p {
        font-size: 13px;
        color: #bcbdff;
        margin: 0 0 20px !important;
    }

    /* Remove active state */
    .category-item.active {
        background: #1618574f !important;
        color: #fff !important;
        border: 2px solid transparent !important;
    }

    .category-item.active a i {
        color: #fff !important;
    }

    /* show menu when active */
    .mega-menu.active {
        display: block;
    }

}






.navbar-nav .nav-link.active {
    color: white !important;
}




@keyframes revealOut {
    from {
        transform: translateY(0);
        opacity: 1;
    }

    to {
        transform: translateY(-100%);
        opacity: 0;
    }
}

@keyframes revealIn {
    from {
        transform: translateY(100%);
        opacity: 0;
    }

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


.marquee-track .industry-card:hover {
    background: none;
}

.grid-bg {
    position: absolute;
    inset: 0;
    opacity: 0.1;
    pointer-events: none;
    background-image: linear-gradient(rgb(0 0 0 / 49%) 1px, #00000000 1px), linear-gradient(90deg, rgb(0 0 0 / 50%) 1px, transparent 1px);
    background-size: 60px 60px;
    z-index: 1;
}







@keyframes marqueeLeft {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}







.data {
    background: #32248b;
    padding: 25px 20px;
    border-radius: 10px;
    width: -webkit-fill-available;
    text-align: center;
}

.data:hover {
    background: var(--logo_colour);
}

.data h2 {
    font-size: 40px;
    font-family: var(--heading-text);
    font-weight: 600;
    margin: 0;
    color: white;
}

.data p {
    font-size: var(--subheading);
    font-family: var(--sub-text);
    font-weight: 400;
    color: var(--secondary-text);
    margin: 0;
}



.sec-loc {
    margin: 20px 0 0;
}





.quote-bg {
    position: absolute;
    top: 30px;
    /* right: 13%; */
    font-size: 120px;
    color: #ffffffa3;
    z-index: 1;
    line-height: 150px;
}



.logo {
    position: fixed;
    right: -20px;
    bottom: -30px;
    z-index: 10;
}

.logo img {
    width: 120px;
}

.Client-Reviews-sec .left-sec {
    padding-right: 40px;
}

.review-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
    transition: opacity 0.3s ease;
    color: #4f4f4f;
    line-height: 23px;
}

.review-text.expanded {
    -webkit-line-clamp: unset;
}

.layout .read-more-btn {
    display: none;
    width: fit-content;
    /* background: none;
    border: none;
    color: #007bff;
    cursor: pointer;
    padding: 0;
    margin-top: 10px;*/
}

.layout .read-more-btn:hover span {
    position: relative;
    z-index: 9 !important;
}



.serve-mob {
    display: none;
}











@media (min-width: 300px) and (max-width: 1000px) {
    #backToTop {
        right: 15px;
    }

    .sticky .navbar-brand img {
        width: 180px;
    }

    footer {
        padding: 40px 3% 50px;
    }

   

    .head-nav-third {
        padding: 13px 5px;
        border-bottom: 2px solid #ffffff29;
    }

   

   


    @keyframes glowFloat {
        0% {
            transform: translate(-50%, -50%) scale(1);
        }

        50% {
            transform: translate(-50%, -55%) scale(1.08);
        }

        100% {
            transform: translate(-50%, -50%) scale(1);
        }
    }

   

    .statistics>div {
        border: 1px solid #ffffff17;
    }

    .card-logo p {
        display: none !important;
    }

    .card-logo {
        background: #00000045;
        padding: 10px 10px;
        gap: 10px;
        border-radius: 30px;
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }

    .card-logo img {
        height: 100px;
        width: auto;
    }

    .About-new .head {
        gap: 6px;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 0 10px;
    }

    .txt_gradient {
        font-size: 35px;
    }

    .About-new .logo-icon {
        height: 100px;
        margin-bottom: 15px;


    }

    .Sec-div .primary-heading {
        font-size: 17px !important;
        line-height: 26px;
    }

    .Sec-div .primary-paragraph {
        text-align: center;
    }

    .Sec-div .buttons-group {
        gap: 20px;
        margin-bottom: 30px;
    }

    .techstack-marquee-container {
        padding: 0;
    }

    .techstack-marquee-container .marquee-grid {
        display: flex;
        flex-direction: column;
        gap: 15px;
        height: auto;
    }

    .techstack-marquee-container .tech-icon img {
        width: 120px;
        height: 70px;
    }

    .techstack-marquee-container .marquee-column {
        width: 100%;
        overflow: hidden;
    }

    .techstack-marquee-container .marquee-track {
        flex-direction: row;
        width: max-content;
        animation: scrollLeft 20s linear infinite;
        gap: 10px;
    }

    .techstack-marquee-container .tech-card {
        min-width: 140px;
        flex-shrink: 0;
        padding: 10px 15px;
    }

    /* HORIZONTAL ANIMATION */
    @keyframes scrollLeft {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(calc(-50% - 10px));
        }
    }

    /* Alternate rows */
    .marquee-column:nth-child(even) .marquee-track {
        animation-direction: reverse;
    }


    .Sec-div .logo-images {
        text-align: center;
    }

   

    .case-col-right {
        height: 350px;
    }

    
    .About-new {
        padding: 0 2%;
    }

    .vertical-slider-nav-item {
        background: #7f7f7f;
        width: 25px;
        height: 5px;
    }

    


     .primary-heading,
     .primary-heading span {
        font-size: 24px;
        line-height: 30px;
    }

  

    

  

    

  
    

   


   
    
 .primary-paragraph {
        color: #fff !important;
    }

   

  

    
 

    
   

  
   
   

     .Navigation li:first-child {
        color: white;
        font-weight: 400;
    }

    .open span:before {
        top: 10px;
    }

    .navbar-expand-md .serve-web {
        display: none !important;
    }

    .serve-mob a:last-child {
        width: 100%;
    }

    .serve-mob a p {
        margin: 0;
        font-size: 16px;
        font-family: var(--sub-text);
        font-weight: 400;
    }


    .serve-mob a i {
        width: 60px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100px;
        border: 2px solid #6b6dff;
        /* color: #a67dff; */
        font-size: 31px;
        margin-bottom: 15px;
    }
    
       .mega-menu-content {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 15px !important;
        width: 100% !important;
        padding: 15px !important;
        margin: 0 !important;
    }
   

    .mega-menu-parent-solutions > .mega-menu-content {
        display: flex !important;
        width: 100% !important;
        padding: 15px !important;
        flex-direction:column !important;
    }

    .mega-menu-parent-solutions > .mega-menu-content >  .mega-menuservices {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        width: 100% !important;
    }
    .mega-menu-parent-solutions .mega-menuservices{
            display: flex !important;
                flex-direction: column !important;
    }

    .menu-column{
        width:100% !important;
    }
  
   .mega-menu-parent-solutions .mega-menu-solutions{
    position: relative !important;
            left: 0px !important;
   }
    /* .serve-mob {
    background: #00000029;
    padding: 20px 20px 5px;
    border-radius: 10px;
} */
    .serve-mob h4 {
        font-size: 20px;
        font-family: var(--sub-text);
        opacity: 0.5;
        /* background: aliceblue; */
    }

    .serve-mob {
        margin: 10px 0 !important;
        display: block;
    }

   
}



    .statistics>div {
        padding: 15px 0;
    }

    .statistics>div>h2 {
        font-size: 26px !important;
    }

    .statistics>div> :nth-child(2) {
        font-size: 13px;
    }

    .About-new .logo-icon {
        height: 120px;
        margin-bottom: 20px;
    }

 

   

    

    .country-banner .banner h1 {
        font-size: 22px !important;
        line-height: 25px !important;
    }

    .locations-sidebar {
        top: 75px !important;
    }

    .city-contact .right_side {
        top: 85px !important;
    }
}

@media (min-width: 1481px) and (max-width: 1600px) {
    .About-new .primary-heading {
        font-size: 25px;
        line-height: 39px;
    }

    .About-new .primary-heading {
        font-size: 25px !important;
        line-height: 39px !important;
    }

    .txt_gradient {
        font-size: 50px !important;
    }

    .techstack-marquee-container .marquee-grid {
        height: 70vh;
    }

    .creative-content .title {
        font-size: 90px !important;
        line-height: 60px !important;
        margin: 20px 0 25px !important;
    }

    .home_service_slides {
        height: 320px !important;
    }

  

    .About-new .logo-icon {
        height: 160px !important;
        width: auto !important;
        margin-bottom: 20px;
    }

}

@media (min-width: 1900px) and (max-width: 3000px) {
    .techstack-marquee-container .tech-card {
        padding: 30px;
    }

   
    .statistics>div>h2 {
        font-size: 45px;
    }

    /* .creative-content .title{
    font-size: 150px !important;
    line-height: 160px;
} */
    .banner-slide div h1 {
        margin-bottom: 20px;
    }

    .creative-content {
        left: 100px;
    }

    /* .home_service_slides {
    height: 470px !important;
} */
   

    

    .flag-sec {
        top: 245px !important;
    }

    
}

@media (min-width: 1600px) and (max-width: 3000px) {

    section.contact_banner::before,
    section.contact_banner::after {
        height: 57vh !important;
    }
}


  

/*=============================
    Sticky Columns
==============================*/



.content-sec .buttons{
    margin-top: 20px ;
    display: flex;
    gap: 20px;
}
.location-swiper{
    padding-bottom: 50px;
}





  /* service menu */
  .mega-menuservices {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    align-content: start;
}
.solutions_button:hover {
    animation: changeGradientAnimation 15s linear infinite;
    background: #fff  !important;
    border:1px solid #2c3cb9 !important;
    color:#2c3cb9 !important;
}
.solutions_button{
    line-height: 25px !important;
    font-family: var(--heading-text);
    font-weight: 500 !important;
    background-size: 400%;
    border: 1px solid #fff !important;
    border-radius: 100px !important;
    padding: 4px 25px !important;
    font-size: var(--subheading);
    display: flex;
    position: relative;
    overflow: hidden;
    clip-path: inset(0 round 10px);
    line-height: 25px;
    background: linear-gradient(90deg, #2c3cb9, #1c6bdb);
    justify-content: center;
    width: 217px;
    padding: 6px 10px !important;
}
.solutions_button a{
color:#fff !important;
}
  .solution_megamenu .mega-menuservices {
   padding-top: 30px;
  }
  
  .menu-column-title i {
    display: none;
}
/* Each section takes 50% width */
.menu-column {
    flex: 0 0 calc(50% - 11px);
    min-width: 0;
}

.menu-column h3 {
    margin: 0 0 13px;
    font-size: 14px;
    font-weight: 500;
    color: #000000 !important;
    text-transform: uppercase;
    font-family: var(--sub-text);
}

/* White box */
.menu-box {
    background: #fff;
    border-radius: 11px;
    padding: 0 14px;
    overflow: hidden;
}

/* Individual links */
.menu-box  a {
    display: block;
    padding: 4px 0 !important;
    color: #2B2B2B !important;
    text-decoration: none;
    font-size: 14px !important;
    border-bottom: 1px solid #e5e5e5;
     font-family: var(--sub-text);
       font-weight: 400 !important;
}

.menu-box a:last-child {
    border-bottom: none;
}

.menu-box a:hover {
    color: #075bea;
}
.services-content_header{
position: absolute;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 299px;
    inset: 0;
    z-index: 2;
    padding: 18px;
    box-sizing: border-box;
    padding: 18px 18px 27px;
}

.services-content_header h1{
   color: white;
    font-size: 27px;
    font-family: var(--sub-text);
    font-weight: 500;
        line-height: 36px;
    margin-bottom: 9px;
}
.services-content_header p{
   
    color: white;
    font-size: 14px;
    font-family: var(--sub-text);
    line-height: 23px;

}
header .btn-white{
width: 100% !important;
    padding: 6px 10px !important;
justify-content: center !important;
    align-items: center !important;
    display: flex !important;
}
header .btn-white span{
    font-weight: 600 !important;
    text-align:center !important
}

.service_header {
    position: relative !important;
       width: 313px;
    height: 423px;
    aspect-ratio: 3 / 4 !important;
    overflow: hidden !important;
    border-radius: 20px !important;
}

.service_header img {
    width: 100% !important;
    height: 97% !important;
    display: block !important;
    object-fit: cover !important;
    margin: 0 !important;
    border-radius: inherit !important;
}
/* Our Solutions parent */
.mega-menu-parent-solutions {
    position: static;
}

/* Mega menu */
.mega-menu-parent-solutions .mega-menu-solutions {
    position: absolute;
    top: 100%;
   
  
    z-index: 9999;
}

/* Main content */
.mega-menu-parent-solutions .mega-menu-content {
    padding: 25px 4%;
    box-sizing: border-box;
    display: grid !important;
    grid-template-columns: 35% 65% !important;
    gap: 36px !important;
    width: 97% !important;
    align-items: start;
    margin-left: 0px;
}


.logo_iconsimg{
width: 125px !important;
    border-radius: 0px !important;
}
.compay_soli p{
    margin-bottom:0px !important;
}
.solition_menuview{
position:static ;
}
.company_content{
    display:flex;
    min-width: 1200px;
    margin: auto;
    padding: 30px 6% 30px;
    
    gap: 24px;
    /* padding: 24px; */
    width: 100%;
    box-sizing: border-box;
}
.company_content .mega-menuservices{
    width:100% !important;
}
@media (min-width: 1500px) {
    .mega-menu-content{
        padding: 30px 4% 30px;
    }
    .service_header{
           width: 100%;
    }
}







/* "What we do" mega menu: category list on the left, links in the middle, promo card on the right (desktop) */
@media (min-width: 992px) {
    .mega-menu-content.wwd {
        display: grid;
        grid-template-columns: 320px minmax(0, 1fr) 340px;
        gap: 28px;
        min-width: 0;
        max-width: 1320px;
        margin: 0 auto;
        padding: 26px 40px 30px;
        align-items: stretch;
    }
    .wwd__list { list-style: none; margin: 0; padding: 0; background: #fff; border-radius: 14px; padding: 6px 14px; }
    .wwd__item a { display: flex; align-items: center; justify-content: space-between; padding: 10px 6px; border-bottom: 1px solid #e8ecf4; color: #1b1d2e; font-size: 14px; font-weight: 500; text-decoration: none; transition: color .2s; }
    .wwd__item:last-child a { border-bottom: 0; }
    .wwd__item a i { font-size: 11px; width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid transparent; color: #6b7280; transition: all .2s; }
    .wwd__item.is-active a, .wwd__item a:hover { color: var(--logo_colour); }
    .wwd__item.is-active a { font-weight: 600; }
    .wwd__item.is-active a i { border-color: var(--logo_colour); color: var(--logo_colour); }
    .wwd__panels { background: #e9f1ff; border-radius: 14px; padding: 26px 28px; min-height: 100%; }
    .wwd__panel { display: none; }
    .wwd__panel.is-active { display: block; }
    .wwd__panel h3 { font-family: var(--heading-text); font-size: 17px; font-weight: 600; color: #14163c; margin: 0 0 8px; text-transform: none; }
    .wwd__panel p { font-family: var(--sub-text); font-weight: 400; font-size: var(--subheading) !important; line-height: 26px; }
    .wwd__links a { display: block; padding: 11px 4px; border-bottom: 1px solid #cfdcf3; color: #1b1d2e; font-size: 14px; font-weight: 500; text-decoration: none; transition: color .2s, padding .2s; }
    .wwd__links a:last-child { border-bottom: 0; }
    .wwd__links a:hover { color: var(--logo_colour); padding-left: 10px; }
    .wwd__promo { background: transparent; }
    .wwd__promo-label { display: block; font-size: 22px; font-weight: bold; text-transform: uppercase; }
    .wwd__promo-img { width: 100%; height: 190px; object-fit: cover; border-radius: 14px; display: block; margin-bottom: 14px; }
    .wwd__promo h4 { font-family: var(--heading-text); font-size: 16px; font-weight: 600; color: #14163c; margin: 0 0 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .wwd__promo p { font-family: var(--sub-text); font-weight: 400; font-size: var(--subheading) !important; line-height: 26px; }
    .wwd__promo-btn { display: inline-block; background: var(--logo_colour); color: #fff !important; font-size: 14px; font-weight: 500; padding: 9px 22px; border-radius: 100px; text-decoration: none; }
    .wwd__promo-btn:hover { opacity: .9; }
}
@media (min-width: 992px) {
    .mega-menu-content.wwd .wwd__list { display: block !important; position: static !important; visibility: inherit !important; opacity: 1 !important; transform: none !important; width: auto; height: auto; box-shadow: none; }
}
@media (min-width: 992px) {
    .wwd__panels, .wwd__panel, .wwd__promo { text-align: left; }
    .wwd__panel p { margin-left: 0; margin-right: 0; }
    .mega-menu-content.wwd .wwd__item { margin: 0; padding: 0; }
    .mega-menu-content.wwd .wwd__item a { padding: 8px 6px; line-height: 20px; min-height: 0; margin: 0; }
    .mega-menu-content.wwd .wwd__links a { padding: 10px 4px; line-height: 20px; margin: 0; }
}

/* "What we do" menu: ignore the header's global link hover (white text, white underline bar) */
.navbar-nav .mega-menu-content.wwd a::after,
.navbar-nav .mega-menu-content.wwd a::before { display: none !important; content: none !important; }
.navbar-nav .mega-menu-content.wwd .wwd__item a,
.navbar-nav .mega-menu-content.wwd .wwd__links a { color: #1b1d2e !important; background: transparent !important; }
.navbar-nav .mega-menu-content.wwd .wwd__item a:hover,
.navbar-nav .mega-menu-content.wwd .wwd__item.is-active a,
.navbar-nav .mega-menu-content.wwd .wwd__links a:hover { color: var(--logo_colour) !important; }
.navbar-nav .mega-menu-content.wwd .wwd__item a span { color: inherit !important; }
.navbar-nav .mega-menu-content.wwd .wwd__promo-btn,
.navbar-nav .mega-menu-content.wwd .wwd__promo-btn:hover { color: #fff !important; background: var(--logo_colour) !important; }

/* "What we do" menu - match the reference: left-aligned centre panel, compact text, hover = arrow circle only */
@media (min-width: 992px) {
    .navbar-nav .mega-menu-content.wwd { grid-template-columns: 300px minmax(0, 1fr) 330px; gap: 24px; padding: 20px 40px 24px; }
    /* left list */
    .navbar-nav .mega-menu-content.wwd .wwd__item a { font-weight: 500; padding: 9px 6px; background: transparent !important; box-shadow: none !important; }
    .navbar-nav .mega-menu-content.wwd .wwd__item a:hover { background: transparent !important; }
    .navbar-nav .mega-menu-content.wwd .wwd__item a i { width: 22px; height: 22px; border: 1px solid transparent; transition: border-color .2s, color .2s; }
    .navbar-nav .mega-menu-content.wwd .wwd__item a:hover i,
    .navbar-nav .mega-menu-content.wwd .wwd__item.is-active a i { border-color: var(--logo_colour); color: var(--logo_colour); }
    /* centre panel */
    .navbar-nav .mega-menu-content.wwd .wwd__panels { background: #eaf1fe; padding: 20px 26px 22px; }
    .navbar-nav .mega-menu-content.wwd .wwd__panel,
    .navbar-nav .mega-menu-content.wwd .wwd__panel h3,
    .navbar-nav .mega-menu-content.wwd .wwd__panel p { text-align: left !important; }
    .navbar-nav .mega-menu-content.wwd .wwd__panel h3 { margin: 0 0 6px; }
    .navbar-nav .mega-menu-content.wwd .wwd__panel p { margin: 0 0 26px !important; max-width: 440px; }
    .navbar-nav .mega-menu-content.wwd .wwd__links a { padding: 11px 4px; background: transparent !important; }
    .navbar-nav .mega-menu-content.wwd .wwd__links a:hover { background: transparent !important; padding-left: 4px; }
    /* right promo */
    .navbar-nav .mega-menu-content.wwd .wwd__promo { padding-top: 4px; }
    .navbar-nav .mega-menu-content.wwd .wwd__promo-img { height: auto; aspect-ratio: 16 / 9; margin-bottom: 12px; }
    .navbar-nav .mega-menu-content.wwd .wwd__promo h4 { margin: 0 0 5px; }
    .navbar-nav .mega-menu-content.wwd .wwd__promo p { margin: 0 0 12px; text-align: left; }
    .navbar-nav .mega-menu-content.wwd .wwd__promo-btn { font-weight: 500; padding: 9px 22px; background: #1d4fd8 !important; box-shadow: none; }
}

/* "What we do" menu: no hover background on the category list; equal font sizes */
@media (min-width: 992px) {
    .navbar-nav .mega-menu-content.wwd .wwd__list,
    .navbar-nav .mega-menu-content.wwd li,
    .navbar-nav .mega-menu-content.wwd li:hover,
    .navbar-nav .mega-menu-content.wwd .wwd__item,
    .navbar-nav .mega-menu-content.wwd .wwd__item:hover,
    .navbar-nav .mega-menu-content.wwd .wwd__item.is-active { background: transparent !important; background-image: none !important; box-shadow: none !important; }
    .navbar-nav .mega-menu-content.wwd .wwd__list { background: #fff !important; }
    .navbar-nav .mega-menu-content.wwd li:hover > a,
    .navbar-nav .mega-menu-content.wwd li > a:hover { background: transparent !important; background-image: none !important; }
    /* same size for the category names and the panel links */
    .navbar-nav .mega-menu-content.wwd .wwd__item a,
    .navbar-nav .mega-menu-content.wwd .wwd__links a { font-size: 14px !important; font-weight: 500 !important; line-height: 20px !important; }
    /* same size for the two descriptions and the two headings */
    .navbar-nav .mega-menu-content.wwd .wwd__panel p,
    .navbar-nav .mega-menu-content.wwd .wwd__promo p { font-family: var(--sub-text); font-weight: 400; font-size: var(--subheading) !important; line-height: 26px !important; }
    .navbar-nav .mega-menu-content.wwd .wwd__panel h3,
    .navbar-nav .mega-menu-content.wwd .wwd__promo h4 { font-size: 16px !important; font-weight: 600 !important; }
}

/* "What we do" menu - colours, weights and button taken from the reference design */
@media (min-width: 992px) {
    .serve-web .mega-menu { background: #fff; }
    .navbar-nav .mega-menu-content.wwd .wwd__panels { background: #eff6ff; }
    /* category list: regular weight, active one bold + blue */
    .navbar-nav .mega-menu-content.wwd .wwd__item a { color: #303030 !important; font-weight: 400 !important; }
    .navbar-nav .mega-menu-content.wwd .wwd__item.is-active a,
    .navbar-nav .mega-menu-content.wwd .wwd__item a:hover { color: #173db9 !important; }
    .navbar-nav .mega-menu-content.wwd .wwd__item.is-active a { font-weight: 600 !important; }
    /* centre panel */
    .navbar-nav .mega-menu-content.wwd .wwd__panel h3 { color: #000 !important; }
    .navbar-nav .mega-menu-content.wwd .wwd__links a { color: #1e1e20 !important; font-weight: 500 !important; }
    .navbar-nav .mega-menu-content.wwd .wwd__links a:hover { color: #173db9 !important; }
    /* right card */
    .navbar-nav .mega-menu-content.wwd .wwd__promo h4 { color: #000 !important; }
    .navbar-nav .mega-menu-content.wwd .wwd__promo-btn,
    .navbar-nav .mega-menu-content.wwd .wwd__promo-btn:hover {
        display: block; width: 75%; text-align: center; box-sizing: border-box;
        padding: 12px 10px; font-size: 14px; font-weight: 500; line-height: 20px; border-radius: 100px;
        color: #fff !important;
        background: linear-gradient(90deg, #1741bc 0%, #1a5cd0 100%) !important;
        box-shadow: none;
    }
}

/* "What we do" menu: description and label colours (kept as before) */
@media (min-width: 992px) {
    .navbar-nav .mega-menu-content.wwd .wwd__promo-label { color: #ccc !important; }
    .navbar-nav .mega-menu-content.wwd .wwd__panel p { color: #777879 !important; }
    .navbar-nav .mega-menu-content.wwd .wwd__promo p { color: #6e6e6e !important; }
}

/* "What we do" menu - sizes and button taken from the Products menu design */
@media (min-width: 992px) {
    .navbar-nav .mega-menu-content.wwd .wwd__promo-label { font-size: 25px !important; line-height: 1.2; margin-bottom: 14px; }
    .navbar-nav .mega-menu-content.wwd .wwd__promo h4 { font-size: 18px !important; }
    .navbar-nav .mega-menu-content.wwd .wwd__promo-btn,
    .navbar-nav .mega-menu-content.wwd .wwd__promo-btn:hover {
        display: inline-block; width: fit-content; text-align: center;
        padding: 8px 35px; font-size: 15px; line-height: 21px; border-radius: 8px;
    }
    /* centre panel: bigger gap between the description and the links */
    .navbar-nav .mega-menu-content.wwd .wwd__panel p { margin: 0 0 76px !important; }
}

/* "What we do" menu: panel links pinned to the bottom of the centre panel */
@media (min-width: 992px) {
    .navbar-nav .mega-menu-content.wwd .wwd__panels { display: flex; flex-direction: column; }
    .navbar-nav .mega-menu-content.wwd .wwd__panel.is-active { display: flex; flex-direction: column; flex: 1 1 auto; }
    .navbar-nav .mega-menu-content.wwd .wwd__panel p { margin: 0 0 24px !important; }
    .navbar-nav .mega-menu-content.wwd .wwd__links { margin-top: auto; }
    .navbar-nav .mega-menu-content.wwd .wwd__links a:last-child { padding-bottom: 0; }
}

/* "What we do" menu: links follow the description closely (no big gap, not pinned to the bottom) */
@media (min-width: 992px) {
    .navbar-nav .mega-menu-content.wwd .wwd__panel p { margin: 0 0 0px !important; }
    .navbar-nav .mega-menu-content.wwd .wwd__links { margin-top: 0; }
}

/* Company dropdown on mobile: tighter spacing */
@media (max-width: 991px) {
    .mega-menu-solutions .company_content { padding-top: 4px; padding-bottom: 4px; }
    .mega-menu-solutions .Solution-col { padding-top: 8px; padding-bottom: 6px; }
    .mega-menu-solutions .Solution-col p { line-height: 22px; }
    .mega-menu-solutions .menu-column { margin-bottom: 0; }
    .mega-menu-solutions .menu-box a { padding: 8px 0 8px; line-height: 20px; }
    .mega-menu-solutions .menu-column + .menu-column { margin-top: 4px; }
}

/* "What we do" menu: start at the logo's left edge and use the full header width (large screens and laptops) */
@media (min-width: 992px) {
    .navbar-nav .mega-menu-content.wwd {
        max-width: none;
        width: 100%;
        margin: 0;
        padding-left: 72px;
        padding-right: 72px;
        grid-template-columns: minmax(260px, 24%) minmax(0, 1fr) minmax(300px, 26%);
        box-sizing: border-box;
    }
}
@media (min-width: 992px) {
    .navbar-nav .mega-menu-content.wwd { padding-left: 80px; padding-right: 79px; }
}
@media (min-width: 992px) {
    .navbar-nav .mega-menu-content.wwd .wwd__panel p { margin: 0 0 0px !important; }
}

/* "What we do" menu: hide the centre panel heading and description, keep only the links */
@media (min-width: 992px) {
    .navbar-nav .mega-menu-content.wwd .wwd__panel h3,
    .navbar-nav .mega-menu-content.wwd .wwd__panel p { display: none !important; }
}

/* Company dropdown on mobile: aligned left edges and tighter spacing */
@media (max-width: 991px) {
    .navbar-nav .mega-menu-solutions .Solution-col { padding: 8px 14px 4px 14px !important; }
    .navbar-nav .mega-menu-solutions .Solution-col h1 { margin: 0 0 2px !important; line-height: 26px; }
    .navbar-nav .mega-menu-solutions .Solution-col p { margin: 0 !important; line-height: 20px; }
    .navbar-nav .mega-menu-solutions .menu-box { padding: 0 14px !important; }
    .navbar-nav .mega-menu-solutions .menu-box a { padding: 7px 0 !important; line-height: 20px !important; }
    .navbar-nav .mega-menu-solutions .menu-column { margin: 0 !important; }
    .navbar-nav .mega-menu-solutions .menu-column + .menu-column { margin-top: 2px !important; }
    .navbar-nav .mega-menu-solutions .company_content { padding-top: 2px !important; padding-bottom: 6px !important; }
}

/* Why Algosoft cards with a soft border and shadow (same look as the Remote Diagnostics cards) */
.why-bordered .row + .row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 28px 0 0; }
.why-bordered .why-card {
    width: auto; max-width: none; margin: 0; padding: 26px 28px;
    background: #fff; border: 1px solid #e8edf8; border-radius: 24px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .05);
    transition: .4s; overflow: visible;
}
.why-bordered .why-card:hover, .why-bordered .why-card:active, .why-bordered .why-card.active {
    background: #fff; transform: translateY(-5px); box-shadow: 0 20px 60px rgba(44, 60, 185, .12);
}
.why-bordered .why-card h5 { margin: 0 0 10px; font-family: var(--heading-text); font-size: 20px; font-weight: 600; line-height: 28px; color: #0d1325; }
.why-bordered .why-card:hover h5, .why-bordered .why-card.active h5 { color: var(--logo_colour) !important; }
.why-bordered .why-card p, .why-bordered .why-card:hover p, .why-bordered .why-card.active p { color: #666 !important; }
@media (max-width: 991px) { .why-bordered .row + .row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } }
@media (max-width: 575px) { .why-bordered .row + .row { grid-template-columns: 1fr; } .why-bordered .why-card { padding: 20px; } }





/* Home stats bar: columns share the full width whether there are 3 or 4 stats, with thin dividers and a soft highlight on hover */
.statistics { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); background: #1a1b6b; }
.statistics > div {
    position: relative;
    background: linear-gradient(180deg, #1d1f78 0%, #17185f 100%);
    border: 0;
    border-right: 1px solid rgba(255, 255, 255, .12);
    transition: background .3s ease;
}
.statistics > div:last-child { border-right: 0; }
.statistics > div::after {
    content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; margin-left: 0;
    background: #6f7dff; border-radius: 3px 3px 0 0; transition: width .35s ease, margin-left .35s ease;
}
.statistics > div:hover { transform: none; z-index: 1; background: linear-gradient(180deg, #2a2da0 0%, #1f2188 100%); }
.statistics > div:hover::after { width: 56px; margin-left: -28px; }
.statistics > div > span { opacity: .9; letter-spacing: .2px; }


/* ==========================================================================
   "What we do" mega menu - reference redesign (desktop only)
   Panel heading in caps + link list, "Latest Success Stories" card, and a
   "Brands Who Trust Us" logo strip under the menu.
   ========================================================================== */
.wwd__brands { display: none; }

@media (min-width: 992px) {
    .navbar-nav .mega-menu-content.wwd { grid-template-columns: 300px minmax(0, 1fr) 330px; row-gap: 18px; }

    /* centre panel: caps heading, no description, links with dividers */
    .navbar-nav .mega-menu-content.wwd .wwd__panels { background: #eff6ff; padding: 22px 26px 18px; border-radius: 14px; }
    .navbar-nav .mega-menu-content.wwd .wwd__panel h3 {
        display: block !important; font-size: 15px !important; font-weight: 600 !important; letter-spacing: .2px;
        text-transform: uppercase; color: #303030 !important; margin: 0 0 14px;
    }
    .navbar-nav .mega-menu-content.wwd .wwd__panel p { display: none !important; }
    .navbar-nav .mega-menu-content.wwd .wwd__links { margin-top: 0; }
    .navbar-nav .mega-menu-content.wwd .wwd__links a {
        padding: 14px 18px !important; border-bottom: 1px solid #cfdcf3; font-size: 15px !important;
        font-weight: 400 !important; color: #303030 !important;
    }
    .navbar-nav .mega-menu-content.wwd .wwd__links a:first-child { color: #173db9 !important; font-weight: 500 !important; }
    .navbar-nav .mega-menu-content.wwd .wwd__links a:last-child { border-bottom: 0; padding-bottom: 14px !important; }
    .navbar-nav .mega-menu-content.wwd .wwd__links a:hover { color: #173db9 !important; padding-left: 18px !important; }

    /* right card: small caps label, rounded image, caption only */
    .navbar-nav .mega-menu-content.wwd .wwd__promo-label {
        font-size: 15px !important; font-weight: 600; letter-spacing: .2px; line-height: 1.3;
        color: #303030 !important; margin-bottom: 18px;
    }
    .navbar-nav .mega-menu-content.wwd .wwd__promo-img { aspect-ratio: 16 / 9; border-radius: 16px; margin-bottom: 18px; }
    .navbar-nav .mega-menu-content.wwd .wwd__promo h4 {
        font-size: 15px !important; font-weight: 400 !important; line-height: 28px; color: #303030 !important;
        white-space: normal; overflow: visible; text-overflow: clip; margin: 0;
    }

    /* brands strip */
    .navbar-nav .mega-menu-content.wwd .wwd__brands { display: block; grid-column: 1 / -1; text-align: center; padding-top: 2px; }
    .wwd__brands-label { display: block; font-size: 14px; font-weight: 600; letter-spacing: .3px; text-transform: uppercase; color: #303030; margin-bottom: 14px; }
    .wwd__brands-viewport { overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
    .navbar-nav .mega-menu-content.wwd .wwd__brands-track { display: flex !important; position: static !important; visibility: inherit !important; opacity: 1 !important; transform: none; box-shadow: none; height: auto; align-items: center; gap: 44px; width: max-content; margin: 0; padding: 0 44px 0 0; list-style: none; background: transparent; animation: wwdBrandsScroll 28s linear infinite; }
    .wwd__brands-viewport:hover .wwd__brands-track { animation-play-state: paused; }
    .wwd__brands-track li { flex: 0 0 auto; margin: 0; padding: 0; }
    .wwd__brands-track img { height: 70px; width: auto; max-width: 120px; object-fit: contain; display: block; }
}
@keyframes wwdBrandsScroll { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .wwd__brands-track { animation: none !important; } }

/* "What we do" menu: blue links panel sized to its own content (no empty blue area) */
@media (min-width: 992px) {
    .navbar-nav .mega-menu-content.wwd .wwd__panels { align-self: start; min-height: 0; height: fit-content; }
    .navbar-nav .mega-menu-content.wwd .wwd__panel.is-active { flex: 0 0 auto; }
}

/* "What we do" menu: brands strip sits directly under the blue panel / success-story card */
@media (min-width: 992px) {
    .navbar-nav .mega-menu-content.wwd { grid-template-rows: auto 1fr; row-gap: 14px; }
    .navbar-nav .mega-menu-content.wwd .wwd__list { grid-row: 1 / span 2; align-self: start; }
    .navbar-nav .mega-menu-content.wwd .wwd__brands { grid-column: 2 / -1; grid-row: 2; align-self: start; padding-top: 0; }
    .navbar-nav .mega-menu-content.wwd .wwd__brands-label { margin-bottom: 8px; }
    .navbar-nav .mega-menu-content.wwd .wwd__brands-track img { height: 60px; }
}

/* "What we do" menu: panel links flush with the heading (no left padding) */
@media (min-width: 992px) {
    .navbar-nav .mega-menu-content.wwd .wwd__links a,
    .navbar-nav .mega-menu-content.wwd .wwd__links a:hover { padding-left: 0 !important; }
}

/* "What we do" menu: blue panel bottom lines up with the success-story card bottom */
@media (min-width: 992px) {
    .navbar-nav .mega-menu-content.wwd .wwd__panels { align-self: stretch; height: auto; }
}

/* "What we do" menu: bolder section labels */
@media (min-width: 992px) {
    .navbar-nav .mega-menu-content.wwd .wwd__promo-label,
    .navbar-nav .mega-menu-content.wwd .wwd__brands-label { font-weight: 700 !important; }
}




@media (max-width: 767px) {
    .statistics {
        height: auto !important;
        grid-auto-flow: row !important;
        grid-template-rows: none !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .statistics:has(> div:nth-child(3):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
    .statistics > div {
        height: auto; min-height: 0; padding: 20px 6px !important;
        border-right: 1px solid rgba(255, 255, 255, .14);
    }
    .statistics > div:last-child { border-right: 0; }
    .statistics:not(:has(> div:nth-child(3):last-child)) > div:nth-child(2n) { border-right: 0; }
    .statistics:not(:has(> div:nth-child(3):last-child)) > div:nth-child(-n+2) { border-bottom: 1px solid rgba(255, 255, 255, .14); }
    .statistics > div > h2 { font-size: 26px !important; line-height: 1.1; margin: 0 0 6px; font-weight: 600; }
    .statistics > div > span { font-size: 12px !important; line-height: 1.35; text-align: center; padding: 0 2px; }
}

/* About page (phones): keep a gap between the stats band and the "Certifications & Industry Recognition" heading */
@media (max-width: 767px) {
    .statistics + .about-certification { padding-top: 36px !important; }
}




@media (min-width: 605px) and (max-width: 1000px){
             .navbar-expand-md .navbar-collapse {
              display: none !important ;
        color: #ffffff;
        background: #0c0844;
        position: absolute;
        top: 40px;
        width: 100vw;
        height: 100vh;
        transition: top 0.3s ease-in-out;
        transform: translateX(-4px);
    }
    .navbar-expand-md .navbar-nav {
        margin: 0 !important;
        align-items: center;
        padding: 30px;
        gap: 13px;
        display: flex;
        flex-direction: column;
    }
    .navbar-expand-md .navbar-collapse.show{
      display: block !important;
    }
    .serve-mob a:last-child {
        width: 97% !important;
    }
    .navbar-toggler {
      display: block !important;
        border: none;
        position: absolute;
        right: 0px;
        /* top: 7px; */
        border: none;
    }
    .bi-list {
        color: #fff !important;
        font-size: 20px;
    }
    .let_talk{
      display: none;
    }
    .banner-slide .banner-align a{
      display: none;
    }
}
@media (min-width: 1000px) and (max-width: 1200px) {
  :root {
    --heading-font: 28px;
    --subheading: 14px;
    --footersubheading: 15px;
  }
  
  
 
.service-banner h1 {
        font-size: 70px !important;
        line-height: 80px !important;
    }
    .sticky-sidebar img {
        display: block !important;
        width: 100%;
        height: 190px;
        border-radius: 15px;
        margin: 0 0 20px;
        object-fit: cover;
        object-position: center center;
    }
    .inter-service .heading-area {
    height: 750px !important ;
    justify-content: flex-end !important;
    gap: 20px;
}

}

@media only screen and (max-width: 1600px) {
  

  
  .journey-card h5{
    font-size: 35px !important;
  }
  .statistics {
        height: auto;
    }

  .statistics > div > :nth-child(1) {
    font-size: 42px;
    font-weight: 600;
    text-align: center;
  }

  .statistics > div > :nth-child(2) {
    font-size: 16px;
    text-align: center;
  }
 
  .primary-paragraph {
    font-family: var(--sub-text);
    font-weight: 400;
    font-size: var(--subheading) !important;
    line-height: 26px;
    color: #666666 ;
  }
  

  

  

  

  

  
  

  





        position: relative !important;
        top: auto !important;
        padding-right: 0 !important;
        margin-bottom: 0px !important;
    }

    .sticky-sidebar img {
        display: block;
        width: 100%;
        /* max-width: 280px !important; */
        margin: 0 auto 20px !important;
        height: auto;
        border-radius: 20px;
    }

    .sticky-sidebar h1 {
        font-size: 32px;
        line-height: 1.2;
        margin-bottom: 15px;
    }
    .sticky-sidebar p{
      margin: 10px !important;
    }
    .highlight-web{
      display: none !important;
    }
    

    .inter-service {
    padding: 30px 3% !important;
}
.inter-service .heading-area {
    height: max-content !important;
    border-radius: 15px !important;
    padding: 20px !important;
    gap: 20px !important; 
}
.sticky-wrapper {
    padding-left: 0px !important;
    padding-top: 30px !important;
}


    


    
  
@media (min-width: 360px) and (max-width: 600px) {
 

  
  .statistics {
    height: 240px;
    grid-template-columns: 50% 50%;
    grid-template-rows: 100px 100px;
  }

  .statistics > div > :nth-child(1) {
    font-size: 28px !important;
    font-weight: 500;
    text-align: center;
  }

  .statistics > div > :nth-child(2) {
    font-size: 12px !important;
    text-align: center;
  }
  
  
 
      #collapsibleNavbar {
        justify-content: center;
        overflow: scroll;
        padding: 10px 10px 50px;
    }
  
  .navbar-expand-md .navbar-nav {
    margin-top: 10px !important;
    align-items: center;
}

.navbar-nav {
    list-style: none;
    margin: 10px 10px !important;
    padding: 0;
    display: flex;
    gap: 10px;
}
  

 

  header .section_container {
    padding: 0 0px !important;
  }

 

  

  


      .bi-list {
        color: #fff;
        font-size: 29px;
    }

  

  body {
    --heading-font: 21px;
  }