.footer{background-color:var(--dark-text-color);color:var(--color-white)}.footer-container{display:grid;grid-template-columns:2fr 1fr 1fr 2fr;grid-gap:40px;gap:40px}.footer-logo{width:200px}.footer-tagline{color:var(--offwhite-text-color)}.footer-socials{display:flex;flex-wrap:wrap;gap:10px}.footer-socials a{background-color:#1e2435;color:var(--color-white);padding:8px 12px;border-radius:6px}.footer-socials a:hover{background-color:var(--primary-color)}.footer-contact h4,.footer-links h4,.footer-products h4{color:var(--color-white)}.footer-links li,.footer-products li{list-style:none;margin-bottom:10px}.footer-links a,.footer-products a{color:var(--offwhite-text-color);transition:color .3s;font-weight:400}.footer-links a:hover,.footer-products a:hover{color:var(--color-white)}.footer-contact p{color:var(--offwhite-text-color)}.footer-contact p strong{color:var(--color-white)}.footer-bottom{text-align:center;padding:20px 0 0;font-size:14px;line-height:24px;border-top:1px solid rgba(66,70,82,.7)}.footer-bottom p{color:var(--offwhite-text-color)}@media (max-width:770px){.footer-container{grid-template-columns:1fr 1fr}.footer-logo{width:150px;height:60px}}@media (max-width:425px){.footer-container{grid-template-columns:1fr;gap:20px}.footer-logo{width:120px}}.container-fluid.navbar{border-bottom:1px solid var(--light-border-color);position:-webkit-sticky;position:sticky;top:0;z-index:999;background-color:var(--color-white)}.site-header{width:100%;padding:20px 0}.nav-menu a.active{color:var(--primary-color)}.site-logo img{height:55px}.menu-toggle{display:none;font-size:28px;padding:unset;background:none;color:var(--light-text-color);cursor:pointer}.nav-menu ul{list-style:none;display:flex;gap:30px}.nav-menu a{text-decoration:none;color:var(--light-text-color);font-size:16px;font-weight:500;padding:8px;transition:color .3s ease}.nav-menu a:hover{color:var(--primary-color)}@media (max-width:1050px){.site-header{padding:20px 8%}.nav-menu ul{gap:15px}.site-logo img{height:30px}}@media (max-width:770px){.site-header{padding:20px 6%}.site-header.flex-row{flex-direction:unset}.menu-toggle{display:block}.nav-menu{display:none;width:100%;background-color:var(--color-white);position:absolute;top:100%;left:0;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:99}.nav-menu ul{flex-direction:column;gap:0;margin:0}.nav-menu li{text-align:center;border-top:1px solid #eee}.nav-menu a{padding:12px}.nav-menu a,.nav-menu.active{display:block}.site-header{position:relative}}@media (max-width:450px){.site-logo img{height:40px}}