.footer{background-color:#121212;color:white;position:relative;z-index:1}
.footer .footer-container{display:flex;padding:clamp(2.875rem,2.396vw,2.396vw) clamp(30px,8.854vw,8.854vw) clamp(1.875rem,1.396vw,1.396vw);flex-direction:column}
.footer .footer-container *{font-family:"Source Han Sans CN ExtraLight" !important;letter-spacing:1px;font-weight:100 !important}
.footer .footer-container * .coming-soon{position:relative}
.footer .footer-container * .coming-soon:hover:after{opacity:1}
.footer .footer-container * .coming-soon:after{content:"COMING SOON";display:inline-block;position:absolute;bottom:0;right:-8px;transform:translateX(100%);color:black;background:white;line-height:1;padding:3px 4px;border-radius:999px;font-size:clamp(10px,0.521vw,0.521vw);width:max-content;opacity:0;transition:0.15s}
.footer .footer-container .title{font-size:clamp(18px,1.042vw,1.042vw);line-height:1;font-weight:400;color:#E0E0E0;margin-bottom:1rem}
.footer .footer-container .inner{display:flex;flex-direction:column}
.footer .footer-container .inner>*{color:#A0A0A0;width:fit-content;line-height:1;margin-bottom:0.6rem}
.footer .footer-container .inner>*:hover{color:#fff}
.footer .footer-container .top{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:clamp(1.8rem,1.823vw,1.823vw);margin-bottom:clamp(1.4rem,1.302vw,1.302vw);border-bottom:1px solid #6C6C6C}
@media (max-width:969px){.footer .footer-container .top{flex-direction:column;justify-content:flex-start;align-items:flex-start;row-gap:2rem}}
.footer .footer-container .top .left{display:flex;column-gap:clamp(50px,5.208vw,5.208vw)}
@media (max-width:969px){.footer .footer-container .top .left{width:100%;justify-content:space-between}}
@media (max-width:767px){.footer .footer-container .top .left{flex-wrap:wrap}}
@media (max-width:767px){.footer .footer-container .top .left .footer-col{width:calc(50% - (clamp(50px,5.208vw,5.208vw) / 2))}.footer .footer-container .top .left .footer-col:not(:last-child){margin-bottom:2rem}}
@media (max-width:565px){.footer .footer-container .top .left .footer-col{width:100%}}
.footer .footer-container .bottom{display:flex;align-items:flex-end;justify-content:space-between}
.footer .footer-container .bottom *{color:#A0A0A0;font-size:clamp(14px,0.729vw,0.729vw)}
@media (max-width:767px){.footer .footer-container .bottom{flex-direction:column;align-items:flex-start}}
.footer .social-container{display:flex;gap:20px;cursor:pointer}
@media (max-width:768px){.footer .social-container{display:flex;justify-content:center;padding:0;margin-bottom:0.4rem}}
.footer .social-container img{align-self:center;width:30px;aspect-ratio:1}
@media (max-width:768px){.footer .social-container img{width:25px}}
.footer.home-footer{background-color:transparent;color:white;position:absolute;z-index:99999;bottom:0;width:100%}
.footer.home-footer .footer-container{display:flex;margin:0 auto;justify-content:space-between;align-items:center;padding:15px 50px;row-gap:0.2rem;flex-direction:row}
.footer.home-footer .footer-container>div{width:calc(100% / 3)}
@media (max-width:768px){.footer.home-footer .footer-container>div{width:100%}}
.footer.home-footer .footer-container>div:nth-child(2){text-align:center}
@media (max-width:768px){.footer.home-footer .footer-container{flex-direction:column;padding-top:15px;padding-bottom:15px}}
.footer.home-footer .footer-container *{margin:0}
.footer.home-footer .footer-container h4{color:white;font-size:12px;font-weight:100}
@media (max-width:768px){.footer.home-footer .footer-container h4{margin:0;text-align:center}}
@media (max-width:768px){.footer.home-footer .footer-container .order-3{order:3}.footer.home-footer .footer-container .order-2{order:2}.footer.home-footer .footer-container .order-1{order:1}}
.footer.home-footer a{display:inline-flex;text-decoration:none;text-decoration-color:none !important;color:white}
.footer.home-footer .social-container{display:flex;gap:20px;cursor:pointer;justify-content:flex-end}
@media (max-width:768px){.footer.home-footer .social-container{display:flex;justify-content:center;padding:0;margin-bottom:0.4rem}}
.footer.home-footer .social-container img{align-self:center;width:30px;aspect-ratio:1}
@media (max-width:768px){.footer.home-footer .social-container img{width:25px}}