.carousel-container {
      justify-content: center;
      align-items: center;
      margin:2rem auto;
      width:90%;
      max-width:1440px
    }

    .carousel-wrapper {
      display: flex;
      align-items: center;
      gap: 15px; /* space between buttons and carousel */
      width: 90%;
      max-width:1440px;
    }

    .carousel-container {
      flex: 1;
      overflow: hidden;
    }

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

    .carousel-item {
      flex: 0 0 calc(100% / 3); /* default: 3 per row */
      box-sizing: border-box;
      padding: 10px;
    }
    
    .carousel-item img {
    width: 100%;
    display: block;
    object-fit: cover;
    height: 240px;
    }

    /* Tablet: 2 per row */
    @media (max-width: 768px) {
      .carousel-item {
        flex: 0 0 calc(100% / 2);
      }
       .carousel-item img {
    height: 180px;}
    }

    /* Mobile: 1 per row */
    @media (max-width: 480px) {
      .carousel-item {
        flex: 0 0 100%;
      }
       .carousel-item img {
    height: 150px;}
    }

.carousel-button {
    background: transparent !important;
    border: none;
    color: #2e23c1 !important;
    cursor: pointer;
    font-size: 30px;
    flex-shrink: 0;
    border: 3px solid #2e23c1;
    padding: 4px 13px 0px;
}

    .carousel-button:hover {
      background:#2e23c1 !important;color: #ffffff !important;
    }