html {
  scroll-behavior: smooth;
}
.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;
}