.installation__page {
    .container {
        text-align: left;
    }

    .installation__page-title {
        text-align: left;
        margin-bottom: 44px;
        font-style: normal;
        font-weight: 500;
        font-size: 40px;
        line-height: 48px;
        color: #000000;
    }

    .image__text-block {
        padding: 130px 0;
        position: relative;
        overflow: hidden;

        &.reverse {
            .container {
                text-align: right;
                display: flex;
                justify-content: flex-end;
            }

            .text__button-wrapper {
                justify-content: flex-end;
            }

            .image__block {
                img {
                    object-position: 0 0;
                }
            }
        }

        .image__block {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: 100% 0;
            }
        }

        .image__text-block-wrapper {
            max-width: 70%;
            width: 800px;

            .text__title {
                font-family: 'Inter', sans-serif;
                font-style: normal;
                font-weight: 700;
                font-size: 59px;
                line-height: 71px;
                text-transform: uppercase;
                color: #877FB0;
                margin-bottom: 40px;
            }

            .text__content {
                margin-bottom: 40px;

                p {
                    font-family: 'Lato', sans-serif;
                    font-style: normal;
                    font-weight: 600;
                    font-size: 20px;
                    line-height: 24px;
                    color: #03101A;
                }

                p + p {
                    margin-top: 20px;
                }
            }

            .text__button-wrapper {
                display: flex;

                .text__button {
                    width: fit-content;
                }
            }
        }
    }

    .installation__services {
        padding: 95px 0;

        .services__header {
            font-family: 'Inter', sans-serif;
            font-style: normal;
            font-weight: 500;
            font-size: 40px;
            line-height: 36px;
            text-align: center;
            color: #000000;
            margin-bottom: 10px;
        }

        .services__title {
            max-width: 630px;
            font-family: 'Inter', sans-serif;
            font-style: normal;
            font-weight: 500;
            font-size: 32px;
            line-height: 36px;
            text-align: center;
            color: #000000;
            margin: 0 auto 60px;
        }

        .services__list {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            gap: 45px;

            a {
                display: block;
                position: relative;
                width: 100%;
                overflow: hidden;
                transition: all 0.3s;
                border-radius: 20px;

                span {
                    position: absolute;
                    top: 38px;
                    left: 38px;
                    z-index: 5;
                    color: #fff;
                    font-size: 20px;
                    font-weight: 500;
                    right: 38px;
                    text-align: left;
                }

                img {
                    display: block;
                    width: 100%;
                    transition: all 0.6s;
                }

                &:hover {
                    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);

                    img {
                        transform: scale(1.2);
                        opacity: 0.9;
                    }
                }
            }
        }
    }

    .installation__advantages {
        margin-bottom: 95px;

        .container {


            .installation__advantages-wrapper {
                padding: 83px 65px;
                position: relative;
                width: 100%;
                overflow: hidden;
                border-radius: 20px;
                display: flex;
                justify-content: flex-end;
            }

            .image__wrapper {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;

                img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    object-position: 100% 0;
                }
            }

            .text__wrapper {
                max-width: 705px;
                width: 100%;
                position: relative;

                .text__title {
                    font-family: 'Inter', sans-serif;
                    font-style: normal;
                    font-weight: 800;
                    font-size: 44px;
                    line-height: 53px;
                    text-transform: uppercase;
                    color: #877FB0;
                    margin-bottom: 30px;
                }

                .advantages__list-wrapper {
                    ul {
                        columns: auto 2;
                        counter-reset: item-counter;

                        li {
                            margin-bottom: 30px;

                            .advantages__list-item-header {
                                padding-left: 0;
                                display: grid;
                                grid-template-columns: 24px 1fr;
                                grid-gap: 20px;
                                font-family: 'Lato', sans-serif;
                                font-style: normal;
                                font-weight: 600;
                                font-size: 20px;
                                line-height: 24px;
                                color: #03101A;
                                margin-bottom: 26px;

                                .num {
                                    position: relative;
                                    border-radius: 50%;
                                    background: #697B6F;
                                    width: 24px;
                                    height: 24px;
                                    display: flex;
                                    align-items: center;
                                    justify-content: center;
                                    color: white;
                                    font-size: 13px;
                                    line-height: 1;
                                    font-weight: 500;
                                }
                            }

                            .advantages__list-item-description {
                                font-family: 'Inter', sans-serif;
                                font-style: normal;
                                font-weight: 400;
                                font-size: 15px;
                                line-height: 150%;
                                color: #000000;
                            }
                        }
                    }
                }
            }
        }
    }

    .installation__form-section {
        .installation__form-section-header {
            margin-bottom: 60px;
            font-family: 'Inter', sans-serif;
            font-style: normal;
            font-weight: 500;
            font-size: 40px;
            line-height: 36px;
            text-align: center;
            color: #000000;
        }

        .installation__form {
            padding: 30px;
            background: #FFFFFF;
            box-shadow: 0px 20px 50px rgba(105, 123, 111, 0.1), 0px 20px 50px rgba(105, 123, 111, 0.1);
            border-radius: 20px;

            .form__section-header {
                font-family: 'Inter', sans-serif;
                font-style: normal;
                font-weight: 500;
                font-size: 22px;
                line-height: 27px;
                color: #000000;
                margin-bottom: 24px;
            }

            .installation__form-checkboxes {
                display: flex;
                flex-direction: column;
                gap: 18px;
                margin-bottom: 28px;
            }

            .installation__form-label {
                display: inline-flex;
                gap: 25px;
                cursor: pointer;

                &:has(input:checked) {
                    input {
                        background: url("data:image/svg+xml,%3Csvg width='16px' height='16px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12.6111L8.92308 17.5L20 6.5' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/cover;
                    }
                }

                input {
                    width: 24px;
                    height: 24px;
                    border: 1px solid #DFDFDF;
                    border-radius: 5px;
                }

            }

            .mt_24 {
                margin-top: 24px;
            }

            .submit__wrapper {
                margin-top: 28px;
                margin-bottom: 18px;

                button {
                    width: fit-content;
                }
            }
            .form__two-col{
                display:grid;
                grid-template-columns: 1fr 1fr;
                grid-gap: 30px;
            }

            .form__field-wrapper {

                display: flex;
                flex-direction: column;
                gap: 15px;
                label.error{
                    color: red;
                    font-size: 12px;
                }

                .form__label {
                    display: block;
                    font-family: 'Inter', sans-serif;
                    font-style: normal;
                    font-weight: 400;
                    font-size: 14px;
                    line-height: 17px;
                    color: #000000;
                }

                .textarea, .input {
                    border: 1px solid #DFDFDF;
                    border-radius: 30px;
                    padding: 0 15px;
                    width: 100%;
                }

                .input {
                    height: 50px;
                }

                .textarea {
                    padding: 15px;
                    height: 105px;
                    resize: none;
                }
            }

            .input__grid {
                display: grid;
                grid-template-columns: 1fr 1fr;
                grid-gap: 18px 30px;
            }

            .form__info-text {
                font-family: 'Inter', sans-serif;
                font-style: normal;
                font-weight: 400;
                font-size: 14px;
                line-height: 17px;
                color: #626262;

                a {
                    text-decoration: underline;
                }
            }

            .form__info-text + .form__info-text {
                margin-top: 20px;
            }
        }
    }

}

@media screen  and (max-width: 1600px) {
    .installation__page {
        .image__text-block {
            padding: 100px 0;

            .image__block {
                img {
                    object-position: 50% 0 !important;
                }
            }
        }
    }
}

@media screen and (max-width: 1200px) {
    .installation__page {
        .image__text-block {
            padding: 50px 0;
        }
    }
}

@media screen and (max-width: 992px) {
    .installation__page {
        .installation__page-title {
            font-size: 24px;
            margin-bottom: 26px;
            line-height: 100%;
        }

        .image__text-block {
            padding: 0;
            background-color: #F6F6F6;

            &.reverse {
                background-color: #F7F0E4;

                .container {
                    justify-content: flex-start;
                    text-align: left;
                }

                .text__button-wrapper {
                    justify-content: flex-start;
                }

                .image__block {
                    img {
                        object-position: 0 0 !important;
                    }
                }
            }

            .image__block {
                position: relative;
                left: initial;
                right: initial;
                top: initial;
                bottom: initial;
                margin-bottom: 40px;

                img {
                    aspect-ratio: 1.8;
                    object-position: 100% 0 !important;
                }
            }

            .image__text-block-wrapper {
                max-width: 100%;
                width: 100%;
                margin-bottom: 36px;

                .text__title {
                    font-size: 24px;
                    line-height: 100%;
                    margin-bottom: 24px;
                }

                .text__content {
                    margin-bottom: 24px;

                    p {
                        font-size: 16px;
                        line-height: 100%;
                    }

                    p + p {
                        margin-top: 10px;
                    }
                }

                .text__button-wrapper {
                    .text__button {
                        height: 40px;
                        padding: 8px 15px;
                    }
                }
            }
        }

        .installation__services {
            padding: 30px 0;

            .services__header {
                font-size: 24px;
                line-height: 100%;
                margin-bottom: 4px;
            }

            .services__title {
                font-size: 20px;
                line-height: 100%;
                margin-bottom: 30px;
            }

            .services__list {
                grid-gap: 10px;

                a {
                    span {
                        top: 16px;
                        left: 13px;
                        font-size: 14px;
                    }
                }
            }

        }
    }
}

@media screen and (max-width: 768px) {
    .installation__page {
        .installation__advantages {
            margin-bottom: 30px;

            .container {
                .installation__advantages-wrapper {
                    padding: 40px 20px;
                }

                .text__wrapper {
                    .text__title {
                        font-size: 30px;
                        line-height: 110%;
                        margin-bottom: 30px;
                    }

                    .advantages__list-wrapper {
                        ul {
                            li {
                                .advantages__list-item-header {
                                    margin-bottom: 16px;
                                }
                            }
                        }
                    }
                }
            }
        }

        .installation__form-section {
            .installation__form-section-header {
                margin-bottom: 30px;
                font-size: 24px;
                line-height: 110%;
            }

            .installation__form {
                padding: 25px 20px;

                .form__section-header {
                    font-size: 20px;
                    line-height: 110%;
                    margin-bottom: 24px;
                }

                .input__grid {
                    grid-template-columns: 1fr;
                    grid-gap: 14px;
                }
                .form__two-col{
                    grid-template-columns: 1fr;
                    grid-gap: 14px;
                }

                .form__field-wrapper {
                    .input {
                        height: 40px;
                    }
                }

                .submit__wrapper {
                    .submit__btn {
                        height: 40px;
                        padding: 8px 15px;
                    }
                }
            }
        }
    }
}

@media screen and (max-width: 676px) {
    .installation__page {
        .image__text-block {
            .image__block {
                img {
                    aspect-ratio: initial;
                }
            }
        }

        .installation__services {
            .services__list {
                grid-template-columns: 1fr 1fr;
            }
        }

        .installation__advantages {
            .container {
                .image__wrapper {
                    position: relative;
                    top: initial;
                    left: initial;
                    right: initial;
                    bottom: initial;
                }

                .installation__advantages-wrapper {
                    flex-direction: column;
                    padding: 0;
                }

                .text__wrapper {
                    background: #EFEBEC;
                    padding: 40px 20px;

                    .advantages__list-wrapper {
                        ul {
                            columns: auto 1;
                        }
                    }
                }
            }
        }

    }
}

@media screen and (max-width: 576px) {
    .installation__page {
        .image__text-block {
            .image__text-block-wrapper {
                .text__button-wrapper {
                    .text__button {
                        width: 100%;
                        max-width: 100%;
                    }
                }
            }
        }

        .installation__form-section {
            .installation__form {
                .submit__wrapper {
                    .submit__btn {
                        width: 100%;
                        max-width: 100%;
                    }
                }

                .form__info-text {
                    text-align: center;
                }
            }
        }
    }
}