@charset "UTF-8";
/*-------------------------------------------------------------- # Font & Color Variables # Help: https://bootstrapmade.com/color-system/ --------------------------------------------------------------*/
/* Fonts */
 :root {
     --default-font: "Outfit", sans-serif;
     --heading-font: "Outfit", sans-serif;
     --nav-font: "Outfit", sans-serif;
}

 :root {
     --background-color: #ffffff;

     --default-color: #3c4049;

     --heading-color: #112344;
   
     --accent-color: #012652;
   
     --surface-color: #ffffff;
    
     --contrast-color: #ffffff;

}
 :root {
     --nav-color: #3c4049;
    
     --nav-hover-color: #175cdd;
  
     --nav-mobile-background-color: #ffffff;
   
     --nav-dropdown-background-color: #ffffff;
  
     --nav-dropdown-color: #3c4049;
    
     --nav-dropdown-hover-color: #175cdd;
   
}
 .light-background {
     --background-color: #f4f8ff;
     --surface-color: #ffffff;
}
 .dark-background {
     --background-color: #021418;
     --default-color: #ffffff;
     --heading-color: #ffffff;
     --surface-color: #11262a;
     --contrast-color: #ffffff;
}
/* Smooth scroll */
 :root {
     scroll-behavior: smooth;
}
/*-------------------------------------------------------------- # General Styling & Shared Classes --------------------------------------------------------------*/
 body {
     color: var(--default-color);
     background-color: var(--background-color);
     font-family: var(--default-font);
}
 a {
     color: var(--accent-color);
     text-decoration: none;
     transition: 0.3s;
}
 a:hover {
     color: color-mix(in srgb, var(--accent-color), transparent 25%);
     text-decoration: none;
}
 h1, h2, h3, h4, h5, h6 {
     color: var(--heading-color);
     font-family: var(--heading-font);
}
/* PHP Email Form Messages ------------------------------*/
 .php-email-form .error-message {
     display: none;
     background: #df1529;
     color: #ffffff;
     text-align: left;
     padding: 15px;
     margin-bottom: 24px;
     font-weight: 600;
}
 .php-email-form .sent-message {
     display: none;
     color: #ffffff;
     background: #059652;
     text-align: center;
     padding: 15px;
     margin-bottom: 24px;
     font-weight: 600;
}
 .php-email-form .loading {
     display: none;
     background: var(--surface-color);
     text-align: center;
     padding: 15px;
     margin-bottom: 24px;
}
 .php-email-form .loading:before {
     content: "";
     display: inline-block;
     border-radius: 50%;
     width: 24px;
     height: 24px;
     margin: 0 10px -6px 0;
     border: 3px solid var(--accent-color);
     border-top-color: var(--surface-color);
     animation: php-email-form-loading 1s linear infinite;
}
 @keyframes php-email-form-loading {
     0% {
         transform: rotate(0deg);
    }
     100% {
         transform: rotate(360deg);
    }
}
/*-------------------------------------------------------------- # Global Header --------------------------------------------------------------*/
 .topbar {
     background-color: var(--accent-color);
     height: 60px;
     padding: 0;
     font-size: 14px;
     transition: all 0.5s;
}
 .svg_icon img{
     width: 30px;
}
 .svg_icon a{
     color: #ffffff;
     fill: #ffffff;
     display: inherit;
     font-size: 18px;
     font-weight: 700;
     white-space: nowrap;
}
 .contact-info span{
     font-size: 16px;
     font-weight: 500;
     color: var(--default-color);
}
 .video-bg {
     position: relative;
     width: 100%;
     height: 100vh;
     overflow: hidden;
}
/* Video */
 .video-bg video {
     position: absolute;
     top: 50%;
     left: 50%;
     min-width: 100%;
     min-height: 100%;
     transform: translate(-50%, -50%);
     object-fit: cover;
     z-index: 1;
}
/* Dark overlay */
 .video-bg::after {
     content: "";
     position: absolute;
     inset: 0;
     background: rgba(0, 0, 0, 0.7);
     z-index: 2;
}
/* Content on top */
 .video-bg .content {
     position: relative;
     z-index: 3;
     color: white;
     text-align: center;
     top: 50%;
     transform: translateY(-50%);
}
 .heading_banner{
     color: #fff;
     font-size: 80px;
     font-weight: 800;
     padding: 25px 0px 15px 0px;
}
 .icon_box_heder h5{
     color: #fff;
     font-size: 18px;
     font-weight: 500;
     margin: 0px 0px 0px 10px;
}
 .content p{
     font-size: 20px;
     font-weight: 400;
}
 .header_top_s{
     position: absolute;
     width: 100%;
     z-index: 99;
     padding: 10px 0px;
}
 .seleQre button{
     background: none;
     border: none;
}
 .seleQre button:hover{
     background: none;
     border: none;
}
 .sosal_icon li {
     display: inline-block;
     gap: 5px;
     padding: 0px 3px;
}
 .box_line{
     border: 1px solid #676767;
     margin: 12px 0px;
}
 nav .wrapper{
     position: relative;
     max-width: 1300px;
     height: 70px;
     line-height: 70px;
     margin: auto;
     display: flex;
     align-items: center;
     justify-content: space-between;
}
 .wrapper .logo a{
     color: #f2f2f2;
     font-size: 30px;
     font-weight: 600;
     text-decoration: none;
}
 .wrapper .nav-links{
     display: inline-flex;
         margin: 0px !important;
}
 .nav-links li{
     list-style: none;
}
 .nav-links li a{
     color: #f2f2f2;
     text-decoration: none;
     font-size: 18px;
     font-weight: 400;
     padding: 0px 20px;
     border-radius: 5px;
     transition: all 0.3s ease;
}
 .nav-links li a:hover{
     color: #4787FA;
}
 .nav-links .mobile-item{
     display: none;
}
 .nav-links .drop-menu{
     position: absolute;
     background: #242526;
     width: 180px;
     line-height: 45px;
     top: 85px;
     opacity: 0;
     visibility: hidden;
     box-shadow: 0 6px 10px rgba(0,0,0,0.15);
}
 .nav-links li:hover .drop-menu, .nav-links li:hover .mega-box{
     transition: all 0.3s ease;
     top: 60px;
     opacity: 1;
     visibility: visible;
}
 .drop-menu li a{
     width: 100%;
     display: block;
     padding: 0 0 0 15px;
     font-weight: 400;
     border-radius: 0px;
}
 .mega-box{
     position: absolute;
     left: 0;
     width: 100%;
     padding: 0 0px;
     top: 85px;
     opacity: 0;
     visibility: hidden;
     border: 2px solid #CFD5F9;
     background: #F6F8FF;
     border-radius: 20px;
}
 .mega-box .content_1{
     padding: 25px 20px;
    /* box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
     */
     border-radius: 20px;
     border: 1.5px solid #CFD5F9;
     background: #fff;
     margin: 20px;
}
/*.mega-box .content .row{
     width: calc(25% - 30px);
     line-height: 45px;
}
*/
/* .content .row img{
     width: 100%;
     height: 100%;
}*/
 .content .row header{
     color: #f2f2f2;
     font-size: 20px;
     font-weight: 500;
}
 .content .row .mega-links{
     margin-left: -40px;
     border-left: 1px solid rgba(255,255,255,0.09);
}
 .mega-links{
    padding-left: 0px
}
 .row .mega-links li a{
     padding: 0px;
     color: #002159;
     font-size: 15px;
     display: block;
     font-weight: 600;
}
 .row .mega-links li a:hover{
     color: #4787FA;
}
 .wrapper .btn{
     color: #fff;
     font-size: 20px;
     cursor: pointer;
     display: none;
}
 .wrapper .btn.close-btn{
     position: absolute;
     right: 30px;
     top: 10px;
}
 @media screen and (max-width: 970px) {
     .wrapper .btn{
         display: block;
    }
     .wrapper .nav-links{
         position: fixed;
         height: 100vh;
         width: 100%;
         max-width: 350px;
         top: 0;
         left: -100%;
         background: #242526;
         display: block;
         padding: 50px 0px;
         line-height: 50px;
         overflow-y: auto;
         box-shadow: 0px 15px 15px rgba(0,0,0,0.18);
         transition: all 0.3s ease;
    }
    /* custom scroll bar */
     ::-webkit-scrollbar {
         width: 10px;
    }
     ::-webkit-scrollbar-track {
         background: #242526;
    }
     ::-webkit-scrollbar-thumb {
         background: #3A3B3C;
    }
     #menu-btn:checked ~ .nav-links{
         left: 0%;
    }
     #menu-btn:checked ~ .btn.menu-btn{
         display: none;
    }
     #close-btn:checked ~ .btn.menu-btn{
         display: block;
    }
     .nav-links li{
         margin: 15px 10px;
    }
     .nav-links li a{
         padding: 0 20px;
         display: block;
         font-size: 20px;
    }
     .nav-links .drop-menu{
         position: static;
         opacity: 1;
         top: 65px;
         visibility: visible;
         padding-left: 20px;
         width: 100%;
         max-height: 0px;
         overflow: hidden;
         box-shadow: none;
         transition: all 0.3s ease;
    }
     #showDrop:checked ~ .drop-menu, #showMega:checked ~ .mega-box{
         max-height: 100%;
    }
     .nav-links .desktop-item{
         display: none;
    }
     .nav-links .mobile-item{
         display: block;
         color: #012652;
         font-size: 20px;
         font-weight: 500;
         padding-left: 20px;
         cursor: pointer;
         border-radius: 5px;
         transition: all 0.3s ease;
    }
     .nav-links .mobile-item:hover{
                background: #012652;
        color: #fff;
        border-radius: 0px;
    }
     .drop-menu li{
         margin: 0;
    }
     .drop-menu li a{
         border-radius: 5px;
         font-size: 18px;
    }
     .mega-box{
         position: static;
         top: 65px;
         opacity: 1;
         visibility: visible;
         padding: 0 0px;
         max-height: 0px;
         overflow: hidden;
         transition: all 0.3s ease;
    }
     .mega-box .content{
         box-shadow: none;
         flex-direction: column;
         padding: 20px 20px 0 20px;
    }
     .mega-box .content .row{
         width: 100%;
         margin-bottom: 15px;
         border-top: 1px solid rgba(255,255,255,0.08);
    }
     .mega-box .content .row:nth-child(1), .mega-box .content .row:nth-child(2){
         border-top: 0px;
    }
     .content .row .mega-links{
         border-left: 0px;
         padding-left: 15px;
    }
     .row .mega-links li{
         margin: 0;
    }
     .content .row header{
         font-size: 19px;
    }
}
 nav input{
     display: none;
}
 .body-text{
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 100%;
     text-align: center;
     padding: 0 30px;
}
 .body-text div{
     font-size: 45px;
     font-weight: 600;
}
 @media (max-width: 970px) {
     #mega-services:checked ~ .mega-box, #mega-solutions:checked ~ .mega-box, #mega-innovations:checked ~ .mega-box, #mega-resources:checked ~ .mega-box {
         max-height: 1000px;
         opacity: 1;
         visibility: visible;
    }
}
/* tabby accordion styles */
 .tabby-accordion {
     display: flex;
     flex-direction: column;
     margin: 0 auto;
     padding: 20px;
     width: min(100%, 100%);
     > * {
         width: 100%;
    }
     [role='tablist'], .tabpanels {
         display: contents;
    }
}
 @media (min-width: 768px) {
     .tabby-accordion {
         flex-direction: row;
         [role='tablist'], .tabpanels {
             display: block;
        }
         [role='tablist'] {
             flex: 0 1 20%;
        }
         [role='tabpanel'] {
             margin: 0 0 0 15px;
             height: 100%;
        }
    }
}
/* tab styles */
 [role='tab'] + [role='tab'], [role='tabpanel'] {
     margin-top: 5px;
}
 [role='tab'] {
     background: #EDF3FF;
     color: #002159;
     font-family: inherit;
     font-size: 18px;
     font-weight: 600;
     border: 1px solid #EDF3FF;
     padding: 0px;
     text-align: left;
     width: 100%;
     cursor: pointer;
     position: relative;
     border-radius: 8px;
     height: 48px;
     line-height: 48px;
     padding-left: 20px;
}
 [role='tab']:hover{
     border: 1px solid #002159;
}
 [role='tab']:hover {
     &:after {
         content: '';
         display: block;
         height: 100%;
         position: absolute;
         top: 0;
         left: 0;
    }
}
 [role='tab'][aria-selected='true'] {
     color: #fff;
     background: #002159;
}
 [role='tabpanel'] {
     padding: 20px;
     text-align: left;
}
 [role='tabpanel']:not([tabindex]) {
     display: none;
}
 .tabpanel-content {
     max-width: 100%;
     margin: 0 auto;
}
 .eyebrow {
     font-size: 1rem;
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: 5px;
     margin-bottom: 5px;
}
 .heading {
     font-weight: 700;
     font-size: 1.5rem;
     margin-bottom: 12px;
}
 .content-img {
     margin-top: 30px;
}
 .img-placeholder {
     position: relative;
     margin: 15px auto;
     width: 100%;
     max-width: 250px;
     .backboard {
         width: 100%;
         height: 150px;
         background: var(--pinkish-gray);
         border: 5px solid black;
         border-radius: 20px;
         position: absolute;
         top: -15px;
         left: -10px;
    }
     .content {
         width: 100%;
         height: 150px;
         background: var(--pinkish-gray);
         border: 5px solid black;
         border-radius: 20px;
         position: relative;
         z-index: 2;
         overflow: hidden;
    }
     .sun {
         width: 35px;
         height: 35px;
         border: inherit;
         border-radius: 50%;
         position: absolute;
         top: 5%;
         right: 10%;
    }
     .hill {
         width: 100px;
         height: 100px;
         background: var(--pinkish-gray);
         border: inherit;
         transform-origin: center;
         rotate: 45deg;
         position: absolute;
         top: calc(100% - 50px);
         &.taller {
             width: 250px;
             height: 250px;
        }
         &.right {
             right: 0;
        }
    }
}
 @media (min-width: 768px) {
     .tabpanel-content {
         height: 100%;
    }
     .content-img {
         width: 150px;
         margin: 0 20px 0 0;
         float: left;
    }
     .content-text {
         text-align: left;
    }
     .heading {
         font-size: 2rem;
    }
}
 .scroll-top {
     position: fixed;
     visibility: hidden;
     opacity: 0;
     right: 15px;
     bottom: -15px;
     z-index: 99999;
     background-color: var(--accent-color);
     width: 44px;
     height: 44px;
     border-radius: 50px;
     transition: 0.4s;
}
 .scroll-top.active {
     visibility: visible;
     opacity: 1;
     bottom: 15px;
}
 .scroll-top i {
     font-size: 24px;
     color: var(--contrast-color);
     line-height: 0;
}
 .content_1 h2{
     font-size: 25px;
     font-weight: 700;
     color: #002159;
}
 .tabby-accordion [role="tabpanel"] {
     display: none;
}
 .tabby-accordion [role="tabpanel"][tabindex="0"] {
     display: block;
}
 .tabby-accordion [role="tab"][aria-selected="true"] {
     background: #002159;
     color: #fff;
}
 .mega-links li a:before{
    content: "";
     display: inline-block;
     vertical-align: middle;
     width: 50px;
     height: 50px;
     margin-right: .75rem;
     background-size: contain;
     background-position: center;
     background-repeat: no-repeat;
}
 .mega-links li .school:before{
     background-image: url(../../assets/img/header/innovation/school.svg);
}
 .mega-links li a:after{
     content: "";
     display: inline-block;
     vertical-align: middle;
     width: 400px;
     height: 420px;
     margin-right: .75rem;
     background-size: contain;
     background-position: center;
     background-repeat: no-repeat;
     position: absolute;
     right: 2px;
     border-radius: 20px;
     bottom: 17px;
     transition: all 300ms ease;
}


 .mega-links li a:before{
     margin-right: 10px;
     border-radius: .5rem;
     background-size: auto;
     background-size: 100%;
}
 .box_top_d img{
    width: 100%
}
 @media (max-width: 767px) {
     .col-md-9 {
         flex-direction: column;
    }
}
 .mega-links li .school:before{
    background-image: url(../../assets/img/header/innovation/school.svg);
}
 .mega-links li .business_1:before{
    background-image: url(../../assets/img/header/innovation/business.svg);
}
 .mega-links li .restaurant:before{
    background-image: url(../../assets/img/header/innovation/restaurant.svg);
}
 .mega-links li .software:before{
    background-image: url(../../assets/img/header/innovation/software.svg);
}
 .mega-links li .hotel:before{
    background-image: url(../../assets/img/header/innovation/hotel.svg);
}
 .mega-links li .inventory:before{
    background-image: url(../../assets/img/header/innovation/inventory.svg);
}
 .mega-links li .hospital:before{
    background-image: url(../../assets/img/header/innovation/hospital.svg);
}
 .mega-links li .doctor:before{
    background-image: url(../../assets/img/header/innovation/doctor.svg);
}
 .mega-links li .astrology:before{
    background-image: url(../../assets/img/header/innovation/astrology.svg);
}
 .mega-links li .taxi:before{
    background-image: url(../../assets/img/header/innovation/taxi.svg);
}
 .mega-links li .house:before{
    background-image: url(../../assets/img/header/innovation/house.svg);
}
 .mega-links li .dating:before{
    background-image: url(../../assets/img/header/innovation/dating.svg);
}


 .mega-links li .school_1:before{
    background-image: url(../../assets/img/header/solutions/school.svg);
}
 .mega-links li .mortgage:before{
    background-image: url(../../assets/img/header/solutions/mortgage.svg);
}
 .mega-links li .banking:before{
    background-image: url(../../assets/img/header/solutions/banking.svg);
}
 .mega-links li .cloud:before{
    background-image: url(../../assets/img/header/solutions/cloud.svg);
}
 .mega-links li .finance:before{
    background-image: url(../../assets/img/header/solutions/finance.svg);
}
 .mega-links li .food:before{
    background-image: url(../../assets/img/header/solutions/food.svg);
}
 .mega-links li .entertainment:before{
    background-image: url(../../assets/img/header/solutions/entertainment.svg);
}
 .mega-links li .gas:before{
    background-image: url(../../assets/img/header/solutions/gas.svg);
}
 .mega-links li .hospitality:before{
    background-image: url(../../assets/img/header/solutions/hospitality.svg);
}
 .mega-links li .ecommerce:before{
    background-image: url(../../assets/img/header/solutions/ecommerce.svg);
}
 .mega-links li .elearning:before{
    background-image: url(../../assets/img/header/solutions/elearning.svg);
}


 .mega-links li:hover a.school_1:after{
    background-image: url(../../assets/img/header/solutions/real_estate.jpg);
     display: block; transition: all 300ms ease;
}

 .mega-links li:hover a.business_1:after{
    background-image: url(../../assets/img/header/solutions/mortgage_&_lending.jpg);
     display: block;
}
 .mega-links li:hover a.hospitality:after{
    background-image: url(../../assets/img/header/solutions/hospitality_travel.jpg);
     display: block;
}
 .mega-links li:hover a.gas:after{
    background-image: url(../../assets/img/header/solutions/oil_gas.jpg);
     display: block;
}
 .mega-links li:hover a.entertainment:after{
    background-image: url(../../assets/img/header/solutions/media_entertainment.jpg);
     display: block;
}
 .mega-links li:hover a.ecommerce:after{
    background-image: url(../../assets/img/header/solutions/ecommerce.jpg);
     display: block;
}
 .mega-links li:hover a.elearning:after{
    background-image: url(../../assets/img/header/solutions/elearning_education.jpg);
     display: block;
}
 .mega-links li:hover a.food:after{
    background-image: url(../../assets/img/header/solutions/food.jpg);
     display: block;
}

 .mega-links li:hover a.finance:after{
    background-image: url(../../assets/img/header/solutions/finance.jpg);
     display: block;
}

 .mega-links li:hover a.cloud:after{
    background-image: url(../../assets/img/header/solutions/cloud.jpg);
     display: block;
}

 .mega-links li:hover a.banking:after{
    background-image: url(../../assets/img/header/solutions/banking_&_payment.jpg);
     display: block;
}
 .mega-links li:hover a.mortgage:after{
    background-image: url(../../assets/img/header/solutions/mortgage_&_lending.jpg);
     display: block;
}
 .li_box_top_s li a{
     margin: 10px 25px 30px 0px;
    border: 1px solid #D4D8F3;
     padding: 0px 10px !important;
     font-size: 16px !important
}
 .caress {
     position: relative;
     overflow: hidden;
}
 .caress img {
     width: 100%;
     height: auto;
     display: block;
}
 .caress .text_box {
     position: absolute;
     inset: 0;
    /* top:0;
     right:0;
     bottom:0;
     left:0 */
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
    /* bottom par text */
     padding: 20px;
     color: #fff;
}
 .caress .text_box h3 {
     margin: 0 0 6px;
     font-size: 25px;
     font-weight: 600;
     color: #fff;
}
 .caress .text_box p {
     margin: 0;
     font-size: 16px;
     line-height: 25px;
     font-weight: 500;
}
 .box_f h3{
    color: #002159 !important;
}
 .box_f p{
    color: #A3A3A3;
}
 .mega-links li .about:before{
    background-image: url(../../assets/img/header/resources/about.svg);
}
 .mega-links li .knowledge:before{
    background-image: url(../../assets/img/header/resources/knowledge.svg);
}
 .mega-links li .services:before{
    background-image: url(../../assets/img/header/resources/services.svg);
}
 .mega-links li .careers:before{
    background-image: url(../../assets/img/header/resources/careers.svg);
}
 .mega-links li .contact:before{
    background-image: url(../../assets/img/header/resources/contact.svg);
}
 .mega-links li .innovations:before{
    background-image: url(../../assets/img/header/resources/innovations.svg);
}
 .button_i_m button:before{
    content: "";
     display: inline-block;
     vertical-align: middle;
     width: 30px;
     height: 30px;
     margin-right: .75rem;
     background-size: contain;
     background-position: center;
     background-repeat: no-repeat;
}
 .button_i_m button:before{
     margin-right: 10px;
     border-radius: .5rem;
     background-size: auto;
     background-size: 100%;
}
 .button_i_m button.button_i:before{
     background-image: url(../../assets/img/header/solutions/industries_hover.svg);
}
 [aria-selected="true"].button_i:before{
     background-image: url(../../assets/img/header/solutions/industries.svg) !important;
}
 .button_i_m button:hover .button_i:before{
     background-image: url(../../assets/img/header/solutions/industries.svg);
}
 .button_i_m button.button_c:before{
     background-image: url(../../assets/img/header/solutions/case_hover.svg);
}
 [aria-selected="true"].button_c:before{
     background-image: url(../../assets/img/header/solutions/case.svg) !important;
}
 .button_i_m button:hover .button_c:before{
     background-image: url(../../assets/img/header/solutions/case.svg);
}
 .button_i_m button.button_t:before{
     background-image: url(../../assets/img/header/solutions/technologies_hover.svg);
}
 [aria-selected="true"].button_t:before{
     background-image: url(../../assets/img/header/solutions/technologies.svg) !important;
}
 .button_i_m button:hover .button_t:before{
     background-image: url(../../assets/img/header/solutions/technologies.svg);
}
 [role='tab'][aria-selected='true'] .button_i:before{
    background-image: url(../../assets/img/header/solutions/industries.svg);
}
 .tabpanels{
     border: 1px solid #CFD5F9;
     margin-left: 25px;
     border-radius: 20px;
     background: #fff;
     padding-left: 30px;
    position: relative;
     overflow: hidden;
}
 .logo_client .swiper-wrapper {
     position: relative;
     width: 100%;
     height: 100%;
     z-index: 1;
     display: flex;
     transition-property: transform;
     transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
     box-sizing: content-box;
     align-items: center;
}
 .logo_client h2{
     font-size: 22px;
     font-weight: 500;
     color: #051441;
}
 .cline_numbe{
     background: #00348D;
     background: linear-gradient(90deg, rgba(0, 52, 141, 1) 0%, rgba(0, 33, 89, 1) 26%, rgba(0, 33, 89, 1) 50%, rgba(0, 33, 89, 1) 75%, rgba(0, 52, 141, 1) 100%);
     padding: 50px 0px;
}
 .row_logo{
     margin: auto;
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 50px;
     color: #fff;
     padding-left: 310px;
     position: relative;
}
 .div_img_s{
     position: absolute;
     top: -200px;
     left: -80px;
}
 .stat-box h4 {
     margin: 20px 0 20px;
     font-size: 20px;
     font-weight: 700;
     color: #fff;
     border-bottom: 1px dotted #979797;
     padding-bottom: 20px;
}
 .stat-box p {
     font-size: 16px;
     line-height: 1.6;
     color: #fff;
     margin: 0px;
}

#services .mane_heding_b p
 {
    font-size: 16px;
    font-weight: normal;
    color: #717383;
    width: 80%;
    margin: auto;
    margin-top: 10px;
}
 .stat-number {
     font-size: 50px;
     font-weight: 800;
     line-height: 1;
}
 .logo_client{
     padding-left: 310px;
     margin-bottom: 40px;
     margin-top: 50px;
}
/* Gradient Numbers */
 .gradient-1 {
     background: #F0A13D;
     background: linear-gradient(90deg, rgba(240, 161, 61, 1) 0%, rgba(232, 58, 139, 1) 26%, rgba(177, 51, 255, 1) 50%, rgba(118, 88, 246, 1) 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
}
 .gradient-2 {
     background: linear-gradient(90deg, rgba(240, 161, 61, 1) 0%, rgba(232, 58, 139, 1) 26%, rgba(177, 51, 255, 1) 50%, rgba(118, 88, 246, 1) 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
}
 .gradient-3 {
     background: linear-gradient(90deg, rgba(240, 161, 61, 1) 0%, rgba(232, 58, 139, 1) 26%, rgba(177, 51, 255, 1) 50%, rgba(118, 88, 246, 1) 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
}
 .gradient-4 {
     background: linear-gradient(90deg, rgba(240, 161, 61, 1) 0%, rgba(232, 58, 139, 1) 26%, rgba(177, 51, 255, 1) 50%, rgba(118, 88, 246, 1) 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
}
/* Responsive */
 @media (max-width: 992px) {
     .container {
         grid-template-columns: repeat(2, 1fr);
    }
}
 @media (max-width: 576px) {
     .container {
         grid-template-columns: 1fr;
         text-align: center;
    }
}
 .cline_numbe_one{
    overflow: hidden;
    padding-bottom: 150px
}
 .boll_icon{
    width: 20px;
     height: 20px;
     border-radius: 50%;
    background: #4787FA;
     background: linear-gradient(90deg,rgba(71, 135, 250, 1) 0%, rgba(0, 33, 89, 1) 100%);
}
 .mane_ball_b{
     display: flex;
     align-items: center;
     justify-content: flex-start;
     gap: 10px;    margin-bottom: 15px;
}
 .mane_heding_b h3{
     margin: 0px;
     padding: 0px;
     font-size: 18px;
     font-weight: 500;
    color: #002159;
}
 .mane_heding_b h2{
     font-size: 40px;
     font-weight: bold;
     color: #002159;    margin-bottom: 15px;
}
 .mane_heding_b p{
     font-size: 16px;
     font-weight: normal;
     color: #717383;width: 60%; margin: auto;
}
 .box_thenk_one{
     border: 1px solid #4787FA;
     width: 180px;
     display: flex;
     align-items: center;
     justify-content: center;
     height: 60px;
     border-radius: 10px;
    gap: 10px;
     transition: all 300ms ease;
}
 .box_thenk_one h4{
     font-size: 20px;
     font-weight: 600;
     margin: 0px;
}
 .box_about_d{
     display: flex;
     gap: 43px;
     margin-top: 35px;
}

#about .mane_heding_b{margin-right: 60px}

 .box_thenk_one:hover {
     -webkit-transform: translateY(-5px);
     -ms-transform: translateY(-5px);
     -o-transform: translateY(-5px);
     -moz-transform: translateY(-5px);
     transform: translateY(-5px);
}
 .all_button{
     background: #4787FA;
     padding: 10px 25px;
     border: 1px solid #4787fa;
     border-radius: 60px;
     font-size: 20px;
     font-weight: 500;
     color: #fff;
     margin-top: 43px;
     display: inline-block;
     transition: all 300ms ease;
}
 .button_box .all_button{
     background: #4787FA;
     padding: 2px 25px;
     border: 1px solid #4787fa;
     border-radius: 60px;
     font-size: 20px;
     font-weight: 500;
     color: #fff;
     margin-top: 0px;
     display: inline-block;
     transition: all 300ms ease;
     height: 52px;
     line-height: 44px;
}
 .all_button i.fi.fi-rr-arrow-small-left {
     display: inline-block;
     transform: rotate(140deg);
     margin: 0px;
     padding: 0px;
     line-height: 22px;
     font-size: 20px;
     transition: all 300ms ease;
}
 .all_button:hover{
     text-decoration: none;
     background: #002159;
     border-color: #012455;
     color: #fff;
}
 .all_button:hover i.fi.fi-rr-arrow-small-left{
    transform: rotate(180deg);
}
/*.mane_heding_b {
     margin-right: 60px;
}
*/
 .box_img_shap{
    position: relative;
}
 .shap_1{
     position: absolute;
     top: 50px;
     left: 30px;
     animation: rotate360 20s linear infinite;
}
 .shap_2{
     position: absolute;
     right: 40px;
     bottom: 60px;
     animation: rotate360 20s linear infinite;
}
 @keyframes rotate360 {
     from {
         transform: rotate(0deg);
    }
     to {
         transform: rotate(360deg);
    }
}
 .box_color_e{
     position: absolute;
     right: 0px;
}
 #services{
     margin: 100px 0px;
     background: #F1F5FA;
     padding: 100px 0px;
}
 #services .tabs {
     display: flex;
     gap: 40px;
     border-bottom: 1px solid #E9E9E9;
     margin-bottom: 50px;
     justify-content: center;
     margin-top: 40px;
}
 #services .tab {
     background: none;
     border: none;
     color: #8E8E8E;
     font-size: 18px;
     cursor: pointer;
     padding-bottom: 10px;
     position: relative;
     font-weight: 500;
}
 #services .tab.active {
     color: #4c8dff;
}
 #services .tab.active::after {
     content: "";
     position: absolute;
     bottom: -1px;
     left: 0;
     width: 100%;
     height: 3px;
     background: #4c8dff;
}
/* Content */
 #services .tab_content {
     display: none;
     opacity: 0;
     transition: 0.3s ease;
}
 #services .tab_content.active {
     display: block;
     opacity: 1;
}
 #services .content_wrapper {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 50px;
}
/* Left Side */
 #services .left_content {
    flex: 0 0 60%;
}
 #services .left_content h2 {
     font-size: 30px;
     margin-bottom: 20px;
     color: #002159;
     font-weight: 700;text-transform: capitalize;
}
 #services .left_content p {
     color: #8E8E8E;
     margin-bottom: 30px;
     line-height: 1.6;
    font-size: 16px;
     font-weight: 400;
}
 #services .left_content ul {
     list-style: none;
     padding: 0;
     margin-bottom: 30px;
}
 #services .left_content ul li {
     margin-bottom: 20px;
     padding-left: 45px;
     position: relative;
     color: #8E8E8E;
    font-size: 16px;
     font-weight: 400;
}
 #services .left_content ul li::before {
     content: "";
     position: absolute;
     left: 0px;
     top: 0px;
     color: #4c8dff;
     width: 30px;
     height: 30px;
     background-image: url(../../assets/img/service/service_star.png);
     background-size: contain;
     background-repeat: no-repeat;
}
/* Button */
 #services .explore_btn {
     display: inline-block;
     padding: 15px 30px;
     background: linear-gradient(90deg, #4c8dff, #6ba3ff);
     border-radius: 50px;
     text-decoration: none;
     color: #fff;
     font-weight: bold;
     transition: 0.3s;
}
 #services .explore_btn:hover {
     opacity: 0.8;
}
/* Right Image */
 #services .right_image {
      flex: 0 0 40%;
     text-align: center;
}
/*.right_image img {
     width: 100%;
     max-width: 450px;
     border-radius: 50%;
}
*/
/* Responsive */
 @media(max-width: 992px) {
     .content_wrapper {
         flex-direction: column;
         text-align: center;
    }
}
 #technologies{
    position: relative;
}
 #technologies .tech_wrapper{
     background:#fff;
     border-radius:30px;
     padding:40px;
     display:flex;
     gap:40px;
     box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    margin-top: 40px;
}
/* LEFT TABS */
 #technologies .tech_tabs{
     width:390px;
     display:flex;
     flex-direction:column;
     gap:15px;
}
 #technologies .tech_tab:before{
     content: "";
     position: absolute;
     top: 50%;
     left: 8%;
     transform: translate(-50%, -50%);
     color: #4c8dff;
     width: 25px;
     height: 24px;
     background-repeat: no-repeat;
     background-position: center;
     background-size: contain;
}
 #technologies .tech_tab:hover{
    background:#002159;
     color: #fff
}
 .tech_tab_1:before{
    background-image: url(../../assets/img/service/frontend.svg);
}
 .tech_tab_2:before{
    background-image: url(../../assets/img/service/backend.svg);
}
 .tech_tab_3:before{
    background-image: url(../../assets/img/service/mobile.svg);
}
 .tech_tab_4:before{
    background-image: url(../../assets/img/service/platforms.svg);
}
 .tech_tab_5:before{
    background-image: url(../../assets/img/service/databases.svg);
}
 .tech_tab_6:before{
    background-image: url(../../assets/img/service/devops.svg);
}
 .tech_tab_7:before{
    background-image: url(../../assets/img/service/code.svg);
}
 .tech_tab_1.active:before{
    background-image: url(../../assets/img/service/frontend_hover.svg);
}
 .tech_tab_2.active:before{
    background-image: url(../../assets/img/service/backend_hover.svg);
}
 .tech_tab_3.active:before{
    background-image: url(../../assets/img/service/mobile_hover.svg);
}
 .tech_tab_4.active:before{
    background-image: url(../../assets/img/service/platforms_hover.svg);
}
 .tech_tab_5.active:before{
    background-image: url(../../assets/img/service/databases_hover.svg);
}
 .tech_tab_6.active:before{
    background-image: url(../../assets/img/service/devops_hover.svg);
}
 .tech_tab_7.active:before{
    background-image: url(../../assets/img/service/code_hover.svg);
}
 .tech_tab:hover.tech_tab_1:before{
    background-image: url(../../assets/img/service/frontend_hover.svg);
}
 .tech_tab:hover.tech_tab_2:before{
    background-image: url(../../assets/img/service/backend_hover.svg);
}
 .tech_tab:hover.tech_tab_3:before{
    background-image: url(../../assets/img/service/mobile_hover.svg);
}
 .tech_tab:hover.tech_tab_4:before{
    background-image: url(../../assets/img/service/platforms_hover.svg);
}
 .tech_tab:hover.tech_tab_5:before{
    background-image: url(../../assets/img/service/databases_hover.svg);
}
 .tech_tab:hover.tech_tab_6:before{
    background-image: url(../../assets/img/service/devops_hover.svg);
}
 .tech_tab:hover.tech_tab_7:before{
    background-image: url(../../assets/img/service/code_hover.svg);
}
 #technologies .tech_tab{
     padding:15px 20px;
     border:none;
     border-radius:10px;
     background:#F1F5FA;
     cursor:pointer;
     text-align:left;
     font-weight:600;
     transition:.3s;
     font-size: 19px;
     position: relative;
    color: #8E8E8E;
}
 #technologies .tech_tab.active, .tech_tab:hover{
     background:#0d2a5c;
     color:#fff;
}
/* RIGHT CONTENT */
 #technologies .tech_content{
     flex:1;
}
 #technologies .tab_panel{
     display:none;
     animation: fade .3s ease;
}
 #technologies .tab_panel.active{
     display:block;
}
 @keyframes fade{
     from{
        opacity:0;
         transform:translateY(10px);
    }
     to{
        opacity:1;
         transform:translateY(0);
    }
}
/* CARDS */
 #technologies .card_grid{
     display:grid;
     grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
     gap:20px;
}
 #technologies .tech_card{
     background: #fff;
     padding: 30px 20px;
     text-align: center;
     font-weight: 600;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
     transition: .3s;
     font-size: 18px;
     font-weight: 500;
    display: inline-grid;
     justify-content: center;
     align-items: center;
}
 #technologies .tech_card img{
    margin-bottom: 18px;
    width:60px;
}
 #technologies .tech_card:hover{
     transform:translateY(-5px);
     box-shadow:0 10px 25px rgba(0,0,0,0.15);
}
 #technologies{
     text-align: center;
}
/* Responsive */
 @media(max-width:992px){
     #technologies .tech_wrapper{
         flex-direction:column;
    }
     #technologies .tech_tabs{
         width:100%;
         flex-direction:row;
         overflow-x:auto;
    }
}
 #technologies .tab_panel{
     display:none;
}
 #technologies .tab_panel.active{
     display:block;
}
 #technologies .tech_tab{
     cursor:pointer;
     padding: 16px 10px 15px 50px;
     margin:5px;
}
 #technologies .tech_tab.active{
     background:#0d2a5c;
     color:#fff;
}
/*industries*/
 #industries{
    background-image: url(../../assets/img/industries/industries.jpg);
     background-size: auto;
     text-align: center;
    position: relative;
     background-repeat: no-repeat;
    padding: 100px 0px;
     margin: 100px 0px
}
 #industries .mane_heding_b h2 {
     color: #fff;
}
 #industries .mane_heding_b h3 {
     color: #fff;
}
/* Tabs */
 #industries .industry_tabs{
     display: flex;
     gap: 20px;
     background: rgba(255, 255, 255, 0.1);
     padding: 22px;
     border-radius: 15px;
     margin-bottom: 50px;
     border: 1px solid rgba(255, 255, 255, 0.3);
     justify-content: center;
     text-align: center;
     align-items: center;
}
 #industries .industry_tab{
     background:transparent;
     border:none;
     color:#fff;
     padding:0px 25px;
     border-radius:10px;
     cursor:pointer;
     transition:.3s;
}
 .industry_tab img{
     margin-bottom: 10px;
     border: 2px solid #fff;
     padding: 10px;
     border-radius: 5px;
}
 .industry_tab img:hover{
     background:#4e8fff;
     border-radius:5px 
    /*border-color:#4e8fff;
    */
}
 #industries .industry_tab.active img{
     background:#4e8fff;
     border-radius:5px;
    border-color:#4e8fff 
}
/* Content */
 #industries .tab_panel_tow{
     display:none;
     animation:fade .3s ease;
}
 #industries .tab_panel_tow.active{
     display:block;
}
 @keyframes fade{
     from{
        opacity:0;
         transform:translateY(10px);
    }
     to{
        opacity:1;
         transform:translateY(0);
    }
}
 #industries .content_wrap{
     display:flex;
     justify-content:space-between;
     align-items:center;
     gap:40px;
}
 #industries .left{
     flex: 0 0 58%;
}
 #industries .left h2{
     font-size: 30px;
     font-weight: bold;
     color: #fff;
    text-align: left;
}
 #industries .left p{
     font-size: 16px;
     font-weight: 400;
     color: #fff;
    text-align: left;
     margin-top: 15px;
}
 #industries .right{
      flex: 0 0 42%;
     text-align:left;
}
 #industries .right img{
     max-width:100%;
}
/* Responsive */
 @media(max-width:992px){
     #industries .content_wrap{
         flex-direction:column;
         text-align:center;
    }
     #industries .right{
         text-align:center;
    }
}
 .everywhere{
    /* background: linear-gradient( 135deg, rgba(255,255,255,0.1), rgba(255,255,255,0.05) );
    */
     backdrop-filter: blur(10px);
     border-radius: 25px;
     border: 1px solid rgba(255,255,255,0.2);
     padding: 30px;
     margin-top: 50px;
}
 #industries .left_content ul li {
     margin-bottom: 30px;
     padding-left: 45px;
     position: relative;
     color: #fff;
     font-size: 16px;
    text-align: left;
     font-weight: 500;
}
 #industries .left_content ul li::before {
     content: "";
     position: absolute;
     top: 50%;
     left: 2%;
     transform: translate(-50%, -50%);
     color: #4c8dff;
     width: 30px;
     height: 30px;
     background-image: url(../../assets/img/service/service_star.png);
     background-size: contain;
     background-repeat: no-repeat;
}
 #industries .left_content ul {
     list-style: none;
     padding: 0;
     margin-bottom: 30px;
}
 .left_content{
     margin-top: 40px;
}
 .img_roted{
    position: absolute;
     left: 170px;
     top: -30px;
}
 .img_roted_1 {
     position: absolute;
     right: 0px;
     bottom: -100px;z-index: -9;
}
 #smooth-content {
     overflow: visible;
     width: 100%;
    /* set a height because the contents are position: absolute, thus natively there's no height */
     height: 4000px;
     background-image: linear-gradient( rgba(255, 255, 255, 0.07) 2px, transparent 2px ), linear-gradient(90deg, rgba(255, 255, 255, 0.07) 2px, transparent 2px), linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
     background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;
     background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;
}
 .stack-section{
     display:flex;
     position:relative;
     min-height:200vh;
    /* Important for scroll space */
}
/* Cards Side */
 .cards-wrapper{
     width: 100%;
     position:relative;
     margin: 0 auto;
}
 .stack-card{
     position:sticky;
     top:50px;
     background:#fff;
     padding:40px;
     margin-bottom:80px;
     border-radius:25px;
     /*box-shadow:0 20px 40px rgba(0,0,0,0.2);*/
     transition:0.4s ease;
}
 .stack-card h2{
     margin-top:0;
}
 .business{
    background-image: url(../../assets/img/case/business_erp.webp);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 0px;
    border-radius: 50px;
    height: 525px;
}
.business_one{background-image: url(../../assets/img/case/ecommerce_erp.webp);}
.business_two{background-image: url(../../assets/img/case/healthcare_management.webp);}
.business_three{background-image: url(../../assets/img/case/fintech_mobile.webp);}
.business_fore{background-image: url(../../assets/img/case/logistics.webp);}
 .box_busi{
 background: #fff;
     background-size: auto;
     position: relative;
     background-repeat: no-repeat;
     left: 60px;
     height: 425px;
     width: 451px;
     padding: 30px;border-radius:40px;
    /*clip-path: polygon(0% -100%, 100% 22%, 100% 100%, 0% 100%, 0% 100%);*/
}

.box_busi .arrow-btn {
    position: absolute;
    bottom: -10px;
    right: -12px;
    left: inherit;
    width: 50px;
    height: 50px;
    background: #4c8dff;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    /* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); */
}
 .box_busi h2{
     font-size: 25px;
     font-weight: 700;
     color: #002159;
}
 .box_busi p{
     font-size: 15px;
     font-weight: 400;
     color: #8F929A;
}
 .box_busi .left_content ul li {
     margin-bottom: 15px;
     padding-left:40px;
     position: relative;
     color: #8F929A;
     font-size: 16px;
     text-align: left;
     font-weight: 500;
}
 .box_busi .left_content ul li::before {
     content: "";
     position: absolute;
     top: 50%;
     left: 2%;
     transform: translate(-50%, -50%);
     color: #4c8dff;
     width: 30px;
     height: 30px;
     background-image: url(../../assets/img/service/service_star.png);
     background-size: contain;
     background-repeat: no-repeat;
}
 .box_busi .left_content ul {
     list-style: none;
     padding: 0;
     margin-bottom: 30px;
}
 .box_busi .left_content {
     margin-top: 20px;
}
 #business .mane_heding_b {
    margin-bottom: 50px
}
 .process-section{
     padding:80px 0;
    position: relative;
}
 .shap_7{
     position: absolute;
     top: 1%;
     animation: rotate360 20s linear infinite;
     right: 14%;
     transform: translate(50%, 50%);
}
  .process-section .process-card{
     text-align:center;
     position:relative;
}
 .icon-circle{
     width:110px;
     height:110px;
     background:#0b2c5f;
     border-radius:50%;
     display:flex;
     align-items:center;
     justify-content:center;
     margin:0 auto 20px;
     position:relative;
}
 .icon-circle i{
     font-size:40px;
     color:#fff;
}
 .step-number{
     position:absolute;
     top:-8px;
     left:-8px;
     background:#4e8cff;
     color:#fff;
     font-size:14px;
     font-weight:600;
     width:35px;
     height:35px;
     border-radius:50%;
     display:flex;
     align-items:center;
     justify-content:center;
     border:3px solid #fff;
}
 .process-section .process-card h5{
     font-weight:600;
     color:#0b2c5f;
}
  .process-section .process-card p{
     font-size:14px;
     color:#6c757d;
}
/* Arrow between steps */
  .process-section .process-card::after{
     content:"\f138";
     font-family:"bootstrap-icons";
     position:absolute;
     top:55px;
     right:-25px;
     font-size:30px;
     color:#c5d3ea;
}
  .process-section .process-card:last-child::after{
     display:none;
}
/* Responsive */
 @media (max-width: 991px){
      .process-section .process-card::after{
         display:none;
    }
}
 .process-section .mane_heding_b{
    margin-bottom: 50px
}
 #choose_us{
    background-image: url(../../assets/img/choose/we_work.jpg);
     background-size: cover;
     position: relative;
     overflow: hidden;
     background-repeat: no-repeat;
    padding: 100px 0px;
}
 #choose_us .mane_ball_b{
     display: flex;
     align-items: center;
     justify-content: flex-start !important;
     gap: 10px;
}
 #choose_us .mane_heding_b h3 {
     color: #ffffff;
}
 #choose_us .mane_heding_b h2 {
     color: #fff;
    line-height: 70px;
     font-size: 50px;
}
 #choose_us .mane_heding_b p{
     font-size:16px;
     font-weight:500;
     color:#8F929A; width: 100%;
}
 #choose_us .left_content {
     margin-top: 40px;
}
 #choose_us .left_content ul {
     list-style: none;
     padding: 0;
     margin-bottom: 30px;
}
 #choose_us .left_content ul li {
     margin-bottom: 30px;
     padding-left: 45px;
     position: relative;
     color: #fff;
     font-size: 18px;
     text-align: left;
     font-weight: 500;
}
 #choose_us .left_content ul li::before {
     content: "";
     position: absolute;
     top: 50%;
     left: 2%;
     transform: translate(-50%, -50%);
     color: #4c8dff;
     width: 30px;
     height: 30px;
     background-image: url(../../assets/img/choose/we_work_2.svg);
     background-size: contain;
     background-repeat: no-repeat;
}
 .choose_img{
     position: absolute;
      bottom: 47%;
        right: 27%;
     transform: translate(50%, 50%);
}
 .choose_img_1{
     position: absolute;
     bottom: 50%;
     left: 50%;
     transform: translate(-140%, 260%);
}
 .choose_img_2{
     position: absolute;
     bottom: 24%;
     right: 0%;
     transform: translate(-50%, -50%);
}
 #digital_solutions{
    background-image: url(../../assets/img/choose/digital_solutions.svg);
     background-size: auto;
     position: relative;
     overflow: hidden;
     background-repeat: no-repeat;
    padding: 100px 0px;
}
 .center-image{
     overflow:hidden;
     margin:auto;
     position:relative;
     z-index:2;
     animation: zoomIn 1.5s ease;
}
 .center-image img{
     width:100%;
     height:100%;
     object-fit:cover;
}
 #digital_solutions .feature-card{
     background:#F1F5FA;
     padding: 22px 25px;
     border-radius:15px;
     display:flex;
     align-items:center;
     gap:20px;
     transition:0.4s ease;
     opacity:0;
     transform:translateY(40px);
}
 #digital_solutions .feature-card img{
     background: #D0E5FF;
     padding: 12px;
     border-radius: 5px;
}
 #digital_solutions .feature-card h5{
     font-weight: 600;
     margin-bottom: 5px;
     font-size: 18px;
     color: #002159;
     text-align: end;
}
 #digital_solutions .feature-card p{
     font-size:14px;
     color:#7D7D7D;
     margin:0;
     text-align: end;
}
 .box_card_p h5, .box_card_p p {
    text-align: left;
}
/* Hover Effect */
 #digital_solutions .feature-card:hover{
     transform:translateY(-10px);
     box-shadow:0 15px 30px rgba(0,0,0,0.1);
     background:#ffffff;
}
/* Animation Active */
 #digital_solutions .feature-card.show{
     opacity:1;
     transform:translateY(0);
     transition:0.8s ease;
}
/* Zoom Animation */
 @keyframes zoomIn{
     from{
         transform:scale(0.8);
         opacity:0;
    }
     to{
         transform:scale(1);
         opacity:1;
    }
}
/* Responsive */
 @media(max-width:991px){
     .center-image{
         width:300px;
         height:300px;
         margin-bottom:50px;
    }
}
 .pogistion{
     position: absolute;
     top: 6%;
    animation: rotate360 20s linear infinite;
     left: 10%;
     transform: translate(50%, 50%);
}
 .pogistion_1{
     position: absolute;
     bottom: 10%;
     right: 15%;
     transform: translate(50%, 50%);
}
 .pogistion_2{
     position: absolute;
     top: -47%;
     right: 10%;
     transform: translate(50%, 50%);
}
 .testimonial_tow{
    background:#F1F5FA;
     border-radius: 50px;
     padding: 50px 50px
}
 .testimonial_tow .mane_ball_b {
     justify-content: flex-start !important;
}
 .testimonial_tow .mane_heding_b h2 {
     font-size: 45px;
     font-weight: bold;
     color: #4787FA;
     margin-top: 18px;
}
 .testimonial_tow .mane_heding_b h4 {
     margin: 0px;
     padding: 0px;
     font-size: 35px;
     font-weight: bold;
     color: #002159;
     line-height: 47px;
     margin-top: 20px;
}
 .clutch{
     background: #C9E1FF;
     border-radius: 15px;
     padding: 25px;
     margin-top: 30px;
     display: inline-flex;
     align-items: center;
     gap: 50px;
}
 .star_box{
     color: #002159;
}
.mane_heding_b.mane_page_dark .box_section p{
    width: max-content;
}
.box_frist {
    text-align: center;
}
.box_section{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    gap: 8px;
}
 .box_section p{
     font-size: 16px;
     font-weight: 500;
     color: #002159;
     margin: 0px;
}
 .reviews{
    background-image: url(../../assets/img/choose/rectangle.jpg);
     position: relative;
     overflow: hidden;
     background-repeat: repeat;
    padding: 50px 50px;
     border-radius: 30px;
}
 .meditation h2{
     font-size: 35px;
     font-weight: 600;
     color: #fff;
     margin-bottom: 20px;
}
 .meditation p{
     font-size: 18px;
     font-weight: 500;
     color: #fff;
}
 .meditation{
     height: 270px;
}
 .imaghe_r{
     display: flex;
     align-items: center;
     gap: 12px;
}
 .name_text h3{
     font-size: 22px;
     font-weight: 600;
     color: #fff;
     margin-bottom: 3px;
}
 .name_text p{
     font-size: 18px;
     font-weight: 500;
     color: #fff;
     padding: 0px;
     margin: 0px;
}
 .meditation_image img{
     border-radius: 15px;
}
 .nex_Prer{
    /* background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
     */
     backdrop-filter: blur(10px);
     border-radius: 25px;
     border: 1px solid rgba(255, 255, 255, 0.2);
     padding: 30px;
}
 .reviews .swiper-button-next{
     right: 30px;
     top: 335px;
    backdrop-filter: blur(10px);
     border-radius: 25px;
     border: 1px solid rgba(255, 255, 255, 0.2);
     padding: 30px;
     border-radius: 50px;
}
 .reviews .swiper-button-next:after{
    display: none;
}
 .reviews .swiper-button-prev:after{
    display: none;
}
 .reviews .swiper-button-prev{
     left: 423px;
     top: 335px;
     backdrop-filter: blur(10px);
     border-radius: 25px;
     border: 1px solid rgba(255, 255, 255, 0.2);
     padding: 29px;
     border-radius: 50px;
}
 .reviews .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
     display: none;
}
 .rounded-4 {
     border-radius: 36px !important;
}
 .faq-section{
     padding: 100px 0px;
}
 .faq-label{
     color:#2d5cff;
     font-weight:600;
}
/* Image Shapes */
 .faq-image{
     overflow:hidden;
}
 .shape{
     position:absolute;
     background:#000;
     border-radius:50px;
}
 .shape1{
     width:120px;
     height:120px;
     top:-40px;
     left:-40px;
}
 .shape2{
     width:80px;
     height:80px;
     bottom:-30px;
     left:40px;
}
 .shape3{
     width:100px;
     height:100px;
     top:40px;
     right:-40px;
}
/* Accordion Styling */
 .accordion-button{
     font-weight:600;
     border-radius:8px;
}
 .accordion-item{
     border:none;
     margin-bottom:12px;
     border-radius:8px;
     overflow:hidden;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
 .accordion-button:not(.collapsed){
     background:#fff;
     color:#000;
     box-shadow:none;
}
 .service-slider{
     padding: 25px 0px;
     position: relative;
}
 .service-card{
     background:#fff;
     border-radius:20px;
     overflow:hidden;
     box-shadow:0 10px 25px rgba(0,0,0,0.08);
     transition:.3s;
}
 .service-card:hover{
     transform:translateY(-5px);
}
 .image-wrap{
     position:relative;
}
 .image-wrap img{
     border-radius:20px 
}
 img.vendor_im {
     position: absolute;
     bottom: -4px;
     left: -3px;
    /* width: 25%;
     */
}
 .shap_ond{
    position: absolute;
     right: 280px;
     top: -5px;
     animation: rotate360 20s linear infinite;
}
 .arrow-btn{
     position: absolute;
     bottom: 5px;
     left: 4px;
     width: 45px;
     height: 45px;
     background: #4c8dff;
     color: #fff;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 22px;
    /* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
     */
}
 .card-body{
     padding:30px 20px;
     height: 140px;
}
 .card-body h5{
     font-size: 22px;
     font-weight: 600;
     color: #002159;
}
 .card-body p{
     color:#717383;
    font-size: 16px;
     font-weight: 400;
    margin: 0px;
}
 .service-slider .swiper {
     padding: 20px 20px 60px;
}
 .service-slider .swiper-pagination-bullet{
     width: 32px;
     height: 8px;
     border-radius: 10px;
}
 .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{
    bottom: 0px !important;
}
 #footer_section{
     background: #EEF4FB;
     padding: 100px 0px 0px;
     margin-top: 250px;
    position: relative;
}
 #footer_section .mane_heding_b h4{
     font-size: 18px;
     font-weight: 500;
     color: #8D8D8D;
     margin-top: 31px;
}
 .share ul {
     list-style: none;
     padding: 0;
     margin-top: 50px;
     border: 2px solid #4787FA;
     border-radius: 120px;
     display: inline-flex;
     padding: 20px 15px;
}
 .share li{
     border-right: 2px solid #4787fa;
     padding: 0px 25px;
}
 .share li:last-child {
     border: none;
}
 .share{
     margin-bottom: 35px;
}
 .contact-title{
     color:#fff;
     font-weight:700;
     margin-bottom:30px;
}
/* Input Styling */
 .form-control{
     background: #ffffff;
     border: none;
     border-radius: 7px;
     padding: 14px 20px;
     font-weight: 500;
     color: #002159;
}
 .form-control:focus{
     box-shadow:none;
     border:none;
     background:#e9e9e9;
}
/* Textarea */
 textarea.form-control{
     height:110px;
     resize:none;
}
/* Button */
 .contact-btn{
     background: linear-gradient(90deg,#4c8dff,#2d5cff);
     border:none;
     color:#fff;
     padding:16px 35px;
     border-radius:40px;
     font-weight:600;
     margin-top:20px;
     display:inline-flex;
     align-items:center;
     gap:8px;
     transition:.3s;
}
 .contact-btn:hover{
     transform:translateY(-2px);
}
 .requirements{
     background-image: url(../../assets/img/choose/rectangle.jpg);
     position: relative;
     overflow: hidden;
     background-repeat: repeat;
     padding: 50px 50px;
     border-top-left-radius: 50px;
     border-top-right-radius: 50px;
     width: 580px;
     position: absolute;
     top: -130px;
     right: 380px;
     height: 616px;
}
 .footer_two{
     background-image: url(../../assets/img/choose/rectangle.jpg);
     position: relative;
     overflow: hidden;
     background-repeat: repeat;
     padding: 70px 0px 0px;
}
/* Logo */
  #footer_section .logo img{
     max-height:60px;
}
/* Info block */
 .info-block{
     display:flex;
     align-items:center;
     gap:15px;
}
/* Flag circle */
 .flag{
     width: 25%;
     height: 25%;
     border-radius: 50%;
     border: 2px dashed #fff;
     padding: 5px;
}
 .flag img{
     width:100%;
     height:100%;
     border-radius:50%;
     object-fit:cover;
}
/* Text */
 .info-text{
     font-size:14px;
     line-height:1.4;
     color: #fff;
}
 .info-text strong{
     display:block;
     font-weight:600;
}
 @media(max-width:992px){
     .topbar .row{
         gap:20px;
    }
}
 .footer_tre h5{
     color: #fff;
     font-size: 25px;
     margin-bottom: 25px;
     font-weight: 500;
}
/* Links */
 .footer_tre a{
     color:#fff;
     text-decoration:none;
     display:block;
     margin-bottom:10px;
     position:relative;
     transition:.3s;
}
/* Hover underline animation */
 .footer_tre a::after{
     content:"";
     position:absolute;
     left:0;
     bottom:-2px;
     width:0%;
     height:2px;
     background:#4c8dff;
     transition:.3s;
}
 .footer_tre a:hover{
     color:#fff;
}
 .footer_tre a:hover::after{
     width:50%;
}

 .footer_tre a:focus{
     outline:none;
     color:#4c8dff;
}
 .address strong{
     font-size: 25px;
     display: block;
     color: #fff;
     margin-bottom: 10px;
}
 .Job{
     font-size: 20px;
     color: #fff;
}
 .address{
    color: #fff
}
 .phone{
     color:#4c8dff;
     font-weight:600;
     margin:10px 0;
}
/* Social Icons */
 .social-icons{
     display:flex;
     gap:12px;
     margin-top:15px;
}
 .footer_tre{
    border-top: 2px solid #fff;
    padding: 50px 0px;
     border-bottom: 2px solid #fff;
}
 .footer_last ul {
     list-style: none;
     padding: 0;
     margin-bottom: 30px;
}
 .social-icons a{
     transition:.3s;
}
 .social-icons a:hover{
     transform:translateY(-3px);
}
 .social-icons a::after {
     display: none;
}
 .privacy li {
     display: inline-block;
     color: #fff;
     border-right: 2px solid #fff;
     padding: 0px 15px 0px 15px;
}
 .privacy li:last-child {
     border: none;
}
 .privacy li:first-child {
     padding-left: 0px;
}
 .privacy li a{
    color: #fff;
     font-weight: 600;
     font-size: 16px
}
 .footer_last {
     padding: 50px 0px;
     display: flex;
     align-items: center;
     justify-content: space-between;
}
 .privacy p{
     font-size: 12px;
     color: #A3A3A3;
}
 .image_footer li {
     display: inline-flex;
     gap: 20px;
}
 .image_footer li img{
    transition: .3s;
}
 .image_footer li:hover img{
     transform: translateY(-2px);
}
 .shap_8{
     position: absolute;
     top: -170px;
     left: 360px;
    animation: rotate360 20s linear infinite;
}
 .shap_9{
     position: absolute;
     right: 180px;
     top: 320px;
}
 .footer_bottom{
     background: #002159;
     text-align: center;
     padding: 15px 0px;
}
 .footer_bottom p{
    color: #BEBEBE;
     margin: 0px;
     font-size: 18px
}
 @keyframes rotate360 {
     from {
         transform: rotate(0deg);
    }
     to {
         transform: rotate(360deg);
    }
}
 .show {
     opacity: 1;
     transform: translateY(0);
     transition: 0.8s ease;
}
 .choose_img_4{
    position: absolute;
    top: 42%;
    right: 33%;
    transform: translate(50%, 50%);
    z-index: 9;
    animation: zoom-in-zoom-out 3s ease-out infinite;
    width: 7%;
}
 @keyframes zoom-in-zoom-out {
     0% {
         transform: scale(1, 1);
    }
     50% {
         transform: scale(1.2, 1.2);
    }
     100% {
         transform: scale(1, 1);
    }
}












/*about us css start*/

.bg_white .nav-links li a {
    color: #191919;
}

.bg_white{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;padding: 15px 0px}


#about_company{margin-top: 100px; padding: 100px 0px;
    background-image: url(../../assets/img/about/digital_journey.webp);
    background-size: cover;
    position: relative;overflow: hidden;
    background-repeat: no-repeat;}

    .mane_heding_b.mane_page_dark h2{
    font-size: 48px;
    font-weight: bold;
    color: #ffffff;
    margin-top: 18px;
}

.mane_heding_b.mane_page_dark h2 span{color: #4787fa;}

.mane_heding_b.mane_page_dark h3 {color: #ffffff;}

.mane_heding_b.mane_page_dark .boll_icon {
    background: linear-gradient(90deg, rgb(255 255 255) 0%, rgb(159 159 159) 100%);
}

.mane_heding_b.mane_page_dark p
 {
  line-height: 30px;
    color: #ffffff;
    width: 100%;
}

.mane_heding_b.mane_page_dark .clutch
{
    background: #ffffff;
    padding: 15px 15px;
    gap: 10px;
}
.mane_heding_b.mane_page_dark .box_section p {

    color: #002159;
  
}

.mane_heding_b.mane_page_dark{
    margin-right: 64px;
}
.clutch .box_frist img{
    width: 70%;
}
.star_box i{
    font-size: 14px;
}
.box_top_images {
 
  position: relative;}

.box_top_images img {
position: absolute;
    top: -46px;
    right: 0px;
}


@keyframes moveFromTopToBottom {
  0% {
    transform: translateY(0); 
  }
  100% {
    transform: translateY(15px);
  }
}


#who_we_are{padding: 150px 0px 100px; background-image: url(../../assets/img/about/web_and_mobile_app_development_company.webp);
    background-size: cover;
    background-repeat: no-repeat;}

#who_we_are .mane_heding_b p {
    font-size: 16px;
    font-weight: normal;
    color: #717383;
    width: 100%;
    margin: auto;
}
@keyframes moveFromBottomToTop {
  0% {
    transform: translateY(15px); 
  }
  100% {
    transform: translateY(0);
  }
}

#who_we_are .box_top_imagesr img {
 
  animation: moveFromBottomToTop 1s linear infinite alternate; 
}



.mission_m {
  padding: 100px 0;
  position: relative;
  overflow: hidden;
  background-color: #002159;
}

/* Pattern */
.mission_m::before {
      content: "";
    position: absolute;
    inset: 0;
    background: url(../../assets/img/about/vision_mission_dataoxy.png);
    opacity: 0.5;background-repeat: repeat;
}

.vision_box{
    display: flex;
    gap: 25px;
    align-items: center;
    justify-content: end;margin-right: 90px;
}
.mission_box{
    display: flex;
    gap: 25px;
    align-items: center;
    justify-content: start;margin-left: 100px;    margin-top: 10px;
}
/* Typography */
.mission_m .vision {
  font-size: 100px;
  font-weight: 700;
  color: #D0C3F6;
}

.mission_m .mission {
  font-size: 100px;
  font-weight: 700;
  color: #fff;
}

.mission_m p {
    font-size: 20px;
    opacity: 1;
    color: #fff;
    margin: 0px;width: 60%;
    text-align: end;
}
.vision_box p{ text-align: start;    width: 50%;}

.vision_v {
  padding: 80px 0;
}

.vision_v h2 {
  font-weight: 600;
}

/* CARD */
.card-custom {
    background: transparent;
    /* backdrop-filter: blur(10px); */
    border-radius: 16px;
    overflow: hidden;
    transition: 0.4s;
    border-radius: 0px;
}
.card-custom:hover {
  transform: translateY(-10px);
  
}

.card-img {
  position: relative;
}

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

/* Gradient */
.card-img::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 150px;
  background: linear-gradient(to top, #002159, transparent);
}

.mission_m .card-body {
    padding: 0px;
    height: auto;
    margin-top: -8px;padding-right: 45px;
}

.card-title {
  font-size: 20px;
  font-weight: 600;
}
.mission_m .card-body h5{
    font-size: 30px;
    font-weight: 600;
    color: #ffffff;
    width: 100%;
    margin-bottom: 15px;
}
.mission_m .card-body p {
    font-size: 18px;
    opacity: 1;
    color: #fff;
    margin: 0px;
    text-align: start;
    width: 100%;
}

/* Animation */
.fade-up {
  opacity: 0;
  transform: translateY(30px);
  animation: fadeUp 1s ease forwards;
}

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

/* Responsive */
@media (max-width: 768px) {
  .hero .vision,
  .hero .mission {
    font-size: 42px;
  }

  .hero {
    text-align: center;
  }
}

.ignite{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 100px 0px 50px;
}

.ignite h2{
    font-size: 40px;
    font-weight: 700;
    color: #fff;
}

.ignite .all_button:hover
 {
    text-decoration: none;
    background: #ffffff;
    border-color: #ffffff;
    color: #012455;
}



/* LEFT STICKY */
.sticky-left{
  position: sticky;
  top: 100px;
}

/* IMAGE BOX */
.experience-box{
position: relative;
}

.experience-box h1{
  font-size:80px;
  font-weight:700;
}

.experience-box p {
    font-weight: 500;
    margin-top: -30px;
    font-size: 25px;
    color: #002159;
}

/* TIMELINE */
.timeline{
  position: relative;
    padding-left: 90px;
    margin-left: 70px;
}

/* vertical line */
.timeline::before{
  content:"";
  position:absolute;
  left:10px;
  top:0;
  width:3px;
  height:100%;
  background:#3b82f6;
}

/* dot */
.timeline-item{
 position: relative;
    margin-bottom: 40px;
    width: 600px;
}

.timeline-item::before{
content: "";
    position: absolute;
    left: -98px;
    top: 60px;
    width: 40px;
    height: 40px;
    background: #3b82f6;
    border-radius: 50%;
    box-shadow: 0 0 0 6px rgba(59, 130, 246, 0.2);
}

/* card */
.timeline-card{
  background:#fff;
  padding:25px;
  border-radius:15px;
  box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

.timeline-card h6{
  color:#3b82f6;
  font-weight:600;
}

.timeline-card h4{
  font-weight:600;
  margin:10px 0;
}

/* responsive */
@media(max-width:768px){

  .sticky-left{
    position:relative;
    top:0;
    margin-bottom:40px;
  }

}

.our_story_a{padding: 100px 0px;}

.text-image {
  font-size: 180px !important;
  font-weight: 900 !important;
  background: url('../../assets/img/about/years_of_experience.webp') center/cover;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.box_experience{
    position: absolute;
       bottom: 60px;
    left: 80px;
}




.stats-section{
  padding:100px 0;
  background: #FDF6ED;
background: linear-gradient(180deg, rgba(253, 246, 237, 1) 0%, rgba(234, 243, 255, 1) 100%);
}
.stats-section .mane_heding_b p {
    font-size: 16px;
    font-weight: normal;
    color: #717383;
    width: 100%;
    margin: auto;
}
/* HEADING */
.main-heading{
  font-weight:700;
  font-size:36px;
}

.highlight{
  color:#4787FA;
}

/* SUBTEXT */
.sub-text{
  margin-top:10px;
  color:#555;
}

/* DIVIDER */
.stats-section .divider{
  height:1px;
  background:#ddd;
  margin:30px 0;
}

/* STAT BOX */
.stat{
  text-align:left;
}

.stat h2{
  font-size:40px;
  font-weight:700;
  color:#0b2c5a;
  position:relative;
  display:inline-block;
}

.stat h2::after{
  content:"";
  width:40px;
  height:3px;
  background:#4787FA;
  position:absolute;
  left:0;
  bottom:-8px;
}

.stat h5{
  font-weight:600;
  margin-top:15px;
}

.stat p{
  font-size:14px;
  color:#666;
}



/* RESPONSIVE */
@media(max-width:768px){
  .main-heading{
    font-size:26px;
  }

  .stat{
    text-align:center;
  }

  .stat h2::after{
    left:50%;
    transform:translateX(-50%);
  }
}


.logo_clinr_2 {
    padding-left: 0px;
    margin-bottom: 40px;
    margin-top: 50px;
    text-align: center;
    
}

.logo_clinr_2 h2{
    font-size: 22px;
    font-weight: 500;
    color: #051441;
    margin-bottom: 20px;
}

/* SECTION */
.why-section{
  padding:80px 0;
}


/* ITEM */
.feature{
  position:relative;
    
}

.dot{
  width:30px;
  height:30px;
  background:#0b2c5a;
  border-radius:50%;
  position:absolute;
  top:0;
  left:0;
}

/* LINE */
.line{
    height: 2px;
    background: #717383;
    margin: 15px 0 55px;
    position: relative;
    width: 85%;
}

.line::after{
  content:"";
  background: url('../../assets/img/about/next.svg') no-repeat center;
  background-size: contain;
  position:absolute;
  right:-10px;
  top:50%;
  transform:translateY(-50%);
  width:25px;
  height:25px;
  color:#999;
}

/* TEXT */
.feature h5{
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 30px;
}
.feature p{
    font-size: 16px;
    color: #5E5E5E;
    line-height: 26px;
}

/* RESPONSIVE */
@media(max-width:768px){

  .main-title{
    font-size:26px;
  }

  .feature{
    padding-top:20px;
  }

}


.dot_line{
    display: flex;
    justify-content: end;
    align-items: center;
}

.feature:hover .dot{background: #4787fa;}

.feature:hover h5{color: #4787fa;}

.feature:hover .line{background: #4787fa;}

.feature:hover .line::after{display: none;}


 .portfolio_dataoxy{
    background-image: url(../../assets/img/about/vision_mission_dataoxy_img.webp);
     background-size: auto;
     text-align: center;
    position: relative;
     background-repeat: repeat;
    padding: 100px 0px;
     margin: 100px 0px
}
.portfolio_dataoxy .mane_heding_b h3

 {
    color: #fff;
}
.portfolio_dataoxy .mane_heding_b p

 {
    color: #fff;
}
.portfolio_dataoxy .boll_icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #4787FA;
    background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(230, 230, 230) 100%);
}
.portfolio_dataoxy .mane_heding_b h2 {
    color: #fff;
}



.hero-box{
    border: 3px solid #fff;
  border-radius: 25px;
  overflow: hidden;
  position: relative;
 transition: 0.4s;
  
}

.hero-box:hover{
    border: 3px solid #4787fa;
        transform: translateY(-10px);
  
}

.hero-box img{
  width: 100%;
  height: 100%;
}

/* SVG Shape */
.hero-box{
    clip-path: polygon(
    0% 0%,
    100% 0%,
    100% 78%,
    82% 100%,
    0% 100%
  );
  
}

.hero-box::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
       height: 300px;
    background: linear-gradient(to top, #002159, transparent);
}

.hero-box::after{
    content: "";
    position: absolute;
    bottom: 0;
    width: 54%;
 
    border: 2px solid #fff;
    color: #ffffff;
    right: -63px;
    transform: rotate(134deg);transition: all 300ms ease;
}

.hero-content {
    position: absolute;
    bottom: 30px;
    left: 30px;
    color: #fff;
    max-width: 75%;
    text-align: left; transition: 0.4s;
}

.hero-content h2{
  font-weight:600;
  font-size: 22px;
  color: #fff;
}

.hero-content p{
  font-size:14px;
  opacity:1;
}

/* BUTTON */
.circle-btn{
  width:50px;
  height:50px;
  border-radius:50%;
  background: #4787fa;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:15px;
  cursor:pointer;    line-height: 25px; display: none;transition: all 300ms ease;
}

.circle-btn i{
    font-size: 27px;
    transform: rotate(135deg);transition: all 300ms ease;
}

.hero-box:hover .circle-btn{display: flex;}

.hero-box:hover::after{border: 2px solid #4787fa;}
.circle-btn:hover{background: #fff;}
.circle-btn:hover i{transform: rotate(180deg); color: #4787FA;}
.hero-box:hover .hero-content{ transform: translateY(-10px);}

.hero-box-tow{
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 18% 100%, 0% 78%);
}

.hero-box-tow::after {
    width: 64%;
    left: -93px;
    right: inherit;
    transform: rotate(46deg);
    
}

.hero-box-tow .hero-content {
    position: absolute;
    bottom: 30px;
    right: 30px;
    left: inherit;
    color: #fff;
    max-width: 75%;
    text-align: right;
    transition: all 300ms ease;
}

.hero-box-three{
    clip-path: polygon(0% -100%, 100% 22%, 100% 100%, 0% 100%, 0% 100%);
}

.hero-box-three::after {
    content: "";
    position: absolute;
    bottom: inherit;
    top: 0;
    width: 54%;
    right: -61px;
    transform: rotate(46deg);
}


.hero-box-fore{    clip-path:  polygon(0% 23%, 100% -103%, 100% 100%, 0% 100%, 0% 100%);}

.hero-box-fore::after {
   top: 0;
    bottom: inherit;
    width: 54%;
    right: inherit;
    left: -60px;
    transform: rotate(133deg);
}

.ment_dataoxy_logo .ment_dataoxy_logo_img{    position: absolute; top: 50%; transform: translate(-50%, -50%);}

    .ment_dataoxy_logo{position: relative;}


    .news_Insights{padding: 50px 0px 0px; margin-top: 50px;}



    /* about us end */


.tech-badge{
  display: inline-block;
  padding: 8px 16px;
  border: 1.5px dashed #ffffff;
  border-radius: 10px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;

}

.tech-badge span{
  margin: 0 6px;
  color: #4a7bdc;
}

.button_class_b .all_button_one{background: #ffffff; margin-left: 20px;color: #4787fa;border-color: #fff;}

.button_class_b .all_button_one:hover {
    text-decoration: none;
    background: #4787FA !important;
    border-color: #4787FA !important;
    color: #fff !important  ;
}

.button_class_b .all_button:hover{background: #fff;color: #4787FA; border-color: #fff;}

.mySlider_2 .icon-box{border: 1px dotted #D8D8D8;    text-align: center;height: 120px; line-height: 120px;}

/* SECTION */
.invest-section{
  padding:100px 0;
}

/* HEADING */
.main-title{
    font-size: 40px;
    font-weight: 700;
}

.invest-section .highlight{
  color:#4787FA;font-weight: 700;
}

.sub-text{
  color:#666;
  max-width:700px;
  margin:auto;
}

/* STATS BOX */
.stats-box{
background: #fff;
    border-radius: 20px;
    padding: 0px 0px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    text-align: center;
}

/* DIVIDER */
.invest-section .divider{
  border-right:1px dashed #002159;
}

.invest-section .stat h3 {
    font-weight: 700;
    font-size: 25px;
    margin-bottom: 20px;
    color: #002159;
}

.invest-section .stat p{
    font-size: 16px;
    color: #717383;
    font-weight: 500;
    margin: 0px;
}
.invest-section .stat{padding: 50px; text-align: center;}
/* LOGOS */




/* RESPONSIVE */
@media(max-width:768px){

  .main-title{
    font-size:26px;
  }

  .invest-section .divider{
    border-right:none;
    border-bottom:1px dashed #ccc;
    margin-bottom:20px;
    padding-bottom:20px;
  }

}


.millions{    background-image: url(../../assets/img/about/vision_mission_dataoxy_img.webp);
    background-size: auto;
    text-align: center;
    position: relative;
    background-repeat: repeat; padding: 90px 0px;    margin-top: 100px;}


    .millions h3{
    font-size: 33px;
    font-weight: 700;
    color: #fff;
    text-align: left;
    line-height: 50px;
    width: 72%;
}
.millions_box_color{color: #4787fa;}
.millions_of_apps{
    position: absolute;
    bottom: 0px;
    right: 200px;
}


.millions_of_apps_2{
animation: rotate360 20s linear infinite;
    position: absolute;
    top: -42%;
    left: 16%;
    /* transform: translate(-50%, -50%) !important; */
    width: 4%;
}

.custom_mobile{padding: 100px 0px;}


.glass{
  background: rgba(255,255,255,0.6);
  backdrop-filter: blur(10px);
  border-radius:20px;
border: 1px solid #E9EBEE;
}

/* LEFT MENU */
.custom-tab-menu{
  display:flex;
  flex-direction:column;
  overflow:hidden;
}

.custom-tab-link {
    padding: 16px;
    border: none;
    background: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    cursor: pointer;
    transition: 0.3s;
    font-weight: 500;
    background: #F8F7F3;
    font-size: 20px;
    font-weight: 600;
    color: #191919;
}

.custom-tab-link:hover{
  background: rgba(71,135,250,0.1);
  color:#4787FA;
}

.custom-tab-link.active{
  background:#4787FA;
  color:#fff;
}

/* CONTENT */
.custom-tab-content{
  padding:40px;
      margin-left: 30px;
}

/* PANES */
.custom-tab-pane{
  display:none;
  opacity:0;
  transform:translateX(30px);
  transition:0.4s;
}

.custom-tab-pane.active{
  display:block;
  opacity:1;
  transform:translateX(0);
}

.custom-tab-pane h4{
    font-weight: 700;
    font-size: 22px;
    color: #002159;position: relative;padding-bottom: 20px;
}
.custom-tab-pane p{color:#717383; font-size: 16px;font-weight: 400;}

.custom_f {
    margin-top: 40px;
}

.custom-tab-pane h4::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 7px;
    width: 10%;
    height: 4px;
    background: #4c8dff;
    transition: .3s;
    border-radius: 50px;
}

.custom-tab-pane h5{
    font-weight: 600;
    font-size:20px;
    color: #000;position: relative;
}

.cutaml_d{
    margin: 10px 0px;
    display: block;
}



.transform_ideas{    background-image: url(../../assets/img/about/vision_mission_dataoxy_img.webp);
    background-size: auto;
    text-align: center;
    position: relative;
    background-repeat: repeat; padding: 90px 0px;       margin-top: 160px;}


    .transform_ideas h3{
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    text-align: left;
    line-height: 50px;margin-bottom: 20px;display: block;
    width: 85%;
}
.transform_ideas .millions_box_color{color: #ffffff;}
.transform_ideas .millions_of_apps{
    position: absolute;
    bottom: 0px;
    right: 200px;
}

.transform_ideas p{
    font-size: 16px;
    color: #fff;
}

.transform_ideas .millions_box{
    text-align: left;
 
}


.portfolio_dataoxy_P .tech_card img
 {
    padding-bottom: 18px;
    width: 60px;
    margin: auto;
}


.transform_ideas .millions_of_apps_2{
animation: rotate360 20s linear infinite;
    position: absolute;
    top: -42%;
    left: 16%;
    /* transform: translate(-50%, -50%) !important; */
    width: 4%;
}

#box_f_g{overflow: hidden;}

.phone-wrapper{
  position: relative;
 width: 414px;
}

/* Frame */
.phone-frame{
  display: block;
  position: relative;
  z-index: 2;
}

/* SCREEN PERFECT FIT */
.phone-screen {
position: absolute;
    top: 2%;
    left: 2%;
    width: 395px;
    height: 100%;
    border-radius: 0px;
    overflow: hidden;
    z-index: 1;
    border-top-left-radius: 66px;
    border-top-right-radius: 66px;  
}

/* Image fit */
.phone-screen img{
  width: 370px;
  height: 100%;
  object-fit: cover;
}

.col-md-4.box_fhr_dh{
    position: absolute;
    right: 30px;
    bottom: 0px;
}


.benefits{padding: 100px 0px;position: relative;}

.benefits .mane_heding_b h2 {
    font-size: 40px;
    font-weight: 700;
    color: #002159;
    margin-bottom: 15px !important;
    width: 74%;
    margin: auto;
}
/* CARD */
.benefits .feature-card{
  background:#fff;
  border-radius:15px;
  padding:40px;
  border:1px solid #e0e6f1;
  transition:0.3s;
  height:100%;
}


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

/* ICON */
.benefits .icon{
  width:70px;
  height:70px;
  background:#eef3ff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom: 25px;
}

/* TEXT */
.benefits .feature-card h5 {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 10px;
}

.benefits .feature-card p{
  font-size:16px;
  color:#666;
}

/* PHONE */
.benefits .phone{
  text-align:center;
}

.benefits .phone img{
  max-width:330px;
}

/* RESPONSIVE */
@media(max-width:992px){
  .benefits .phone{
    margin:40px 0;
  }
}


.mobilr_p_v{
    position: relative;
    width: 330px;
    margin: auto;
    overflow: hidden;
    height: 651px;
    padding: 0px;
}

.mobilr_p_v .phone {
    display: block;
    position: relative;
    z-index: 2;
}

.mobile_box_j {
    position: absolute;
    top: 0%;
    left: 6.5%;
    width: 286px;
    height: 100%;
    border-radius: 0px;
    overflow: hidden;
    z-index: -1;
    border-top-left-radius: 66px;
    border-top-right-radius: 66px;
    border-radius: 58px;
}

 .mobile_box_j video{
    width: 357px;
 
}

.benefits .img_roted {
    position: absolute;
    left: 170px;
    top: 60px;
}
.img_roted_2{ position: absolute;
    right: 170px;
    bottom: -25px;}

.portfolio_dataoxy_P{
    background-image: url(../../assets/img/service/bg_s.webp);
     background-size: auto;
     text-align: center;
    position: relative;
     background-repeat: repeat;
    padding: 100px 0px;
     margin: 100px 0px 0px
}
.portfolio_dataoxy_P .mane_heding_b h3

 {
    color: #fff;
}
.portfolio_dataoxy_P .mane_heding_b p

 {
    color: #fff;
}
.portfolio_dataoxy_P .boll_icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #4787FA;
    background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(230, 230, 230) 100%);
}
.portfolio_dataoxy_P .mane_heding_b h2 {
    color: #fff;
}



.box_top_bhar {background: hsla(219, 95%, 63%, 1);

background: linear-gradient(90deg, hsla(219, 95%, 63%, 1) 0%, hsla(219, 95%, 63%, 1) 38%, hsla(0, 0%, 100%, 1) 38%, hsla(0, 0%, 100%, 1) 100%);

background: -moz-linear-gradient(90deg, hsla(219, 95%, 63%, 1) 0%, hsla(219, 95%, 63%, 1) 38%, hsla(0, 0%, 100%, 1) 38%, hsla(0, 0%, 100%, 1) 100%);

background: -webkit-linear-gradient(0deg, hsla(219, 95%, 63%, 1) 0%, hsla(219, 95%, 63%, 1) 25%, hsla(0, 0%, 100%, 1) 25%, hsla(0, 0%, 100%, 1) 100%);    padding: 50px;
    border-radius: 40px;}
.box_top_bhar .nav-link.active {
    font-size: 22px;
    font-weight: 600;
    text-align: left;
    background: #002159;
    padding: 15px 50px;
    border-radius: 67px;
}


.box_top_bhar .custom-tab-link {
    padding: 5px 10px 5px 40px;
    border-radius: 100px;
    background: none;
    border: none;
    cursor: pointer;
    transition: 0.3s;
    font-weight: 500;
    background: transparent;
    font-size: 22px;
    font-weight: 600;
    color: #ffffff;
    text-align: left;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;    margin: 10px 0px;}

.box_top_bhar .custom-tab-link.active {
    background: #002159;
    color: #fff;
}

.languages_icon{
    width: 80px;
    height: 80px;
    background: #4786fb;
    border-radius: 100%;
    line-height: 80px;text-align: center;display: none;
}

.box_top_bhar .custom-tab-link.active .languages_icon{display: block;}

.box_top_bhar .card_grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 20px;
}

.box_top_bhar .tech_card {
    background: #fff;
    padding: 30px 17px;
    /* border-radius: 12px; */
    text-align: center;
    font-weight: 600;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: .3s;
    font-size: 18px;
    font-weight: 500;
    display: inline-grid;
    justify-content: center;
    align-items: center;
}

.box_top_bhar .custom-tab-content
 {
    padding: 0px;
    margin-left: 10px;
}

.box_top_bhar .tech_card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}


.industries {
    padding: 100px 0px;
    position: relative;
       background-image: url(../../assets/img/service/bg_ss.webp);
     background-size: auto;
     text-align: center;
    position: relative;
     background-repeat: repeat;
}


.case-study {
    padding: 60px 0;
}

/* Card */
.case-box {
position: relative;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

/* Image */
.case-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;border-radius: 40px;
}

/* Content */
.case-content {
    padding: 40px;
    background: #fff;
    border-radius: 20px;
    border: 2px solid #4787FA;
    position: absolute;
    right: 130px;
       width: 750px;
    top: 50%;
    right: -21%;
    transform: translate(-50%, -50%) !important;
    text-align: left;
}
.carousel-control-next-icon {
    background-image: url(../../assets/img/service/right_icon.svg) !important;
}
.carousel-control-next {
    width: 70px !important;
    height: 70px !important;
    background: #002159;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    right: -25px;
    opacity: 1;
}
.case-content h3 {
    color: #0d2b5c;
    font-weight: 600;
        margin-bottom: 15px;font-size: 22px;
}

.case-content p {
   font-size: 16px;
    color: #666;
}

/* Tags */
.case-tags {
    margin-top: 20px;
}

.tag {
    display: inline-flex;
    align-items: center;
    padding: 10px 18px;
    border-radius: 30px;
    background: transparent;
    margin: 5px;
    font-size: 16px;
    border: 1px solid #DDDDDD;
    gap: 10px;
    color: #002159;
}
.tag i {
    color: #0d2b5c;
    margin-right: 8px;
}

/* Arrow button */
.carousel-control-next {
    width: 50px;
    height: 50px;
    background: #0d2b5c;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    right: -25px;
}

/* Responsive */
@media(max-width:768px) {
    .case-content {
        padding: 20px;
    }
}


.consultation{
    background: #fff;
    padding: 25px;
    border-radius: 20px;
}
.consultatio2{ background: #fff;
    padding: 25px;
    border-radius: 28px;
    box-shadow: rgb(71 135 250) 0px 7px 29px 0px;}
.consultation h2 {
    text-align: center;
    font-weight: 600;
    color: #0d2b5c;
    margin-bottom: 40px;
}

/* Form Box */
.form-box {
    max-width: 800px;
    margin: auto;
}

/* Input Style */
.form-control {
    height: 48px;
    border-radius: 5px;
    border: 1px solid #dcdcdc;
    padding: 15px;
    font-size: 14px;
    box-shadow: none;
}

.form-box .btn-submit {
    width: 100%;
    height: 60px;
    border-radius: 40px;
    background: linear-gradient(90deg, #4a7de1, #5a8dee);
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    border: none;
    margin-top: 0px;
    transition: 0.3s;
}

textarea.form-control {
    height: 105px;
    resize: none;
}

/* Focus */
.form-control:focus {
    border-color: #4a7de1;
    box-shadow: none;
}

/* Button */
.btn-submit {
    width: 100%;
    height: 60px;
    border-radius: 40px;
    background: linear-gradient(90deg, #4a7de1, #5a8dee);
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    border: none;
    margin-top: 20px;
    transition: 0.3s;
}

.btn-submit:hover {
    opacity: 0.9;
}

/* Responsive */
@media(max-width:768px) {
    .form-control {
        height: 55px;
    }

    textarea.form-control {
        height: 150px;
    }
}

.process { height: 100vh;
    overflow: hidden;}
.process .title-wrapper {
    max-width: 400px;
    margin-right: auto;
}
.process .title-wrapper .animated-title {
    margin: 0px auto 10px 0px;
}
.animated-title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    position: relative;
    padding: 0px 0px 2px;
    width: max-content;
    margin: 0px auto 12px auto;
    display: block;
}

.process-title-wrapper .divider_line {
    flex: 1 1 0;
    height: 2px;
    background-color: #4787FA;
    align-self: end;
    margin-bottom: 20px;
    border-radius: 6px;
}

.process .process-slider-container {
  position: relative;
    overflow: hidden;
    padding: 0 !important;
    margin: 0 !important; 
    
}
.process .container {
    margin: 0 auto !important;
   padding-top: 100px;
}
.process.section-spacing {
    padding: 0 !important;
}
.process .process-wrapper .process-card {
    padding: 24px;
        min-width: 320px;   /* ✅ FIX */
    max-width: 320px;
    flex-shrink: 0;
    flex-shrink: 0;
    border: 1px solid #25395C1A;
    border-radius: 20px;
    position: relative;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.process .process-wrapper {
    display: flex;
    gap: 40px;
    width: max-content;
}

.process-card .counts {
       font-size: 20px;
    font-weight: 700;
    color: #4787FA;
    margin-bottom: 10px;
}
.process-card h3{font-size: 25px;  font-weight: 700;color: #000000; margin-bottom: 15px;}

.process-card .point-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -12.5px;
}
.process-card .point-arrow::before {
    content: '';
    display: block;
    width: 10px;
    height: 4px;
    border-radius: 2px;
    background-color: #4787FA;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -15px;
}

.process-card .point-arrow span.circle {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-color: #4787FA;
    border: 5px solid #fff;
    border-radius: 50%;
    box-shadow: 0px 4px 4px 0px #69400940;
}


.section-spacing {
    padding: 250px 0;
}


.why_choose_us {
 
    text-align: center;
    position: relative;
    background-repeat: repeat;
    margin-top: -220px; position: relative;
}


.feature-box {
        text-align: left;
   padding: 40px 50px;
    height: 100%;
    border-right: 1.5px dashed #000000;
    border-bottom: 1.5px dashed #000000;
}

.feature-box:nth-child(3) {
    border-right: none;
}

.feature-box:nth-child(2) {
   border-right: none;
}

.feature-icon {
    font-size: 40px;
    color: #1e3a8a;
 margin-bottom: 25px;
}

.feature-title {
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 10px;
    color: #0f172a;
}
.border-c{border-bottom: none;}
.border-b{border-right: none;}
.feature-text {
   font-size: 16px;
    color: #8C8C8C;
    line-height: 25px;
}

/* Mobile Fix */
@media (max-width: 767px) {
    .feature-box {
        border-right: none !important;
    }
}

.border-b::before{
    top: 50%;
    width: 50px;
    height: 50px;
    background-color: #fff;
    content: '';
    display: block;
    position: absolute;
    top: 60%;
    transform: translate(-50%, -50%);
    right: 32.8%;
    border-radius: 50%;
}

.border-b::after{
    top: 50%;
    width: 50px;
    height: 50px;
    background-color: #fff;
    content: '';
    display: block;
    position: absolute;
    top: 60%;
    transform: translate(-50%, -50%);
       left: 35.8%;
    border-radius: 50%;
}


/*contant us*/

.contact_page .box_top_images img {
    position: absolute;
    top: -96px;
    right: 0px;
}


.contact_from{padding: 100px 0px}

.contact_from .requirementsd{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; padding: 50px; border-radius: 20px}

.contact_from .contact-title
 {
    color: #002159;
    font-weight: 600;
    margin-bottom: 30px;
    font-size: 20px;
}

#about .mane_heding_b p
 {
    font-size: 16px;
    font-weight: normal;
    color: #717383;
    width: 100%;
    margin: auto;
}

.contact_from .mane_heding_b p {
    font-size: 16px;
    font-weight: normal;
    color: #717383;
    width: 100%;
    margin: auto;
}

.contact_from textarea.form-control {
    height: 120px;
    resize: none;
}
.contant_box_f{
    padding-left: 60px;
}

.contact_from .logo img {
    width: 100%;
}

.box_top_df{padding-left: 60px; margin-top: 20px}

.contact_from .row{
    align-items: center;
}





.location-card hr
 {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: 1px solid #000;
  opacity: 1;
}

/* TITLE */
.world-title h2 {
    font-size: 40px;
    font-weight: 700;
}

.world-title span {
    color: #4a8df6;
}

.world-title p {
    color: #6c757d;
    max-width: 500px;
}

/* CARD */
.location-card {
    position: relative;
    background: #fff;
    border-radius: 20px;
    padding: 35px;
    height: 100%;
    overflow: hidden;
    transition: 0.4s;
}

/* INDIA SPECIAL */
.india-card {
    background: #F8F7F3;
    height: 300px;
}

.usa-card {
    background: #F8F7F3;
    height: 390px;
}

 .usa-card .bg-illustration{
    position: absolute;
    right: 15px;
    bottom: 0px;
    width: auto;
    opacity: 1;
}
/* ICON */
.location-card .icon-box {
    width: 45px;
    height: 45px;
    background: #DBD4B6;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}



.info-box span{
    font-size: 18px;
    color: #000;
    font-weight: 500;
}

/* INFO */
.info-box {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

/* FLAG */
.location-card h4 img {
    width: 37px;
    margin-left: 8px;
}

/* ILLUSTRATION */
.bg-illustration {
    position: absolute;
    right: 15px;
    bottom: 0px;
    width: auto;
    opacity: 1;
}
/* HOVER EFFECT */
.location-card:hover {
    transform: translateY(-10px);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

/* ANIMATION */
.location-card {
    animation: fadeUp 0.8s ease;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* MOBILE */
@media (max-width: 768px) {
    .world-title {
        text-align: center;
        margin-bottom: 30px;
    }
}


.location-card h4{
    font-size: 30px;
    font-weight: 600;
}



.career_enquiry
 {
background-image: url(../../assets/img/contact/contact_us_t.webp);
    background-size: 100%;
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    padding: 100px 0px;
    margin: 100px 0px;
}

.career_enquiry h3{
    font-size: 40px;
    color: #fff;
    font-weight: 600;
}
.career_enquiry p{
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    margin: 15px 0px;
}

 .career_enquiry a{
    border: 1px solid #003CA3;
    border-radius: 140px;
    display: inline-block;
    color: #fff;
    padding: 5px 25px 5px 10px;
    font-size: 18px;
    font-weight: 500;margin-right: 20px;margin-top: 20px;
}

 .career_enquiry span{
background: #fff;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    padding: 10px;
    display: inline-block;
    margin-right: 15px;
}

.career_enquiry span img{
    width: 30px;
    height: 30px;
    line-height: 0px;
}

.career_enquiry a:hover{background: #fff;color: #02235B}

.footer_section_contact{
    background: #fff !important;
    padding: 0px 0px 0px;
    margin-top: 0px !important;
    position: relative;
}


.dx-career-section {
      padding: 100px 0;
    }

    .dx-career-title {
      text-align: center;
      font-size:40px;
      font-weight: 700;
      color: #012652;
      margin-bottom: 40px;
    }

    .dx-job-card {
      border-top: 1px solid var(--dataoxy-border);
      border-bottom: 1px solid var(--dataoxy-border);
      background: var(--dataoxy-white);
    }

    .dx-job-head {
      padding: 34px 30px;border-bottom: 1px solid #DAE7FE;
}

    .dx-job-role {
      font-size: clamp(24px, 2vw, 25px);
      font-weight: 700;
      color: #002159;
      margin-bottom: 8px;
    }

    .dx-job-exp {
      font-size: 18px;
      color: #6b7280;
      font-weight: 500;
      margin-bottom: 0;
    }

    .dx-job-action-wrap {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 22px;
    }

    .dx-apply-btn {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 14px 28px;
      border-radius: 999px;
      background: linear-gradient(90deg, #4d8dff 0%, #4a7ef1 100%);
      color: #fff;
      font-size: 18px;
      font-weight: 600;
      text-decoration: none;
      border: none;
      transition: 0.3s ease;
    }

    .dx-apply-btn:hover {
      color: #fff;
      transform: translateY(-1px);
    }

    .dx-divider-line {
      width: 1px;
      height: 56px;
      background: #e6edf7;
    }

    .dx-toggle-btn {
      width: 52px;
      height: 52px;
      border-radius: 50%;
      border: none;
      background: #4787FA;
      color: #fff;
      font-size: 22px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      transition: 0.3s ease;
    }

    .dx-toggle-btn[aria-expanded="true"] i {
      transform: rotate(90deg);
    }

    .dx-toggle-btn i {
      transition: 0.3s ease;
    }

    .dx-job-body {
      background: #F6F9FE;
      padding: 30px;
    }

    .dx-job-body h4 {
      font-size: 20px;
      font-weight: 700;
      color: #002159;
      margin-bottom: 14px;
    }

    .dx-job-body p {
      font-size: 17px;
      line-height: 1.9;
      margin-bottom: 28px;
    }

    .dx-points-list {
      list-style: none;
      padding: 0;
      margin: 0 0 28px;
    }

    .dx-points-list li {
      position: relative;
      padding-left: 34px;
      margin-bottom: 14px;
      font-size: 17px;
      line-height: 1.8;
      color: var(--dataoxy-text);
    }

    .dx-points-list li::before {
      content: "\F138";
      font-family: "bootstrap-icons";
      position: absolute;
      left: 0;
      top: 2px;
      color: var(--dataoxy-primary);
      font-size: 18px;
    }

    @media (max-width: 991.98px) {
      .dx-job-head {
        padding: 24px 20px;
      }

      .dx-job-action-wrap {
        justify-content: flex-start;
        margin-top: 20px;
      }

      .dx-divider-line {
        display: none;
      }

      .dx-job-body {
        padding: 24px 20px;
      }
    }

    @media (max-width: 575.98px) {
      .dx-job-action-wrap {
        flex-wrap: wrap;
        gap: 14px;
      }

      .dx-apply-btn {
        width: 100%;
        justify-content: center;
      }

      .dx-toggle-btn {
        width: 48px;
        height: 48px;
      }
    }

     .dx-process-wrap {
     position: relative;
    overflow: hidden;
    padding: 100px 0;
    background: #002159;
    }

    .dx-process-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(../../assets/img/contact/header-bg.png);
    background-size: cover;
    opacity: 0.6;
    pointer-events: none;
}
    .dx-process-heading {
      position: relative;
      z-index: 1;
      text-align: center;
      color: #ffffff;
      font-size: clamp(32px, 4vw, 40px);
      font-weight: 700;
      line-height: 1.2;
      margin-bottom: 50px;
    }

    .dx-process-heading span {
      color: #4f8dff;
    }

    .dx-process-card {
      position: relative;
      z-index: 1;
      height: 100%;
      background: #ffffff;
      border-radius: 28px;
      padding: 34px 34px 32px;
      box-shadow: 0 18px 45px rgba(0, 0, 0, 0.08);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .dx-process-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 24px 55px rgba(0, 0, 0, 0.12);
    }

    .dx-process-top {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 15px;
      margin-bottom: 24px;
    }

    .dx-process-icon {
      width: 74px;
      height: 74px;
      flex: 0 0 74px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .dx-process-icon img {
      max-width: 100%;
      height: auto;
      display: block;
    }

    .dx-process-step {
      font-size: clamp(34px, 3vw, 45px);
      font-weight: 700;
      color: #EEEEEE;
      line-height: 1;
      margin-top: 8px;
      white-space: nowrap;
    }

    .dx-process-title {
      color: #002159;
      font-size: clamp(20px, 2vw, 25px);
      font-weight: 700;
      line-height: 1.3;
      margin-bottom: 16px;
    }

    .dx-process-text {
      color: #4b4b4b;
      font-size: 18px;
      line-height: 1.7;
      margin-bottom: 0;
    }

    @media (max-width: 991.98px) {
      .dx-process-wrap {
        padding: 70px 0;
      }

      .dx-process-heading {
        margin-bottom: 36px;
      }

      .dx-process-card {
        border-radius: 24px;
        padding: 28px 24px;
      }

      .dx-process-step {
        font-size: 38px;
      }
    }

    @media (max-width: 575.98px) {
      .dx-process-wrap {
        padding: 55px 0;
      }

      .dx-process-top {
        flex-direction: column;
        align-items: flex-start;
      }

      .dx-process-step {
        margin-top: 0;
        font-size: 32px;
      }

      .dx-process-text {
        font-size: 16px;
      }
    }



    .dx-service-section {
      padding: 100px 0;
      background: #ffffff;
    }

    .dx-service-card {
      height: 100%;
      background: #ffffff;
      border-radius: 8px;
      padding: 42px 34px 36px;
      box-shadow: 0 6px 24px rgba(15, 55, 114, 0.08);
      transition: all 0.3s ease;
    }

    .dx-service-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 14px 34px rgba(15, 55, 114, 0.12);
    }

    .dx-service-icon {
      width: 70px;
      height: 70px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 26px;
      border-radius: 2px;
      overflow: hidden;
    }

  /*  .dx-service-icon img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }*/

    .dx-service-title {
      font-size: 22px;
      line-height: 1.35;
      font-weight: 700;
      color: #0f3772;
      margin-bottom: 16px;
    }

    .dx-service-text {
      font-size: 17px;
      line-height: 1.65;
      color: #6e7280;
      margin-bottom: 0;
    }

    @media (max-width: 991.98px) {
      .dx-service-section {
        padding: 60px 0;
      }

      .dx-service-card {
        padding: 32px 24px 28px;
      }
    }

    @media (max-width: 575.98px) {
      .dx-service-section {
        padding: 45px 0;
      }

      .dx-service-title {
        font-size: 20px;
      }

      .dx-service-text {
        font-size: 16px;
      }
    }

    .color_1{background: #FFEAF1}
     .color_2{background: #FFF8E6}
      .color_3{background: #E3FDF1}
       .color_4{background: #F1F1DC}
        .color_5{background: #E6FDFF}
         .color_6{background: #FDE3E9}


         .dx-job-subscribe-box {
      max-width: 640px;
          margin-top: 50px;
    }

    .dx-job-subscribe-field {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 8px;
      background: #ffffff;
      border: 2px solid #111111;
      border-radius: 999px;
    }

    .dx-job-subscribe-input {
      flex: 1;
      height: 58px;
      border: 0;
      outline: none;
      box-shadow: none;
      padding: 0 22px;
      font-size: 16px;
      color: #1f2937;
      background: transparent;
    }

    .dx-job-subscribe-input::placeholder {
      color: #b7b7b7;
      font-weight: 500;
    }

    .dx-job-subscribe-btn {
      border: 0;
      height: 54px;
      padding: 0 28px;
      border-radius: 999px;
      background: #4b84f8;
      color: #ffffff;
      font-size: 18px;
      font-weight: 600;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      white-space: nowrap;
      transition: 0.3s ease;
    }

    .dx-job-subscribe-btn:hover {
      background: #3f76e6;
      color: #ffffff;
    }

    .dx-job-subscribe-note {
      margin: 16px 0 0 !important;
      font-size: 14px;
      font-weight: 700;
      color: #111111;
    }

    @media (max-width: 575.98px) {
      .dx-job-subscribe-field {
        flex-direction: column;
        border-radius: 24px;
      }

      .dx-job-subscribe-input {
        width: 100%;
        height: 52px;
        padding: 0 16px;
      }

      .dx-job-subscribe-btn {
        width: 100%;
        height: 52px;
      }
    }



    #services .left_content .ecommerce_list_design ul li {
    margin-bottom: 15px;
    position: relative;
    color: #8E8E8E;
    background: #4c8dff17;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    border: 1px solid #0d94fb;
    border-radius: 50px;
    padding: 10px 15px;
    margin-right: 10px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#services .left_content .ecommerce_list_design ul li::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    color: #4c8dff;
    width: 30px;
    height: 30px;
    background-image: url(../../assets/img/service/service_star.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: none;
}

 #services .left_content .ecommerce_list_design ul li:hover{
    transform: translateY(-5px);
}




    #industries .left_content .ecommerce_list_design ul li {
    margin-bottom: 15px;
    position: relative;
    color: #ffffff;
    background: #ffffff47;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    border: 1px solid #ffffff;
    border-radius: 50px;
    padding: 10px 15px;
    margin-right: 10px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.industries 
#industries .left_content .ecommerce_list_design ul li::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    color: #4c8dff;
    width: 30px;
    height: 30px;
    background-image: url(../../assets/img/service/service_star.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: none;
}

 #industries .left_content .ecommerce_list_design ul li:hover{
    transform: translateY(-5px);
}

 #industries .left_content .ecommerce_list_design ul{text-align: left;}

 #industries .left_content .ecommerce_list_design ul li a{
    color: #fff;
}



/* Real Estate industry  */

.feature-item{
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:22px;
}

.about_company .feature-icon{
    width: 60px;
    height: 60px;
    min-width: 60px;
    border: 1px solid rgba(255, 255, 255, .8);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 26px; margin-bottom: 0;
}

.feature-item h4{
    color:#fff;
    font-size:18px;
    font-weight:500;
    line-height:1.4;
    margin:0;
}

@media (max-width:767px){

    .services-feature-section{
        padding:25px 20px;
    }

    .feature-item{
        margin-bottom:20px;
    }

    .feature-icon{
        width:55px;
        height:55px;
        min-width:55px;
        font-size:22px;
    }

    .feature-item h4{
        font-size:16px;
    }
}




.real-estate-services{
    background:#fff;
}

.estate-service-card{
    background:#fff;
    padding:30px;
    height:100%;
    border-top:3px solid #d8d8d8;
    box-shadow:0 0 20px rgba(0,0,0,.06);
    transition:.4s; text-align:left;
}

.estate-service-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,.12);
}

.estate-service-card:hover{
    border-top:3px solid #2d6df6;
}

.estate-service-icon{
    width: 80px;
    height: 80px;line-height: 80px;text-align: center;border-radius: 6px;
    background: #E6E9EF;border: none;
     clip-path: polygon(
                24px 0%,                     
                100% 0%,                     
                100% calc(100% - 24px),      
                calc(100% - 24px) 100%,      /* Bottom-Right cut point 2 */
                0% 100%,                     /* Bottom-Left corner */
                0% 24px                      
            );
            
            transition: transform 0.3s ease;margin-bottom: 30px;
}


.estate-service-card:hover .estate-service-icon{
       background: #002159;
}

.estate-service-card:hover .estate-service-icon img{
    filter: brightness(0) invert(1);
}


.estate-service-title{
    font-size:22px;
    font-weight:600;
    line-height:1.25;
    color:#0d2a63;
    margin-bottom:15px;
}

.estate-service-text{
    font-size:16px;
    line-height:1.4;
    color:#6b7280;
    margin:0;
}

/* Responsive */

@media(max-width:991px){

    .estate-service-card{
        padding:25px;
    }

    .estate-service-title{
        font-size:24px;
    }

    .estate-service-text{
        font-size:17px;
    }
}

@media(max-width:767px){

    .estate-service-title{
        font-size:22px;
    }

    .estate-service-text{
        font-size:15px;
        line-height:1.7;
    }

    .estate-service-icon{
        width:70px;
        height:70px;
    }
}


.realestate .millions_box h3 {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    text-align: left;
    line-height: 58px;
    width: 50%;
}

.realestate .millions_box {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    text-align: left;
}

.realestate{
    background-image: url(../../assets/img/icon/map.png);
    background-size: auto;
    text-align: center;
    position: relative;
    background-repeat: repeat;
    padding: 90px 0px;
    margin-top: 100px; background-color: #002159;
}


.property-mobile-showcase{
    position:relative;
}

.search-box{
    max-width:320px;
    margin:0 auto 30px;
    background:#fff;
    border-radius:16px;
    padding:14px 20px;
    display:flex;
    align-items:center;
    gap:10px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.search-box input{
    border:none;
    outline:none;
    width:100%;
}

.search-box i{
    color:#3f7cff;
    font-size:20px;
}

.mobile-images{
    display:flex;
    align-items:flex-end;
    justify-content:center;
    gap:20px;
}

.mobile-images img{
    width:100%;
}

.property-feature-item{
    display:flex;
    align-items:flex-start;
    gap:25px;
    margin-bottom:50px;
}

.feature-dot{
    width: 60px;
    height: 60px;
    min-width: 60px;
    border-radius: 50%;
    background: #EDF3FF;
    text-align: center;
    line-height: 60px;
}

.advance h3{
    font-size: 24px;
    color: #012652;
    font-weight: 700;
}
.property-feature-item p{
    margin: 0;
    font-size: 16px;
    line-height: 1.3;
    color: #717383;
}

@media(max-width:991px){

    .property-feature-item{
        gap:15px;
        margin-bottom:30px;
    }

    .feature-dot{
        width:45px;
        height:45px;
        min-width:45px; line-height: 45px;
    }

    .property-feature-item p{
        font-size:16px;
        line-height:1.7;
    }

    .mobile-images{
        gap:10px;
    }
}


.property-features-section {padding: 100px 0px;}

.property-features-section h4{
   padding: 12px 25px;
    border-radius: 5px;
    border: 2px solid #4787FA;
    font-size: 25px;
    display: table;
    text-align: center;
    margin: auto;
    justify-content: center;
    align-items: center;
    margin: 70px auto;
        font-weight: 600;
}

.invest-section-box {background: #EEF4FB;}

.invest-section-box .stats-box {
    background: #eef4fb;
    border-radius: 20px;
    padding: 0px 0px;
    box-shadow: none;
    text-align: center;
    margin-top: 50px;
}

.invest-section-box h4{
    font-size: 30px;
    font-weight: 700;
    color: #002159;
    width: 75%;
    margin: auto;
}

.invest-section-box .stat h3 {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 10px;
    color: #002159;
}

.invest-section-box span{
    font-size: 30px;
    color: #4787FA;
    font-weight: 700;
    margin-bottom: 15px;
    display: block;
}



.invest-section-Why-Choose{padding: 100px 0px 0px;}


.invest-section-Why-Choose .service-card{
    background:#F8F7F3;
    padding:30px;
    border-radius:20px;
    height:100%;
    transition:.4s;
    border:1px solid #e8e8e8;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.invest-section-Why-Choose .service-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 40px rgba(0,0,0,.12);
}

.invest-section-Why-Choose .service-card h3{
 font-size: 22px;
    font-weight: 600;
    margin-bottom: 18px;
    color: #0d2a61;
    text-align: left;
}

.invest-section-Why-Choose .service-card p{
        font-size: 16px;
    line-height: 1.5;
    color: #666;
    text-align: left;
}

.invest-section-Why-Choose .feature-image img{width: 91%;}

.custom_f_d{display: flex;    margin: 0px;}

.custom_f_d p{padding: 0px;
margin: 0px;}
/* ==========================================================
   Dynamic Second Navbar Fixes
   - CSS moved from secondnavbar.blade.php to main.css
   - Keeps original menu structure while fixing dynamic icons
   ========================================================== */

/* Hide old pseudo icons only for dynamic DB links/resources where real <img> is used */
.header_top_s .db-menu-link::before,
.header_top_s .db-menu-link::after,
.header_top_s .li_box_top_s li a::before,
.header_top_s .li_box_top_s li a::after {
    display: none !important;
    content: none !important;
    background: none !important;
    background-image: none !important;
}

/* Left menu parent tabs: use original main.css ::before icons */
.header_top_s .button_i_m button {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    height: 58px !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
    margin: 0 !important;
    text-align: left !important;
}

.header_top_s .button_i_m [role="tab"] + [role="tab"] {
    margin-top: 24px !important;
}

.header_top_s .button_i_m button::before {
    display: inline-block !important;
    flex-shrink: 0 !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    margin-right: 18px !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.header_top_s .button_i_m button.button_i,
.header_top_s .button_i_m button.active,
.header_top_s .button_i_m button[aria-selected="true"] {
    background: #002159 !important;
    color: #ffffff !important;
}

.header_top_s .button_i_m button.button_c[aria-selected="false"],
.header_top_s .button_i_m button.button_t[aria-selected="false"],
.header_top_s .button_i_m button:not([aria-selected="true"]),
.header_top_s .button_i_m button[aria-selected="false"] {
    background: #EDF3FF !important;
    color: #002159 !important;
}

/* Correct active icons for all three solution parent tabs */
.header_top_s .button_i_m button.button_i[aria-selected="true"]::before,
.header_top_s .button_i_m button.button_i.active::before {
    background-image: url(../../assets/img/header/solutions/industries.svg) !important;
}

.header_top_s .button_i_m button.button_c[aria-selected="true"]::before,
.header_top_s .button_i_m button.button_c.active::before {
    background-image: url(../../assets/img/header/solutions/case.svg) !important;
}

.header_top_s .button_i_m button.button_t[aria-selected="true"]::before,
.header_top_s .button_i_m button.button_t.active::before {
    background-image: url(../../assets/img/header/solutions/technologies.svg) !important;
}

.header_top_s .button_i_m button.button_i[aria-selected="false"]::before {
    background-image: url(../../assets/img/header/solutions/industries_hover.svg) !important;
}

.header_top_s .button_i_m button.button_c[aria-selected="false"]::before {
    background-image: url(../../assets/img/header/solutions/case_hover.svg) !important;
}

.header_top_s .button_i_m button.button_t[aria-selected="false"]::before {
    background-image: url(../../assets/img/header/solutions/technologies_hover.svg) !important;
}

/* Dynamic child links with uploaded/admin icons */
.header_top_s .db-menu-link {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
}

.header_top_s .db-menu-link img {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    object-fit: contain !important;
    margin: 0 !important;
    border-radius: 8px !important;
}

/* Resource menu boxes: icon/text left aligned, not centered */
.header_top_s .li_box_top_s li a {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    height: 72px !important;
    padding: 0 20px !important;
    margin: 0 25px 30px 0 !important;
    gap: 14px !important;
}

.header_top_s .li_box_top_s li a img {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    object-fit: contain !important;
    margin: 0 !important;
    border-radius: 8px !important;
}

/* Dynamic banner */
.header_top_s .dynamic-menu-banner {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    border-radius: 20px !important;
}

/* =========================================================
   Services mega menu left tabs fix
   - Only Services menu affected
   - Solutions/Resources remain unchanged
========================================================= */
.header_top_s .services_tab_menu button {
    height: auto !important;
    min-height: 58px !important;
    line-height: 28px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    padding: 14px 22px !important;

    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
}

.header_top_s .services_tab_menu button::before {
    flex: 0 0 30px !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    margin-right: 14px !important;
}

.header_top_s .services_tab_menu [role="tab"] + [role="tab"] {
    margin-top: 24px !important;
}
/* ONLY SOLUTIONS LEFT MENU */
.solutions_tab_menu {
    width: 100%;
}

.solutions_tab_menu [role="tab"] {
    height: 52px !important;
    line-height: 52px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    font-size: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    border-radius: 8px !important;
}

.solutions_tab_menu [role="tab"] + [role="tab"] {
    margin-top: 10px !important;
}

.solutions_tab_menu button:before {
    width: 22px !important;
    height: 22px !important;
    margin-right: 12px !important;
    background-size: contain !important;
}

.no-db-icon::before,
.no-db-icon::after {
    display: none !important;
    background-image: none !important;
    content: none !important;
}

/* ===========================
   Services / Solutions Tabs
   Use ONLY Database Icons
=========================== */

.services_tab_menu .button_i::before,
.services_tab_menu .button_i::after,
.services_tab_menu .button_c::before,
.services_tab_menu .button_c::after,
.services_tab_menu .button_t::before,
.services_tab_menu .button_t::after,
.solutions_tab_menu .button_i::before,
.solutions_tab_menu .button_i::after,
.solutions_tab_menu .button_c::before,
.solutions_tab_menu .button_c::after,
.solutions_tab_menu .button_t::before,
.solutions_tab_menu .button_t::after{
    content: none !important;
    display: none !important;
    background: none !important;
}

.services_tab_menu .button_i img,
.services_tab_menu .button_c img,
.services_tab_menu .button_t img,
.solutions_tab_menu .button_i img,
.solutions_tab_menu .button_c img,
.solutions_tab_menu .button_t img{
    width: 48px;
    height: 48px;
    object-fit: contain;
    margin-right: 18px;
    flex-shrink: 0;
    display: inline-block;
}
/* Final override: Services/Solutions left tab icons only from database */
.header_top_s .services_tab_menu button::before,
.header_top_s .services_tab_menu button::after,
.header_top_s .solutions_tab_menu button::before,
.header_top_s .solutions_tab_menu button::after {
    content: none !important;
    display: none !important;
    background: none !important;
    background-image: none !important;
}

.header_top_s .services_tab_menu button img,
.header_top_s .solutions_tab_menu button img {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;
    object-fit: contain !important;
    display: inline-block !important;
    flex-shrink: 0 !important;
    margin-right: 12px !important;
}

.header_top_s .services_tab_menu button[aria-selected="true"] img,
.header_top_s .services_tab_menu button.active img,
.header_top_s .solutions_tab_menu button[aria-selected="true"] img,
.header_top_s .solutions_tab_menu button.active img {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: brightness(0) invert(1);
}

.header_top_s .services_tab_menu button span,
.header_top_s .solutions_tab_menu button span {
    display: inline-block !important;
}

/* ==================================================
   Header Mega Menu Left Tab Fix
   Scope: only navbar mega menu tabs
   Fixes:
   1) Long tab text wraps like Mobile / Development
   2) Solutions left tabs do not get extra big gaps
   3) Other website sections remain unchanged
================================================== */
.header_top_s .tabby-accordion > .button_i_m[role="tablist"] {
    display: block !important;
}

.header_top_s .tabby-accordion > .button_i_m[role="tablist"] button[role="tab"] + button[role="tab"] {
    margin-top: 15px !important;
}

.header_top_s .button_i_m button[role="tab"] {
    height: auto !important;
    min-height: 72px !important;

    padding: 12px 20px !important;

    display: flex !important;
    align-items: center !important;

    line-height: 28px !important;

    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
}

.header_top_s .button_i_m button[role="tab"] span {
    display: block !important;
    line-height: 28px !important;
}

.header_top_s .button_i_m button[role="tab"] img {
    flex: 0 0 30px !important;
}

.header_top_s .button_i_m button[role="tab"]:before {
    flex: 0 0 30px !important;
}

/* Service mega menu child name length fix - only services */
.services-child-two-column .mega-links li a {
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: 22px;
    white-space: normal;
    word-break: normal;
    overflow-wrap: anywhere;
    min-height: 58px;
}

.services-child-two-column .mega-links li a img {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    object-fit: contain;
}

.services-child-two-column .mega-links li {
    margin-bottom: 14px;
}