/* > Carousels -------------------------------------- */
.carousel-item {
    display: flex;
    flex-direction: column;
    margin: 0; float: none;
    height: auto;
    padding: 10px 40px;
}
.carousel-item_fig {
    position: relative;
    flex: 0 0 auto;
    z-index: 0; 
}
.carousel-item_fig img {
    display: block;
    width: 100%;
}
.carousel-item_content {
    flex: 1 1 auto;
    padding: 5%;
    background-color: #0e2e5d;
    text-align: center;
    color: #fff;
}
.carousel-item_content h3 { 
    margin: 0 0 1.25rem; 
}
.carousel-item_content h4 { 
    color: #1e7fcb;
    font-size: 1.25rem;
    margin: -1rem 0 1rem;
}

/* > Slider -------------------------------------- */
.widget-carousel-slider {
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    padding: 10px 40px;
}
.widget-carousel-slider .swiper-nav {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -20px;
}
.widget-carousel-slider .swiper-nav svg {
    display: block;
    width: 22px;
    height: 32px;
    fill: #1e7fcb;
    transition: fill .3s;
}
.widget-carousel-slider .swiper-nav:hover svg { fill: #e21313; }
.bg-primary .widget-carousel-slider .swiper-nav svg,
.bg-secondary .widget-carousel-slider .swiper-nav svg {
    fill:#fff;
}
.bg-primary .widget-carousel-slider .swiper-nav:hover svg,
.bg-secondary .widget-carousel-slider .swiper-nav:hover svg {
    fill: #e21313;
}
.widget-carousel-slider .swiper-nav.swiper-prev { left: 0; }
.widget-carousel-slider .swiper-nav.swiper-next { right: 0; }
.widget-carousel-slider .swiper-slide {
    width: 33.33%;
    padding: 10px;
}
.widget-carousel-slider.slides-2 { max-width: 1280px; }
.widget-carousel-slider.slides-1 { max-width: 720px; }
.widget-carousel-slider.slides-5 .swiper-slide { width: 20%; }
.widget-carousel-slider.slides-4 .swiper-slide { width: 25%; }
.widget-carousel-slider.slides-3 .swiper-slide { width: 33.33%; }
.widget-carousel-slider.slides-2 .swiper-slide { width: 50%; }
.widget-carousel-slider.slides-1 .swiper-slide { width: 100%; }

@media screen and (min-width: 1600px) {
    .widget-carousel-slider .swiper-nav.swiper-prev { left: -20px; }
    .widget-carousel-slider .swiper-nav.swiper-next { right: -20px; }
}
@media screen and (max-width: 1440px) {
    .widget-carousel-slider.slides-5 .swiper-slide { width: 25%; }
}
@media screen and (max-width: 1280px) {

    .widget-carousel-slider.slides-5 .swiper-slide,
    .widget-carousel-slider.slides-4 .swiper-slide { width: 33.33%; }
}
@media screen and (max-width: 840px) {
    .widget-carousel-slider.slides-5 .swiper-slide,
    .widget-carousel-slider.slides-4 .swiper-slide,
    .widget-carousel-slider.slides-3 .swiper-slide { width: 50%; }
}
@media screen and (max-width: 480px) {
    .widget-carousel-slider.slides-5 .swiper-slide,
    .widget-carousel-slider.slides-4 .swiper-slide,
    .widget-carousel-slider.slides-3 .swiper-slide,
    .widget-carousel-slider.slides-2 .swiper-slide { width: 100%; }
}