.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: 60px;
  }
  
  
  .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:1399.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: 80%;
    }
  
    .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;
  }
  /* new card */
  .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);
  }
  /* domain-section */
  .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%;
  }
  /* achivements  */
  .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; /* Adjust the height as needed */
      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; /* Adjust the size as needed */
      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;
}

.owl-dots {
  position: absolute;
  bottom: -18px;
  left: 0;
}


.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;
}