p{
    font-family: "Inter", sans-serif;
}

.carousel {
    overflow: hidden;
    position: relative;
    width: 100%;
  }

  .carousel-inner {
    display: flex;
    transition: transform 0.5s ease-in-out;
  }

  .carousel-item {
    flex: 0 0 66.66%; /* Each item takes up 2/3 of the carousel width */
    box-sizing: border-box;
  }

  .carousel-dots {
    display: flex;
    justify-content: center;
    margin-top: 10px;
  }

  .carousel-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: gray;
    margin: 0 5px;
    cursor: pointer;
  }

  .carousel-dot.active {
    background-color: #E73D17;
  } 

  .transition-transform {
    transition: transform 0.3s ease-in-out;
  }
  .translate-x-full {
    transform: translateX(100%);
  }
  .translate-x-0 {
    transform: translateX(0%);
  }
  
  /* Hide scrollbar for Chrome, Safari and Opera */
  .no-scrollbar::-webkit-scrollbar {
    display: none;
  }
    /* Hide scrollbar for IE, Edge and Firefox */
  .no-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }