footer{background-color: var(--primary); color: var(--white); }
.footer-nav {text-align: left;  display: flex;column-gap:125px; width: 100%;}
.footer-cnt{display: grid;   align-items: center;  padding-top: 62px;  padding-bottom: 62px;  grid-template-columns: 1fr 248px;gap: 215px;}
.footer-nav ul {display: flex;justify-content: center;align-items: start;gap: 17px; flex-wrap: wrap;flex-direction: column;}
.footer-nav ul li a{font-size: 16px;color: var(--white);line-height: 150%;}
.footer-brands{text-align: center; padding-bottom: 88px;}
.footer-brands h4{font-size: 27px; margin-bottom: 24px; color: var(--primary-p2);}
.footer-nav .title{margin-bottom:24px;font-size: 18px; font-weight: 700;}
.ftbrands div{display: flex;justify-content: center;align-items: center;gap: 48px;}
.ftbrands a{opacity: 0.7;  transition: all 0.1s ease;}
.ftbrands a:hover{opacity: 1;  transition: all 0.2s ease;}
.ftbrands img{width: auto;}
.footer-bloginfo{display: flex;justify-content: space-between;align-items: center;gap: 24px;}
.ftpolicy ul{display: flex;justify-content: right;align-items: center;gap: 24px;}
.ftpolicy ul li a,.ftpolicy ul li{font-size: 14px; color: var(--primary); cursor: pointer;}
.footer-bloginfo-section{ padding-bottom: 24px;}
.footer-animate{max-width: 280px;right: 10%;top: -1px;}
.footer-privacy a{color: var(--white);line-height: 150%;}
.footer-privacy ul{display: flex; gap: 19px;}
.footer-bloginfo{border-top: 1px solid rgba(255, 255, 255, 0.20); padding-top: 24px;}
.footer-social>a img{max-width: 248px;}
.footer-social ul{display: flex; gap:32px; margin-top: 57px;}
.footer-social ul img{width: auto;}
.footer-social ul li a span::before{color: var(--white);font-size: 24px;}
.footer-bloginfo p{line-height: 150%;}
.footer-bloginfo a{color: var(--white);}


@media(min-width: 769px) {
.footer-nav ul li a{position: relative;}
.footer-nav ul li a::after {content: "";  position: absolute; left: 0; bottom: -4px; width: 0; height: 1px; background-color: var(--light-blue); transition: width 0.3s ease;}
.footer-nav ul li a:hover:after { width: 100%;}
.legal{display: none;}
.footer-social ul li a:hover span::before{color: var(--light-blue);}
.footer-bloginfo a:hover{color: var(--light-blue);}
.footer-privacy a:hover{color: var(--light-blue);}
.ftpolicy ul li a:hover,.ftpolicy ul li:hover{color: var(--secondary);}
.footer-nav ul li a:hover{color: var(--light-blue);}
}
@media (min-width:1900px){
.footer-animate {right: 21%;}
}
@media only screen and (max-width: 1180px) {
.footer-animate {right: -10%;}
}
@media only screen and (max-width:1024px) {
.footer-animate {right: -10%;}    
}

@media only screen and (max-width: 480px) {
.footer-nav-block{border-bottom: 1px solid rgba(255,255,255,0.10);margin-bottom: 24px;}
.footer-nav-block ul {display: none;}
.footer-nav-block.active ul {display: block;}
.footer-nav-block ul li{margin-bottom: 17px;}
.ftbrands div{gap: 16px;}
.footer-bloginfo{padding-bottom: 0;display: block;}
.footer-bloginfo p{line-height: 140%;}
.ftpolicy ul{flex-wrap: wrap; justify-content: left; column-gap: 24px; row-gap: 8px;}
.footer-cnt{flex-direction: column; padding-top:12px;padding-bottom: 0px;grid-template-columns: 1fr;gap: 0px;}
.footer-nav {display: grid;grid-template-columns:1fr;column-gap: 48px; margin-top: 0; order: 2;margin-bottom: 0px;}
.footer-cnt>div svg{width: 98px;}
.footer-animate{display: none;}
.footer-privacy{display: none;}
.footer-bloginfo-section {padding-bottom: 0px;}
.footer-social{margin-bottom: 60px; margin-top: 30px;text-align: center;}
.footer-social>img{max-width: 248px;}
.footer-nav .title{position: relative;}
.footer-nav .title:after {content: "\e914";font-family: 'icomoon' !important;font-size: 14px;position: absolute;right:0;top: 2px;display: inline-block;transition: transform 0.50s ease; }
.footer-nav-block.active .title:after {transform: rotate(180deg);}
.footer-bloginfo{border-top: 0px solid rgba(255, 255, 255, 0.20); padding-top:0px;}
.footer-bloginfo-section {padding-top: 0px;padding-bottom: 24px;}
.footer-social ul{justify-content: center;}
.about-who-we-cnt img{border-radius: 10px 10px 0 0;}
}