.footer{
    position: relative;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    margin-top: em(34);
    &__menu_side{
        position: relative;
        width: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        padding: em(40) em(0);
        border-bottom: em(1) solid rgba(88, 92, 131, 0.3);
    }
    &__container{
        position: relative;
        width: 100%;
        max-width: em(1440);
        padding-left: em(40);
        padding-right: em(40);
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 0 auto;
        gap: em(40);
    }
    &__logo_block{
        position: relative;
        width: em(152);
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    &__logo{
        position: relative;
        width: em(150);
        z-index: 1;
        cursor: pointer;
        transition: filter .2s ease-in-out;
        img{
            width: 100%;
        }
        &:hover{
            filter: drop-shadow(em(0) em(0) em(10) rgba(250, 255, 0, 0.6));
        }
    }
    &__soc_heading{
        position: relative;
        width: 100%;
        margin-top: em(34);
        span{
            font-size: em(14);
            line-height: 1.2;
            font-weight: 600;
        }
    }
    &__soc_items{
        position: relative;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: em(8);
        margin-bottom: em(32);
    }
    &__soc_item{
        position: relative;
        width: em(32);
        height: em(32);
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
        background: $main-tint-200;
        border-radius: 50%;
        svg{
            width: em(18);
            height: em(18);
            object-fit: contain;
            path{
                transition: fill .2s ease-in-out;
                fill: $main-light-100;
            }
        }
        &.instagram{
            svg{
                width: em(16);
                height: em(16);
            }
        }
        &.telegram{
            svg{
                width: em(15);
                height: em(14);
            }
        }
        &:hover{
            svg{
                path{
                    fill: #D5D6DA;
                }
            }
        }
    }
    &__soc_subheading{
        position: relative;
        span{
            font-size: em(18);
            line-height: 1.2;
            font-weight: 600;
            color: $main-light-300;
        }
    }
    &__menu_block{
        position: relative;
        width: 100%;
        max-width: em(750);
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        gap: em(20);
        flex-wrap: wrap;
    }
    &__menu{
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: em(14);
        min-width: em(156);
        max-width: em(230);
        flex: 1 0 auto;
    }
    &__menu_item{
        position: relative;
        span{
            font-size: em(12);
            line-height: 1.2;
            color: $main-light-100;
            font-weight: 600;
            transition: color .2s ease-in-out;
        }
        &:hover{
            span{
                color: $main-tint-white;
            }
        }
    }
    &__contactus_block{
        position: relative;
        width: em(206);
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        flex: 0 0 auto;
    }
    &__contactus_text{
        position: relative;
        margin-top: em(2);
        span{
            font-size: em(14);
            line-height: 1.2;
            color: $main-light-100;
            font-weight: 600;
        }
    }
    &__email{
        margin-top: em(12);
        display: flex;
        align-items: center;
        justify-content: flex-start;
        position: relative;
        gap: em(6);
        img{
            width: em(15);
            height: em(12);
            object-fit: contain;
        }
        span{
            font-size: em(16);
            line-height: 1.2;
            font-weight: 600;
            color: $main-light-300;
            transition: color .2s ease-in-out;
        }
        &:hover{
            span{
                color: $main-color;
            }
        }
    }
    &__copyrights{
        position: relative;
        width: 100%;
        max-width: em(1440);
        padding-left: em(40);
        padding-right: em(40);
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
        flex-wrap: wrap;
        margin: em(40) auto;
        gap: em(24);
    }
    &__app{
        position: relative;
        padding: em(2) em(8) em(2) em(0);
        display: flex;
        align-items: center;
        justify-content: center;
        gap: em(6);
        background: $main-tint-200;
        border-radius: em(4);
        transition: transform .2s ease-in-out, color .2s ease-in-out;
        flex: 0 0 auto;
        img{
            width: em(28);
            height: em(28);
            object-fit: contain;
            transition: transform .2s ease-in-out;
        }
        span{
            font-size: em(12);
            line-height: 1.2;
            font-weight: 600;
            color: $main-light-300;
            transition: color .2s ease-in-out;
        }
        &:hover{
            img{
                transform: scaleX(-1);
            }
            span{
                color: $main-color;
            }
        }
    }
    &__age{
        position: relative;
        width: em(24);
        pointer-events: none;
        user-select: none;
        flex: 0 0 auto;
        img{
            width: 100%;
        }
    }
    &__paymetns{
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: em(24);
        flex-wrap: wrap;
    }
    &__paymetn_item{
        position: relative;
        flex: 0 0 auto;
        img{
            display: block;
            height: em(25);
            width: auto;
        }
    }
    &__lang_block{
        position: relative;
        .header__lang_hidden{
            top: unset;
            bottom: em(34);
        }
    }
}

@media(max-width:500px) and (orientation:portrait){
    .footer{
        &__menu_block{
            flex-direction: column;
            align-items: center;
        }
        &__menu{
            min-width: 100%;
        }
        &__copyrights{
            justify-content: center;
        }
        &__lang_block{
            display: none;
        }
    }
}