:root{--zero: 0;--xxs: 375px;--xs: 450px;--sm: 769px;--md: 980px;--lg: 1025px;--xl: 1100px;--2xl: 1280px;--3xl: 1440px;--4xl: 1920px}@media screen and (min-width: 980px){.md-max{display:none}}.footer{position:relative;z-index:1;width:100%;background:var(--black);--color: var(--white);padding:40px 24px}.footer-inner{margin:0 auto;display:flex}@media screen and (max-width: 979px){.footer-inner{flex-direction:column;gap:40px}}@media screen and (min-width: 980px){.footer-inner{flex-wrap:wrap;justify-content:space-between}}.footer .nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:32px}@media screen and (min-width: 980px){.footer .nav{width:100%}}@media screen and (max-width: 979px){.footer .nav{flex-direction:column;align-items:center;text-align:center}}@media screen and (min-width: 980px){.footer .nav>div{width:calc(100% / 3 - 2*32px / 3)}}@media screen and (min-width: 1025px){.footer .nav>div{width:calc(20% - 25.6px)}}.footer #menu-footer{display:flex;justify-content:center;list-style:none;padding-left:0}.footer a:hover{-webkit-text-decoration:underline;text-decoration:underline}.footer .nav .menu>li:first-child{margin-bottom:24px}.footer .nav .menu>li:first-child a{font-family:var(--font-primary);font-weight:400;font-size:18px;color:var(--beige)}.footer .nav .menu>li:not(:first-child) a{font-family:var(--font-primary);font-weight:300;font-size:14px;color:var(--beige-60)}.footer .legal{border-top:1px solid var(--beige-60);padding-top:40px;margin-top:40px;display:flex;justify-content:space-between}@media screen and (max-width: 979px){.footer .legal{gap:16px;flex-direction:column}}.footer .legal .menu{display:flex;gap:24px}@media screen and (max-width: 979px){.footer .legal .menu{text-align:center;align-items:center;flex-direction:column;gap:16px}}.footer .legal a,.footer .legal p{font-family:var(--font-primary);font-weight:400;font-size:16px;color:var(--beige);text-align:center}.footer .logo{display:flex;gap:16px;margin-top:16px}@media screen and (max-width: 979px){.footer .logo{order:-1;justify-content:center}}.footer .logo a{color:var(--beige);font-size:20px}.footer-social{--i-w: 40px;--i-h: 40px;display:flex;gap:24px}@media screen and (max-width: 979px){.footer-social{justify-content:center;align-items:flex-end}}.footer-social a{color:var(--beige);font-size:20px;transition:color .3s ease}.footer-social a:hover{color:var(--blue)}.footer .icon-youtube,.footer .icon-linkedin{width:calc(var(--i-w) * 1.25);height:calc(var(--i-h) * 1.25);transform:translateY(-4px)}
