.hero-plus__thumbs-wrapper,
.hero-plus__slide,
.hero-plus__swiper,
.hero-plus__slider-wrapper {
    background-color: #000;
}

.hero-plus__content {
    padding: 25px 20px;
}

    .hero-plus__content h2 {
        color: #fff;
        font-size: 50px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1;
    }

.hero-plus__thumbs-wrapper {
    padding: 14px 20px 20px;
}

.hero-plus__thumb {
    border-color: grey;
}

    .swiper-slide-thumb-active .hero-plus__thumb,
    .hero-plus__thumb:hover {
        border-color: var(--color-1);
    }

        .swiper-slide-thumb-active .hero-plus__thumb h4,
        .hero-plus__thumb:hover h4 {
            color: #fff;
        }

.hero-plus__right {
    min-width: 414px;
    min-height: auto;
}

.hero-plus__row {
    flex-wrap: wrap;
}

.hero-plus__image img {
    min-height: 484px;
}

.hero-plus__html-content iframe {
    width: 100%;
    height: 480px;
}

@media (min-width: 992px) {
    .hero-plus__html-content iframe {
        height: 492px;
    }

    .hero-plus__row {
        flex-wrap: nowrap;
        flex-direction: row;
    }

    .hero-plus__left.col-lg-8 {
        width: 65%;
    }

    .hero-plus__right.col-lg-4 {
        width: 35%;
        min-width: auto;
    }

    .hero-plus__content {
        padding: 20px;
    }

    .hero-plus__content h2 {
        font-size: 30px;
    }

    .hero-plus__image,
    .hero-plus__image img {
        min-height: auto;
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .hero-plus__content {
        padding: 25px 20px;
    }

    .hero-plus__content h2 {
        font-size: 38px;
    }

    .hero-plus__html-content iframe {
        height: 555px;
    }

    .hero-plus__html-content {
        min-width: 398px;
    }

    .hero-plus__left.col-lg-8 {
        width: calc(66.66666667% - 45px);
    }
}

@media (min-width: 1400px) {
    .hero-plus__html-content iframe {
        height: 670px;
    }

    .hero-plus__content h2 {
        font-size: 50px;
    }

    .hero-plus__left.col-lg-8 {
        width: 66.66666667%;
        padding-right: 10px;
    }

    .hero-plus__right {
        width: calc(33.33333333% + 2px);
        padding-left: 10px;

    }

    .hero-plus__html-content {
        width: 420px;
        height: 670px;
    }
}

@media (max-width: 414px) {
    .hero-plus__right {
        min-width: auto;
    }
}

@media (max-width: 1200px) {
    .hero-plus__content h2 {
        font-size: 36px;
    }
}

@media (max-width: 992px) {
    .hero-plus__left {
        margin-bottom: 20px;
    }

    .hero-plus__image {
        min-height: auto;
    }

        .hero-plus__image img {
            min-height: auto;
            aspect-ratio: 16/9;
        }

    .hero-plus__content h2 {
        font-size: 32px;
    }

    .hero-plus__content {
        padding: 20px;
    }

    .hero-plus {
        margin: 25px 0 10px;
    }

    .hero-plus__thumb h4 {
        font-size: 10px;
    }

    .hero-plus__html-content {
        min-height: 490px;
    }
}

@media (max-width: 470px) {
    .hero-plus__content h2 {
        font-size: 18px;
    }

    .hero-plus__thumbs-wrapper {
        padding: 0px 20px 20px;
    }

    .hero-plus__thumb {
        padding-top: 0;
    }

    .hero-plus__thumb h4 {
        display: none;
    }

    .hero-plus__html-content {
        min-height: 515px;
    }
}

@media (max-width: 414px) {
    .hero-plus__html-content {
        min-height: 535px;
    }
}