
.solutions__content ul {
    color: var(--color-northern-sky);
    font-size: var(--text-size);
    font-family: var(--second-family);
    font-weight: 400;
    line-height: 1.3;
    padding-left: 1em;
    display: grid;
    grid-gap: 0.7em;
}
.solutions__content ul li {
    list-style-type: square;
}

.solutions__content h3 {
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.02em;
    margin-bottom: 26px;
    font-size: 32px;
}
.solutions__content p {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: var(--text-size);
    line-height: 1.3;
    margin-block: 20px;
}

.redesign_wrapper{margin-top:-30px !important}

.redesign_wrapper .cover {
    background-color: #253653;
}

/* для альт шапки */
h5.modal-title{
    font-size: 18px !important;
}

.hero__content-container{
    width: 100% ; margin-left: 120px !important;
}

.hero__content-container .hero__text{
    margin-left: 0 !important;
}

@media (max-width: 1350px) {
    .hero__content-container{
        margin-left: 80px !important;
    }
}
@media (max-width:1000px) {
    .hero__content-container{
        margin-left: 0 !important;
    }
}


@media (min-width: 1024px) {
    .hero_bottom_zone {
        margin-top: auto !important;
    }
}

.button_white {
    --button-color: var(--white) !important;
    --button-text-color: var(--color-deep-night) !important;
    --button-hover-text-color: var(--white) !important;
}
.button_small {
    --button-height: 45px !important;
    --button-padding: 10px 24px !important;
}

@media (min-width: 1024px) {
    .hero__col {
        display: flex !important;
        flex-direction: column !important;
        /* Если высота колонок не растягивается автоматически родителем,
           можно добавить height: 100%; но обычно в hero-секциях
           родитель .hero__columns уже имеет display: flex */
    }

    .hero_bottom_zone {
        margin-top: auto !important;
    }
}


.hero {
    background: var(--color-northern-sky);
    color: var(--white);
    padding-block: 40px;
    min-height: 640px;
    display: flex;
    position: relative;
    isolation: isolate;
}
.hero__bg {
    z-index: -1;
}
.hero__container {
    display: flex;
    flex-direction: column;
}
.hero__breadcrumbs {
    margin-bottom: 40px;
}
.hero__breadcrumbs_hidden {
    opacity: 0;
    pointer-events: none;
}
.hero__body {
    flex: 1;
    display: flex;
    justify-content: center;
    position: relative;
}
.hero__body_justify-end {
    justify-content: flex-end;
}
.hero__body_justify-end .hero__content {
    width: 100%;
    max-width: 1830px;
    margin-left: 60px !important;
    margin-right: 0 !important;
    display: flex;
    flex-direction: column;
}
.hero__content_flexbeetween {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    flex-direction: row;
    justify-content: space-between;
    gap: 50px;
    margin-bottom: 60px;
}
.hero__title {
    font-size: var(--title-size-l);
    margin-bottom: 50px;
}
.hero__title_nomargin {
    margin-bottom: 0;
}
.hero__title_flex {
    display: flex;
    gap: 0.4em 0.3em;
}
.hero__titleright {
    text-align: right;
    margin-top: 1em;
}
.hero__titlesecondline {
    font-weight: 400;
    display: block;
    padding-left: 1.625em;
}
.hero__text {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 24px;
    line-height: 1.2;
    color: var(--color-grey-fog);
    max-width: 560px;
    margin-left: calc(50% + 10px);
    margin-bottom: 60px;
}
.hero__text_bottom {
    margin-top: auto;
}
.hero__text_big {
    font-size: var(--text-size-xl);
}
.hero__text_maxwidth {
    max-width: 17.5em;
}
.hero__text_right {
    margin-left: auto;
}
.hero__text_left {
    margin-left: 0;
}
.hero__form {
    grid-template-columns: repeat(4, 1fr);
    grid-row-gap: 10px;
    color: var(--color-rainfall);
    margin-top: auto;
}
.hero__form .form__checkbox_privacy {
    grid-column: 4;
}
.hero__form .form__note {
    grid-column: 1 / -1;
}

.hero__social {
    position: absolute;
    top: 0;
    left: 0;
}

.hero__button {
    --button-padding: 5px 24px;
    width: fit-content;
    margin-left: auto;
}

.hero__columns {
    width: 100%;
    margin-left: 8%;
    display: grid;
    grid-template-columns: 1fr 1.36fr;
    gap: 60px;
}
.hero__video {
    width: 100%;
}
.hero__text:has(+.hero__buttons) {
    margin-bottom: 0;
}
.hero__buttons {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(2, auto);
    justify-content: start;
    gap: 40px;
}

@media (max-width: 1599px) {
    .hero {
        min-height: 500px;
    }
    .hero__content {
        margin-inline: 40px;
    }
    .hero__title {
        margin-left: 5%;
    }
    .hero__title_left {
        margin-left: 0;
    }
    .hero__text {
        font-size: 20px;
    }

    .hero__content_flexbeetween {
        flex-direction: column;
        margin-bottom: 20px;
    }
    .hero__content_flexbeetween .hero__title {
        margin-right: auto;
    }

    .hero__buttons {
        gap: 20px;
    }
}
@media (max-width: 1250px) {
    .hero__form {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: var(--form-field-gap);
    }
    .hero__form .form__checkbox_privacy {
        grid-column: 2;
    }
    .hero__form .form__note {
        margin-top: calc(var(--form-field-gap) * -1);
    }

    .hero__title_flex {
        font-size: 60px;
    }

    .hero__buttons {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 1000px) {
    .hero {
        padding-bottom: 100px;
    }
    .hero__breadcrumbs {
        margin-bottom: 67px;
    }
    .hero__social {
        display: none;
    }
    .hero__content {
        margin: 0;
    }
    .hero__title {
        margin-left: 0;
    }
    .hero__text {
        font-size: 22px;
    }
    .hero__text_bottom {
        margin-top: 20px;
    }
    .hero__text_right {
        margin-left: 120px;
    }
    .hero__title_flex {
        flex-direction: column;
        width: 100%;
        max-width: 11.5em;
    }
    .hero__titleright {
        margin-top: 0;
        margin-left: auto;
    }

    .hero__columns {
        margin: 0;
        grid-template-columns: 1fr;
        gap: 52px;
    }
    .hero__buttons {
        margin-top: 52px;
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 767px) {
    .hero {
        padding-top: 30px;
        padding-bottom: 40px;
    }
    .hero__title {
        margin-bottom: 20px;
    }
    .hero__title_nomargin {
        margin-bottom: 0;
    }
    .hero__text {
        font-size: 18px;
    }
    .hero__title_flex {
        font-size: var(--title-size-l);
        gap: 0.1em;
        max-width: 10em;
    }
}
@media (max-width: 650px) {
    .hero__text {
        margin-left: 0;
    }
    .hero__form {
        grid-template-columns: 1fr;
    }
    .hero__form .form__checkbox_privacy {
        grid-column: unset;
    }
    .hero__form .form__note {
        margin-top: 0;
    }

    .hero__columns {
        gap: 40px;
    }
    .hero__buttons {
        margin-top: 44px;
        grid-template-columns: 1fr;
        gap: 16px;
    }
}
@media (max-width: 550px) {
    .hero__titlesecondline {
        padding-left: 1em;
    }
    .hero__content_flexbeetween {
        justify-content: flex-start;
        margin-bottom: 100px;
    }
    .hero__button {
        margin-inline: auto;
    }
}





