.container-fluid .carousel-item {
    height: 50rem !important;
}

.container-fluid .carousel-caption {
    right: 65% !important;
    top: 15% !important;
    text-align: center !important;
}

@media (max-width: 575.98px) {
   .container-fluid .carousel-caption {
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        text-align: center !important;
        top: 15% !important;
    }
}

@media(min-width:768px){
  .css-categories .swiper-free-mode>.swiper-wrapper{
    justify-content: center;
  }
}