Home -

/* ================================ MINIMAL GLOBAL FOOTER ================================ */

.gcd-simple-footer { width: 100%;

background: #091D30;

color: #ffffff;

font-family: "DM Sans", Arial, sans-serif;

border-top: 1px solid rgba(255,255,255,.08); }

.gcd-simple-footer *, .gcd-simple-footer *::before, .gcd-simple-footer *::after { box-sizing: border-box; }

.gcd-footer-wrap { width: min(1200px, calc(100% - 48px));

margin: 0 auto;

padding: 46px 0 22px; }

/* ================================ TOP ROW ================================ */

.gcd-footer-top { display: grid;

grid-template-columns: 1fr auto 1fr;

align-items: center;

gap: 45px; }

/* BRAND */

.gcd-footer-brand { display: flex;

flex-direction: column;

align-items: flex-start; }

.gcd-footer-wordmark { color: #ffffff !important;

font-size: 27px;

font-weight: 800;

line-height: 1;

letter-spacing: 3.5px;

text-decoration: none !important; }

.gcd-footer-wordmark span { color: #36C6B6; }

.gcd-footer-subtitle { margin-top: 7px;

color: rgba(255,255,255,.38);

font-size: 7px;

font-weight: 700;

letter-spacing: 2.6px; }

/* NAV */

.gcd-footer-nav { display: flex;

align-items: center;

justify-content: center;

gap: 28px; }

.gcd-footer-nav a { position: relative;

color: rgba(255,255,255,.68) !important;

font-size: 12px;

font-weight: 500;

text-decoration: none !important;

transition: color .2s ease; }

.gcd-footer-nav a::after { content: "";

position: absolute;

left: 0; bottom: -6px;

width: 0;

height: 1px;

background: #36C6B6;

transition: width .25s ease; }

.gcd-footer-nav a:hover { color: #ffffff !important; }

.gcd-footer-nav a:hover::after { width: 100%; }

/* PROJECT LINK */

.gcd-footer-project { justify-self: end;

display: inline-flex !important;

align-items: center;

gap: 12px;

padding: 11px 17px !important;

border: 1px solid rgba(54,198,182,.45);

border-radius: 999px;

background: transparent !important;

color: #ffffff !important;

font-size: 11px !important;

font-weight: 700 !important;

letter-spacing: .4px;

text-decoration: none !important;

transition: background .25s ease, border-color .25s ease, transform .25s ease; }

.gcd-footer-project span { color: #36C6B6;

font-size: 15px;

transition: transform .25s ease; }

.gcd-footer-project:hover { background: rgba(54,198,182,.08) !important;

border-color: #36C6B6;

transform: translateY(-2px); }

.gcd-footer-project:hover span { transform: translate(2px,-2px); }

/* ================================ DIVIDER ================================ */

.gcd-footer-line { width: 100%;

height: 1px;

margin: 38px 0 20px;

background: rgba(255,255,255,.08); }

/* ================================ BOTTOM ROW ================================ */

.gcd-footer-bottom { display: flex;

align-items: center;

justify-content: space-between;

gap: 20px;

color: rgba(255,255,255,.32);

font-size: 9px;

letter-spacing: .5px; }

.gcd-footer-location { color: rgba(54,198,182,.66);

font-size: 8px;

font-weight: 700;

letter-spacing: 1.6px; }

/* ================================ MOBILE ================================ */

@media (max-width: 850px) {

.gcd-footer-top { grid-template-columns: 1fr;

gap: 30px; }

.gcd-footer-nav { justify-content: flex-start;

flex-wrap: wrap;

gap: 18px 24px; }

.gcd-footer-project { justify-self: start; }

}

@media (max-width: 600px) {

.gcd-footer-wrap { width: calc(100% - 36px);

padding-top: 38px; }

.gcd-footer-nav { gap: 15px 22px; }

.gcd-footer-line { margin-top: 32px; }

.gcd-footer-bottom { flex-direction: column;

align-items: flex-start;

gap: 8px; }

}

Design that makes businesses impossibleto ignore.

Design that makes
businesses impossible
to ignore.