.swiper-slide img {
    height: 400px;
    width: auto;

    margin: 0 auto;
    display: flex;
    justify-content: center;

    border-radius: 20px;

}



@media (min-width: 577px) and (max-width: 768px) {
    .swiper-slide img {

        width: 100%;
        /* عرض والد */
        height: auto;
        /* ارتفاع محدود */
        /*background: #f2f2f2;*/
        /* فقط برای نمایش بهتر */
        display: flex;
        justify-content: center;
        align-items: center;

        object-fit: contain;
        /* حفظ کل تصویر بدون بریدگی */
        object-position: center;
    }
}




@media (max-width: 576px) {

    .swiper-slide img {
        
        /*width: 100%;*/
        width: auto;
        /* عرض والد */
        height: auto;
        /* ارتفاع محدود */
        /*background: #f2f2f2;*/
        /* فقط برای نمایش بهتر */
        display: flex;
        justify-content: center;
        align-items: center;

        object-fit: contain;
        /* حفظ کل تصویر بدون بریدگی */
        object-position: center;

    }
}




@media (min-width: 769px) and (max-width: 992px) {

    .swiper-slide img {

        width: 100%;
        /* عرض والد */
        height: auto;
        /* ارتفاع محدود */
        /*background: #f2f2f2;*/
        /* فقط برای نمایش بهتر */
        display: flex;
        justify-content: center;
        align-items: center;

        object-fit: contain;
        /* حفظ کل تصویر بدون بریدگی */
        object-position: center;
    }
}




.swiper-button-next,
.swiper-button-prev {
    background: rgba(99, 4, 4, 0.9);
    border-radius: 50%;
    z-index: 20;
    /* این خط خیلی مهمه */

    color: gold;

}