.footer {background: linear-gradient(168.318deg, #101828 0%, #1e2939 100%);color: rgba(255, 255, 255, 0.85);}
.footer .container-xl {max-width: 1620px;padding: 80px 24px 0;}
.footer__main {display: grid;grid-template-columns: 357px 357px 357px 357px;gap: 48px;margin-bottom: 0;justify-content: start;}
.footer__logo {width: 191px;height: 51px;object-fit: contain;display: block;}
.footer__brand-desc {font-size: 16px;font-weight: 400;color: #99a1af;line-height: 24px;max-width: 357px;padding-top: 16px;margin: 0;}
.footer__social {display: flex;gap: 12px;padding-top: 16px;}
.footer__social-link {display: flex;align-items: center;justify-content: center;width: 44px;height: 44px;background-color: #1e2939;color: rgba(255, 255, 255, 0.6);font-size: 18px;border-radius: 50%;transition: all var(--transition-fast);}
.footer__social-link:hover {color: var(--color-accent);background-color: rgba(255, 255, 255, 0.1);}
.footer__col-title {font-size: 18px;font-weight: 600;color: #ffffff;line-height: 27px;margin: 0 0 16px 0;}
.footer__links {display: flex;flex-direction: column;gap: 12px;}
.footer__links a {font-size: 16px;font-weight: 400;color: #99a1af;line-height: 24px;transition: color var(--transition-fast), transform var(--transition-fast);display: inline-block;}
.footer__links a:hover {color: var(--color-accent);transform: translateX(4px);}
.footer__contact-list {display: flex;flex-direction: column;gap: 12px;padding-top: 0;}
.footer__contact-list li {display: flex;gap: 8px;align-items: flex-start;}
.footer__contact-list li i {font-size: 20px;color: rgba(255, 255, 255, 0.5);flex-shrink: 0;width: 20px;text-align: center;}
.footer__contact-list li span {font-size: 16px;font-weight: 400;color: #99a1af;line-height: 24px;}
.footer__bottom {display: flex;justify-content: space-between;align-items: center;padding: 33px 0;border-top: 1px solid #1e2939;margin-top: 48px;}
.footer__copyright {font-size: 14px;font-weight: 400;color: #99a1af;margin: 0;}
.footer__legal {display: flex;gap: 24px;}
.footer__legal a {font-size: 14px;font-weight: 400;color: #99a1af;transition: color var(--transition-fast);}
.footer__legal a:hover {color: var(--color-accent);}
@media (max-width: 1400px) {
	.footer__main {grid-template-columns: 357px 1fr 1fr 1fr;gap: 32px;}
}
@media (max-width: 1200px) {
	.footer__main {grid-template-columns: 1fr 1fr;gap: 40px;}
}
@media (max-width: 992px) {
	.footer__main {grid-template-columns: 1fr 1fr;gap: 32px;}
}
@media (max-width: 768px) {
	.footer__main {grid-template-columns: 1fr;gap: 32px;}
	.footer__bottom {flex-direction: column;gap: 12px;text-align: center;}
}

@media (max-width: 576px) {
	.footer__legal {gap: 10px;align-items: center;}
}