.contact-section {
    padding: 80rem 0;
}

.contact-section__row {
    gap: 24rem 0;
}

.contact-section__content {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    background: var(--green-100-color) url('/wp-content/themes/unit/assets/img/contact-section/backgrounds/sm/01.webp') center / cover no-repeat;
    border-radius: 30rem;
    padding: 24rem 26rem;
}

.contact-section__content:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: .7;
    background-color: var(--green-100-color);
}

.contact-section__content-icon {
    width: 60rem;
    height: 60rem;
    position: absolute;
    top: 16rem;
    right: 16rem;
    background-color: var(--gray-100-color);
    border-radius: 13rem;
    object-fit: cover;
}

.contact-section__title {
    max-width: 270rem;
}

.contact-section__title mark {
    background-color: var(--ivory-color);
}

.contact-section__text:not(:first-child) {
    margin-top: 22rem;
}

.contact-section__contacts:not(:first-child) {
    margin-top: 24rem;
}

.contact-section__form-block {
    width: 100%;
    background-color: #D8F4DA;
    border-radius: 30rem;
    padding: 24rem 20rem 30rem;
}

.contact-section__form:not(:first-child) {
    margin-top: 20rem;
}

@media screen and (min-width: 768px) {
    .contact-section__content {
        background-image: url('/wp-content/themes/unit/assets/img/contact-section/backgrounds/lg/01.webp');
    }

    .contact-section__text {
        max-width: 291rem;
    }
}

@media screen and (min-width: 1024px) and (orientation: landscape) {
    .contact-section {
        padding: 140rem 0 64rem;
    }

    .contact-section__row > * {
        display: flex;
    }

    .contact-section__content {
        padding: 62rem 79rem 61rem;
    }

    .contact-section__title {
        max-width: 100%;
    }

    .contact-section__text {
        max-width: 460rem;
    }

    .contact-section__text:not(:first-child) {
        margin-top: 43rem;
    }

    .contact-section__contacts:not(:first-child) {
        margin-top: 43rem;
    }
    
    .contact-section__form-block{
        padding: 30rem 20rem;
    }

    .contact-section__form:not(:first-child) {
        margin-top: 24rem;
    }

    .contact-section__content-icon {
        width: 93rem;
        height: 93rem;
        top: unset;
        bottom: 61rem;
        right: 61rem;
        border-radius: 20rem;
    }
}