.swiper {
          width: 100%;
          padding: 20px 0;
        }
        .swiper-slide {
          display: flex;
          justify-content: center;
          align-items: center;
        }
        .swiper-slide img {
          width: 280px;
          height: 200px;
          object-fit: cover;
          border-radius: 10px;
          box-shadow: 0 4px 8px rgba(0,0,0,0.1);
          transition: transform 0.3s;
          cursor: pointer;
        }
        .swiper-slide img:hover {
          transform: scale(1.05);
        }
        .swiper-button-next,
        .swiper-button-prev {
          color: #e63946;
        }
        .modal-img {
          width: 100%;
          border-radius: 10px;
        }
        .mySwiper .swiper-button-next, .mySwiper .swiper-button-prev {
            color: white;
            border-color: white;
            background: rgb(107 107 107 / 60%);
        }
        .mySwiper .swiper-button-next {
            right: 0 !important;
        }
        .mySwiper .swiper-button-prev {
            left: 0 !important;
        }
        .mySwiper .swiper-button-next, .mySwiper .swiper-button-prev{
            top: 5rem !important;
        }
        .mySwiper .ntop{
          top: 12rem !important;
        }
        .mySwiper .nheight img{
          height:400px !important;
        }