body {
  overflow-x: hidden;
}
p{font-size: 24px;}
.drkbg{background: #101517; color: #fff;}
img{margin: 15px 0px;}
body {
  overflow-x: hidden;
  padding-top: 60px;
    
}
.lato-thin {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.lato-light {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.lato-black {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.lato-thin-italic {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.lato-light-italic {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.lato-regular-italic {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.lato-bold-italic {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.lato-black-italic {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: italic;
}



*{font-family:"Lato", sans-serif;font-weight: 300;}
.carousel-container {
      position: relative;
      overflow: hidden;
      height: auto;
    }

    .logo-track {
      display: flex;
      width: max-content;
      animation: scroll var(--scroll-duration, 30s) linear infinite;
    }

    .logo-track:hover {
      animation-play-state: paused;
    }

    .logo-item {
      flex: 0 0 auto;
      margin:15px;
    }

    .logo-item img {
      height: 100px;
      width: auto;
      object-fit: contain;
    }

    @keyframes scroll {
      0% {
        transform: translateX(0);
      }
      100% {
        transform: translateX(-50%);
      }
    }

    .carousel-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 5;
      background-color: rgba(0,0,0,0.6);
      color: white;
      padding: 10px 14px;
      border-radius: 50%;
      cursor: pointer;
      font-size: 20px;
      user-select: none;
    }

    .carousel-arrow.left {
      left: 10px;
    }

    .carousel-arrow.right {
      right: 10px;
    }

    /* for testimonials card start*/
.carousel-inner {
  padding: 1em;
}
.card {
  margin: 0 0.5em;
  box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
  border: none;
}
.carousel-control-prev,
.carousel-control-next {
  background-color: #e1e1e1;
  width: 6vh;
  height: 6vh;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  .carousel-item {
    margin-right: 0;
    flex: 0 0 25%;
    /*flex: 0 0 0 calc(100%/3);*/
    display: block;
  }
  .carousel-inner {
    display: flex;
  }
}
.card .img-wrapper {
    max-width: 100%;
    height: 13em;
    display: flex;
    justify-content: center;
    align-items: center;
}
.card img {
    max-height: 100%;
}
@media (max-width: 767px) {
  .card .img-wrapper {
    height: 17em;
  }
}


/* for testimonials card end*/



/* scroll animation start*/
.content {
  opacity: 0;
  transition: all 0.8s ease-out;
  will-change: transform, opacity;
}

/* Hidden state */
.hidden {
  visibility: hidden;
}

/* From Left */
.slide-in-left {
  transform: translateX(-100px);
}
.slide-in-left.show {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}

/* From Right */
.slide-in-right {
  transform: translateX(100px);
}
.slide-in-right.show {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}

/* From Bottom */
.slide-in-bottom {
  transform: translateY(100px);
}
.slide-in-bottom.show {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}


/* From Top */
.slide-in-top {
  transform: translateY(-100px);
}
.slide-in-top.show {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
/* scroll animation end*/




/*image zoom*/
.zoom-container {
  overflow: hidden;

}

.zoom-container img {
 
 object-fit: cover;
  transition: transform 0.5s ease;
}

.zoom-container:hover img {
  transform: scale(1.1); /* Zoom in on hover */
}


 /* Fixed top */
    .navbar {
      position: fixed;
      top: 0;
      width: 100%;
      transition: all 0.3s ease;
      padding: 1rem 1rem;
      z-index: 1000;
    }

    /* Smaller navbar on scroll */
    .navbar.shrink {
      padding: 0.3rem 1rem;
      background-color: #f8f9fa !important; /* adjust as needed */
      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }


.cf, input[type=text], input[type=email]{background: transparent; border-radius: 0px; border:none; border-bottom: 1px solid black; margin: 10px;}

    /*logo slider start*/

 .logo-slider {
      position: relative;
      overflow: hidden;
      background: #f8f9fa;
      padding: 40px 0;
    }

    .logo-track {
      display: flex;
      transition: transform 0.5s ease-in-out;
    }

    .logo-slide {
      flex: 0 0 auto;
      width: 200px;
      margin: 0 15px;
    }

    .logo-slide img {
      max-width: 100%;
      height: auto;
      display: block;
      margin: auto;
      filter: grayscale(100%);
      transition: filter 0.3s;
    }

    .logo-slide img:hover {
      filter: grayscale(0%);
    }

    .slider-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      font-size: 2rem;
      background: #fff;
      border: none;
      padding: 5px 10px;
      z-index: 10;
      cursor: pointer;
    }

    .slider-arrow.left1 {
      left: 10px;
    }

    .slider-arrow.right2 {
      right: 10px;
    }

    /*logo slider end*/