.about-media {
    padding-top: 135px;
    padding-bottom: 135px;
    @media (max-width: 1680px) {
        padding-top: calc(100vw * 135 / 1680);
        padding-bottom: calc(100vw * 135 / 1680);
    }
    @media (max-width: 992px) {
        padding-top: 70px;
        padding-bottom: 65px;
    }
    @media (max-width: 640px) {
        padding-top: 50px;
        padding-bottom: 0;
    }
}

.swiper-about-media .swiper-slide.orientation-v.swiper-slide-active img,
.swiper-about-media .swiper-slide.orientation-v.swiper-slide-active video {
    height: 906px;
        @media (max-width: 1920px) {
            height: calc(100vw * 906 / 1920);
        }
        @media (max-width: 640px) {
            height: calc(100vw * 434 / 390);
        }
}

.swiper-about-media .swiper-slide {
    width: 46%;
    display: flex;
    align-items: center;
    height: auto;
    justify-content: center;
    height: 906px;
    position: relative;
    @media (max-width: 1920px) {
        height: calc(100vw * 906 / 1920);
    }
    @media (max-width: 640px) {
        width: 100%;
        height: calc(100vw * 434 / 390);
    }
}

.swiper-about-media img,
.swiper-about-media video {
    width: 377px;
    height: auto;
    display: block;
    object-fit: cover;
    transition: all 0.6s ease !important;
    @media (max-width: 1920px) {
        width: calc(100vw * 377 / 1920);
    }
    @media (max-width: 640px) {
        width: 100%;
        height: calc(100vw * 434 / 390);
    }
}

.swiper-about-media .swiper-slide.orientation-v img,
.swiper-about-media .swiper-slide.orientation-v video {
    height: 508px;
    @media (max-width: 1920px) {
        height: calc(100vw * 508 / 1920);
    }
    @media (max-width: 640px) {
        height: calc(100vw * 434 / 390);
    }
}

.swiper-about-media .swiper-slide.swiper-slide-active img,
.swiper-about-media .swiper-slide.swiper-slide-active video {
    width: 675px;
    height: auto;
    @media (max-width: 1920px) {
        width: calc(100vw * 675 / 1920);
    }
    @media (max-width: 640px) {
        width: 100%;
        height: calc(100vw * 434 / 390);
    }
}

span.swiper-about-media-next--desktop {
    @media (max-width: 640px) {
        display: none;
    }
}
span.swiper-about-media-next--mobile {
    display: none;
    @media (max-width: 640px) {
        display: block;
    }
}

.swiper-about-media-next {
    cursor: pointer;
    text-align: center;
    margin-top: 90px;
    @media (max-width: 1680px) {
        margin-top: calc(100vw * 90 / 1680);
    }
    @media (max-width: 992px) {
        margin-top: 40px;
        svg {
            width: calc(100vw * 58 / 992);
            height: auto;
        }
    }
    @media (max-width: 640px) {
        margin-top: 0;
        position: absolute;
        z-index: 99;
        top: 50%;
        right: 0;
        padding: calc(100vw * 18 / 390);
        transform: translateY(-50%);
        svg {
            width: 9.17px;
        }
    }
}