.swiper {
    width: 60%;
    height: 80%;
}

.swiper-slide{
    display: flex !important;
    justify-content: center !important;
}

.swiper-slide img{
    border-radius: 9px;
    width: 80%;
    object-fit: contain;
}

:root {
    --swiper-theme-color: #cdab7c !important;
}

.swiper-button-prev,
.swiper-button-next{
    font-size: 12px !important;
}

@media screen and (max-width:500px){
    .swiper {
        width: 100%;
        height: 100%;
    }
    
    .swiper-slide{
        display: flex !important;
        justify-content: center !important;
    }
    
    .swiper-slide img{
        border-radius: 9px;
        width: 100%;
        object-fit: contain;
    }

    
    .swiper-button-next, .swiper-rtl .swiper-button-prev {
        right: var(--swiper-navigation-sides-offset,10px);
        left: auto;
    }
    .swiper-button-next, .swiper-rtl .swiper-button-prev {
        right: var(--swiper-navigation-sides-offset,10px);
        left: auto;
    }
    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 15px !important;
    }

    .swiper-button-prev, .swiper-rtl .swiper-button-next {
        left: var(--swiper-navigation-sides-offset,-2px) !important;
        right: auto;
    }
    .swiper-button-next, .swiper-rtl .swiper-button-prev {
        right: var(--swiper-navigation-sides-offset,-2px) !important;
        left: auto;
        top: 185px !important;
    }
    .swiper-button-prev, .swiper-rtl .swiper-button-next {
        left: var(--swiper-navigation-sides-offset,10px);
        right: var(--swiper-navigation-sides-offset,-2px) !important;
        top: 190px !important;
    }
    

}