.main_footer{background: var(--color17);}
.footer_grid{display: grid;grid-template-columns: 70% 30%;}
.footer_left{padding-block: 5.1rem 3.7rem;}
.footer_menu {display: flex; align-items: center; gap: 2.1rem; margin-bottom: 2.5rem;}
.footer_menu:last-child{margin-bottom: 0;}
.footer_menu>p{font: var(--font14);color: var(--color-white);font-weight: var(--font_300);margin-bottom: 0;}
.footer_menu>ul{display: flex;flex-wrap: wrap;}
.footer_menu>ul>li{margin-right: 1.8rem;}
.footer_menu>ul>li:last-child{margin-right:0;}
.footer_menu>ul>li>a{font: var(--font14);color: var(--color-white);font-weight: var(--font_300);}
.footer_menu:last-child>ul>li>a{font-weight: var(--font_200);}
.footer_menu>ul>li>a:hover{color: var(--colorc00);}
.footer_right {border-left: .1rem solid rgb(255 255 255 / 16%);padding-block: 5.4rem 5.1rem;height: 100%;padding-left: 4.7rem;}
.footer_copyright>p, .footer_copyright>p>a{font: var(--font14);margin: 0;font-weight: 300;color: var(--color-white);margin-bottom: 1rem;}
.footer_copyright>p:last-of-type{font-weight: var(--font_200);}
.footer_copyright>p>a{margin-bottom: 0;font-weight: var(--font_200);}
.footer_copyright>p>a:hover{color: var(--color-eb);}
.footer_social{display: flex;flex-wrap: wrap;margin-block: 2.5rem 0;gap: 1rem;}
.footer_social>li>a>img {width: 3.2rem;height: 3.2rem;}
.footer_support{background: var(--color34);padding-block: 1.2rem .9rem;text-align: center;}
.footer_support p, .footer_support p>a{font: var(--font14);margin: 0;font-weight: 300;color: var(--color-white);}
.footer_support p>a:hover{color: var(--color-eb);}
.mobile_footer{display: none;}
@media(max-width:1699px){
    .footer_left {padding-block: 4.1rem 2.7rem;}
    .footer_menu{margin-bottom: 1.8rem;}
    .footer_right{padding-block: 4.1rem 3.1rem;padding-left: 3.7rem;}
    .footer_social>li>a>img {width: 2.8rem;height: 2.8rem;}
}

@media(max-width:1549px){
    .footer_left {padding-block: 3.1rem 2.7rem;} 
    .footer_menu>ul>li{margin-right: 1.2rem;}
    .footer_right {padding-block: 3.4rem 3.1rem;padding-left: 3.7rem;}
}

@media(max-width:991px){
    .desktop_footer{display: none;}
    .mobile_footer{display:block; padding-top: 3.5rem; background-color: #1F1A17;}
    .footer_grid{grid-template-columns: auto;}
    .footer_logo{ filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1);text-align: center;margin-bottom:2.7rem}
    .footer_logo>a{display:block;}
    .footer_logo>a>img{max-width:25.2rem;}
    .mob_footermenu>ul{border-bottom: 0.1rem solid #707070;padding-bottom:2.8rem;margin-bottom:3rem;}
    .mob_footermenu>ul>li{margin-bottom: 1.7rem;text-align: center;}
    .mob_footermenu>ul>li:last-child{margin-bottom: 0;}
    .mob_footermenu>ul>li>a{display: inline-block; font-size: 1.6rem;line-height:1.8rem;color: var(--color-white);}
    .mob_footermenu>ul:nth-child(2){display:grid;grid-template-columns: repeat(2, 1fr);margin-bottom:0;padding-bottom: 0;border: none;}
    .mob_footermenu>ul:nth-child(2)>li{margin-bottom:1.7rem;}
    .mob_footermenu>ul:nth-child(2)>li>a{font-size:1.4rem;line-height:1.8rem;}
    .mob_footer_bottom{background-color: #343434;padding-block:3rem;margin-top: 3.4rem;padding-bottom: 14rem;}
    .footer_social { align-items: center; margin: 0; justify-content: center;gap: 0.5rem;margin-bottom: 2.4rem; }
    .footer_social>h6{font-size:1.4rem;line-height:1.8rem;color: var(--color-white);margin-right: 1rem;}
    .footer_social>a{display: block;width:3.2rem;height:3.2rem;}
    .footer_copyright{text-align: center;}
    .footer_copyright>p{font-size:1.4rem;line-height:1.8rem;color: var(--color-white);}
    .footer_copyright>p:last-of-type{font-weight: var(--font_normal);margin-bottom: 0;}
    .footer_copyright>p>a{font-size:1.4rem;line-height:1.8rem;font-weight: var(--font_normal);}
}
@media(max-width:767px){
    .mob_footer_bottom{padding-bottom: 12rem;}
}

@media (max-width:330px) {
    .footer_social>a {width: 3rem; height: 3rem; }
    .footer_logo>a>img { max-width: 21.2rem; }
    .mob_footermenu>ul>li>a { font-size: 1.5rem; line-height: 1.7rem; }
    .mob_footermenu>ul:nth-child(2)>li>a { font-size: 1.3rem; line-height: 1.7rem; }
    .footer_copyright>p, .footer_copyright>p>a { font-size: 1.2rem; line-height: 1.6rem; }
    .other_menu { padding: 3rem 1.7rem 4rem 3.6rem;}
}