.services-carousel,
.cloud-services-carousel{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.services-carousel{
    position: relative;
    padding: 0 30px;
}

.services-carousel .prev-btn{
    position: absolute;
    left: -65px;
}

.services-carousel .next-btn{
    position: absolute;
    right: -65px;
}

.services-carousel button{
    border: none;
    background: none;
}

.item-list{
    max-width: 1628px;
    display: flex;
    gap: 48px;
    scroll-behavior: smooth;
    overflow: auto;
    scroll-snap-type: x mandatory;
    user-select: none; 
}

.item-list.sliding-transition {
    transition: transform 0.5s ease-in-out;
  }

.services-grid-item{
    scroll-snap-align: center;
}

.cloud-services-grid-item{
    min-width: 22.5%;
    scroll-snap-align: center;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.item-list::-webkit-scrollbar {
    display: none;
  }
  
  .item-list {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }


/*  MEDIA QUERIES  */
@media only screen and (max-width: 1440px) {
    .services-carousel button{
        display: none;
    }
    .cloud-services-grid-item{
        min-width: 33%;
    }
}

@media only screen and (max-width: 900px) {
    .services-grid-item{
        min-width: 45%;
    }
    .cloud-services-grid-item{
        min-width: 45%;
    }
}

@media only screen and (max-width: 760px) {
    .cloud-services-grid-item{
        min-width: 95%;
    }
    .services-grid-item {
        min-width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    .services-grid-item{
        min-width: 95%;
    }
   
}