.cs-header .header-logo img {
    width: 9.722vw;
}

.cs-header {
    position: static;
    padding: 1.667vw 2.778vw 1.25vw;
}

.cs-header .header-menu ul {
    display: flex;
    align-items: center;
    gap: 2.222vw;
}

.cs-header .header-menu ul li {
    padding: 0;
}

.cs-header .header-menu a {
    font-weight: 400;
    font-size: 1.111vw;
    line-height: 150%;
    letter-spacing: 0.01em;
    color: #000000;
}

.cs-header .header-menu .menu-btn a {
    display: inline-block;
    color: #fff;
    background: #000;
    padding: 0.486vw 1.042vw;
    border-radius: 32px;
    border: 1px solid #000;
}

.cs-header .header-menu .menu-btn a::after {
    display: none;
}

.cs-header .header-menu .menu-btn a:hover {
    color: #000;
    background-color: #fff;
}

.cs-header .menu-toggle {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 8vw;
    height: 5vw;
}

.cs-header .menu-toggle .line {
    width: 100%;
    height: 0.5vw;
    background-color: #000;
}

.cs-header .menu-toggle .line:nth-child(2) {
    width: 50%;
}

.cs-header .menu-toggle .line:nth-child(3) {
    width: 80%;
}

.cs-footer {
    padding: 5.556vw 0;
}

.cs-footer .footer-wrapper {
    padding: 0 4.444vw;
}

.cs-footer-logo {
    width: 8.056vw;
    display: flex;
    flex-direction: column;
    gap: 0.764vw;
}

.cs-footer .footer-top-left {
    gap: 4.444vw;
}

.cs-footer-menus {
    flex: 1;
}

.cs-footer-menus ul {
    display: flex;
    gap: 1.111vw 2.222vw;
    flex-wrap: wrap;
}

.cs-footer-menus ul li a {
    font-weight: 400;
    font-size: 1.111vw;
    line-height: 150%;
    letter-spacing: 0.01em;
    color: #000000;
}

.cs-footer-line {
    background: linear-gradient(90deg, #A4BA15 0%, #6C803F 16%, #6942C1 32%, #D80F80 59%, #E15F10 78%, #DECD4A 100%);
    width: 100%;
    height: 0.521vw;
}

.cs-footer-form-title {
    margin-bottom: 1.111vw;
}

.cs-footer-form .cs-form-group {
    display: flex;
    gap: 0.556vw;
}

.cs-footer-form input {
    flex: 1;
    border: 1px solid #B9B9B9;
    font-family: 'ApfelGrotezk';
    font-weight: 400;
    font-size: 1.111vw;
    line-height: 150%;
    letter-spacing: 0.01em;
    color: #000;
    padding: 0.486vw 1.042vw;
    border-radius: 32px;
}

.cs-footer-form input::placeholder {
    color: #B9B9B9;
}

.cs-footer-form .btn-submit {
    display: inline-block;
    font-family: 'ApfelGrotezk';
    font-weight: 400;
    font-size: 1.111vw;
    line-height: 150%;
    letter-spacing: 0.01em;
    color: #fff;
    background: #000;
    border: 1px solid #000;
    padding: 0.486vw 1.597vw;
    border-radius: 32px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.cs-footer-form .btn-submit:hover {
    background-color: #fff;
    color: #000;
}

.cs-footer .footer-top {
    padding-bottom: 3.333vw;
}

.cs-footer .footer-bottom {
    padding-top: 2.153vw;
    border-top: 1px solid #000;
}

.footer-bottom-links {
    gap: 3.333vw;
}

.footer-bottom-links a {
    font-family: 'Moderat';
    font-weight: 400;
    font-size: 0.972vw;
    line-height: 150%;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #000000;
}

.cs-footer .cs-footer-copyright {
    font-family: 'Moderat';
    font-size: 0.972vw;
    line-height: 150%;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #000000;
}

@media (max-width:767px) {
    .cs-header .header-menu {
        position: absolute;
        top: calc(100% + 2vw);
        left: 0;
        width: 100%;
        transform-origin: top;
        transform: scaleY(0);
        visibility: hidden;
        opacity: 0;
        background-color: #000;
        transition: all 0.4s ease;
        padding: 5.333vw;
        z-index: 99;
    }

    .cs-header .header-menu a {
        font-size: 4vw;
    }

    .cs-header {
        padding: 3vw 4.444vw;
    }

    .cs-header .header-menu.active {
        visibility: visible;
        opacity: 1;
        transform: scaleY(1);
    }

    .cs-header .header-logo img {
        width: 35vw;
    }

    .cs-header .header-menu ul {
        flex-direction: column;
    }

    .cs-header .header-menu a {
        color: #fff;
        padding: 10px !important;
    }

    .cs-footer-logo {
        width: 30vw;
        gap: 1vw;
    }

    .cs-footer-line {
        height: 1.333vw;
    }

    .cs-footer .footer-top-left {
        gap: 6vw;
        justify-content: space-between;
    }

    .cs-footer-menus ul li {
        margin: 0;
    }

    .cs-footer-menus ul {
        padding-bottom: 0;
        gap: 2.133vw 4vw;
    }

    .cs-footer-menus ul li a {
        font-size: 4vw;
    }

    .footer-bottom-links a,
    .cs-footer .cs-footer-copyright {
        font-size: 2.5vw;
    }

    .cs-footer-form input {
        font-size: 4vw;
        padding: 1.6vw 3.2vw;
    }

    .cs-footer-form .btn-submit {
        font-size: 4vw;
        padding: 1.333vw 4.267vw;
    }

    .footer-bottom-links {
        gap: 3vw;
        justify-content: center;
    }

    .cs-footer .footer-top {
        padding-bottom: 6vw;
    }

    .cs-footer .footer-bottom {
        padding-top: 5vw;
    }

    .cs-footer .footer-bottom .row {
        gap: 4vw;
    }

    .cs-footer {
        padding: 10.667vw 0;
    }

    .cs-footer-form .cs-form-group {
        gap: 2vw;
    }
}