.home-banner {
   background-image: url(https://d2q4gipm2ebkzp.cloudfront.net/img/home/homepage.webp);
   background-attachment: scroll;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
 }

 @media (min-width: 374.99px) and (max-width: 2560px) {
   .home-fs {
     font-size: var(--font-size-xlg);
   }
 }

 /* @media (min-width:320px) and (max-width:374.98px) {
  .home-fs{
    font-size: var(--font-size-smd) ;
  }  
} */
 @media (min-width:576px) and (max-width:2560px) {
   .home-section {
     background-position: right;

   }
 }

 @media (min-width: 768px) and (max-width:991.98px) {
   .home-section {
     height: 85vh;
     margin-top: 3rem;
   }
 }

 @media (min-width: 1024px) and (max-width:1199.98px) {
   .home-section {
     height: 125vh;
     background-position: right;
   }
 }

 @media (min-width: 1200px) and (max-width:2560px) {
   .home-section {
     height: 120vh;
     background-position: top;
   }
 }

 @media (max-width:575.98px) {
   .home-section {
     background-image: url(https://d2q4gipm2ebkzp.cloudfront.net/img/home/AI-Mobile.webp);
     background-repeat: no-repeat;
     background-attachment: scroll;
     position: relative;
     height: 100vh;
   }
 }

 .z-99 {
   z-index: 99
 }

 .nav-link {
   position: relative;
   min-height: 31px;
   color: var(--primary-theme) !important;
 }

 .nav-link .develope-icon {
   display: none;
 }

 .nav-link.active .develope-icon {
   display: inline-block;
 }

 .nav-link::before {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   width: 4px;
   background-color: transparent;
   transition: background-color 0.3s;
 }

 .develope-icon {
   display: inline-block;
   height: 40px;
   width: 41px;
 }

 .nav-pills .nav-link.active {
   background: transparent !important;
   border: none !important;
   border-radius: 0px;
   color: #011E3C !important;
   font-weight: 600 !important;
 }

 .nav-pills .nav-link.active .service-name {
   background: linear-gradient(to right, #7ec0ff, #e5f3ff3d);
   border-radius: 4px;
 }

 .clients-card {
   background: rgba(255, 255, 255, 1);
   width: 215px;
   height: 110px;
   border-radius: 12px;
 }

 .nav-tabs .nav-link.active {
   border-bottom: 2px solid #89b4df !important;
   font-weight: 600 !important;
   font-size: 20px !important;
 }

 .nav-tabs .nav-link:hover {
   border-color: #89b4df !important;
 }

 .nav-tabs .nav-link {
   border: inherit !important;
 }

 .reviws-card {
   box-shadow: 0px 2px 19px 3px rgb(172 172 172 / 9%);
   background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(0deg, rgba(255, 255, 255, 0.46), rgba(255, 255, 255, 0.46));
   min-height: 385px;
   border-radius: 12px;
   padding: 12px;
 }

 .development-img {
   padding: 7px;
   background: linear-gradient(111.72deg, #21D496 -49.04%, #0074EB 123.4%);
   border-top-right-radius: 35px;
   border-bottom-left-radius: 35px;
   width: 80%;
 }

 .lvlup-card {
   border: 1px solid #FFFFFF26;
   background: linear-gradient(180deg, #0B162E 0%, #0A0B19 100%) !important;
 }

 .nav-tabs .nav-link.active::after {
   content: "" !important;
   position: absolute !important;
   background: #066BD2 !important;
   width: 62% !important;
   height: 3px !important;
   bottom: 2px !important;
   opacity: 0.7 !important;
   left: 53px !important;
   filter: blur(9px) !important;
 }

 @media (max-width:1496.98px) and (min-width:991.98px) {
   .develope-icon {
     background: linear-gradient(157.36deg, rgba(0, 116, 235, 0.17) 0.22%, rgba(0, 116, 235, 0) 77.45%);
     border-radius: 50%;
     padding: 3px;
     width: 100%;
   }

   .card-head {
     margin-top: 0px !important;
     font-size: 18px;
   }

   .reviws-card {
     box-shadow: 0px 2px 12.1px 9px rgba(0, 0, 0, 0.09) !important;
     background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(0deg, rgba(255, 255, 255, 0.46), rgba(255, 255, 255, 0.46));
     min-height: 487px;
     border-radius: 12px;
     padding: 12px;
   }
 }

 @media (max-width:1199.98px) and (min-width:992px) {
   .develope-icon {
     background: linear-gradient(157.36deg, rgba(0, 116, 235, 0.17) 0.22%, rgba(0, 116, 235, 0) 77.45%);
     border-radius: 50%;
     padding: 3px;
     width: 80%;
   }

   .development-img {
     padding: 7px;
     background: linear-gradient(111.72deg, #21D496 -49.04%, #0074EB 123.4%);
     border-top-right-radius: 35px;
     border-bottom-left-radius: 35px;
     width: 70%;
   }

   .our-achivemennts-section .card {
     padding: 5px !important;
   }

   .OUR-SERVICES .card-head {
     font-size: 24px !important;
   }

   .OUR-SERVICES .card-text {
     font-size: 14px !important;
   }

   .OUR-SERVICES .tab-content .card {
     min-height: 580px !important;
   }
 }

 @media (min-width: 992px) {
   .connect-card {
     width: 75%;
   }
 }

 @media (max-width: 991.98px) {
   .nav-justified .nav-item .nav-link {
     width: auto;
   }

   .develope-icon {
     background: linear-gradient(157.36deg, rgba(0, 116, 235, 0.17) 0.22%, rgba(0, 116, 235, 0) 77.45%);
     border-radius: 50%;
     padding: 3px;
     width: 13%;
   }

   .small-dropdown .dropdown-item.active {
     background: linear-gradient(111.72deg, #21D496 -49.04%, #0074EB 123.4%) !important;
   }

   .small-dropdown .tab-content {
     height: 100%;
   }
 }

 @media (max-width: 576px) and (min-width: 387px) {
   .reviws-card {
     min-height: 469px;
   }
 }

 @media (max-width: 387.98px) {
   .reviws-card {
     min-height: 468px;
   }
 }

 .slide-in {
   animation: slideIn 0.5s ease-out;
 }

 @keyframes slideIn {
   from {
     opacity: 0;
     transform: translateX(100%);
   }

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

 .expert-card .card {
   background-image: url("https://d2q4gipm2ebkzp.cloudfront.net/img/home/Earth banner Webp.webp");
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   border-radius: 12px;
 }

 .expert-card .paddin-last {
   padding: 43px 45px;
 }

 .width-h {
   width: 45%;
 }

 .width {
   width: 26%;
 }

 @media (max-width: 991px) {

   .width {
     width: 100%;
   }

   .width-h {
     width: 100%;
     font-size: 24px !important;
   }
 }

 .width80 {
   width: 71%;
 }

 @media (max-width:991.98px) {
   .width80 {
     width: 100%;
   }

   .width75 {
     width: 100% !important;
   }
 }

 @media (max-width: 575.98px) {
   .expert-card .paddin-last {
     padding: initial !important;
   }
 }

 .custom-dropdown-btn {
   background: linear-gradient(111.72deg, #21D496 -49.04%, #0074EB 123.4%);
   padding: 12px 24px;
   color: #FFFFFF;
 }

 .custom-dropdown-btn img {
   margin: 12px;
 }

 .dropdown-menu.show {
   z-index: 3 !important;
   inset: 42px auto auto 0px !important;
 }

 .servicehome {
   border-radius: 20px;
   border: 1px solid rgba(179, 188, 197, 0.43);
   background: var(--Text-White-1, #FFF);
 }

 .servicehome:hover {
   box-shadow: 0px 9px 18.6px 0px rgba(58, 58, 58, 0.11);
 }

 .industry-card {
   background-color: #24232D !important;
   border-radius: 12px !important;
 }

 .morelink::after {
   content: '';
   display: block;
   margin-top: 6px;
   width: 30px;
   height: 2px;
   background: linear-gradient(82.77deg, #21D496 -71.55%, #054A91 158.62%);
   transition: width .4s ease-in;
 }

 .industry-card:hover .morelink::after {
   width: 100px;
 }

 .width75 {
   width: 75%;
 }

 .achivenent-section .card {
   padding: 20px;
   border-radius: 10px;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
   min-height: 220px;
 }

 .counter {
   opacity: 0;
   transition: opacity 1s;
 }

 .counter.is-visible {
   opacity: 1;
 }


 .smaple-flow .logos-container {
   position: relative;
   overflow: hidden;
   height: 180px;
   display: flex;
   justify-content: space-between;
 }

 .logos {
   display: flex;
   white-space: nowrap;
 }


 .logos-left {
   animation: moveLeft 35s linear infinite !important;
 }

 @keyframes moveLeft {
   0% {
     transform: translateX(0);
   }

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

 .logos img {
   height: 100px;
   margin: 0 20px;
   background-color: white;
   border-radius: 8px;
   padding: 3px 12px;
   box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
 }

 .achivenent-section .achivement1 {
   background: linear-gradient(358.89deg, rgba(33, 212, 150, 0.12) 15.19%, rgba(15, 56, 53, 0.12) 62.49%, rgba(10, 11, 25, 0) 103.76%);
   color: #000;
 }

 .achivenent-section .achivement2 {
   background: linear-gradient(rgba(212, 33, 33, 0.12) 15.19%, rgba(56, 15, 15, 0.12) 62.49%, rgba(25, 10, 10, 0) 103.76%);
   color: #000;
 }

 .owl-item {
   margin-right: 20px !important;
 }

 .owl-carousel .owl-stage {
   display: flex !important;
 }

 .owl-carousel .owl-item {
   display: flex !important;
   flex: 1 0 auto !important;
 }

 .owl-carousel .thumbnail {
   display: flex !important;
   flex-direction: column !important;
   margin: 0 15px !important;
 }

 .owl-carousel .thumbnail .caption {
   display: flex !important;
   flex: 1 0 auto !important;
   flex-direction: column !important;
 }

 .owl-carousel .thumbnail .caption .flex-text {
   flex-grow: 1 !important;
 }

 .owl-theme .owl-nav {
   position: absolute;
   bottom: -25px;
   right: 0;
   display: flex;
   gap: 8px;
 }

 .owl-dots {
   position: absolute;
   bottom: -18px;
   left: 0;
   display: flex;
   align-items: center;
   gap: 5px;
   width: 100%;
 }

 .cookie-banner {
   position: fixed;
   bottom: 0;
   left: 0;
   right: 0;
   background-color: #333;
   color: white;
   padding: 15px;
   text-align: center;
   display: none;
   z-index: 1000;
 }

 .cookie-banner button {
   margin: 0 10px;
   padding: 10px 15px;
   color: #333;
   background: #fff;
   border: none;
   cursor: pointer;
   border-radius: 5px;
 }

 .cookie-banner button:hover {
   background: #ddd;
 }