.ftr-block {
            flex-direction: column;
        }

        .ftr-bottom {
            display: flex;
            justify-content: space-between;
            width: 100%;
        }

        .left-nav {
            display: flex;
            align-items: center;
        }

@media (min-width: 1556px) {
    body {
        margin-top: 97px;
    }

    .mobile-menu {
        display: none;
    }
}

@media (max-width: 1555px) {

    /* Стили для мобильного меню */
    .mobile-menu {
        position: fixed;
        top: 70px;
        left: 0;
        width: 100%;
        height: calc(100vh - 60px);
        z-index: 1000;
        transition: 0.3s;
        display: none;
    }
    .mobile-menu .main-menu {
        padding: 0 1em 1em;
    }
    
    .menu-overlay {
        position: fixed;
        top: 60px;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,0.5);
        transition: 0.3s;
    }
    
    .menu-container {
        width: 90%;
        max-width: 480px;
        height: fit-content;
        background: #fff;
        position: relative;
        z-index: 1001;
        transform: translateX(-200%);
        transition: 0.3s;
    }
    
    .mobile-menu.active .menu-container {
        transform: translateX(0);
    }
    
    .mobile-menu.active {
        display: block;
    }

    .submenu-item, .menu-item.has-submenu .menu-head > span, .menu-item.has-submenu .menu-head > svg {
        color: #3a3a3a;
    }
    
    .menu-head {
        display: flex;
        justify-content: left;
        gap: 4px;
        align-items: center;
        padding: 12px 0;
        cursor: pointer;
    }
    
    .submenu {
        display: none;
        padding-left: 20px;
    }
    
    .submenu.active {
        display: block;
    }
    
    .arrow {
        transition: transform 0.3s;
    }
    
    .has-submenu.active .arrow {
        transform: rotate(180deg);
    }
    
    .menu-info {
        padding: 20px;
        background: #f8f9fa;
        margin-top: 20px;
    }
    
    .info-item {
        margin-bottom: 15px;
    }
    
    .info-item h4 {
        color: #2B2D33;
        margin-bottom: 5px;
        font-size: 16px;
    }
    
    .info-item p {
        color: #6B7280;
        font-size: 1rem;
    }

        /* header */

            .pc-menu.navbar-collapse {
                display: none;
            }

            .container {
                padding: 0 1em !important;
                margin: 0 !important;
            }
            header .container {
                height: 100%;
                display: flex;
                align-items: center;
            }

            .navbar-collapse {
                position: fixed !important;
                top: 0;
                right: 0;
            }

            .header.sticky {
                height: 60px !important;
            }

            .navbar .mob .menu-opener span {
                background: #008cff !important;
            }

            .left-nav {
                display: flex !important;
                flex-direction: column !important;
            }
            .phone {
                display: block !important;
                padding: 0 !important;
                margin: 0 !important;
                font-size: 1rem !important;
                font-weight: 500 !important;
                height: fit-content !important;
                line-height: 0.8!important;
                width: fit-content;
                min-width: unset !important;
            }
            .logo-wrapper {
                height: fit-content !important;
            }
            .logo-sticky {
                height: fit-content!important;
                position: relative !important;
                left: 0px !important;
                margin-top: 0 !important;
                justify-content: flex-start !important;
            }
            .logo-sticky img {
                height: 100% !important;
                width: 100px !important;
            }

/* footer */

            footer .ftr-menu-links a {
                font-weight: 400 !important;
                font-size: 0.714286rem !important;
                line-height: 120% !important;
            }

            footer .ftr-menu p, footer .ftr-menu > a {
                font-weight: 500 !important;
                font-size: 1rem !important;
                line-height: 120% !important;
                margin: .67em 0 0 !important;
            }

            footer .ftr-menu {
                width: max-content !important;
            }

            footer .ftr-block {
                flex-direction: column !important;
                gap: 0 !important;
            }

            .footer {
                padding: 0 !important;
            }

            .footer .ftr-logo {
                margin: 0 !important;
                padding: 0 !important;
                height: fit-content !important;
            }

            .ftr-bottom {
                flex-direction: column-reverse !important;
                gap: 5em !important;
            }

            .ftr-block .ftr-logo a {
                /* margin-left: -1.06em !important; */
                height: 80px !important;
                width: 100px !important;
            }

            .ftr-block .ftr-logo a img {
                width: 100% !important;
                height: 100% !important;
                object-fit: contain !important;
            }

            .ftr-tel {
                font-weight: 500 !important;
                font-size: 1em !important;
                line-height: 120% !important;
            }

            .all-contacts {
                font-weight: 400 !important;
                font-size: 0.714286rem !important;
                line-height: 120% !important;
            }

            .ftr-social {
                gap: 1em !important;
            }

            .download-links > a > span {
                font-weight: 500 !important;
                font-size: 0.714286rem !important;
                line-height: 120% !important;
            }

            .download-links > a > img {
                width: 1em !important;
                height: 1em !important;
            }

            .ftr-end-block > p, .ftr-end-block > a {
                font-weight: 500 !important;
                font-size: 0.714286rem !important;
                line-height: 120% !important;
            }

/* body */

	    body {
            margin-top: 60px !important;
        }

        .form-checkbox .check-label {
            margin-right: auto !important;
        }

        .form-checkbox button {
            font-weight: 500 !important;
            font-size: 0.857rem !important;
            line-height: 120% !important;
        }

        .nav-anchor {
            margin: 0 !important;
            padding: 0 !important;
            height: 0 !important;
            max-height: 0 !important;
            display: unset !important;
        }

        .form .form-captcha {
            margin: 0 !important;
            padding: 0 !important;
        }

        .form .form-checkbox {
            gap: 20px !important;
        }

        .form-sec .title {
            margin-bottom: 30px !important;
        }

        

        .form-checkbox .check-text a, .form-checkbox .check-text p {
            font-weight: 500 !important;
            font-size: 0.714286rem !important;
            line-height: 120% !important;
        }

        .form-box .col-xl-6 .form-group input, .form-box .col-lg-4 .form-group input, .form-box .col-xl-6 .form-group textarea {
            font-weight: 400 !important;
            font-size: 0.857rem !important;
            line-height: 120% !important;
        }

        .form-sec.mini-form .title {
            margin-bottom: 20px !important;
        }

        

        .form-sec.mini-form form .row {
            gap: 16px !important;
        }

        .form-sec.mini-form form .row .col-lg-4{
            padding: 0 !important;
        }

        .form-sec.mini-form .row #file-name {
            text-decoration: underline !important;
            font-style: normal !important;
        }

        

        i.fa-paperclip {
            gap: 10px !important;
        }

        i.fa-paperclip img {
            height: 1.143rem !important;
            width: 1.143rem !important;
            padding: 0 !important;
        }

        i.fa-paperclip #file-name {
            font-weight: 500 !important;
            font-size: 0.714286rem !important;
            line-height: 120% !important;
        }

        .swiper-button-disabled {
            opacity: .35 !important;
            cursor: auto !important;
            pointer-events: none !important;
        }
}


@media screen and (max-width: 1279px) {

    .form .form-textarea {
        margin-bottom: 0;
    }

    .form-group {
        margin-bottom: 0 !important;
    }

    .form-sec .form-box .row {
        display: flex;
        flex-direction: column;
        gap: 16px;
        margin: 0 !important;
    }

    .form-sec .form-box .row .col-xl-6 {
        display: flex;
        flex-direction: column;
        gap: 16px;
        margin: 0 !important;
        padding: 0 !important;
    }

    .form-sec .title h2 {
            font-weight: 500 !important;
            font-size: 20px !important;
            line-height: 120% !important;
        }

    .form-sec.mini-form .title h2 {
            font-weight: 500 !important;
            font-size: 20px !important;
            line-height: 120% !important;
        }

    .form-sec, .form-sec.mini-form {
        padding: 30px 0 !important;
    }

    .form .form-btn {
        font-weight: 500;
        font-size: 1rem !important;
        line-height: 120%;
        white-space: nowrap;
        width: 100%;
        min-width: unset;
        height: unset !important;
        padding: 11px 40px !important;
    }

    .form-checkbox {
        gap: 10px !important;
        flex-direction: column !important;
    }

    .ftr-end-block {
        flex-direction: column-reverse !important;
    }

    .footer {
        padding-top: 91px !important;
    }

    .form-sec.mini-form .container {
        padding-inline: 36px !important;
    }

    .form-captcha {
        display: none;
    }

    .form-sec.mini-form {
        padding: 9px 0 30px !important;
        margin-top: 20px !important;
    }

    .form-sec.mini-form .iti input.iti__tel-input, .iti input.iti__tel-input[type=text], .iti input.iti__tel-input[type=tel] {
        padding-left: 45px !important;
    }

    .form-sec.mini-form .form-box .form-file {
        display: flex;
        flex-direction: row !important;
        gap: 10px !important;
    }


    .form-sec.mini-form:before {
        content: "";
        width: calc(100% - 32px) !important;
        height: 570px !important;
        top: initial !important;
        left: 16px !important;
        bottom: 20px !important;
    }

    .form-sec.mini-form .form-box .col-lg-8 {
        padding: 0 !important;
    }

    .form-sec.mini-form .form-box .form-file {
        display: flex;
        flex-direction: row !important;
        gap: 16px!important;
    }

    .ftr-block .ftr-logo a {
        margin-left: -1.06em !important;
        height: 55px !important;
        width: unset !important;
    }
}

@media (max-width: 991px) {
    .swiper-btns button {
        width: 40px !important;
        height: 40px !important;
    }

    .swiper-btns button svg {
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        min-height: 20px !important;
        max-width: 100% !important;
        max-height: 100% !important;
    }

    @supports (-webkit-touch-callout: none) {
        .swiper-btns button svg {
            width: 20px !important;
            height: 20px !important;
        }
    }
}

@media (min-width: 992px) and (max-width: 1555px) {
    .navbar-collapse {
        height: 60px !important;
    }

}

@media (min-width: 1556px) and (max-width: 1750px) {
    .left-nav .phone {
        margin-left: 2.125em;
        min-width: 150px;
    }

}

@media only screen and (max-width: 1279px) {
    .pc-menu.navbar-collapse {
        display: none !important;
    }

    .navbar-expand-lg {
        justify-content: space-between;
    }
    .navbar-collapse {
        padding-bottom: 0 !important;
        /* height: fit-content !important; */
        height: 100% !important;
        z-index: 1000;
        display: none;
    }

    .navbar.navbar-expand-lg .mob {
        z-index: 1001;
    }

    .navbar-collapse > ul > li.mob {
        display: none !important;
    }

    .navbar-collapse .mob.head-end {
        display: none !important;
    }

    .navbar-collapse .navbar-nav {
        background: #fff !important;
    }

    .navbar-collapse .navbar-nav li, .navbar-collapse .navbar-nav span {
        color: #3a3a3a !important;
    }

    .navbar-collapse .dropdown-toggle::after {
        color: #3a3a3a !important;
    }

    header ul.dropdown-menu.show {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.25) !important;
        background: #fff !important;
    }

    header ul.dropdown-menu.show li a {
        color: #3a3a3a !important;
    }

    header .nav-item.dropdown .dropdown-menu {
        gap: 0 !important;
        padding: 20px 1em !important;
    }

    header .nav-item.dropdown .dropdown-menu li a {
        font-weight: 400 !important;
        font-size: 1rem !important;
        line-height: 120% !important;
    }

    header .nav-item > a > .text {
        font-weight: 500 !important;
        font-size: 16px !important;
        line-height: 120% !important;
    }

    .navbar-collapse {
        box-shadow: unset !important;
    }
/* 
    .navbar-collapse::before {
        content: "";
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
        height: fit-content;
        width: 100%;
        position: absolute;
        right: 0;
        top: 0;
    } */

    body.no-scroll {
        overflow: hidden;
        /* position: fixed; */
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 1279px) {
    .container {
        padding: 0 1em;
        max-width: 100%;
    }

    .header .container {
        height: 60px;
    }

    .navbar-collapse {
        width: 100%;
        background: #fff;
    }

    .main-text {
        flex-direction: column;
        gap: 1em;
    }

    .main-text .column span {
        font-size: clamp(1.4375em, 5vw, 1.875em);
    }

    .main-text .column p {
        font-size: clamp(0.875em, 4vw, 1em);
    }

    .project-sec,
    .company-sec,
    .news-sec {
        padding: 2em 0;
    }

    .project-img,
    .news-img {
        height: auto;
        aspect-ratio: 16/9;
    }

    .project-block,
    .company-block,
    .news-link {
        display: flex;
        flex-direction: column;
    }

    .form-sec {
        padding: 2em 0;
    }

    .form-checkbox {
        flex-direction: column;
        gap: 1em;
    }

    .ftr-block {
        flex-direction: column;
        gap: 2em;
    }

    .ftr-right {
        flex-wrap: wrap;
        gap: 1.5em;
    }
}

@media (max-width: 374px) {
    html { font-size: 13px; }
    body, p, a, li, span, input, button { font-size: 0.95rem; }
    h1, h2 { font-size: 1.429rem; }
}

@media (min-width: 375px) and (max-width: 1279px) {
    html {
        font-size: clamp(14px, calc(14px + (4 * ((100vw - 375px) / 904))), 16px);
    }

    h1, h2 { font-size: 1.429rem; }

    .breadcrumbs, .breadcrumbs li, .breadcrumbs a, input {
        font-size: 0.714286rem;
    }

    p {
        font-size: 0.857rem;
    }

    span, a, li {
        font-size: 1rem;
    }

    span.text, span.count { font-size: 0.857rem; }

    body, a, li, input, button {
        font-size: 1rem;
    }

}

@media screen and (min-width: 1280px) and (max-width: 1555px) {
    .ftr-block {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        margin-top: 33px;
        margin-bottom: 48px;
    }

    .container {
        max-width: 1920px !important;
        padding-left: 120px !important;
        padding-right: 16px !important;
    }

    .captcha-code input, .form .input {
        font-size: 0.857rem !important;
    }

    .form .form-textarea {
        height: 7.45rem;
    }
}

/* @media (min-width: 1556px) {
    html { font-size: 20px; }
} */