:root .mgn_swiper {
    margin-bottom: calc( 50 * var(--ngm_scale) ) ;

}
:root .mgn_swiper .mgn_swiper-wrapper {

}
:root .mgn_swiper .mgn_swiper-slide {
    transition: opacity var(--ngm_anim-time);
}
:root .mgn_swiper .mgn_swiper-slide:not(.swiper-slide-visible) {
    opacity: 0;
    pointer-events: none;
}
:root .mgn_swiper .mgn_swiper-image,
:root .mgn_swiper .mgn_swiper-video {
    object-fit: cover;
    object-position: right center;
    width: 100%;
    aspect-ratio: 1.2;
    margin-bottom: calc( 20 * var(--ngm_scale) ) ;
    pointer-events: none;
}
:root .mgn_swiper .mgn_swiper-video {
    display: none;
    background-color: var(--ngm_color-0);
}

:root .mgn_swiper .mgn_swiper-content {
    display: flex;
    align-items: flex-end;
    width: 100%;
    pointer-events: none;
}
:root .mgn_swiper .mgn_swiper-content img:first-child {
    margin-bottom: calc( 14 * var(--ngm_scale) ) ;
}
:root .mgn_swiper .mgn_swiper-content h5 {
    margin-bottom: calc( 7 * var(--ngm_scale) ) ;
}
:root .mgn_swiper .mgn_swiper-content p:first-of-type {
    margin-bottom: calc( 7 * var(--ngm_scale) ) ;
    max-width: calc( 780 * var(--ngm_scale) ) ;
}

@media (min-width: 720px){ 
    :root .mgn_swiper {
        margin-bottom: calc( 60 * var(--ngm_scale) ) ;
    }
    :root .mgn_swiper .mgn_swiper::after{
        content: '';
        position: absolute;
        inset: 0;
        margin: auto;
        width: 100%;
        height: 100%;
        pointer-events: none;
        display: block;
        z-index: 1;
        background-image: linear-gradient(270deg, var(--ngm_color-2) 0%, transparent 10%, transparent 90%, var(--ngm_color-2) 100%);
    }
    :root .mgn_swiper .mgn_swiper-image,
    :root .mgn_swiper .mgn_swiper-video {
        aspect-ratio: unset;
        margin-bottom: 0 ;
    }
    :root .mgn_swiper .mgn_swiper-slide.ngm_video-hover:hover .mgn_swiper-image {
        display: none;
    }
    :root .mgn_swiper .mgn_swiper-slide.ngm_video-hover:hover .mgn_swiper-video {
        display: block;
    }
    :root .mgn_swiper .mgn_swiper-content {
        padding: 6.3% 0;
        position: absolute;
        inset: 0;
    }
    :root .mgn_swiper .mgn_swiper h5 {
        font-weight: 700;
    }
    :root .mgn_swiper .mgn_swiper p {
        font-weight: 700;
    }
    :root .mgn_swiper .mgn_swiper-block {
        width: 66.66%;
    }
    :root .mgn_swiper .mgn_swiper-content img:first-child {
        margin-bottom: calc( 44 * var(--ngm_scale) ) ;
    }
    :root .mgn_swiper .mgn_swiper-content h5 {
        margin-bottom: calc( 11 * var(--ngm_scale) ) ;
    }
    :root .mgn_swiper .mgn_swiper-content p:first-of-type {
        margin-bottom: calc( 44 * var(--ngm_scale) ) ;
    }
    :root .mgn_swiper .mgn_swiper-content .mgn_swiper-soc {
        max-width: calc( 367 * var(--ngm_scale) ) ;
    }
}