* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
    font-family: "Gilroy-Light", sans-serif !important;
    background-color: #FFFFFF;
}

body.noscroll {
    overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
span,
p {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none !important;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

.wrapper {
    overflow: hidden;
    width: 100%;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    max-width: 1324px;
    padding: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

footer .footer_block.inside .footer_items .footer_item h3{
	color: #262626;
}

footer .footer_block.inside .footer_items .footer_item .footer_links a{
	color: #262626;	
}

.group_home {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

    header {
        .about_block {
            display: flex;
            align-items: center;
            gap: 43px;
            padding: 20px 0 30px 0;

            .location {
                a {
                    display: flex;
                    align-items: center;
                    gap: 12px;
                    font-weight: 500;
                    font-size: 12px;
                    line-height: 120%;
                    letter-spacing: 0%;
                    font-family: "Onest", sans-serif;
                    color: #CE021C;
                    width: 267px;
                }
            }

            .right_group {
                display: flex;
                align-items: center;
                gap: 29px;

                .menu {
                    ul {
                        display: flex;
                        align-items: center;
                        gap: 29px;

                        li {
                            a {
                                font-weight: 500;
                                font-size: 12px;
                                line-height: 120%;
                                letter-spacing: 0%;
                                color: #9D9D9E;
                                font-family: "Onest", sans-serif;
                            }
                        }
                    }
                }

                .contact {
                    display: flex;
                    align-items: center;
                    gap: 29px;

                    a {
                        display: flex;
                        align-items: center;
                        gap: 7px;
                        font-weight: 500;
                        font-size: 12px;
                        line-height: 120%;
                        letter-spacing: 0%;
                        color: #9D9D9E;
                        font-family: "Onest", sans-serif;
                    }
                }
            }
        }

        .group_logo_menu {
            display: flex;
            align-items: center;
            padding-bottom: 28px;

            .logo {
                position: relative;
                padding: 15px 23px 15px 0;

                a {
                    position: relative;
                    z-index: 10;
                }

                .bg_logo {
                    background-color: #FFFFFF;
                    width: 800px;
                    height: 66px;
                    position: absolute;
                    top: 50%;
                    transform: translatey(-50%);
                    right: 0;
                }
            }

            .menu_contacts {
                display: flex;
                align-items: center;
                gap: 41px;
                padding: 0 42px 0 40px;

                a {
                    display: flex;
                    align-items: center;
                    font-weight: 700;
                    font-style: Bold;
                    font-size: 15px;
                    line-height: 120%;
                    letter-spacing: 5%;
                    text-transform: uppercase;
                    font-family: "Onest", sans-serif;
                    color: #FFFFFF;

                    &.services {
                        gap: 10px;
                    }

                    &.tell {
                        gap: 5px;
                    }
                }
            }

            .programms {
                display: flex;
                align-items: center;

                a {
                    font-weight: 700;
                    font-style: Bold;
                    font-size: 12px;
                    line-height: 120%;
                    letter-spacing: 4%;
                    text-align: center;
                    text-transform: uppercase;
                    font-family: "Onest", sans-serif;
                    padding: 26px 18px;

                    &.prog {
                        background-color: #FFFFFF;
                        color: #000000;
                    }

                    &.registrations {
                        background-color: #CE021C;
                        color: #FFFFFF;
                    }
                }
            }

            .hamburger-menu {
                display: none;
            }
        }
    }

    .breadcrumb_menu {
        padding-bottom: 22px;

        .breadcrumb {
            display: flex;
            align-items: center;
            gap: 4px;

            a {
                font-weight: 400;
                font-size: 12px;
                line-height: 120%;
                letter-spacing: 2%;
                font-family: "Onest", sans-serif;
                color: #9D9D9E;
            }

            span {
                font-weight: 400;
                font-size: 12px;
                line-height: 120%;
                letter-spacing: 2%;
                font-family: "Onest", sans-serif;
                color: #9D9D9E;
            }
        }
    }

    .menu_cars {
        padding-bottom: 142px;

        .about_block {
            display: flex;
            align-items: center;
            padding-left: 289px;

            .menu_groups {
                position: relative;

                a {
                    display: contents;
                }

                &:nth-child(2) {
                    margin: 0 221px 0 262px;
                }

                .active-svg path {
                    fill: white !important;
                    fill-opacity: 1 !important;
                    stroke: #262626 !important;
                }


                .card {
                    width: 259px;
                    background-color: #0000004D;
                    backdrop-filter: blur(32px);
                    position: absolute;
                    right: -270px;
                    top: -80px;
                    opacity: 0;
                    pointer-events: none;
                    transition: .25s ease;
                    z-index: 10;

                    &.active {
                        opacity: 1;
                        pointer-events: auto;
                    }

                    img {
                        width: 100%;
                    }

                    .text_group {
                        padding: 17px 20px 18px 20px;

                        .title_block {
                            display: flex;
                            align-items: center;
                            gap: 7px;
                            margin-bottom: 13px;

                            h2 {
                                font-weight: 700;
                                font-style: Bold;
                                font-size: 14px;
                                line-height: 120%;
                                letter-spacing: 4%;
                                text-transform: uppercase;
                                font-family: "Onest", sans-serif;
                                color: #FFFFFF;
                            }

                            a {
                                img {
                                    width: 32px;
                                    height: 32px;
                                }
                            }
                        }

                        span {
                            font-weight: 400;
                            font-size: 10px;
                            line-height: 120%;
                            letter-spacing: -1%;
                            color: #9D9D9E;
                            font-family: "Onest", sans-serif;
                        }
                    }
                }
            }
        }
    }

    .title_block_bottom {
        padding-bottom: 100px;

        .about_block {
            display: flex;
            align-items: center;
            justify-content: space-between;

            .left_text {
                h1 {
                    font-weight: 900;
                    font-style: Black;
                    font-size: 58px;
                    line-height: 110.00000000000001%;
                    letter-spacing: -3%;
                    text-transform: uppercase;
                    font-family: "Steppe";
                    color: #FFFFFF;
                }

                p {
                    font-weight: 400;
                    font-size: 16px;
                    line-height: 140%;
                    letter-spacing: 0%;
                    font-family: "Open Sans", sans-serif;
                    color: #FFFFFF;
                }
            }

            a {
                font-weight: 700;
                font-style: Bold;
                font-size: 14px;
                line-height: 120%;
                letter-spacing: 4%;
                text-align: center;
                text-transform: uppercase;
                color: #FFFFFF;
                font-family: "Onest", sans-serif;
                padding: 32px 24px;
                background-color: #CE021C;
            }
        }
    }
}

.about_project {
    padding: 110px 0 122px 0;
    background-color: #262626;

    .about_block {
        .group_top {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            margin-bottom: 110px;

            .left_numbers_text {
                .items_description_group {
                    display: flex;
                    align-items: center;
                    gap: 76px;
                    margin-bottom: 52px;

                    .item {
                        width: 260px;

                        h3 {
                            font-weight: 900;
                            font-style: Black;
                            font-size: 40px;
                            leading-trim: NONE;
                            line-height: 110.00000000000001%;
                            letter-spacing: -3%;
                            text-transform: uppercase;
                            font-family: "Steppe";
                            color: #FFFFFF;
                            position: relative;
                            padding-bottom: 18px;
                            margin-bottom: 15px;

                            &::after {
                                content: '';
                                position: absolute;
                                right: 0;
                                bottom: 0;
                                background-color: #CE021C;
                                height: 1px;
                                width: 210px;
                            }
                        }

                        p {
                            font-weight: 400;
                            font-size: 18px;
                            line-height: 140%;
                            letter-spacing: 0%;
                            color: #FFFFFF;
                            font-family: "Open Sans", sans-serif;
                        }
                    }
                }

                h4 {
                    font-weight: 400;
                    font-size: 18px;
                    line-height: 140%;
                    letter-spacing: 0%;
                    color: #FFFFFF;
                    font-family: "Open Sans", sans-serif;
                }
            }

            .right_description_groups {
                display: flex;
                align-items: center;
                gap: 80px;

                .description_text {
                    width: 286px;

                    h3 {
                        font-weight: 900;
                        font-style: Black;
                        font-size: 22px;
                        line-height: 110.00000000000001%;
                        letter-spacing: -3%;
                        text-transform: uppercase;
                        font-family: "Steppe";
                        color: #FFFFFF;
                        margin-bottom: 26px;

                        span {
                            color: #CE021C;
                        }
                    }

                    .center_group {
                        margin-bottom: 17px;

                        .arrow {
                            background-color: #333333;
                            width: 260px;
                            height: 44px;
                            margin-left: 26px;
                        }

                        img {
                            margin-top: -30px;
                        }
                    }

                    p {
                        font-weight: 400;
                        font-size: 16px;
                        line-height: 140%;
                        letter-spacing: 0%;
                        font-family: "Onest", sans-serif;
                        color: #7D7D7D;
                    }
                }
            }
        }

        .group_bottom_cards {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;

            .card {
                background-color: transparent;
                width: 100%;
                max-width: 316px;
                box-shadow: none;
                border: none;

                .washing_img {
                    width: 100%;
                    height: auto;
                }

                a {
                    padding: 26px;
                    background-color: #CE021C;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    width: fit-content;
                    margin-top: -50px;
                    position: relative;
                    z-index: 10;
                    margin-bottom: 15px;

                    img {
                        width: 28px;
                        height: 28px;
                    }
                }

                p {
                    font-weight: 400;
                    font-size: 14px;
                    line-height: 140%;
                    letter-spacing: 0%;
                    font-family: "Onest", sans-serif;
                    margin-bottom: 14px;
                    color: #7D7D7D;
                }

                h3 {
                    font-weight: 900;
                    font-style: Black;
                    font-size: 22px;
                    line-height: 110.00000000000001%;
                    letter-spacing: -3%;
                    text-transform: uppercase;
                    color: #FFFFFF;
                }
            }
        }
    }
}

.prices_protective {
    padding: 100px 0 120px 0;

    .about_block {
        margin-bottom: 120px;

        .title_block {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 53px;

            h2 {
                font-weight: 900;
                font-style: Black;
                font-size: 48px;
                line-height: 110.00000000000001%;
                letter-spacing: -3%;
                text-transform: uppercase;
                font-family: "Steppe";
                color: #262626;

                span {
                    color: #CE021C;
                }
            }

            .right_tabs {
                display: flex;
                align-items: center;
                gap: 2px;

                a {
                    padding: 26px 13px;
                    background-color: #F6F6F6;
                    font-weight: 700;
                    font-size: 12px;
                    line-height: 120%;
                    letter-spacing: 4%;
                    text-align: center;
                    text-transform: uppercase;
                    color: #262626;

                    &.active {
                        background-color: #262626;
                        color: #FFFFFF;
                    }
                }
            }
        }

        .table_inf_group {
            .title_table {
                display: flex;
                align-items: center;

                h3 {
                    font-weight: 700;
                    font-style: Bold;
                    font-size: 12px;
                    line-height: 120%;
                    letter-spacing: 10%;
                    text-transform: uppercase;
                    font-family: "Onest", sans-serif;
                    color: #7D7D7D;
                    width: 466px;
                    margin-right: 186px;
                    border-right: 1px solid #EDEDED;
                }

                h4 {
                    font-weight: 700;
                    font-style: Bold;
                    font-size: 12px;
                    line-height: 120%;
                    letter-spacing: 10%;
                    text-transform: uppercase;
                    font-family: "Onest", sans-serif;
                    color: #262626;
                    border-right: 1px solid #EDEDED;
                    width: 224px;
                    padding: 0 14px 0 21px;

                    &:last-child {
                        border: none;
                    }
                }
            }

            .products {
                display: flex;
                align-items: center;
                border-bottom: 1px solid #EDEDED;
                transition: .5s all ease;

                h3 {
                    width: 466px;
                    font-weight: 700;
                    font-size: 14px;
                    line-height: 120%;
                    letter-spacing: 3%;
                    text-transform: uppercase;
                    font-family: "Onest", sans-serif;
                    color: #262626;
                    margin-right: 186px;
                    border-right: 1px solid #EDEDED;
                    padding: 36px 0 8px 0;
                    position: relative;

                    &::after {
                        content: '';
                        position: absolute;
                        background-color: #CE021C;
                        width: 36px;
                        height: 1px;
                        bottom: 0;
                        left: 0;
                    }
                }

                .desciption_product {
                    display: flex;
                    align-items: center;
                    width: 100%;
                    max-width: 224px;
                    justify-content: space-between;
                    padding: 10px 14px 8px 21px;
                    border-right: 1px solid #EDEDED;

                    &:nth-child(4) {
                        border-right: none;
                    }

                    h4 {
                        font-weight: 700;
                        font-size: 14px;
                        line-height: 120%;
                        letter-spacing: 3%;
                        color: #262626;
                        font-family: "Onest", sans-serif;
                    }

                    a {
                        font-family: "Onest", sans-serif;
                        font-weight: 700;
                        font-style: Bold;
                        font-size: 10px;
                        line-height: 120%;
                        letter-spacing: 4%;
                        text-transform: uppercase;
                        color: #B4B4B4;
                        padding: 15px;
                        background-color: #F6F6F6;
                        transition: .5s all ease;
                    }
                }

                &:hover {
                    background-color: #F6F6F6;
                    cursor: pointer;

                    .desciption_product {
                        a {
                            background-color: #CE021C;
                            color: #FFFFFF;
                        }
                    }
                }
            }
        }
    }

    .car_wrapping {
        display: flex;
        align-items: center;
        justify-content: space-between;

        .text_block {
            h2 {
                font-weight: 900;
                font-style: Black;
                font-size: 48px;
                line-height: 110.00000000000001%;
                letter-spacing: -3%;
                text-transform: uppercase;
                font-family: "Steppe";
                color: #262626;
                margin-bottom: 40px;

                span {
                    color: #CE021C;
                }
            }

            .mini_texts {
                display: flex;
                flex-direction: column;
                gap: 14px;

                p {
                    font-weight: 400;
                    font-size: 16px;
                    line-height: 140%;
                    letter-spacing: 0%;
                    font-family: "Open Sans", sans-serif;
                    color: #262626;
                }
            }
        }

        .slider_cars {
            width: 100%;
            max-width: 652px;
            position: relative;

            .swiper-button-next,
            .swiper-rtl .swiper-button-prev {
                padding: 24px;
                background-color: #FFFFFF;
                position: absolute;
                left: 48px;
                bottom: 0;
                top: auto;

                svg {
                    min-width: 20px;
                    height: 20px;
                }
            }

            .swiper-button-next:after,
            .swiper-button-prev:after {
                display: none;
            }

            .swiper-button-prev,
            .swiper-rtl .swiper-button-next {
                padding: 24px;
                background-color: #FFFFFF;
                position: absolute;
                left: 0;
                bottom: 0;
                top: auto;

                svg {
                    min-width: 20px;
                    height: 20px;
                    rotate: 180deg;
                }
            }

            .swiper-button-next.swiper-button-disabled,
            .swiper-button-prev.swiper-button-disabled {
                opacity: 1;
                background-color: #CE021C;

                svg {
                    path {
                        stroke: #FFFFFF;
                    }
                }
            }
        }
    }
}

.stages_works {
    padding: 100px 0 120px 0;

    .about_block {
        h2 {
            font-weight: 900;
            font-style: Black;
            font-size: 48px;
            line-height: 110.00000000000001%;
            letter-spacing: -3%;
            text-transform: uppercase;
            font-family: "Steppe";
            color: #262626;
            margin-bottom: 56px;

            span {
                color: #CE021C;
            }
        }

        .stages {
            display: flex;
            flex-direction: column;
            gap: 60px;

            .stage {
                display: flex;
                align-items: flex-start;
                gap: 62px;

                .text_stage {
                    .title_text {
                        display: flex;
                        align-items: center;
                        gap: 40px;
                        margin-bottom: 40px;

                        span {
                            font-weight: 900;
                            font-style: Black;
                            font-size: 28px;
                            line-height: 110.00000000000001%;
                            letter-spacing: -3%;
                            text-align: right;
                            text-transform: uppercase;
                            display: flex;
                            font-family: "Steppe";
                            color: #FFFFFF;
                            padding: 10px 8px 10px 60px;
                            background-color: #CE021C;
                        }

                        h3 {
                            font-weight: 900;
                            font-style: Black;
                            font-size: 22px;
                            line-height: 110.00000000000001%;
                            letter-spacing: -3%;
                            text-transform: uppercase;
                            color: #262626;
                            font-family: "Steppe";
                        }
                    }

                    p {
                        font-weight: 400;
                        font-size: 16px;
                        line-height: 140%;
                        letter-spacing: 0%;
                        font-family: "Open Sans", sans-serif;
                        color: #262626;
                    }
                }
            }
        }
    }
}

.completed_work {
    padding: 100px 0 110px 0;

    .about_block {
        h2 {
            font-weight: 900;
            font-style: Black;
            font-size: 48px;
            line-height: 110.00000000000001%;
            letter-spacing: -3%;
            text-transform: uppercase;
            font-family: "Steppe";
            color: #262626;
            margin-bottom: 60px;

            span {
                color: #CE021C;
            }
        }

        .cards_group {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            row-gap: 60px;
            column-gap: 20px;
            margin-bottom: 60px;

            .card_cars {
                width: 100%;
                max-width: 652px;

                .img_examples {
                    position: relative;
                    width: 100%;
                    overflow: hidden;

                    .ba-slider {
                        position: relative;
                        width: 100%;
                        overflow: hidden;
                        cursor: ew-resize;

                        .before_img,
                        .after_img {
                            width: 100%;
                            max-height: 358px;
                            display: block;
                            user-select: none;
                            pointer-events: none;
                            object-fit: cover;
                        }

                        .after_img {
                            position: absolute;
                            top: 0;
                            left: 0;
                            max-height: 358px;
                            clip-path: inset(0 50% 0 0);
                            transition: clip-path 0s;
                            width: 100%;
                        }

                        .handle {
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            transform: translate(-50%, -50%);
                            width: 78px;
                            height: 78px;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            z-index: 5;

                            .examples_arrow {
                                width: 78px;
                                height: 78px;
                                pointer-events: none;
                            }
                        }
                    }
                }

                p {
                    font-weight: 400;
                    font-size: 16px;
                    line-height: 140%;
                    letter-spacing: 0%;
                    color: #B4B4B4;
                    font-family: "Onest", sans-serif;
                    margin: 12px 0 5px 0;
                }

                h3 {
                    font-weight: 900;
                    font-style: Black;
                    font-size: 17px;
                    line-height: 110.00000000000001%;
                    letter-spacing: -3%;
                    text-transform: uppercase;
                    color: #262626;
                    font-family: "Steppe";
                }
            }
        }

        .download_more {
            width: 100%;
            max-width: 652px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            border: 1px solid #CE021C;
            padding: 26px 24px 26px 34px;
            font-weight: 700;
            font-style: Bold;
            font-size: 14px;
            line-height: 120%;
            letter-spacing: 4%;
            text-transform: uppercase;
            color: #262626;
            font-family: "Onest", sans-serif;
        }
    }
}

.car_wrapping_video {
    padding: 101px 0 120px 0;
    background-color: #262626;

    .about_block {
        padding-bottom: 140px;

        h2 {
            font-weight: 900;
            font-style: Black;
            font-size: 48px;
            line-height: 110.00000000000001%;
            letter-spacing: -3%;
            text-transform: uppercase;
            font-family: "Steppe";
            color: #FFFFFF;
            margin-bottom: 60px;

            span {
                color: #CE021C;
            }
        }

        .slider_video {
            position: relative;

            .video_img {
                width: 100%;
                position: relative;

                .img_cars {
                    width: 100%;
                }

                .play {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                }
            }

            .swiper-button-next,
            .swiper-rtl .swiper-button-prev {
                padding: 24px;
                background-color: #3B3B3B;
                position: absolute;
                right: -60px;

                svg {
                    min-width: 20px;
                    height: 20px;

                    path {
                        stroke: #FFFFFF;
                    }
                }
            }

            .swiper-button-next:after,
            .swiper-button-prev:after {
                display: none;
            }

            .swiper-button-prev,
            .swiper-rtl .swiper-button-next {
                padding: 24px;
                background-color: #3B3B3B;
                position: absolute;
                left: -60px;
                right: auto;

                svg {
                    min-width: 20px;
                    height: 20px;
                    rotate: 180deg;

                    path {
                        stroke: #FFFFFF;
                    }
                }
            }

            .swiper-button-next.swiper-button-disabled,
            .swiper-button-prev.swiper-button-disabled {
                opacity: 1;
                background-color: #3B3B3B;

                svg {
                    path {
                        stroke: #FFFFFF;
                    }
                }
            }

            .swiper-pagination {
                bottom: -30px;
            }

            .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
            .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
                margin: 0 10px;
            }

            .swiper-pagination-bullet {
                background: transparent;
                background-color: #3B3B3B;
                border-radius: 0;
                width: 8px;
                height: 8px;
                opacity: 1;
            }

            .swiper-pagination-bullet-active {
                background-color: #FFFFFF;
            }
        }
    }

    .private_questions {
        .title_block {
            font-weight: 900;
            font-style: Black;
            font-size: 48px;
            line-height: 110.00000000000001%;
            letter-spacing: -3%;
            text-transform: uppercase;
            font-family: "Steppe";
            color: #FFFFFF;
            margin-bottom: 48px;
        }

        .accordion {
            background-color: transparent;
        }

        .accordion-button {
            background-color: transparent;
            font-weight: 700;
            font-style: Bold;
            font-size: 18px;
            line-height: 140%;
            letter-spacing: 0%;
            color: #FFFFFF;
            font-family: "Onest", sans-serif;
            padding: 0;
        }

        .accordion-button:not(.collapsed)::after {
            background-image: url(../img/arrow_accardion.svg);
            background-size: auto;
            width: 32px;
            height: 32px;
        }

        .accordion-button::after {
            background-image: url(../img/arrow_accardion1.svg);
            background-size: auto;
            width: 32px;
            height: 32px;
        }

        .accordion-item {
            background-color: transparent;
            border-radius: 0;
            border: none;
            padding: 28px 0 32px 0;
            border-bottom: 1px solid #3B3B3B;

            &:first-child {
                border-top: 1px solid #3B3B3B;
            }
        }

        .accordion-button:not(.collapsed) {
            color: #CE021C;
            background-color: transparent;
            box-shadow: none;
        }

        .accordion-button:focus {
            box-shadow: none;
        }

        .accordion-body {
            padding: 0;
            padding-top: 14px;

            .text_answer {
                font-weight: 400;
                font-size: 16px;
                line-height: 140%;
                letter-spacing: 0%;
                color: #B4B4B4;
                font-family: "Open Sans", sans-serif;
                max-width: 1200px;
            }
        }
    }
}

.book_appointment {
    padding: 141px 0 67px 0;
    background-color: #F6F6F6;
    position: relative;
    overflow: hidden;

    .about_block {
        h2 {
            font-weight: 900;
            font-style: Black;
            font-size: 48px;
            line-height: 110.00000000000001%;
            letter-spacing: -3%;
            text-transform: uppercase;
            color: #262626;
            font-family: "Steppe";
            margin-bottom: 64px;

            span {
                color: #CE021C;
            }
        }

        form {
            position: relative;
            z-index: 10;

            .top_form {
                display: flex;
                align-items: center;
                gap: 10px;
                margin-bottom: 19px;

                .input_group {
                    background-color: #FFFFFF;
                    display: flex;
                    align-items: center;
                    padding: 32px 30px;
                    gap: 10px;
                    width: 282px;

                    input {
                        background-color: transparent;
                        outline: none;
                        border: none;
                        font-weight: 500;
                        font-size: 14px;
                        line-height: 120%;
                        letter-spacing: 4%;
                        text-transform: uppercase;
                        color: #262626;
                        font-family: "Onest", sans-serif;

                        &::placeholder {
                            color: #262626;
                        }
                    }
                }

                button {
                    font-weight: 700;
                    font-style: Bold;
                    font-size: 14px;
                    line-height: 120%;
                    letter-spacing: 4%;
                    text-align: center;
                    text-transform: uppercase;
                    color: #FFFFFF;
                    padding: 32px 20px;
                    background-color: #CE021C;
                    border: none;
                }
            }

            .checked {
                display: flex;
                align-items: center;
                gap: 5px;
                font-weight: 400;
                font-size: 10px;
                line-height: 120%;
                letter-spacing: 3%;
                font-family: "Onest", sans-serif;
                color: #B4B4B4;

                a {
                    text-decoration: underline !important;
                    color: #B4B4B4;
                }
            }
        }
    }

    .img_form {
        position: absolute;
        top: 0;
        right: 0;
    }
}

footer {
    padding: 55px 0 27px 0;
    background-color: #F6F6F6;
    position: relative;
    z-index: 10;
    margin-top: 10px;

    .about_block {
        .top_menu {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            margin-bottom: 85px;

            .menu_block {
                .arrow {
                    background-color: #CE021C;
                    width: 10px;
                    height: 10px;
                    margin-bottom: 46px;
                }

                h3 {
                    font-weight: 900;
                    font-style: Black;
                    font-size: 22px;
                    line-height: 110.00000000000001%;
                    letter-spacing: -3%;
                    text-transform: uppercase;
                    color: #262626;
                    margin-bottom: 33px;
                }

                ul {
                    display: flex;
                    flex-direction: column;
                    gap: 18px;

                    li {
                        a {
                            font-weight: 400;
                            font-size: 16px;
                            line-height: 120%;
                            letter-spacing: 1%;
                            color: #262626;
                            font-family: "Onest", sans-serif;
                            display: flex;
                            align-items: center;
                            gap: 11px;

                            transition: 0.5s all ease;

                            &:hover {
                                color: #CE021C;
                            }
                        }
                    }
                }
            }

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

                .download {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    gap: 20px;
                    font-weight: 700;
                    font-style: Bold;
                    font-size: 14px;
                    line-height: 120%;
                    letter-spacing: 4%;
                    text-align: center;
                    text-transform: uppercase;
                    font-family: "Onest", sans-serif;
                    color: #262626;
                    padding: 32px 20px;
                    border: 1px solid #CE021C;
                    margin-bottom: 36px;

                    &:first-child {
                        margin-bottom: 20px;
                    }
                }

                .pay_methods {
                    display: flex;
                    align-items: center;
                    gap: 11px;
                }
            }
        }

        .bottom_text {
            display: flex;
            align-items: center;
            gap: 24px;

            span {
                display: flex;
                font-weight: 500;
                font-size: 12px;
                line-height: 120%;
                letter-spacing: 0%;
                color: #B4B4B4;
            }

            a {
                display: flex;
                font-weight: 500;
                font-size: 12px;
                line-height: 120%;
                letter-spacing: 0%;
                color: #B4B4B4;
            }
        }
    }
}

@media (max-width: 999px) {
    #menu__toggle:checked+.menu__btn {
        position: fixed;
        right: 20px;
        top: 25px;
    }

    #menu__toggle {
        opacity: 0;
    }

    #menu__toggle:checked+.menu__btn>span {
        transform: rotate(45deg);
    }

    #menu__toggle:checked+.menu__btn>span::before {
        top: 0;
        transform: rotate(deg);
    }

    #menu__toggle:checked+.menu__btn>span::after {
        top: 0;
        transform: rotate(90deg);
    }

    #menu__toggle:checked~.menu__box {
        right: 0 !important;
    }

    .menu__btn {
        position: absolute;
        top: 25px;
        right: 0;
        width: 44px;
        height: 44px;
        cursor: pointer;
        z-index: 200;
        padding: 15px 14px;
        border-radius: 50%;
        background: #CE021C;
    }

    .menu__btn>span {
        left: 13px;
    }

    .menu__btn>span,
    .menu__btn>span::before,
    .menu__btn>span::after {
        display: block;
        position: absolute;
        width: 18px;
        height: 1.5px;
        background-color: #fff;
        transition-duration: 0.25s;
        top: 21px;
    }

    .menu__btn>span::before {
        content: "";
        top: -8px;
    }

    .menu__btn>span::after {
        content: "";
        top: 8px;
    }

    .menu__box {
        display: block;
        position: fixed;
        top: 0;
        right: -100%;
        width: 100%;
        z-index: 100;
        height: 100%;
        margin: 0;
        list-style: none;
        background-color: #FFFFFF;
        box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
        transition-duration: 0.25s;
        padding: 74px 20px;
        align-items: start;
        overflow-x: auto;

        li {
            margin-bottom: 10px;

            a {
                display: flex;
                align-items: center;
                justify-content: center;
                font-weight: 700;
                font-style: Bold;
                font-size: 15px;
                line-height: 120%;
                letter-spacing: 5%;
                text-transform: uppercase;
                font-family: "Onest", sans-serif;
                color: #262626;
            }
        }

        .programms {
            display: flex !important;
            flex-direction: column;
            gap: 10px;

            a {
                &.prog {
                    background-color: #CE021C !important;
                    color: #FFFFFF !important;
                }
            }
        }
    }

    .group_home header .group_logo_menu .hamburger-menu {
        display: block;
    }

    .group_home header .about_block {
        display: none;
    }

    .group_home header .group_logo_menu .menu_contacts {
        display: none;
    }

    .group_home header .group_logo_menu .programms {
        display: none;
    }

    .group_home header .group_logo_menu .logo a img {
        width: 130px;
    }

    .group_home header .group_logo_menu .logo .bg_logo {
        height: 40px;
    }

    .group_home header .group_logo_menu {
        position: relative;
        padding: 20px 0;
    }

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        padding: 0 20px;
    }

    .group_home .menu_cars {
        display: none;
    }

    // .group_home .breadcrumb_menu {
    //     padding-bottom: 60px;
    // }

    .group_home .title_block_bottom .about_block {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .group_home .title_block_bottom .about_block .left_text h1 {
        font-size: 32px;
    }

    .group_home .title_block_bottom .about_block .left_text p {
        font-size: 12px;
    }

    .group_home .title_block_bottom .about_block a {
        padding: 18px 10px;
        font-size: 12px;
    }

    .group_home .title_block_bottom {
        padding-bottom: 60px;
    }

    .group_home .title_block_bottom .about_block .left_text {
        background: rgba(255, 255, 255, 0.5);
        backdrop-filter: blur(2.5px);
        padding: 16px;
    }

    .about_project {
        padding: 60px 0;
    }

    .about_project .about_block .group_top {
        flex-direction: column;
        gap: 30px;
        margin-bottom: 60px;
    }

    .about_project .about_block .group_top .left_numbers_text {
        width: 100%;
    }

    .about_project .about_block .group_top .left_numbers_text .items_description_group {
        gap: 20px;
        justify-content: center;
        margin-bottom: 20px;
    }

    .about_project .about_block .group_top .left_numbers_text .items_description_group .item h3 {
        font-size: 28px;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .about_project .about_block .group_top .left_numbers_text .items_description_group .item {
        width: 150px;
    }

    .about_project .about_block .group_top .left_numbers_text .items_description_group .item h3::after {
        width: 100px;
    }

    .about_project .about_block .group_top .left_numbers_text .items_description_group .item p {
        font-size: 12px;
    }

    .about_project .about_block .group_top .left_numbers_text h4 {
        font-size: 12px;
        text-align: center;

        br {
            display: none;
        }
    }

    .about_project .about_block .group_top .right_description_groups {
        flex-direction: column;
        justify-content: center;
        width: 100%;
        gap: 20px;
    }

    .about_project .about_block .group_top .right_description_groups .description_text h3 {
        font-size: 18px;
        margin-bottom: 16px;
    }

    .about_project .about_block .group_top .right_description_groups .description_text .center_group img {
        width: 40px;
        height: 40px;
    }

    .about_project .about_block .group_top .right_description_groups .description_text p {
        font-size: 12px;
    }

    .about_project .about_block .group_bottom_cards {
        flex-wrap: wrap;
        justify-content: center;
        gap: 16px;
    }

    .about_project .about_block .group_bottom_cards .card {
        max-width: 200px;
    }

    .about_project .about_block .group_bottom_cards .card a {
        padding: 12px;
    }

    .about_project .about_block .group_bottom_cards .card p {
        font-size: 12px;
    }

    .about_project .about_block .group_bottom_cards .card h3 {
        font-size: 18px;
    }

    .prices_protective {
        padding: 60px 0;
    }

    .prices_protective .about_block .title_block {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 30px;
        gap: 20px;
    }

    .prices_protective .about_block .title_block h2 {
        font-size: 32px;
    }

    .prices_protective .about_block .title_block .right_tabs a {
        padding: 12px;
    }

    .prices_protective .about_block .table_big_group {
        overflow-y: scroll;
    }

    .prices_protective .about_block .table_big_group .table_inf_group {
        min-width: 1322px;
    }

    .prices_protective .about_block {
        margin-bottom: 60px;
    }

    .prices_protective .car_wrapping {
        flex-direction: column;
        gap: 20px;
    }

    .prices_protective .car_wrapping .text_block h2 {
        font-size: 32px;
        margin-bottom: 30px;
    }

    .prices_protective .car_wrapping .text_block .mini_texts p {
        font-size: 12px;
    }

    .prices_protective .car_wrapping .text_block .mini_texts {
        gap: 10px;
    }

    .prices_protective .car_wrapping .slider_cars .car_img img {
        width: 100%;
    }

    .prices_protective .car_wrapping .slider_cars .swiper-button-next,
    .prices_protective .car_wrapping .slider_cars .swiper-rtl .swiper-button-prev {
        padding: 16px 20px;
        left: 40px;
    }

    .prices_protective .car_wrapping .slider_cars .swiper-button-prev,
    .prices_protective .car_wrapping .slider_cars .swiper-rtl .swiper-button-next {
        padding: 14px 20px;
    }

    .stages_works {
        padding: 60px 0;
    }

    .stages_works .about_block h2 {
        font-size: 32px;
        margin-bottom: 30px;
    }

    .stages_works .about_block .stages .stage {
        flex-direction: column;
        gap: 20px;

        img {
            width: 100%;
        }
    }

    .stages_works .about_block .stages .stage .text_stage .title_text span {
        font-size: 18px;
    }

    .stages_works .about_block .stages .stage .text_stage .title_text {
        gap: 16px;
    }

    .stages_works .about_block .stages .stage .text_stage .title_text h3 {
        font-family: 18px;
    }

    .stages_works .about_block .stages .stage .text_stage .title_text {
        margin-bottom: 16px;
    }

    .stages_works .about_block .stages .stage .text_stage p {
        font-size: 14px;
    }

    .stages_works .about_block .stages {
        gap: 30px;
    }

    .completed_work {
        padding: 60px 0;
    }

    .completed_work .about_block h2 {
        font-size: 32px;
        margin-bottom: 30px;
    }

    .completed_work .about_block .cards_group .card_cars {
        max-width: 300px;
    }

    .completed_work .about_block .cards_group .card_cars .img_examples .ba-slider .handle {
        width: 50px;
        height: 50px;
    }

    .completed_work .about_block .cards_group .card_cars .img_examples .ba-slider .handle .examples_arrow {
        width: 50px;
        height: 50px;
    }

    .completed_work .about_block .cards_group {
        justify-content: center;
        gap: 20px;
        margin-bottom: 30px;
    }

    .completed_work .about_block .cards_group .card_cars .img_examples {
        height: 166px;
    }

    .completed_work .about_block .cards_group .card_cars .img_examples .ba-slider .before_img,
    .completed_work .about_block .cards_group .card_cars .img_examples .ba-slider .after_img {
        height: 166px;
    }

    .completed_work .about_block .cards_group .card_cars p {
        font-size: 12px;
    }

    .completed_work .about_block .cards_group .card_cars h3 {
        font-size: 14px;
    }

    .completed_work .about_block .download_more {
        max-width: 300px;
        padding: 16px;
        margin: 0 auto;
    }

    .car_wrapping_video {
        padding: 60px 0;
    }

    .car_wrapping_video .about_block h2 {
        font-size: 32px;
        margin-bottom: 30px;
    }

    .car_wrapping_video .about_block .slider_video .video_img .play {
        width: 50px;
        height: 50px;
    }

    .car_wrapping_video .about_block .slider_video .swiper-button-next,
    .car_wrapping_video .about_block .slider_video .swiper-rtl .swiper-button-prev {
        right: -16px;
        padding: 16px 20px;
    }

    .car_wrapping_video .about_block .slider_video .swiper-button-prev,
    .car_wrapping_video .about_block .slider_video .swiper-rtl .swiper-button-next {
        left: -16px;
        padding: 16px 20px;
    }

    .car_wrapping_video .about_block {
        padding-bottom: 90px;
    }

    .car_wrapping_video .private_questions .title_block {
        font-size: 32px;
        margin-bottom: 30px;
    }

    .car_wrapping_video .private_questions .accordion-item {
        padding: 16px 0;
    }

    .car_wrapping_video .private_questions .accordion-button {
        font-size: 16px;
    }

    .car_wrapping_video .private_questions .accordion-body .text_answer {
        font-size: 14px;
    }

    .car_wrapping_video .private_questions .accordion-button::after {
        background-size: contain;
        width: 20px;
        height: 20px;
    }

    .car_wrapping_video .private_questions .accordion-button:not(.collapsed)::after {
        background-size: contain;
        width: 20px;
        height: 20px;
    }

    .book_appointment .img_form {
        display: none;
    }

    .book_appointment {
        padding: 30px 0;
    }

    .book_appointment .about_block h2 {
        font-size: 32px;
        margin-bottom: 30px;
    }

    .book_appointment .about_block form .top_form {
        flex-direction: column;
    }

    .book_appointment .about_block form .top_form .input_group {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
        padding: 16px 20px;
        justify-content: space-between;
    }

    .book_appointment .about_block form .top_form button {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
        padding: 16px 20px;
    }

    .book_appointment .about_block form .checked {
        justify-content: center;
    }

    footer {
        padding: 30px 0;
    }

    footer .about_block .top_menu {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 30px;
    }

    footer .about_block .top_menu .menu_block .arrow {
        margin-bottom: 20px;
    }

    footer .about_block .top_menu .menu_block h3 {
        font-size: 18px;
        margin-bottom: 20px;
    }

    footer .about_block .top_menu .menu_block ul {
        gap: 12px;
    }

    footer .about_block .top_menu .menu_block ul li a {
        font-size: 14px;
    }

    footer .about_block .top_menu .play_downnload .download {
        padding: 16px 20px;
    }

    footer .about_block .bottom_text {
        flex-wrap: wrap;
        gap: 16px;
    }
}