.swiper-wrapper {
    max-height: 100%;
    height: 100%;
    display: flex;

}

.swiper-container {
    max-width: 100%;
    max-height: 100vh;
// CSS Grid/Flexbox bug size workaround
// @see https://github.com/kenwheeler/slick/issues/982
// @see https://github.com/nolimits4web/swiper/issues/3599
min-height: 0;
    min-width: 0;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: none !important;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: none !important;
}

.swiper-button-next, .swiper-button-prev {
    --swiper-navigation-sides-offset: 0;
    background: rgba(44, 44, 44, 0.5);
    border-radius: 100px 0 0 100px;
    padding-right: 8px;
    margin-left: 4px;
}

.swiper-button-prev {
    border-radius: 0 100px 100px 0;
    padding-right: 0;
    padding-left: 8px;
    margin-left: 0;
    margin-right: 4px;
}

.swiper-button-next svg {
    margin-left: 8px;
}

.swiper-button-prev svg {
    margin-right: 8px;
}

.swiper-button-next svg, .swiper-button-prev svg {
    width: 8px !important;
}

.bio-video  iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
}