.elementor-67 .elementor-element.elementor-element-38d443a{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-5cc643e *//* ============================================================
   ZOUNDIO FOOTER — CSS
   ------------------------------------------------------------
   STEP 1 — REPLACE THESE 7 VALUES with your exact Home Page
   tokens (Elementor → Site Settings → Global Colors / Fonts,
   or your theme.json / child-theme stylesheet). Everything
   below inherits from these variables — nothing else to edit
   unless you want to adjust spacing.
   ============================================================ */
:root {
  --zoundio-primary: #4F46E5;
  --zoundio-primary-hover: #4338CA;
  --zoundio-background: #FFFFFF;
  --zoundio-surface: #F8F9FC;
  --zoundio-text: #0F172A;
  --zoundio-muted: #64748B;
  --zoundio-border: #E7E9EF;
}

/* ============================================================
   FOOTER — scoped to .zoundio-footer, safe alongside
   Elementor/WordPress global styles.
   ============================================================ */
.zoundio-footer {
  background: var(--zoundio-surface);
  border-top: 1px solid var(--zoundio-border);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
}

.zoundio-footer__container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 72px 32px 40px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 64px;
}

/* ---- Brand column ---- */
.zoundio-footer__brand {
  max-width: 380px;
  flex: 1 1 320px;
}

.zoundio-footer__logo {
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--zoundio-text);
  text-decoration: none;
  margin: 0 0 14px;
}

.zoundio-footer__logo:focus-visible {
  outline: 2px solid var(--zoundio-primary);
  outline-offset: 3px;
  border-radius: 4px;
}

.zoundio-footer__description {
  margin: 0;
  font-size: 15px;
  line-height: 1.65;
  font-weight: 400;
  color: var(--zoundio-muted);
}

/* ---- Navigation column ---- */
.zoundio-footer__navigation {
  flex: 0 1 auto;
  min-width: 200px;
}

.zoundio-footer__title {
  margin: 0 0 20px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--zoundio-text);
}

.zoundio-footer__links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.zoundio-footer__link {
  font-size: 15px;
  font-weight: 400;
  color: var(--zoundio-muted);
  text-decoration: none;
  transition: color 180ms ease;
  display: inline-block;
}

.zoundio-footer__link:hover {
  color: var(--zoundio-primary);
}

.zoundio-footer__link:active {
  color: var(--zoundio-primary-hover);
}

.zoundio-footer__link:focus-visible {
  outline: 2px solid var(--zoundio-primary);
  outline-offset: 4px;
  border-radius: 3px;
}

/* ---- Divider + bottom bar ---- */
.zoundio-footer__divider {
  max-width: 1200px;
  margin: 0 auto;
  border: none;
  border-top: 1px solid var(--zoundio-border);
}

.zoundio-footer__bottom {
  max-width: 1200px;
  margin: 0 auto;
  padding: 24px 32px 32px;
}

.zoundio-footer__copyright {
  margin: 0;
  font-size: 13px;
  font-weight: 400;
  color: var(--zoundio-muted);
}

/* ============================================================
   RESPONSIVE
   ============================================================ */

/* Tablet: 1024px and below — tighten spacing, keep two columns */
@media (max-width: 1024px) {
  .zoundio-footer__container {
    padding: 60px 28px 36px;
    gap: 40px;
  }
}

/* Small tablet: 768px and below — stack columns */
@media (max-width: 768px) {
  .zoundio-footer__container {
    flex-direction: column;
    gap: 40px;
    padding: 56px 24px 32px;
  }

  .zoundio-footer__brand {
    max-width: 100%;
  }

  .zoundio-footer__navigation {
    min-width: 0;
    width: 100%;
  }

  .zoundio-footer__bottom {
    padding: 20px 24px 28px;
  }
}

/* Mobile: 480px and below */
@media (max-width: 480px) {
  .zoundio-footer__container {
    padding: 48px 20px 28px;
    gap: 32px;
  }

  .zoundio-footer__logo {
    font-size: 19px;
  }

  .zoundio-footer__description {
    font-size: 14px;
  }

  .zoundio-footer__title {
    font-size: 12px;
    margin-bottom: 16px;
  }

  .zoundio-footer__link {
    font-size: 15px;
    padding: 4px 0; /* larger tap target on mobile */
  }

  .zoundio-footer__bottom {
    padding: 18px 20px 24px;
  }

  .zoundio-footer__copyright {
    font-size: 12.5px;
  }
}

/* Very small phones: 375px and below */
@media (max-width: 375px) {
  .zoundio-footer__container {
    padding: 40px 16px 24px;
  }

  .zoundio-footer__bottom {
    padding: 16px 16px 20px;
  }
}

/* Respect reduced motion preference */
@media (prefers-reduced-motion: reduce) {
  .zoundio-footer__link {
    transition: none;
  }
}/* End custom CSS */