* {

  padding: 0;
  margin: 0;

}

       body {
           font-family: Arial, sans-serif;
           background: #f5f5f5;
       }

       .swiper-container {
           width: 100%;
           max-width: 750px;
           height: auto;
           margin:0 auto;
           overflow: hidden;
           box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
       }

       .swiper-slide img {
           width: 100%;
           height: 100%;
           object-fit: cover;
       }

       /* Pagination dots */
       .swiper-pagination {
           bottom: 10px !important;
       }

       /* Navigation buttons */
       .swiper-button-next, .swiper-button-prev {
           color: white;
           background: rgba(0, 0, 0, 0.5);
           width: 40px;
           height: 40px;
           border-radius: 50%;
       }

       .swiper-button-next::after, .swiper-button-prev::after {
           font-size: 20px;
       }