:root {
  --color-tiffany:#81d8d0;
  --color-tiffany-light:#dff6f3;
  --color-tiffany-pale:#f0fbf9;
  --color-tiffany-dark:#2f7773;
  --color-white:#fff;
  --color-surface:#f5f9f8;
  --color-ink:#071817;
  --color-muted:#657876;
  --color-line:rgba(7,24,23,.13);
}

::selection {
  color:var(--color-ink);
  background:var(--color-tiffany);
}

/* ================================================================
   DIGIFACE — Tiffany / white art direction
   Shared by the English and Arabic experiences.
   ================================================================ */

html,
body {
  background:var(--color-white);
  color:var(--color-ink);
}

body {
  --df-black:var(--color-ink);
  --df-surface:var(--color-surface);
  --df-ivory:var(--color-white);
  --df-muted:var(--color-muted);
  --df-line:var(--color-line);
}

/* Navigation */
.premium-navbar {
  border-color:rgba(115,214,207,.28) !important;
  background:rgba(5,15,15,.94) !important;
  box-shadow:0 18px 55px rgba(7,24,23,.16) !important;
  color:var(--color-white) !important;
}

.premium-navbar::before {
  background:linear-gradient(90deg,transparent,rgba(115,214,207,.55),transparent) !important;
}
.premium-navbar .nav-brand img {
  opacity:1 !important;
  filter:none !important;
}
.premium-navbar .nav-links a,
.premium-navbar .lang-switch { color:rgba(255,255,255,.78) !important; }
.premium-navbar .nav-links a:hover,
.premium-navbar .nav-links a.is-current:not(.nav-cta) {
  background:rgba(115,214,207,.12) !important;
  color:var(--color-tiffany) !important;
}
.premium-navbar .nav-cta {
  border-color:var(--color-tiffany) !important;
  background:var(--color-tiffany) !important;
  color:var(--color-ink) !important;
}
.premium-navbar .nav-cta:hover { background:var(--color-white) !important; color:var(--color-ink) !important; }
.premium-navbar .lang-switch { border-color:rgba(255,255,255,.2) !important; }
.premium-navbar .menu-toggle {
  border-color:rgba(115,214,207,.25) !important;
  background:rgba(115,214,207,.1) !important;
  color:var(--color-white) !important;
}
.premium-navbar .menu-toggle span { background:currentColor !important; }

/* About — quiet, editorial white */
.about-section {
  background:
    radial-gradient(circle at 82% 22%,rgba(129,216,208,.22),transparent 30%),
    var(--color-white) !important;
  color:var(--color-ink) !important;
}
.about-title,
.about-description,
.about-card h3 { color:var(--color-ink) !important; }
.about-label,
.brand-pillar-label { color:var(--color-tiffany-dark) !important; }
.about-card {
  border-color:rgba(47,119,115,.18) !important;
  background:rgba(240,251,249,.72) !important;
  box-shadow:0 18px 55px rgba(47,119,115,.07);
}
.about-card p { color:var(--color-muted) !important; }

/* Services — confident Tiffany signature */
.services-section {
  background:var(--color-tiffany) !important;
  color:var(--color-ink) !important;
}
.services-section::after {
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent) !important;
}
.services-marquee { border-color:rgba(7,24,23,.13) !important; }
.marquee-track span,
.services-header h2 { color:var(--color-ink) !important; }
.services-header p { color:var(--color-tiffany-dark) !important; }

.service-details-section {
  background:
    linear-gradient(rgba(47,119,115,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(47,119,115,.055) 1px,transparent 1px),
    var(--color-white) !important;
  background-size:72px 72px !important;
  color:var(--color-ink) !important;
}
.service-details-section::before { opacity:.35; }
.service-details-header p,
.service-detail-card > span { color:var(--color-tiffany-dark) !important; }
.service-details-header h2,
.service-detail-card h3 { color:var(--color-ink) !important; }
.service-detail-card {
  border-color:rgba(47,119,115,.16) !important;
  background:rgba(240,251,249,.74) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 20px 55px rgba(47,119,115,.07) !important;
}
.service-detail-card::after { background:linear-gradient(245deg,transparent 25%,rgba(129,216,208,.38),transparent 70%) !important; }
.service-detail-card p { color:var(--color-muted) !important; }

/* Reach — immersive ink with Tiffany data accents */
.reach-section {
  background:
    radial-gradient(circle at 74% 48%,rgba(129,216,208,.15),transparent 30%),
    var(--color-ink) !important;
  color:var(--color-white) !important;
}
.reach-bg { opacity:.16 !important; filter:hue-rotate(115deg) saturate(.7); }
.reach-label,
.reach-progress span,
.reach-point.active > span { color:var(--color-tiffany) !important; }
.reach-text h2 { color:var(--color-white) !important; }
.reach-description,
.reach-points p,
.reach-progress { color:rgba(223,246,243,.66) !important; }
.reach-point { border-color:rgba(129,216,208,.13) !important; }
.reach-point::before { background:var(--color-tiffany) !important; }
.reach-point.active { border-color:rgba(129,216,208,.55) !important; }
.reach-point strong { color:var(--color-white) !important; }
.reach-globe-wrap::before { border-color:rgba(129,216,208,.14) !important; }
.reach-globe-wrap::after { border-color:rgba(129,216,208,.24) !important; }
.globe-caption span { background:var(--color-tiffany) !important; }

/* Philosophy — pure white canvas with cursor inversion retained */
.statement-video-section { background:var(--color-white) !important; color:var(--color-ink) !important; }
.statement-video-overlay { background:linear-gradient(to bottom,rgba(255,255,255,.08),rgba(255,255,255,.45)) !important; }
.statement-grain { opacity:.025 !important; }
.statement-kicker { color:var(--color-tiffany-dark) !important; }
.statement-video-text { color:var(--color-ink) !important; }
.statement-subtitle { color:var(--color-muted) !important; }
.statement-invert-field { background:var(--color-ink) !important; }
.statement-video-section.is-invert-active .statement-content { color:var(--color-white); }

/* Work — gallery on a pale Tiffany surface */
.work-section {
  background:
    radial-gradient(circle at 8% 8%,rgba(129,216,208,.32),transparent 25%),
    var(--color-tiffany-pale) !important;
  color:var(--color-ink) !important;
}
.work-header { border-color:rgba(47,119,115,.18) !important; }
.work-header > div > p,
.project-info > span,
.project-count { color:var(--color-tiffany-dark) !important; }
.work-header h2,
.project-info h3 { color:var(--color-ink) !important; }
.work-header-text p,
.project-info > p { color:var(--color-muted) !important; }
.work-header-text span,
.project-line { background:var(--color-tiffany-dark) !important; }
.premium-work-slider {
  border-color:rgba(47,119,115,.18) !important;
  background:var(--color-white) !important;
  box-shadow:0 35px 90px rgba(47,119,115,.12) !important;
}
.project-tags span { border-color:rgba(47,119,115,.2) !important; color:var(--color-tiffany-dark) !important; background:var(--color-tiffany-pale) !important; }
.project-btn { border-color:var(--color-ink) !important; background:var(--color-ink) !important; color:var(--color-white) !important; }
.project-btn:hover { border-color:var(--color-tiffany-dark) !important; background:var(--color-tiffany) !important; color:var(--color-ink) !important; }
.slider-controls button { border-color:rgba(7,24,23,.15) !important; background:var(--color-tiffany-pale) !important; color:var(--color-ink) !important; }
.slider-controls button:hover { background:var(--color-tiffany) !important; }

/* The project itself stays cinematic inside the pale gallery frame. */
.project-panel .project-info > span,
.project-panel .project-count { color:var(--color-tiffany) !important; }
.project-panel .project-info h3 { color:var(--color-white) !important; }
.project-panel .project-info > p { color:rgba(223,246,243,.68) !important; }
.project-panel .project-line { background:var(--color-tiffany) !important; }
.project-panel .project-tags span {
  border-color:rgba(129,216,208,.38) !important;
  background:rgba(7,24,23,.62) !important;
  color:var(--color-tiffany-light) !important;
}
.project-panel .project-btn {
  border-color:var(--color-tiffany) !important;
  background:var(--color-tiffany) !important;
  color:var(--color-ink) !important;
}

/* Process — Tiffany field, ink typography */
.process-section {
  background:
    radial-gradient(circle at 50% 0,rgba(255,255,255,.38),transparent 35%),
    var(--color-tiffany) !important;
  color:var(--color-ink) !important;
}
.process-heading > p,
.process-grid span { color:var(--color-tiffany-dark) !important; }
.process-heading h2,
.process-grid h3 { color:var(--color-ink) !important; }
.process-wave-base { stroke:rgba(7,24,23,.18) !important; }
.process-wave-active { stroke:var(--color-white) !important; filter:drop-shadow(0 0 7px rgba(255,255,255,.5)) !important; }
.process-wave circle { fill:var(--color-tiffany) !important; stroke:var(--color-white) !important; }
.process-grid article { border-color:rgba(7,24,23,.14) !important; }
.process-grid p { color:rgba(7,24,23,.65) !important; }

/* Project form — focused ink terminal */
.booking-section {
  background:
    radial-gradient(circle at 75% 20%,rgba(129,216,208,.14),transparent 30%),
    var(--color-ink) !important;
  color:var(--color-white) !important;
}
.booking-section::after { background:linear-gradient(90deg,transparent,rgba(129,216,208,.2),transparent) !important; }
.booking-kicker { color:var(--color-tiffany) !important; }
.booking-heading { color:var(--color-white) !important; }
.terminal-box { border-color:rgba(129,216,208,.22) !important; background:#0a2220 !important; box-shadow:0 35px 100px rgba(0,0,0,.42),0 0 70px rgba(129,216,208,.08) !important; }
.terminal-top { border-color:rgba(129,216,208,.14) !important; }
.terminal-prefix,
#terminal-step { color:var(--color-tiffany) !important; }
#terminal-input { border-color:rgba(129,216,208,.28) !important; color:var(--color-white) !important; }
#terminal-input:focus { border-color:var(--color-tiffany) !important; }
.terminal-actions button:last-child { background:var(--color-tiffany) !important; color:var(--color-ink) !important; }
.progress-fill { background:var(--color-tiffany) !important; }

/* Contact — white conversion area, ink footer */
.contact-section { background:var(--color-white) !important; color:var(--color-ink) !important; }
.contact-label { color:var(--color-tiffany-dark) !important; }
.contact-heading { color:var(--color-ink) !important; }
.contact-text { color:var(--color-muted) !important; }
.contact-links a { border-color:rgba(7,24,23,.16) !important; color:var(--color-ink) !important; background:var(--color-tiffany-pale) !important; }
.contact-links a:hover { background:var(--color-tiffany) !important; color:var(--color-ink) !important; }
.footer {
  border-color:rgba(129,216,208,.16) !important;
  background:var(--color-ink) !important;
  color:var(--color-white) !important;
}
.footer-brand p,
.footer-column a,
.footer-bottom a { color:var(--color-white) !important; }
.footer-brand span,
.footer-column span,
.footer-bottom p { color:rgba(223,246,243,.55) !important; }
.footer-column > p,
.footer-credential-copy > span { color:var(--color-tiffany) !important; }
.footer-column a:hover,
.footer-bottom a:hover { color:var(--color-tiffany) !important; }
.footer-credentials,
.footer-bottom { border-color:rgba(129,216,208,.16) !important; }
.footer-credential { border-color:rgba(129,216,208,.22) !important; background:rgba(129,216,208,.07) !important; }
.footer-credential-copy > strong { color:var(--color-white) !important; }

/* Persistent controls */
.back-to-top {
  border-color:rgba(7,24,23,.15) !important;
  background:var(--color-tiffany) !important;
  color:var(--color-ink) !important;
  box-shadow:0 15px 40px rgba(47,119,115,.18);
}
.back-to-top:hover { background:var(--color-ink) !important; color:var(--color-white) !important; }
.concierge-button { border-color:rgba(47,119,115,.2) !important; background:var(--color-white) !important; color:var(--color-ink) !important; }
.concierge-button:hover { background:var(--color-tiffany) !important; }

@media (max-width:900px) {
  .premium-navbar { background:rgba(5,15,15,.97) !important; }
  .about-card,
  .service-detail-card { box-shadow:none !important; }
}

/* ================================================================
   Professional agency refinement
   Neutral-first, image-led and editorial. Tiffany is an accent,
   never a section fill.
   ================================================================ */

:root {
  --color-tiffany:#73d6cf;
  --color-tiffany-light:#dff5f2;
  --color-tiffany-pale:#f3faf9;
  --color-tiffany-dark:#247d77;
  --color-white:#ffffff;
  --color-surface:#f4f4f0;
  --color-ink:#090d0c;
  --color-muted:#66706e;
  --color-line:rgba(9,13,12,.14);
}

/* The page reads as one restrained editorial system. */
.showcase-intro {
  background:
    radial-gradient(circle at 50% 42%,rgba(115,214,207,.13),transparent 30%),
    #f7f8f5 !important;
}

.about-section {
  background:
    linear-gradient(90deg,transparent 49.96%,rgba(9,13,12,.055) 50%,transparent 50.04%),
    #f4f4f0 !important;
}
.about-card {
  border-color:rgba(9,13,12,.13) !important;
  background:transparent !important;
  box-shadow:none !important;
}
.about-card:hover { background:var(--color-white) !important; }

/* A single dark manifesto moment replaces the full Tiffany band. */
.services-section {
  background:
    radial-gradient(circle at 82% 28%,rgba(115,214,207,.12),transparent 26%),
    var(--color-ink) !important;
  color:var(--color-white) !important;
}
.services-section::after {
  background:linear-gradient(90deg,transparent,rgba(115,214,207,.24),transparent) !important;
}
.services-marquee { border-color:rgba(255,255,255,.09) !important; }
.marquee-track span { color:rgba(255,255,255,.10) !important; }
.services-header h2 { color:var(--color-white) !important; }
.services-header p { color:var(--color-tiffany) !important; }

.service-details-section {
  background:
    linear-gradient(rgba(9,13,12,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(9,13,12,.035) 1px,transparent 1px),
    var(--color-white) !important;
  background-size:88px 88px !important;
}
.service-detail-card {
  border-color:rgba(9,13,12,.12) !important;
  background:rgba(255,255,255,.82) !important;
  box-shadow:none !important;
}
.service-detail-card:hover {
  border-color:var(--color-tiffany-dark) !important;
  background:var(--color-tiffany-pale) !important;
}
.service-detail-card::after { background:linear-gradient(245deg,transparent 35%,rgba(115,214,207,.18),transparent 72%) !important; }

/* Geographic/data content earns a cinematic dark surface. */
.reach-section {
  background:
    radial-gradient(circle at 72% 48%,rgba(115,214,207,.09),transparent 27%),
    #080c0b !important;
}

.statement-video-section { background:#f4f4f0 !important; }
.statement-video-overlay { background:linear-gradient(to bottom,rgba(244,244,240,.08),rgba(244,244,240,.4)) !important; }

/* Work is image-first: the surrounding canvas recedes. */
.work-section {
  background:#f4f4f0 !important;
  color:var(--color-ink) !important;
}
.premium-work-slider {
  border-color:rgba(9,13,12,.14) !important;
  background:#0a0d0c !important;
  box-shadow:0 28px 75px rgba(9,13,12,.16) !important;
}
.work-header-text span { background:var(--color-tiffany-dark) !important; }

/* Process returns to white; color only communicates progress. */
.process-section {
  background:
    radial-gradient(circle at 78% 12%,rgba(115,214,207,.11),transparent 24%),
    var(--color-white) !important;
  color:var(--color-ink) !important;
  border-top:1px solid rgba(9,13,12,.1);
}
.process-heading > p,
.process-grid span { color:var(--color-tiffany-dark) !important; }
.process-wave-base { stroke:rgba(9,13,12,.14) !important; }
.process-wave-active {
  stroke:var(--color-tiffany-dark) !important;
  filter:drop-shadow(0 0 5px rgba(115,214,207,.3)) !important;
}
.process-wave circle { fill:var(--color-white) !important; stroke:var(--color-tiffany-dark) !important; }
.process-grid article { border-color:rgba(9,13,12,.12) !important; }

.booking-section {
  background:
    radial-gradient(circle at 76% 23%,rgba(115,214,207,.10),transparent 27%),
    #090d0c !important;
}
.terminal-box {
  border-color:rgba(115,214,207,.2) !important;
  background:#0d1513 !important;
  box-shadow:0 35px 90px rgba(0,0,0,.38) !important;
}

.contact-section { background:#f4f4f0 !important; }
.contact-links a {
  border-color:rgba(9,13,12,.18) !important;
  background:transparent !important;
}
.contact-links a:hover { border-color:var(--color-tiffany-dark) !important; background:var(--color-tiffany) !important; }
.footer { background:#090d0c !important; }

/* Tiffany is most visible where an action or status needs attention. */
.showcase-enter,
.premium-navbar .nav-cta,
.back-to-top,
.terminal-actions button:last-child { background:var(--color-tiffany) !important; }
.showcase-enter:hover,
.premium-navbar .nav-cta:hover,
.back-to-top:hover { background:var(--color-ink) !important; color:var(--color-white) !important; }

@media (max-width:900px) {
  .about-section { background:#f4f4f0 !important; }
  .service-details-section { background-size:54px 54px !important; }
}

/* ================================================================
   Turquoise / black / white final identity
   ================================================================ */

:root {
  --color-tiffany:#20c9c3;
  --color-tiffany-light:#c9f5f2;
  --color-tiffany-pale:#effbfa;
  --color-tiffany-dark:#087f7d;
  --color-surface:#fff;
}

.showcase-intro,
.about-section,
.service-details-section,
.statement-video-section,
.work-section,
.process-section,
.contact-section { background-color:#fff !important; }

.showcase-intro {
  background:
    radial-gradient(circle at 50% 42%,rgba(32,201,195,.11),transparent 30%),
    #fff !important;
}
.about-section {
  background:
    linear-gradient(90deg,transparent 49.96%,rgba(0,0,0,.05) 50%,transparent 50.04%),
    #fff !important;
}
.work-section,
.contact-section { background:#fff !important; }

/* True cursor inversion: white source type becomes black on the
   white canvas and white again over the black cursor field. */
.statement-video-section {
  background:#fff !important;
  color:#fff !important;
}
.statement-video-overlay { background:#fff !important; }
.statement-invert-field { background:#000 !important; }
.statement-content {
  color:#fff !important;
  mix-blend-mode:difference !important;
}
.statement-content .statement-kicker,
.statement-content .statement-video-text,
.statement-content .statement-video-text > span,
.statement-content .statement-subtitle {
  color:#fff !important;
}
.statement-content .statement-kicker { opacity:.62; }
.statement-content .statement-subtitle { opacity:.7; }

/* Full-bleed agency footer: turquoise is the closing brand signature. */
.contact-section { overflow:visible !important; }
.footer {
  position:relative;
  width:calc(100% + 12vw) !important;
  margin:clamp(6rem,10vw,10rem) -6vw -2rem !important;
  padding:clamp(4.5rem,7vw,7rem) 6vw 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:var(--color-tiffany) !important;
  color:#000 !important;
  box-shadow:none !important;
}

.footer::before {
  content:"DIGITAL EXPERIENCES, BUILT WITH INTENTION.";
  display:block;
  max-width:1100px;
  margin:0 0 clamp(4rem,7vw,7rem);
  color:#000;
  font-size:clamp(2.8rem,7vw,7.3rem);
  font-weight:700;
  line-height:.86;
  letter-spacing:-.065em;
}

html[dir="rtl"] .footer::before {
  content:"تجارب رقمية، نصنعها بقصد ووضوح.";
  max-width:900px;
  line-height:1.08;
  letter-spacing:-.045em;
}

.footer-main {
  grid-template-columns:minmax(280px,1.35fr) minmax(170px,.55fr) minmax(250px,.8fr) !important;
  gap:clamp(3rem,7vw,8rem) !important;
  padding:0 0 clamp(4rem,6vw,6rem) !important;
  border-top:1px solid rgba(0,0,0,.22);
  padding-top:2rem !important;
}
.footer-brand img {
  width:min(230px,72%) !important;
  margin:0 0 2rem !important;
  filter:none !important;
}
.footer-brand p {
  max-width:290px;
  color:#000 !important;
  font-size:1.05rem !important;
}
.footer-brand span,
.footer-column span { color:rgba(0,0,0,.58) !important; }
.footer-column > p {
  color:#000 !important;
  font-weight:800 !important;
  letter-spacing:.14em !important;
}
.footer-column a,
.footer-bottom a {
  color:#000 !important;
  font-weight:520;
}
.footer-column a:hover,
.footer-bottom a:hover {
  color:#000 !important;
  text-decoration:underline;
  text-underline-offset:5px;
}
.footer-credentials {
  padding:0 0 clamp(3rem,5vw,5rem) !important;
  border:0 !important;
}
.footer-credential {
  width:min(520px,100%) !important;
  border:1px solid rgba(0,0,0,.18) !important;
  border-radius:0 !important;
  background:#fff !important;
  color:#000 !important;
  box-shadow:8px 8px 0 #000 !important;
}
.footer-credential-copy > span { color:var(--color-tiffany-dark) !important; }
.footer-credential-copy > strong { color:#000 !important; }
.footer-bottom {
  width:calc(100% + 12vw);
  margin-inline:-6vw;
  padding:1.5rem 6vw !important;
  border:0 !important;
  background:#000;
}
.footer-bottom p,
.footer-bottom a { color:#fff !important; }

@media (max-width:768px) {
  .footer {
    margin-bottom:-2rem !important;
    padding-top:4rem !important;
  }
  .footer::before {
    margin-bottom:3.5rem;
    font-size:clamp(2.6rem,14vw,4.6rem);
  }
  .footer-main { grid-template-columns:1fr !important; }
  .footer-column { border-color:rgba(0,0,0,.18) !important; }
  .footer-credential { box-shadow:5px 5px 0 #000 !important; }
}

/* Simple white footer */
.footer {
  width:calc(100% + 12vw) !important;
  margin:clamp(5rem,8vw,8rem) -6vw -2rem !important;
  padding:0 6vw !important;
  border:0 !important;
  background:#fff !important;
  color:#000 !important;
}
.footer::before { display:none !important; content:none !important; }
.footer-main {
  grid-template-columns:minmax(280px,1.35fr) minmax(150px,.55fr) minmax(230px,.75fr) !important;
  gap:clamp(2.5rem,6vw,7rem) !important;
  padding:clamp(2.5rem,4vw,4rem) 0 !important;
  border-top:1px solid rgba(0,0,0,.16) !important;
}
.footer-brand img {
  width:min(190px,65%) !important;
  margin-bottom:1.5rem !important;
}
.footer-brand p {
  max-width:280px !important;
  margin-bottom:.5rem !important;
  color:#000 !important;
  font-size:.95rem !important;
  line-height:1.55 !important;
}
.footer-brand span,
.footer-column span { color:rgba(0,0,0,.5) !important; }
.footer-column { gap:.65rem !important; }
.footer-column > p {
  margin-bottom:.4rem !important;
  color:var(--color-tiffany-dark) !important;
  font-size:.66rem !important;
}
.footer-column a,
.footer-bottom a {
  color:#000 !important;
  font-size:.9rem !important;
  font-weight:450 !important;
}
.footer-column a:hover,
.footer-bottom a:hover {
  color:var(--color-tiffany-dark) !important;
  text-decoration:none !important;
}
.footer-credentials {
  padding:0 0 2rem !important;
  border:0 !important;
}
.footer-credential {
  width:auto !important;
  max-width:430px !important;
  padding:1rem 1.15rem !important;
  gap:1rem !important;
  border:1px solid rgba(0,0,0,.14) !important;
  border-radius:10px !important;
  background:#fff !important;
  box-shadow:none !important;
}
.footer-credential > img {
  width:86px !important;
  height:48px !important;
}
.footer-credential-copy > span {
  color:rgba(0,0,0,.5) !important;
  font-size:.64rem !important;
}
.footer-credential-copy > strong {
  color:#000 !important;
  font-size:.9rem !important;
}
.footer-bottom {
  width:100% !important;
  margin:0 !important;
  padding:1.25rem 0 1.5rem !important;
  border-top:1px solid rgba(0,0,0,.12) !important;
  background:#fff !important;
}
.footer-bottom p,
.footer-bottom a {
  color:rgba(0,0,0,.58) !important;
  font-size:.75rem !important;
}

@media (max-width:768px) {
  .footer {
    margin-bottom:-2rem !important;
    padding-top:0 !important;
  }
  .footer-main {
    grid-template-columns:1fr !important;
    gap:2rem !important;
    padding:2.5rem 0 !important;
  }
  .footer-column {
    padding-top:1.5rem !important;
    border-top:1px solid rgba(0,0,0,.1) !important;
  }
  .footer-credential {
    width:100% !important;
    flex-direction:row !important;
    align-items:center !important;
  }
}