.carousel-banner {
    background-color: #4F4F4F;
}

    .carousel-banner .bannerSwiper.off-tab .swiper-pagination-container {
        display: none;
    }

    .carousel-banner .swiper-slide {
        background-position: top center;
        background-repeat: no-repeat;
        background-size: auto 210px;
        position: relative;
        overflow: hidden;
    }

        .carousel-banner .swiper-slide video {
            position: relative;
        }

@media (max-width: 767px) {
    .carousel-banner .swiper-slide {
        background: none !important;
    }
}

@media (min-width: 768px) {
    .carousel-banner .swiper-slide {
        background-position: center;
        background-size: cover;
    }

        .carousel-banner .swiper-slide video {
            position: absolute;
        }
}

@media (min-width: 992px) {
    .carousel-banner .swiper-slide {
        height: 420px;
    }
}

.carousel-banner .swiper-slide .container-lg {
    background-color: #4F4F4F;
    /* margin-top: 210px; */
}

    .carousel-banner .swiper-slide .container-lg .carousel-overlay {
        padding: 2rem 0;
    }

        .carousel-banner .swiper-slide .container-lg .carousel-overlay h2,
        .carousel-banner .swiper-slide .container-lg .carousel-overlay p {
            color: #fff;
        }

        .carousel-banner .swiper-slide .container-lg .carousel-overlay h2 {
            font-size: 30px;
            font-weight: 500;
            line-height: 1.25;
        }

            .carousel-banner .swiper-slide .container-lg .carousel-overlay h2 + .btn {
                margin-top: 1.5rem;
            }

        .carousel-banner .swiper-slide .container-lg .carousel-overlay ul li {
            color: #fff;
            margin-bottom: 0.25rem;
        }

            .carousel-banner .swiper-slide .container-lg .carousel-overlay ul li:last-child {
                margin-bottom: 0;
            }

@media (min-width: 768px) {
    .carousel-banner .swiper-slide .container-lg {
        margin-top: 420px;
    }
}

@media (min-width: 992px) {
    .carousel-banner .swiper-slide .container-lg {
        background-color: transparent;
        margin-top: auto;
    }
}

.carousel-banner .swiper-pagination-container {
    background-color: #5041cd;
}

    .carousel-banner .swiper-pagination-container .container-lg {
        padding-left: 0;
        padding-right: 0;
    }

@media (min-width: 992px) {
    .carousel-banner .swiper-pagination-container .container-lg {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
}

.carousel-banner .swiper-pagination-container .container-lg .swiper-pagination {
    background-color: var(--blue);
    bottom: 0;
    position: relative;
    display: block;
}

    .carousel-banner .swiper-pagination-container .container-lg .swiper-pagination .swiper-pagination-bullet {
        background: var(--blue);
        border: 0;
        border-right: 1px solid #fff;
        border-radius: 0;
        color: #fff;
        display: table-cell;
        font-size: 1rem;
        height: 30px;
        margin: 0;
        opacity: 1;
        padding: 0.675rem 1rem;
        text-align: center;
        vertical-align: middle;
        width: 1%;
    }

        .carousel-banner .swiper-pagination-container .container-lg .swiper-pagination .swiper-pagination-bullet:last-child {
            border-right: 0;
        }

        .carousel-banner .swiper-pagination-container .container-lg .swiper-pagination .swiper-pagination-bullet:hover,
        .carousel-banner .swiper-pagination-container .container-lg .swiper-pagination .swiper-pagination-bullet:focus,
        .carousel-banner .swiper-pagination-container .container-lg .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            color: #fff;
            /*background: var(--bluedark2);*/
            background-color: #ca39a8;
        }

        .carousel-banner .swiper-pagination-container .container-lg .swiper-pagination .swiper-pagination-bullet font {
            display: none;
        }

.carousel-banner .carousel-overlay[class*="bg-p-"] a.btn {
    background-color: #FFF;
    color: #5041cd;
}

.carousel-banner .carousel-overlay[class*="bg-p-"] a.btn:hover {
    background-color: #ca39a8;
    color: #FFF;
}

.carousel-banner .carousel-overlay[class*="bg-b-"] a.btn {
    background-color: #5041cd;
    color: #FFF;
}

    .carousel-banner .carousel-overlay[class*="bg-b-"] a.btn:hover {
        background-color: #ca39a8;
        color: #FFF;
    }

.carousel-banner .carousel-overlay[class*="bg-w-"] a.btn {
    background-color: #5041cd;
    color: #FFF;
}

    .carousel-banner .carousel-overlay[class*="bg-w-"] a.btn:hover {
        background-color: #ca39a8;
        color: #FFF;
    }

@media (min-width: 992px) {
    .carousel-banner .swiper-pagination-container .container-lg .swiper-pagination .swiper-pagination-bullet font {
        display: inline;
    }
}

@media (min-width: 992px) {
    .carousel-banner.sub-carousel-banner .swiper-slide {
        height: 375px;
    }

        .carousel-banner.sub-carousel-banner .swiper-slide .container-lg {
            max-width: inherit;
        }
}

@media (min-width: 992px) {
    .carousel-banner.sub-carousel-banner .swiper-pagination-container .container-lg {
        padding-left: 0;
        padding-right: 0;
    }
}

.carousel-banner.sub-carousel-banner + .sub-section {
    padding-top: 0;
}

.static-banner {
    background-color: #4F4F4F;
    margin-bottom: 45px;
    position: relative;
}

    .static-banner .static-banner-block {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

@media (min-width: 992px) {
    .static-banner .static-banner-block {
        height: 100%;
        left: 0;
        padding-left: 1rem;
        padding-right: 1rem;
        position: absolute;
        top: 0;
        width: 100%;
    }
}

.static-banner .static-banner-block .carousel-overlay {
    padding: 2rem 0;
}

    .static-banner .static-banner-block .carousel-overlay h2,
    .static-banner .static-banner-block .carousel-overlay h3,
    .static-banner .static-banner-block .carousel-overlay h4,
    .static-banner .static-banner-block .carousel-overlay h5,
    .static-banner .static-banner-block .carousel-overlay p,
    .static-banner .static-banner-block .carousel-overlay ul,
    .static-banner .static-banner-block .carousel-overlay li {
        color: #fff;
    }

    .static-banner .static-banner-block .carousel-overlay h2 {
        font-size: 2.369rem;
        line-height: 1.25;
    }

        .static-banner .static-banner-block .carousel-overlay h2 + .btn {
            margin-top: 1.5rem;
        }

@media (min-width: 992px) {
    .carousel-overlay {
        background-color: rgba(0, 0, 0, 0.8);
        padding: 2rem 1rem !important;
        width: 41.666667%;
    }

        .carousel-overlay.bg-b-0 {
            background-color: rgba(0, 0, 0, 0);
        }

        .carousel-overlay.bg-b-1 {
            background-color: rgba(0, 0, 0, 0.1);
        }

        .carousel-overlay.bg-b-2 {
            background-color: rgba(0, 0, 0, 0.2);
        }

        .carousel-overlay.bg-b-3 {
            background-color: rgba(0, 0, 0, 0.3);
        }

        .carousel-overlay.bg-b-4 {
            background-color: rgba(0, 0, 0, 0.4);
        }

        .carousel-overlay.bg-b-5 {
            background-color: rgba(0, 0, 0, 0.5);
        }

        .carousel-overlay.bg-b-6 {
            background-color: rgba(0, 0, 0, 0.6);
        }

        .carousel-overlay.bg-b-7 {
            background-color: rgba(0, 0, 0, 0.7);
        }

        .carousel-overlay.bg-b-8 {
            background-color: rgba(0, 0, 0, 0.8);
        }

        .carousel-overlay.bg-b-9 {
            background-color: rgba(0, 0, 0, 0.9);
        }

        .carousel-overlay.bg-b-10 {
            background-color: rgba(0, 0, 0, 1);
        }

        .carousel-overlay.bg-w-0 {
            background-color: rgba(255, 255, 255, 0);
        }

        .carousel-overlay.bg-w-1 {
            background-color: rgba(255, 255, 255, 0.1);
        }

        .carousel-overlay.bg-w-2 {
            background-color: rgba(255, 255, 255, 0.2);
        }

        .carousel-overlay.bg-w-3 {
            background-color: rgba(255, 255, 255, 0.3);
        }

        .carousel-overlay.bg-w-4 {
            background-color: rgba(255, 255, 255, 0.4);
        }

        .carousel-overlay.bg-w-5 {
            background-color: rgba(255, 255, 255, 0.5);
        }

        .carousel-overlay.bg-w-6 {
            background-color: rgba(255, 255, 255, 0.6);
        }

        .carousel-overlay.bg-w-7 {
            background-color: rgba(255, 255, 255, 0.7);
        }

        .carousel-overlay.bg-w-8 {
            background-color: rgba(255, 255, 255, 0.8);
        }

        .carousel-overlay.bg-w-9 {
            background-color: rgba(255, 255, 255, 0.9);
        }

        .carousel-overlay.bg-w-10 {
            background-color: rgba(255, 255, 255, 1);
        }

            .carousel-overlay.bg-w-0 h2,
            .carousel-overlay.bg-w-0 h3,
            .carousel-overlay.bg-w-0 h4,
            .carousel-overlay.bg-w-0 h5,
            .carousel-overlay.bg-w-0 p,
            .carousel-overlay.bg-w-0 ul,
            .carousel-overlay.bg-w-0 li,
            .carousel-overlay.bg-w-1 h2,
            .carousel-overlay.bg-w-1 h3,
            .carousel-overlay.bg-w-1 h4,
            .carousel-overlay.bg-w-1 h5,
            .carousel-overlay.bg-w-1 p,
            .carousel-overlay.bg-w-1 ul,
            .carousel-overlay.bg-w-1 li,
            .carousel-overlay.bg-w-2 h2,
            .carousel-overlay.bg-w-2 h3,
            .carousel-overlay.bg-w-2 h4,
            .carousel-overlay.bg-w-2 h5,
            .carousel-overlay.bg-w-2 p,
            .carousel-overlay.bg-w-2 ul,
            .carousel-overlay.bg-w-2 li,
            .carousel-overlay.bg-w-3 h2,
            .carousel-overlay.bg-w-3 h3,
            .carousel-overlay.bg-w-3 h4,
            .carousel-overlay.bg-w-3 h5,
            .carousel-overlay.bg-w-3 p,
            .carousel-overlay.bg-w-3 ul,
            .carousel-overlay.bg-w-3 li,
            .carousel-overlay.bg-w-4 h2,
            .carousel-overlay.bg-w-4 h3,
            .carousel-overlay.bg-w-4 h4,
            .carousel-overlay.bg-w-4 h5,
            .carousel-overlay.bg-w-4 p,
            .carousel-overlay.bg-w-4 ul,
            .carousel-overlay.bg-w-4 li,
            .carousel-overlay.bg-w-5 h2,
            .carousel-overlay.bg-w-5 h3,
            .carousel-overlay.bg-w-5 h4,
            .carousel-overlay.bg-w-5 h5,
            .carousel-overlay.bg-w-5 p,
            .carousel-overlay.bg-w-5 ul,
            .carousel-overlay.bg-w-5 li,
            .carousel-overlay.bg-w-6 h2,
            .carousel-overlay.bg-w-6 h3,
            .carousel-overlay.bg-w-6 h4,
            .carousel-overlay.bg-w-6 h5,
            .carousel-overlay.bg-w-6 p,
            .carousel-overlay.bg-w-6 ul,
            .carousel-overlay.bg-w-6 li,
            .carousel-overlay.bg-w-7 h2,
            .carousel-overlay.bg-w-7 h3,
            .carousel-overlay.bg-w-7 h4,
            .carousel-overlay.bg-w-7 h5,
            .carousel-overlay.bg-w-7 p,
            .carousel-overlay.bg-w-7 ul,
            .carousel-overlay.bg-w-7 li,
            .carousel-overlay.bg-w-8 h2,
            .carousel-overlay.bg-w-8 h3,
            .carousel-overlay.bg-w-8 h4,
            .carousel-overlay.bg-w-8 h5,
            .carousel-overlay.bg-w-8 p,
            .carousel-overlay.bg-w-8 ul,
            .carousel-overlay.bg-w-8 li,
            .carousel-overlay.bg-w-9 h2,
            .carousel-overlay.bg-w-9 h3,
            .carousel-overlay.bg-w-9 h4,
            .carousel-overlay.bg-w-9 h5,
            .carousel-overlay.bg-w-9 p,
            .carousel-overlay.bg-w-9 ul,
            .carousel-overlay.bg-w-9 li,
            .carousel-overlay.bg-w-10 h2,
            .carousel-overlay.bg-w-10 h3,
            .carousel-overlay.bg-w-10 h4,
            .carousel-overlay.bg-w-10 h5,
            .carousel-overlay.bg-w-10 p,
            .carousel-overlay.bg-w-10 ul,
            .carousel-overlay.bg-w-10 li {
                color: #000 !important;
            }

        .carousel-overlay.bg-p-0 {
            background-color: rgba(80,65,205,0);
        }

        .carousel-overlay.bg-p-1 {
            background-color: rgba(80,65,205,0.1);
        }

        .carousel-overlay.bg-p-2 {
            background-color: rgba(80,65,205,0.2);
        }

        .carousel-overlay.bg-p-3 {
            background-color: rgba(80,65,205,0.3);
        }

        .carousel-overlay.bg-p-4 {
            background-color: rgba(80,65,205,0.4);
        }

        .carousel-overlay.bg-p-5 {
            background-color: rgba(80,65,205,0.5);
        }

        .carousel-overlay.bg-p-6 {
            background-color: rgba(80,65,205,0.6);
        }

        .carousel-overlay.bg-p-7 {
            background-color: rgba(80,65,205,0.7);
        }

        .carousel-overlay.bg-p-8 {
            background-color: rgba(80,65,205,0.8);
        }

        .carousel-overlay.bg-p-9 {
            background-color: rgba(80,65,205,0.9);
        }

        .carousel-overlay.bg-p-10 {
            background-color: rgba(80,65,205,1);
        }

        .carousel-overlay.w-3 {
            width: 25%;
        }

        .carousel-overlay.w-5 {
            width: 41.666667%;
        }

        .carousel-overlay.w-7 {
            width: 58.333333%;
        }

        .carousel-overlay.w-9 {
            width: 75%;
        }

        .carousel-overlay.w-12 {
            width: 100%;
        }
}

.swiper-wrapper .fully-clickable {
    cursor: pointer;
}

.sfPageEditor .swiper-wrapper {
    display: block;
}