@charset "UTF-8"; .footer {background: #1E1E1E;color: #9CA3AF;width: 100%;max-width: 1920px;margin-left: auto;margin-right: auto;font-size: 0.7777777778rem;line-height: 1.6806722689;padding-top: 5.5555555556rem;font-weight: 400; } .footer > .container h3, .footer > .container .h3 {color: var(--white);font-size: 1rem;line-height: 1.8300653595;position: relative;padding-left: 0.7843137255rem; } .footer > .container h3::before, .footer > .container .h3::before {content: " ";width: 0.2614379085rem;height: calc(100% - 0.7843137255rem);position: absolute;left: 0;top: 0.3267973856rem;background: var(--primary); } .footer > .container a {color: #9CA3AF; } .footer > .container ul {padding: 0;list-style-type: none; } .footer > .container ul li {margin-bottom: 0.3267973856rem; } .footer > .container ul li::before {content: "🡪";color: var(--primary);font-size: 1.045751634rem;font-weight: 900;margin-right: 0.522875817rem; } .footer > .container p {display: flex;flex-direction: row;align-items: center;margin-bottom: 0.7189542484rem; } .footer > .container p .icon {border: solid 0.1960784314rem var(--primary);width: 2.614379085rem;height: 2.614379085rem;border-radius: 0.1960784314rem;margin-left: -0.2614379085rem;margin-right: 0.6535947712rem;display: flex;align-items: center;justify-content: center; } .footer > .container p .icon svg {width: auto;height: 1.4379084967rem;color: var(--primary); } .footer > .container .brand {display: block;width: fit-content;margin-bottom: 1.2418300654rem; } .footer > .container .text {font-size: 0.7777777778rem;line-height: 1.8487394958;border-left: solid 2px var(--primary);padding-left: 1.045751634rem;max-width: 15.0326797386rem;margin-bottom: 2.3529411765rem; } .footer > .container .social {display: flex;flex-direction: row;align-items: center; } .footer > .container .social a {width: 2.614379085rem;height: 2.614379085rem;display: flex;align-items: center;justify-content: center;background: #474747;margin-right: 1.045751634rem;border-radius: 0.1960784314rem; } .footer > .container .social a:hover {color: var(--primary); } .footer > .container .copyright {color: #6B7280;font-size: 0.6666666667rem;border-top: solid 1px rgba(255, 255, 255, 0.1);margin-top: 4.1176470588rem;padding-top: 1.3725490196rem;padding-bottom: 1.3725490196rem;display: flex;flex-direction: row;align-items: center;justify-content: space-between; }