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

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

.hero-plus__image {
    min-height: 400px;
}

.hero-plus__image img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: top center;
}

.hero-plus__slide {
    background-color: #fff;
}

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

    .hero-plus__content h2 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

.hero-plus__thumb {
    cursor: pointer;
    border-top: 3px solid grey;
    padding-top: 10px;
}

    .hero-plus__thumb h4 {
        font-size: 14px;
        color: grey;
        line-height: 1.4;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

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

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

.hero-plus__loader {
    min-height: 500px;
}
.hero-plus__image .skeleton-loading {
    min-height: 460px;
}

.hero-plus__content-wrapper {
    position: relative;
}

.hero-block__clickable {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}