/* styles.css */
.categoriesContainer {
    display: flex;
    justify-content: flex-start;
    position: relative;
    overflow: hidden;

  }

  .categories {
    display: flex;
    overflow-x: hidden;
    scroll-behavior:auto;
    gap: 10px;
  }

  .categoryItem {
    padding: 10px 20px;
    background-color: #F2F2F2;
    cursor: pointer;
    border-radius: 20px;
    font-family: Gilroy-SemiBold;
    color: #151515;
    min-width: max-content;
  }

  .categoryItem.active,
  .categoryItem:hover {
    background-color: #C1272D;
    color: white;
  }

  .scrollButton {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #FFFFFF;
    color: white;
    border: none;
    padding: 13px 16px;
    cursor: pointer;
    border-radius: 50%;
    box-shadow: 16px 0px 32px 0px #BDBDBD66;
  }

  .scrollButton.left {
    left: 10px;
  }

  .scrollButton.right {
    right: 10px;
  }

  .arrow-left,
  .arrow-right {
    font-size: 20px;
  }