.hero-banner {
    /*height: 800px;*/
    position: relative;
    display: block;
    padding: 120px 0 30px;
    background-position: center;
    background-repeat: no-repeat;
    background: url("/themes/default/views/blocks/html/hero-banner/images/home-bk.png");
    background-size: cover;
}

.hero-box {
    margin-top: 90px;

    .slide-title {
        font-size: 1.563rem;
        font-weight: 600;
        color: var(--main-color);
    }

    .slide-description {
        margin-top: 15px;
    }

    .slide-description,
    .slide-description p {
        font-size: 1rem;
        color: var(--second-color);
        line-height: 30px;
        padding-inline-end:1rem;
    }
}

.banner-image img {
    display: block;
}

@media (max-width: 1199.98px) {
    .hero-box .slide-title {
        font-size: 1.438rem;
    }
}

@media (max-width: 991.98px) {
    .hero-box .slide-title {
        font-size: 1.313rem;
    }
}

@media (max-width: 767.98px) {
    .hero-banner {
        padding: 100px 0 30px;
    }

    .flex-column-rev-767 {
        flex-direction: column-reverse;
    }

    .hero-box {
        margin-top: 20px;
    }

    .hero-box .slide-title {
        font-size: 1.25rem;
    }

    .banner-image {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media (max-width: 575.98px) {
    .hero-box .slide-title {
        font-size: 1.188rem;
    }

    .hero-box .slide-description,
    .hero-box .slide-description p {
        font-size: 0.938rem;
        line-height: 28px;
    }
}