.footer {background: #282828;position: relative;margin-top: 2.7777777778rem;width: 100%;max-width: 1920px;margin-left: auto;margin-right: auto; } .footer .list {min-height: 19.4444444444rem;border-bottom: solid 1px rgba(67, 67, 67, 0.2);padding-top: 2.2222222222rem;margin-bottom: 0.5555555556rem; } @media (max-width: 991.98px) {.footer .list {padding-top: 1.6666666667rem;} } @media (max-width: 575.98px) {.footer .list {padding-bottom: 0.7777777778rem;min-height: 1.6666666667rem;} } .footer .list .row {margin-bottom: 1.6666666667rem; } .footer .list .row .col {margin-bottom: 1.6666666667rem; } .footer .list .logo {max-width: 100%;height: auto;display: block; } @media (max-width: 575.98px) {.footer .list .logo {margin-left: auto;margin-right: auto;margin-bottom: 1.1111111111rem;} } .footer .list .col-nav {padding: 0 1.1111111111rem 0 1.1111111111rem; } .footer .list .col-nav::before {content: " ";border-left: solid 1px #909ba4;position: absolute;height: 100%;left: -0.4444444444rem; } .footer .list .social {display: flex;flex-direction: column;align-items: flex-start;gap: 0.5555555556rem; } @media (max-width: 575.98px) {.footer .list .social {justify-content: center;} } .footer .list .social .btn {color: var(--white);position: relative;padding: 0;font-weight: normal; } .footer .list .social .btn svg {z-index: 1;width: auto;height: 1.2222222222rem;color: var(--primary);margin-right: 0.5555555556rem;transition: transform, color 0.25s; } @media (max-width: 767.98px) {.footer .list .social .btn svg {height: 1.6666666667rem;} } .footer .list .social .btn:hover svg {color: var(--white);transform: scale(1.1); } .footer .list .col-map {position: relative; } @media (max-width: 991.98px) {.footer .list .col-map {display: none;} } .footer .list .col-map h2 {color: var(--secondary);font-size: 1.6111111111rem;font-weight: 600; } .footer .list .col-map .card {background: var(--white);position: absolute;padding: 1.3333333333rem;top: -3.3333333333rem;width: 100%;border: 0;box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.2); } @media (max-width: 1919.98px) {.footer .list .col-map .card {right: 1.1111111111rem;} } .footer .list h3, .footer .list .h3 {color: var(--white);font-size: 1.1111111111rem;font-weight: 600;margin-bottom: 2.5rem;padding-top: 0.4444444444rem;position: relative; } @media (max-width: 767.98px) {.footer .list h3, .footer .list .h3 {font-size: 1.3333333333rem;} } .footer .list h3::after, .footer .list .h3::after {content: " ";position: absolute;width: 1.2222222222rem;height: 0.1666666667rem;background: var(--primary);bottom: -0.8333333333rem;left: 0; } .footer .list p {color: var(--white);font-size: 0.8888888889rem; } @media (max-width: 767.98px) {.footer .list p {font-size: 1.1111111111rem;} } .footer .list .footer-address, .footer .list .footer-phone, .footer .list .footer-email {display: flex;align-items: center;gap: 0.5555555556rem; } .footer .list .footer-address a, .footer .list .footer-phone a, .footer .list .footer-email a {color: var(--white);text-decoration: none; } .footer .list .footer-address svg, .footer .list .footer-phone svg, .footer .list .footer-email svg {color: var(--primary);width: auto;height: 1.2222222222rem; } .footer .list .footer-address p, .footer .list .footer-phone p, .footer .list .footer-email p {margin-bottom: 0; } .footer .list .footer-address {margin-bottom: 0.8888888889rem; } .footer .list .nav {flex-direction: column; } .footer .list .nav .nav-link {font-size: 0.7777777778rem;padding: 0;color: var(--white);margin-bottom: 0.8888888889rem; } @media (max-width: 575.98px) {.footer .list .nav {display: none;} } .footer .navbar {flex-direction: column;padding: 0;align-items: flex-start; } .footer .navbar .nav-link {color: var(--white);font-size: 0.8888888889rem;margin-bottom: 0.3333333333rem;padding: 0; } @media (max-width: 767.98px) {.footer .navbar .nav-link {font-size: 1.1111111111rem;} } .footer .copyright {color: var(--white);font-size: 0.6666666667rem;text-align: center; }