html {
  scroll-behavior: smooth;
}
img{
  height: 30px;
}
.sticky-element {
    position: -webkit-sticky;
    position: sticky;
    z-index: 999;
    top: 0;
    background-color: #ffffff;
    padding: 10px;
    font-size: 20px;
  }
  
.carousel-container {
    overflow-x: auto;
    white-space: nowrap;
    max-width: 100%;
    -webkit-overflow-scrolling: touch; /* Enable smooth scrolling on iOS devices */
    /* You can also set a maximum width to limit the expansion */
    /* max-width: 100%; */
  }

.carousel {
    display: inline-flex;
  }

.carousel-item {
    flex: 0 0 auto;
    margin-right: 1rem; /* Add some spacing between carousel items */
  }
.commonninja {
  width: 100%;
  align-self: center;
  align-content: center;

}
.about{
  padding: 50px;
}
.shshop{
  margin-left: 3rem;
}
.client-carousel {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.ccinner {
  display: flex;
  transition: transform 1s ease-in-out;
  position: relative;
  width: 100vw;
}

.cci {
  flex: 0 0 100%;
  box-sizing: border-box;
  transition: transform cubic-bezier(0.19, 1, 0.22, 1) ease-in-out; /* Adjust duration and easing as needed */
  width: inherit;
  left: 0% -100%;
}
.cci.active {
  transform: translateX(0); /* Adjust offset for item spacing */
}
.footer{
  width: 100vh;
}
@media only screen and (max-width: 900px){
  .logo{
    width: 100px;
  }
  
}