@charset "UTF-8"; .footer {background: #1E1E1E;color: #9CA3AF;width: 100%;max-width: 1920px;margin-left: auto;margin-right: auto;font-size: 0.74375rem;line-height: 1.6806722689;padding-top: 5.3125rem;font-weight: 400; } .footer > .container h3, .footer > .container .h3 {color: var(--white);font-size: 0.95625rem;line-height: 1.8300653595;position: relative;padding-left: 0.75rem;margin-bottom: 0.625rem; } .footer > .container h3::before, .footer > .container .h3::before {content: " ";width: 0.25rem;height: calc(100% - 0.75rem);position: absolute;left: 0;top: 0.3125rem;background: var(--primary); } .footer > .container a {color: #9CA3AF; } .footer > .container ul {padding: 0;list-style-type: none; } .footer > .container ul li {margin-bottom: 0.3125rem; } .footer > .container ul li::before {content: "";display: inline-block;width: 0.875rem;height: 0.5rem;background: var(--primary);-webkit-clip-path: polygon(0 40%, 64% 40%, 64% 0, 100% 50%, 64% 100%, 64% 60%, 0 60%);clip-path: polygon(0 40%, 64% 40%, 64% 0, 100% 50%, 64% 100%, 64% 60%, 0 60%);margin-right: 0.5rem; } .footer > .container address {padding-top: 0.625rem; } .footer > .container p {display: flex;flex-direction: row;align-items: center;margin-bottom: 0.6875rem; } .footer > .container p .icon {border: solid 0.1875rem var(--primary);width: 2.5rem;height: 2.5rem;border-radius: 0.1875rem;margin-left: -0.25rem;margin-right: 0.625rem;display: flex;align-items: center;justify-content: center; } .footer > .container p .icon svg {width: auto;height: 1.375rem;color: var(--primary); } .footer > .container .brand {display: block;width: fit-content;margin-bottom: 1.1875rem; } .footer > .container .text {font-size: 0.74375rem;line-height: 1.8487394958;border-left: solid 2px var(--primary);padding-left: 1rem;max-width: 14.375rem;margin-bottom: 2.25rem; } .footer > .container .social {display: flex;flex-direction: row;align-items: center;margin-bottom: 1.5rem; } .footer > .container .social a {width: 2.5rem;height: 2.5rem;display: flex;align-items: center;justify-content: center;background: #474747;margin-right: 1rem;border-radius: 0.1875rem; } .footer > .container .social a:hover {color: var(--primary); } .footer > .container .copyright {color: #6B7280;font-size: 0.6375rem;border-top: solid 1px rgba(255, 255, 255, 0.1);margin-top: 3.9375rem;padding-top: 1.3125rem;padding-bottom: 1.3125rem;display: flex;flex-direction: row;align-items: center;justify-content: space-between; }