/****************************************************************************
 * Slider-Container
 ****************************************************************************/
 .content_section > .slider_wrapper {
    position: absolute;
    left: 0; top: 0; right: 0; bottom: 0;
    width: 100%; height: 100%;
}

.content_section > .slider_wrapper .swiper {
    position: absolute;
    top: 0; left: 0; height: 100%; width: 100%;

}

.content_section > .slider_wrapper .swiper .swiper-slide {
    padding: 0;
}

.slider_wrapper .swiper figure .data_ratio {
    position: absolute; top: 0; left: 0; 
    right: 0; bottom: 0; width: 100%; height: 100%;
}
.slider_wrapper .swiper figure .data_ratio:before {
    content: none;
}
.slider_wrapper + .row {
    position: relative;
    z-index: 20;
}

/****************************************************************************
* Swiper Container
****************************************************************************/
.swiper_container {
    position: relative;
}
.content_section > .slider_wrapper .swiper_container{
    position: absolute;
    top: 0; left: 0; height: 100%; width: 100%;
}

/****************************************************************************
* Arrow
****************************************************************************/
.slider .arrow,
.swiper_arrow,
.typo_lightbox_slider .arrow {
    width: 2rem; height: 2rem;
    position: absolute; top: 50%;
    left: 0; z-index: 50;
    cursor: pointer;
    transform: translate(0,-50%);
}
.slider .arrow:after,
.swiper_arrow:after,
.typo_lightbox_slider .arrow:after {
    content: ''; position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    transform: rotate(90deg);
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M180.7 475.3c6.2 6.2 16.4 6.2 22.6 0l176-176c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L208 425.4 208 48c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 377.4L27.3 276.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l176 176z"/></svg>');
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.slider .arrow_next,
.swiper_next,
.typo_lightbox_slider .arrow_next {
    left: auto; right: 0;
}
.slider .arrow_next:after,
.swiper_next:after,
.typo_lightbox_slider .arrow_next:after {
    transform: rotate(-90deg);
}

/****************************************************************************
* Pagination
****************************************************************************/
.swiper_pagination {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    width: 100%;
}
.swiper_pagination > * {
    flex: 0 0 auto;
    width: 0.75rem; height: 0.75rem;
    border-radius: 50%; margin: 0.25rem;
    border: 0.0625rem solid currentColor;
}
.swiper_pagination > .swiper-pagination-bullet-active {
    background-color: currentColor;
}

/****************************************************************************
* Not enough slides
****************************************************************************/
.swiper.not_enough_slides .swiper_arrow,
.swiper.not_enough_slides .swiper_pagination {
    opacity: 0;
}