.se-hero-section {
    --image-height: 285px;
    position: relative;
    overflow: hidden;
    padding-bottom: calc(var(--image-height) + var(--spacing-v2));
}

.se-hero-section:before {
    content: url('/wp-content/themes/se_visible/page-templates/front-page/assets/images/bg_min.svg');
    position: absolute;
    top: 86px;
    left: 50%;
    transform: translateX(-50%);
    width: 1920px;
    height: 907px;
}

.se-hero-section:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 72px;
    background: linear-gradient(180deg, rgba(255, 247, 243, 0.00) 0%, var(--main-colors-bg) 100%);
    z-index: 3;
}

.se-hero-section__content,
.se-hero-section .se-image {
    z-index: 2;
}

.se-hero-section .se-image {
    max-width: 100%;
    margin: 0 auto;
    position: absolute;
    height: var(--image-height);
    bottom: 0;
    overflow: hidden;
}

.se-hero-section .se-image img {
    width: 857px;
}

.se-hero-section .se-btn_tert,
.se-hero-section .se-btn_tert:hover {
    background-color: var(--main-colors-bg);
}

.se-title.heading-1 span {
    display: block;
}

.se-pricing-section__container .se-title-text {
    max-width: none;
}

@media screen and (min-width: 768px) {
    .se-hero-section {
        padding-bottom: 0;
    }

    .se-title.heading-1 span {
        display: inline;
    }

    .se-hero-section .se-image {
        position: static;
        height: auto;
    }

    .se-hero-section .se-image img {
        width: 100%;
    }

    .se-hero-section [has-mobile-img] .se-image_desktop {
        display: block;
    }

    .se-hero-section [has-mobile-img] .se-image_mobile {
        display: none;
    }
}

@media screen and (min-width: 1024px) {
    .se-title.heading-1 span {
        display: block;
    }

    .se-hero-section:before {
        top: 136px;
    }

    .se-hero-section .se-image {
        max-width: var(--spacing-grid-10)
    }
}

@media screen and (min-width: 1024px) {
    .se-hero-section:before {
        top: 136px;
    }
}

@media screen and (min-width: 1280px) {
    .se-hero-section:before {
        top: 186px;
    }
}

@media screen and (min-width: 1536px) {
    .se-hero-section:before {
        top: 236px;
    }
}