:root {
            --padding-top: 70px;
            --orange: #FF5F00;
            --grey: #D1CFD7;
        }

        html {
            scroll-behavior: smooth;
        }

        @media(max-width: 1024px) {
            :root {
                --padding-top: 56px;
            }
        }

        .landing_header {
            @media(max-width: 1024px) {
                .logo {
                    display: none;
                }
            }
        }

        .landing_logo {
            display: none;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
        }

        @media(max-width: 1024px) {
            .landing_logo {
                display: block;
            }
        }

        .workshop-page {
            background-color: white;

            /*  компоненты */
            .section {
                height: 100%;
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .br_pc {
                display: block;
            }

            .br_mob {
                display: none;
                ;
            }

            /* text*/


            .base_text_16px {
                font-size: 16px;
                line-height: 22px;
                letter-spacing: -3%;
            }

            .h2_text_40px_24px {
                font-weight: 500;
                font-size: 40px;
                line-height: 100%;
                letter-spacing: 0%;
            }

            .h1_text_52px_34px {
                font-weight: 500;
                font-style: Medium;
                font-size: 52px;
                line-height: 112.00000000000001%;
                letter-spacing: 0%;
                text-align: center;
                color: #ffffff;
            }

            .h1_subtitle {
                font-size: 20px;
                line-height: 26px;
                letter-spacing: -3%;
                color: #ffffff;
                text-align: center;
            }

            .large_text_20px_16px {
                font-size: 20px;
                line-height: 26px;
                letter-spacing: -3%;
            }

            .bold {
                font-weight: 500;
            }

            .orange_text {
                color: var(--orange);
            }

            .error_text {
                display: none;
                font-size: 14px;
                line-height: 20px;
                letter-spacing: -3%;
                color: #FF1111;
            }

            .lora {
                font-family: Lora;
            }

            /* btn */

            .btn {
                width: 295px;
                height: auto;
                padding: 16px 24px;
                gap: 6px;
                border-radius: 8px;
                color: #ffffff;
                border: none;
                text-align: center;
                text-decoration: none;
                background-color: var(--orange);
            }

            .btn_black {
                background-color: black;
                width: 100%;
                max-width: 438px;
            }

            /* input */

            .input {
                width: 100%;
                padding: 12px;
                border-radius: 8px;
                border: 0.7px solid var(--grey);

            }

            .input::placeholder {
                font-size: 16px;
                line-height: 22px;
                letter-spacing: -3%;
                color: #8B8C94;
            }

            .error-input {
                border: 0.7px solid #FF1111;
            }

            @media(max-width: 1024px) {
                .section {
                    height: auto;
                }

                .br_pc {
                    display: none;
                }

                .br_mob {
                    display: block;
                }

                /* text */

                .h2_text_40px_24px {
                    font-size: 24px;
                    line-height: 30px;
                    letter-spacing: -3%;
                }

                .large_text_20px_16px {
                    font-size: 16px;
                    line-height: 22px;
                    letter-spacing: -3%;
                }

                .h1_text_52px_34px {
                    font-size: 34px;
                    line-height: 120%;
                }

                .h1_subtitle {
                    font-size: 14px;
                    line-height: 20px;
                    text-align: center;
                }

                /* btn */
                .btn {
                    width: 100%;
                    padding: 12px 16px;
                }

                .btn_black {
                    max-width: 100%;
                }
            }

            /* 1 слайд */

            .s1 {
                padding-top: var(--padding-top);

                .s1-image {
                    width: 100%;
                    height: 100%;
                    max-height: 100%;
                    position: relative;

                    img {
                        width: 100%;
                        object-fit: cover;
                        display: block;
                        height: calc(100vh - var(--padding-top));
                    }
                }

                .s1-content {
                    position: absolute;
                    inset: 0;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    align-items: center;
                    padding: 168px 233px 43px;
                }
            }

            @media(max-width: 1024px) {
                .s1 {
                    padding-top: var(--padding-top);

                    .s1-content {
                        padding: 35px 16px 72px;
                    }
                }
            }

            /* 2 слайд */
            .s2 {
                padding: 120px 64px 60px;

                .s2-content {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    gap: 24px;
                    width: 100%;

                    .s2-title {
                        width: 100%;
                        text-align: left;
                    }

                    .s2-text {
                        display: flex;
                        gap: 48px;
                        align-items: center;
                        width: 100%;
                        border-top: 1px solid var(--grey);
                        padding-top: 24px;
                        margin-top: 24px;

                        .s2-text_item {
                            width: 100%;
                            display: flex;
                            gap: 24px;
                            align-items: start;
                            justify-content: center;

                            svg {
                                flex: 0 0 auto;
                            }
                        }
                    }

                    .s2-image {
                        width: 100%;

                        img {
                            width: 100%;
                            height: auto;
                            display: block;
                            object-fit: cover;
                        }
                    }

                }
            }

            @media(max-width: 1024px) {
                .s2 {
                    padding: 80px 16px 40px;

                    .s2-content {
                        gap: 0;

                        .s2-text {
                            gap: 24px;
                            align-items: center;
                            flex-direction: column;
                            border-bottom: 1px solid var(--grey);
                            padding-bottom: 24px;
                            margin-bottom: 24px;

                            .s2-text_item {
                                flex-direction: column;
                                gap: 8px;
                            }
                        }
                    }
                }
            }

            /* слайд 3*/

            .s3 {
                padding: 60px 64px;

                .s3-content {
                    display: flex;
                    width: 100%;
                    gap: 24px;
                    align-items: center;
                    padding: 81px 0;

                    .s3-text {
                        display: flex;
                        width: 100%;
                        flex-direction: column;
                        gap: 24px;

                        .s3-title {
                            width: 100%;
                            padding-bottom: 24px;
                            border-bottom: 1px solid var(--grey);
                        }
                    }

                    .s3-image {
                        width: 100%;

                        img {
                            width: 100%;
                            height: 100%;
                            display: block;
                            object-fit: cover;
                        }
                    }
                }
            }

            @media(max-width: 1024px) {
                .s3 {
                    padding: 80px 16px 40px;

                    .s3-content {
                        flex-direction: column;
                        padding: 0;
                    }
                }
            }

            .s4 {
                padding: 52px 64px 35px;

                .s4-content {
                    display: flex;
                    justify-content: start;
                    align-items: center;
                    gap: 55px;
                    width: 100%;

                    .s4-title-mob {
                        display: none;
                        width: 100%;
                    }

                    .s4-title-pc {
                        display: block;
                    }

                    .s4-image {
                        width: 400px;
                        height: 813px;

                        img {
                            width: 100%;
                            height: 100%;
                            display: block;
                            object-fit: cover;
                        }
                    }

                    .s4-text {
                        display: flex;
                        flex-direction: column;
                        justify-content: space-between;
                        align-items: start;
                        width: 100%;
                        height: 813px;

                        .s4-text-content {
                            list-style: none;
                            display: flex;
                            flex-direction: column;
                            align-items: center;

                            .s4-text-content_item {
                                width: 100%;
                                padding: 40px 0;
                                border-bottom: 1px solid var(--grey);
                                display: grid;
                                grid-template-rows: 1fr;
                                grid-template-columns: 0.07fr 0.4fr 1fr;
                                column-gap: 30px;
                                justify-items: start;
                                align-items: start;
                            }
                        }
                    }
                }
            }


            @media(max-width: 1024px) {
                .s4 {
                    padding: 80px 16px 40px;

                    .s4-content {
                        flex-direction: column;
                        gap: 16px;

                        .s4-title-mob {
                            display: block;
                        }

                        .s4-title-pc {
                            display: none;
                        }

                        .s4-image {
                            margin-bottom: 20px;
                            width: 100%;
                            height: 100%;
                        }

                        .s4-text {
                            height: auto;

                            .s4-text-content {
                                .s4-text-content_item {
                                    padding: 24px 0;
                                    grid-template-columns: 1fr;
                                    grid-template-rows: repeat(3, auto);
                                    column-gap: 0;
                                    row-gap: 8px;
                                }

                                .s4-text-content_item:first-of-type {
                                    border-top: 1px solid var(--grey);
                                }
                            }
                        }
                    }
                }
            }

            .s5 {
                padding: 60px 64px;

                display: flex;
                flex-direction: column;

                .s5-head {
                    width: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: flex-start;

                    padding-bottom: 36px;
                    margin-bottom: 36px;
                    border-bottom: 1px solid var(--grey);

                    .s5-title {
                        flex: 0 1 auto;
                        width: 50%;
                    }

                    .s5-subtitle {
                        flex: 0 1 auto;
                        width: 50%;
                    }
                }

                .s5-content {
                    display: grid;
                    grid-template-columns: repeat(4, 1fr);
                    grid-template-rows: repeat(3, 1fr);
                    gap: 16px;

                    .s5-text_item {
                        display: flex;
                        flex-direction: column;
                        align-items: start;
                        gap: 24px;
                        width: 100%;

                        svg {
                            flex: 0 0 auto;
                        }
                    }

                    .s5-img_item {
                        width: 100%;
                        height: auto;

                        img {
                            width: 100%;
                            height: 100%;
                            display: block;
                            object-fit: cover;
                        }
                    }

                    .img_1 {
                        grid-column: 1 / 3;
                        grid-row: 2 / 4;
                    }

                    .img_2 {
                        grid-column: 3 / 5;
                        grid-row: 1 / 2;
                    }

                    .text_5 {
                        align-self: end;
                    }

                }
            }

            @media(max-width: 1024px) {
                .s5 {
                    padding: 80px 16px 0;

                    .s5-head {
                        flex-direction: column;
                        gap: 16px;

                        .s5-title {
                            flex: 1 1 auto;
                            width: 100%;
                        }

                        .s5-subtitle {
                            flex: 1 1 auto;
                            width: 100%;
                        }
                    }

                    .s5-content {
                        grid-template-columns: 1fr;
                        grid-template-rows: auto;
                        gap: 24px;
                        width: 100%;

                        .img_1 {
                            grid-column: auto;
                            grid-row: auto;
                        }

                        .img_2 {
                            grid-column: auto;
                            grid-row: 2 / 3;
                        }

                        .text_4 {
                            grid-row: 1 / 2;
                        }

                        .img_3 {
                            grid-row: 5 / 6;
                        }

                        .text_5 {
                            grid-row: 6 / 7;
                        }
                    }
                }
            }

            .s6 {
                display: flex;
                flex-direction: column;

                .s6-inner {
                    padding: 93px 0 93px 64px;
                    display: flex;
                    gap: 24px;
                    width: 100%;
                    align-items: stretch; /**/
                    justify-content: flex-start;/**/
                    border-bottom: 1px solid #D1CFD7;

                    .s6-content {
                        width: auto;/**/
                        min-width: 0;/**/
                        flex: 1 1 0;/**/
                        padding: 60px 0;
                        display: flex;
                        flex-direction: column;
                        gap: 24px;
                        align-items: start;

                        .s6-form {
                            width: 100%;
                            display: flex;
                            flex-direction: column;
                            gap: 24px;
                            align-items: start;

                            #workshop_form {
                                display: flex;
                                flex-direction: column;
                                width: 100%;
                                max-width: 438px;
                                align-items: left;

                                label {
                                    margin-bottom: 16px;

                                    input,
                                    textarea {
                                        margin-top: 6px;
                                    }
                                }

                                label:last-of-type {
                                    margin-bottom: 0;
                                }

                                .btn_black {
                                    margin-top: 48px;
                                }

                            }
                        }

                        .s6-text {
                            display: flex;
                            align-items: left;
                            gap: 40px;
                        }
                    }
                }
            }



            @media(max-width: 1024px) {
                .s6 {

                    .s6-inner {
                        padding: 80px 16px 40px;
                        flex-direction: column;
                        justify-content: center;
                        align-items: stretch; /**/
                        gap: 20px;

                        .s6-content {
                            padding: 0;
                            flex: none;
                            width: 100%;

                            .s6-form {
                                align-items: start;

                                #workshop_form {
                                    max-width: 100%;
                                    align-items: stretch;
                                }
                            }

                            .s6-text {
                                flex-direction: column;
                                gap: 24px;
                                align-items: flex-start;
                                width: 100%;
                            }
                        }
                    }
                }
            }
        }

        .s6-map {
            position: relative;
            overflow: hidden;
            flex: 0 1 711px;
            width: auto;
            max-width: 711px;
            min-width: 0;
            height: auto;
            max-height: none;
            align-self: stretch;
        }

        .ymaps3--controls{
            z-index: 0 !important;
        }

        .s6-map-pin {
            width: 54px;
            height: 54px;
            transform: translate(-50%, -45.8px);
            pointer-events: none;
        }

        .s6-map-pin img {
            display: block;
            width: 100%;
            height: 100%;
        }

        @media(max-width: 1024px){
            .s6-map{
                flex: none;
                width: 100%;
                max-width: none;
                aspect-ratio: 1.5 / 1;
                
            }
        }