/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

:root {
    --white: #fff;
    --neutral-1: #F3F4F6;
    --black: #181D27;
    --neutral-300: #CED4DA;
    --border-color: #D4D4D4;
    --primary-1: #011638;
    --green: #93DA00;
}

html {
    scroll-behavior: smooth;
}

/* reset astra styles */
.ast-separate-container #primary,
.ast-separate-container.ast-left-sidebar #primary,
.ast-separate-container.ast-right-sidebar #primary,
.ast-plain-container.ast-no-sidebar #primary {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}

.ast-separate-container {
    background-color: var(--white);
}

#ast-scroll-top {
    background-color: var(--green);

    .ast-icon svg:not([fill]) {
        fill: var(--black);
    }
}

@media (min-width: 1026px) {
    .ast-container {
        max-width: 1480px;
    }
}

@media (max-width: 768px) {
    .ast-container {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media (max-width: 768px) {
    .ast-separate-container #content .ast-container {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.ast-container {
    display: block !important;
}

p {
    margin-bottom: 24px;
}

h1 {
    font-family: 'Inter', sans-serif, Arial;
    font-weight: 600;
    font-size: 52px;
    line-height: 130%;
    color: var(--black);
}

h2 {
    font-family: 'Inter', sans-serif, Arial;
    font-weight: 600;
    font-size: 48px;
    line-height: 130%;
    color: var(--black);
}

h2.h2-60 {
    font-family: 'Inter', sans-serif, Arial;
    font-weight: 600;
    font-size: 60px;
    line-height: 130%;
    color: var(--black);
}

h3 {
    font-family: 'Inter', sans-serif, Arial;
    font-weight: 600;
    font-size: 32px;
    line-height: 130%;
    color: var(--black);
}

h4 {
    font-family: 'Inter', sans-serif, Arial;
    font-weight: 600;
    font-size: 24px;
    line-height: 130%;
    color: var(--black);
}

h5 {
    font-family: 'Inter', sans-serif, Arial;
    font-weight: 600;
    font-size: 20px;
    line-height: 130%;
    color: var(--black);
}

h6 {
    font-family: 'Inter', sans-serif, Arial;
    font-weight: 600;
    font-size: 18px;
    line-height: 130%;
    color: var(--black);
}

.text-body-1,
.text-body-1 p,
.text-body-1 li {
    margin-bottom: 0;
    font-family: 'Inter', sans-serif, Arial;
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: 0;
    color: var(--black);
}

.text-body-2,
.text-body-2 p,
.text-body-2 li {
    margin-bottom: 0;
    font-family: 'Inter', sans-serif, Arial;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0;
    color: var(--black);
}



.text-body-3,
.text-body-3 p,
.text-body-3 li {
    margin-bottom: 0;
    font-family: 'Inter', sans-serif, Arial;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0;
    color: var(--black);
}

@media (max-width: 768px) {

    h1 {
        font-size: 32px;
    }

    h2,
    .h2-44 {
        font-size: 28px;
    }

    .h2-54 {
        font-size: 38px;
    }

    h3 {
        font-size: 26px;
    }

    h4 {
        font-size: 22px;
    }

    h5 {
        font-size: 20px;
    }

    h6 {
        font-size: 18px;
    }


    .text-body-1,
    .text-body-1 p,
    .text-body-1 li {
        font-size: 16px;
    }

    .text-body-2,
    .text-body-2 p,
    .text-body-2 li {
        font-size: 14px;
    }
}

.text-white,
.text-white p {
    color: var(--white);
}

.text-neutral-7,
.text-neutral-7 p {
    color: var(--black);

}

.text-neutral-9,
.text-neutral-9 p {
    color: var(--black);

}

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

.font-semibold,
.font-semibold p,
.font-semibold li {
    font-weight: 600;
}

.font-black,
.font-black p,
.font-black li {
    color: var(--black) !important;
}

.btn {
    position: relative;
    display: inline-block;
    text-align: center;
    border-radius: 100px;
    font-family: 'Inter', sans-serif, Arial;
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 0;
    white-space: normal;
    transition: 0.3s;
}

.btn-primary {
    padding: 20px 56px 20px 32px;
    background-color: var(--green);
    color: var(--black);
    transition: 0.3s;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--white);
    color: var(--black);
    transition: 0.3s;
}

.btn-primary::after {
    position: absolute;
    top: 0;
    right: 24px;
    content: '';
    display: block;
    height: 100%;
    width: 24px;
    background-image: url('./img/arrow.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: 0.3s;
}

.btn-black {
    padding: 20px 56px 20px 32px;
    background-color: var(--black);
    color: var(--white);
    transition: 0.3s;
}

.btn-black:hover,
.btn-black:focus {
    background-color: var(--green);
    color: var(--black);
    transition: 0.3s;
}

.btn-black::after {
    position: absolute;
    top: 0;
    right: 24px;
    content: '';
    display: block;
    height: 100%;
    width: 24px;
    background-image: url('./img/arrow-white.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: 0.3s;
}

@media (max-width: 768px) {
    .btn {
        font-size: 14px;
    }
}

.btn-secondary {
    padding: 20px 32px;
    background-color: var(--white);
    color: var(--black);
}

.btn-secondary:hover,
.btn-secondary:focus {
    background-color: var(--green);
    color: var(--black);
    transition: 0.3s;
}

#masthead .ast-container,
.site-header-focus-item+.ast-breadcrumbs-wrapper {
    padding-left: 0;
    padding-right: 0;
}

.ast-primary-header-bar .site-primary-header-wrap {
    min-height: 56px;
}

.ast-logo-title-inline .ast-site-identity {
    padding: 0;
}

#ast-hf-menu-1 .menu-item a {
    padding: 20px 24px;
    color: var(--white);
    transition: 0.3s;
}

#ast-hf-menu-1 .menu-item a:hover,
#ast-hf-menu-1 .menu-item a:focus {
    color: var(--green);
    transition: 0.3s;
}

#ast-hf-menu-1.main-header-menu>.menu-item {
    font-family: 'Inter', sans-serif, Arial;
    font-weight: 600;
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0;
    color: var(--white);
}

#ast-hf-menu-1 .btn-menu a {
    margin-left: 24px;
    padding: 20px 32px;
    background-color: var(--white);
    color: var(--black);
    border-radius: 100px;
    transition: 0.3s;
}

#ast-hf-menu-1 .btn-menu a:hover,
#ast-hf-menu-1 .btn-menu a:focus {
    background-color: var(--green);
    color: var(--black);
    transition: 0.3s;
}

[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
    fill: white;
}

@media(max-width: 1480px) {
    .ast-hfb-header .site-header {
        margin-top: 24px;
        margin-bottom: 0px;
        margin-left: 24px;
        margin-right: 24px;
    }

    header .custom-logo-link img {
        max-width: 200px;
        width: 200px;
    }

    #ast-hf-menu-1 .menu-item a {
        padding: 20px 16px;
        font-size: 15px;
    }

    #ast-hf-menu-1 .btn-menu a {
        margin-left: 0;
        padding: 20px 24px;
    }
}

@media (max-width: 1280px) {
    .ast-hfb-header .site-header {
        margin-top: 0;
        margin-bottom: 0px;
        margin-left: 0;
        margin-right: 0;
    }

    .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-link,
    .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item:hover>.menu-link,
    .ast-builder-menu-mobile .main-navigation .inline-on-mobile .menu-item:hover>.ast-menu-toggle {
        background-color: transparent;
    }

}

.ast-header-break-point #masthead .ast-mobile-header-wrap .ast-primary-header-bar {
    padding-left: 16px;
    padding-right: 10px;
}

.ast-mobile-header-wrap .ast-mobile-header-content {
    padding: 8px 32px 48px 32px;
    background-color: var(--black);
}

#ast-hf-mobile-menu {
    background-color: var(--black);
}

#ast-hf-mobile-menu .menu-item {
    padding: 12px 0;
    display: inline-block;
    text-align: center;
}

#ast-hf-mobile-menu a.menu-link {
    font-family: 'Montserrat', sans-serif, Arial;
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: 0;
    color: var(--white);
}

#ast-hf-mobile-menu .btn-menu a {
    padding: 20px 24px;
    color: var(--black);
    background-color: var(--white);
    border-radius: 100px;
    display: inline-block;
    width: auto;
}

#ast-hf-mobile-menu .btn-menu a:hover,
#ast-hf-mobile-menu .btn-menu a:focus {
    background-color: var(--green);
    color: var(--black);
    transition: 0.3s;
}

.ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu {
    margin-top: 4px;
    padding-top: 20px;
    background-color: var(--black);
}

[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal {
    color: var(--black);
}

#ast-hf-mobile-menu .sub-menu .menu-item {
    padding: 0 0 16px 0;
    border: none;

    a.menu-link {
        font-family: 'Inter', sans-serif, Arial;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 0;
    }
}

#ast-hf-mobile-menu .sub-menu .menu-item:last-child {
    padding-bottom: 0;
}

.img-hero {
    width: 100%;
}

.black-section {
    padding: 203px 0 138px 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    .heading-wrapper {
        max-width: 586px;
    }

    h1 {
        margin-bottom: 32px;
    }

    .row-btns {
        padding: 48px 0 64px 0;
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: start;
        gap: 16px;
    }

    .img-mobile {
        display: none;
    }

}

@media (max-width: 768px) {
    .black-section {
        padding: 108px 0 48px 0;

        .row-btns {
            padding: 32px 0 48px 0;
        }

        .img-desktop {
            display: none;
        }

        .img-mobile {
            display: block;
        }
    }
}

.section-2 {
    margin: 224px 0;

    .wrapper {
        max-width: 950px;
    }

    h2 {
        margin: 0 auto;
        padding-bottom: 80px;
    }

    .text-content h3 {
        margin-bottom: 48px;
        font-size: 48px;
    }

    .text-content p {
        max-width: 970px;
        margin-bottom: 16px;
        font-family: 'Inter', sans-serif, Arial;
        font-weight: 500;
        font-size: 24px;
        line-height: 130%;
        color: var(--black);
    }
}

.row-img {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 16px;

    .col {
        width: 50%;
    }
}

.col-flex {
    display: flex;
    align-items: end;
}

.text-right {
    text-align: right;
}

@media(max-width: 1025px) {

    .section-2 {
        margin: 96px 0;
    }

    .img-3 {
        display: none;
    }
}

@media(max-width: 768px) {
    .section-2 {
        margin: 64px 0;

        .row-img-1,
        .img-4,
        .img-5 {
            display: none;
        }

        .img-mobile {
            margin-top: 48px;
            display: block;
        }
    }
}

.flex {
    display: flex;
    flex-direction: row;
}

@media(max-width: 1025px) {
    .flex {
        flex-direction: column;
    }
}

.flex-col {
    display: flex;
    flex-direction: column;
}

.gap-24px {
    gap: 24px;
}

.gap-32px {
    gap: 32px;
}

.bg-primary {
    background-color: var(--primary-1);
}

.row-reverse {
    flex-direction: row-reverse;
}

.section-3 {
    margin: 178px 0;

    .ast-container {
        h2 {
            margin-bottom: 64px;
        }

        .img-ilustration {
            max-width: 600px;
            margin: 0 auto;
        }

        .row:not(:last-child) {
            margin-bottom: 64px;
        }

        .col-narrow {
            width: 32.2%;
            background-color: var(--neutral-1);
            border-radius: 24px;
            padding: 48px;
            justify-content: start;
        }

        .icon-title {
            display: flex;
            justify-content: start;
            align-items: center;
            gap: 32px;
        }

        .col-wide {
            width: 66.1%;
            background-color: var(--primary-1);
            border-radius: 24px;
            padding: 120px 32px;
            align-items: center;
            justify-content: center;
        }

        .title-left {
            margin-top: 24px;
            margin-bottom: 12px;
        }
    }
}

.listing_points ul {
    margin: 88px 0 0 0;
    padding: 0;
    list-style: none;
    display: flex;
    gap: 8px;
    justify-content: start;
    flex-wrap: wrap;
}

.listing_points ul li {
    position: relative;
    padding: 12px 24px 12px 44px;
    background-color: #fff;
    border-radius: 999px;
    text-align: center;
}

.listing_points ul li::before {
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-image: url('./img/bullet.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

@media(max-width: 1280px) and (min-width: 1025px) {
    .section-3 {
        .ast-container {
            .col-narrow {
                padding: 32px;
            }

            .icon-title {
                flex-direction: column;
                align-items: start;
            }
        }
    }
}

@media(max-width: 1025px) {
    .section-3 {
        margin: 86px 0 48px 0;

        .ast-container {
            h2 {
                margin-bottom: 32px;
            }

            .row:not(:last-child) {
                margin-bottom: 24px;
            }

            .col-narrow,
            .col-wide {
                width: 100%;
            }

            .icon-title {
                gap: 16px;
                margin-bottom: 0;
            }

            .listing_points ul {
                margin: 64px 0 0 0;
            }
        }
    }
}

@media(max-width: 768px) {
    .section-3 {
        margin: 64px 0;

        .ast-container {

            .img-alert {
                width: 48px;
                height: 48px;
            }

            .img-lokator {
                width: 56px;
                height: 56px;
            }

            .col-narrow,
            .col-wide {
                padding: 24px;
            }

            .listing_points ul {
                margin: 32px 0 0 0;
            }
        }
    }
}

.container-possiblity {
    margin-bottom: 64px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 64px 0;

    .box {
        padding: 16px 0;

        .wrapper {
            margin: 0 auto;
            max-width: 288px;
        }

        .check {
            margin-bottom: 24px;
        }

        h5 {
            margin: 40px 0 12px 0;
        }
    }

    .box:not(:last-child) {
        border-right: 1px solid var(--border-color);
    }

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

@media (max-width: 1480px) {
    .container-possiblity {
        grid-template-columns: repeat(3, 1fr);

        .box:nth-child(3) {
            border-right: none;
        }

        .box:nth-child(4) {
            border-right: 1px solid var(--border-color);
        }

        .box:nth-child(6) {
            border-right: none;
        }
    }
}

@media (max-width: 1025px) {
    .container-possiblity {
        grid-template-columns: repeat(2, 1fr);
        gap: 0;

        .box {
            padding: 48px 16px;
        }

        .box:nth-child(3) {
            border-right: 1px solid var(--border-color);
        }

        .box:nth-child(even) {
            border-right: none;
        }
    }
}

@media (max-width: 600px) {
    .container-possiblity {
        grid-template-columns: 1fr;

        .box:not(:last-child) {
            border-right: none;
        }
    }
}

.section-4 {
    padding: 70px 0 128px 0;

    .wrapper {
        max-width: 952px;
        margin: 0 auto;
    }

    h2 {
        margin-bottom: 24px;
    }

    .text-content {
        margin-bottom: 64px;
    }

    .img-desktop {
        margin-bottom: 64px;
    }

    .img-mobile {
        display: none;
    }

    h3 {
        margin-bottom: 40px;
    }

    h4 {
        margin-bottom: 16px;
    }
}

@media(max-width: 1025px) {
    .section-4 {
        padding: 70px 0 86px 0;
    }
}

@media(max-width: 768px) {
    .section-4 {
        padding: 64px 0;

        .container-possiblity {
            margin-bottom: 32px;
        }

        h3 {
            margin-bottom: 24px;
        }

        .img-desktop {
            display: none;
        }

        .img-mobile {
            display: block;
            margin-bottom: 32px;
        }
    }
}

.wrapper {
    max-width: 952px;
    margin: 0 auto;
}

.section-5 {
    padding: 96px 0;
    background-color: var(--neutral-1);

    h2 {
        margin-bottom: 24px;
    }

    .container-box {
        margin: 64px 0;
    }

    .col {
        background: var(--white);
        border-radius: 24px;
        padding: 48px;

        h3 {
            margin-top: 24px;
            margin-bottom: 24px;
            padding-bottom: 32px;
            border-bottom: 1px solid var(--border-color);
        }
    }

    .col-video {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 60px;
    }

    .col-wide {
        width: 66.1%;
    }

    .col-narrow {
        width: 32.2%;
    }

    .col-review {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .text-btn-wrapper {
        max-width: 630px;
        margin: 0 auto;
    }

    .btn {
        margin-top: 32px;
    }

    .author {
        margin-top: 16px;
    }
}

.video-wrapper {
    position: relative;
    width: 100%;
}

.video {
    min-width: 368px;
}

video {
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    border-radius: 16px;
    display: block;
}

button.play-btn {
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    width: 150px;
    height: 150px;

    background-color: transparent;
    border: none;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    cursor: pointer;
}

.play-btn img {
    width: 150px;
    height: 150px;
}

@media(max-width: 768px) {

    button.play-btn {
        /* top: 47%;
        left: 50%;
        transform: translate(-47%, -50%); */
        display: none;
    }

    button.play-btn,
    .play-btn img {
        width: 70px;
        height: 70px;
    }
}

@media(max-width: 1480px) {
    .section-5 {
        .col-video {
            gap: 32px;
        }

        .col {
            padding: 24px;
        }
    }

    .video {
        min-width: 300px;
    }
}

@media(max-width: 1025px) {
    .section-5 {
        padding: 64px 0;

        .col-wide,
        .col-narrow {
            width: 100%;
        }
    }
}

@media(max-width: 768px) {
    .section-5 {
        padding: 64px 0;

        .col-video {
            flex-direction: column;
            gap: 16px;
        }

        .video {
            min-width: 260px;
        }
    }
}

.section-grid {
    .container-possiblity {
        margin-top: 96px;
    }
}

@media(max-width: 1025px) {
    .section-6 {
        margin: 64px 0;

        .container-possiblity {
            margin-top: 0;
        }
    }

    .section-grid {
        .container-possiblity {
            margin-top: 0;
        }
    }
}

@media(max-width: 768px) {
    .section-6 {
        margin: 64px 0;

        .container-possiblity {
            margin-top: 0;
        }
    }
}

.container-box-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 48px;

    .box {
        background-color: var(--neutral-1);
        border-radius: 24px;
        padding: 48px 64px;

        h5 {
            margin: 40px 0 12px 0;
        }
    }
}

@media(max-width: 1480px) {
    .container-box-grid {
        gap: 32px;

        .box {
            padding: 24px 32px;
        }
    }
}

@media(max-width: 1025px) {
    .container-box-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width: 768px) {
    .container-box-grid {
        gap: 24px;

        .box {
            padding: 24px;
        }
    }
}

@media(max-width: 480px) {
    .container-box-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}

.section-7 {
    padding: 86px 0 150px 0;

    h2 {
        margin-bottom: 72px;
    }
}

@media(max-width: 1025px) {
    .section-7 {
        padding: 64px 0;

        h2 {
            margin-bottom: 56px;
        }
    }
}

@media(max-width: 768px) {
    .section-7 {
        padding: 64px 0;

        h2 {
            margin-bottom: 32px;
        }
    }
}

.section-8 {
    padding: 128px 0 0 0;

    .row-btns {
        padding: 40px 0 96px 0;
    }
}

@media(max-width: 1025px) {
    .section-8 {
        padding: 64px 0;

        .row-btns {
            padding: 24px 0 64px 0;
        }
    }
}

@media(max-width: 768px) {
    .section-8 {
        padding: 64px 0;
    }
}

.section-img-text {
    margin: 178px 0;

    h2 {
        margin: 40px 0 24px 0;
    }

    .flex {
        align-items: center;

        .col {
            flex: 1;

            .wrapper {
                max-width: 592px;
                margin: 0 auto;
            }
        }
    }
}

@media(max-width: 1025px) {
    .section-img-text {
        margin: 64px 0;

        h2 {
            margin-top: 0;
        }
    }

    .column-reverse .ast-container .flex {
        flex-direction: column-reverse;
    }
}

@media(max-width: 768px) {
    .section-img-text {
        margin: 64px 0;
    }

    .column-reverse {
        margin: 48px 0;
    }
}

.section-faq {
    padding: 128px 0;
    background-color: var(--neutral-1);

    h2 {
        margin-bottom: 80px;
    }
}

@media(max-width: 1025px) {
    .section-faq {
        padding: 64px 0;

        h2 {
            margin-bottom: 48px;
        }
    }
}

@media(max-width: 768px) {
    .section-faq {
        padding: 64px 0;
    }
}

.faq-accordion {
    max-width: 830px;
    margin: 0 auto;
}

.faq-item {
    padding: 32px 0;
    border-top: 1px solid var(--neutral-300);
}

.faq-item:last-child {
    border-bottom: 1px solid var(--neutral-300);
}

.faq-question {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.faq-question img {
    transition: transform 0.3s ease;
}

.faq-item.active .faq-question img {
    transform: rotate(45deg);
}

.faq-toggle {
    font-size: 1.5em;
    font-weight: 300;
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

.faq-answer-content {
    margin-top: 32px;

    p {
        margin-bottom: 12px;
    }
}

#menu-menu-footer .menu-link {
    font-family: 'Inter', sans-serif, Arial;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0;
    color: var(--white);
}

#menu-menu-footer .menu-link:hover,
#menu-menu-footer .menu-link:focus {
    color: var(--green);
}

.desktop-footer {
    padding: 48px 0;
    background-color: var(--black);
}

.site-footer .row1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.site-footer .row1 .col2 ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

/* ROW 2 */
.site-footer .row2 {
    padding-top: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.site-footer .row2 p {
    margin-bottom: 0;
    font-family: 'Inter', sans-serif, Arial;
    font-weight: 400;
    font-size: 16px;
    line-height: 170%;
    letter-spacing: 0px;
    color: var(--neutral-300);
}

.site-footer .row2 p a {
    color: var(--neutral-300);
}


@media(max-width: 1480px) {
    .site-footer .row1 img {
        max-width: 200px;
        width: 200px;
    }
}

@media (max-width: 1025px) {
    .site-footer .row2 p {
        font-size: 14px;
    }

    #menu-menu-footer .menu-link {
        font-size: 14px;
    }
}

@media (max-width: 860px) {

    .site-footer .row1,
    .site-footer .row2 {
        flex-direction: column;
    }

    .site-footer .row2 {
        gap: 16px;
        text-align: center;
    }

    .site-footer .row1 .col2 ul {
        flex-direction: column;
        gap: 16px;
    }
}