@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,800;1,900&display=swap');

/*header{*/
/*    position: fixed;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    transition: background 0.4s ease, top 0.4s ease, border-bottom 0.4s ease;*/
/*    z-index: 2000;*/
/*}*/

/*header.scroll{*/
/*    background: white;*/
/*    top: -44px;*/
/*    border-bottom: 1px solid #A1DB4C;*/
/*}*/

body._hidden{
    overflow: hidden;
}

a{
    text-decoration: none;
    cursor: pointer;
}

ul{
    padding: 0;
    margin: 0;
}

li{
    list-style-type: none;
}

img{
    display: block;
    max-width: 100%;
}

.header-top{
    padding: 12px 0px;
    background: #F5F5F5;
}

.header-top-content{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-contacts{
    display: flex;
    align-items: center;
}

.header-contacts a{
    display: flex;
    align-items: center;
    color: #000;
    font-size: 16px;
    margin-right: 30px;
}

.header-contacts a svg{
    margin-right: 5px;
}

.header-bottom-content{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0px;
}

.header__logo{
    cursor: pointer;
}

.header__logo img{
    height: 46px;
}

.header__links{
    display: flex;
    align-items: center;
    justify-content: center;
}

.header__links ul{
    border-radius: 15px;
    background: #A1DB4C;
    padding: 15px 13px;
    width: fit-content;
}

.header__links ul{
    display: flex;
    align-items: center;
}

.header__links ul li{
    margin: 0px 26.5px;
}

.header__links ul li:first-child{
    margin-left: 0;
}

.header__links ul li a{
    position: relative;
    color: #FCFFFC ;
    font-size: 18px;
    font-family: 'Inter';
    font-weight: 400;
}

.header__links ul li a::after{
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background: white;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.header__links ul li a:hover::after{
    opacity: 1;
}

.header__links ul li:last-child{
    margin-right: 0px;
}

.header__user{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.header__user a{
    display: flex;
    align-items: center;
    color: #000;
}

.header__user a img{
    margin-left: 10px;
    width: 20px;
}

.burger-menu{
    display: none;
}

.burger-menu span{
    position: absolute;
    display: block;
    background: #A1DB4C;
    width: 100%;
    height: 1px;
    left: 0;
}

.burger-menu span:first-child, .burger-menu span:last-child{
    -webkit-transition: top 0.4s ease, -webkit-transform 0.4s ease;
    transition: top 0.4s ease, -webkit-transform 0.4s ease;
    -o-transition: top 0.4s ease, transform 0.4s ease;
    transition: top 0.4s ease, transform 0.4s ease;
    transition: top 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
}

.burger-menu span:first-child{
    top: 0;
}

.burger-menu span:nth-child(2){
    top: 8px;
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    -o-transition: transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.burger-menu span:last-child{
    top: 100%;
}

.burger-menu._active span:first-child{
    top: 8px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}

.burger-menu._active span:nth-child(2){
    -webkit-transform: translateY(-50%) scale(0);
        -ms-transform: translateY(-50%) scale(0);
            transform: translateY(-50%) scale(0);
}

.burger-menu._active span:last-child{
    top: 8px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

.mobile{
    display: none;
}


@media screen and (max-width: 992px){
    header{
        border-bottom: 1px solid #A1DB4C;
    }
    
    header.scroll{
        top: 0;
    }

    .header-bottom:before{
        position: absolute;
        display: block;
        content: "";
        width: 100%;
        height: 100%;
        background: white;
        z-index: 100;
    }

    .header__logo{
        position: relative;
        z-index: 200;
    }

    .header-bottom{
        position: relative;
        z-index: 200;
    }

    .burger-menu{
        position: relative;
        display: block;
        width: 33px;
        height: 16px;
        z-index: 3000;
    }

    .header__links{
        position: absolute;
        top: -700%;
        left: 0;
        width: 100%;
        transition: top 0.4s ease;
        z-index: 0;
    }

    .header__links._active{
        top: 77px;
    }

    .header__links ul{
        display: flex;
        flex-direction: column;
        padding: 20px;
        width: 100%;
        border-radius: 0px;
    }

    .header__links ul li{
        margin-bottom: 10px;
        margin-left: 0;
        margin-right: 0;
    }

    .header__links ul li a, .header__links a:not([href]):not([class]), .header__links a:not([href]):not([class]):hover{
        font-size: 20px;
        color: white;
    }

    .header-top{
        display: none;
    }

    .header__links{
        display: none;
    }

    .header__links.mobile{
        display: block;
        border-bottom: 1px solid #1E4B2A;
        border-top: 1px solid #1E4B2A;
    }

    .header__user svg{
        margin-left: 10px;
    }
}

@media screen and (max-width:768px){
    .header__links._active{
        top: 65px;
    }

    .header__logo img{
        height: 35px;
    }
}