.elementor-165 .elementor-element.elementor-element-3ec6afe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-abc6388 *//* ==========================================================
   FOOTER  (Black / White / Grey) — dark version
   Paste into Elementor: Site Settings > Custom CSS  (or Appearance >
   Customize > Additional CSS). Everything is scoped under
   #gb-footer-widget, so it can't leak out and theme styles can't leak in.
   Fonts: Montserrat + Inter (loaded in the site head or the HTML file).
   No global.css tokens needed. Tokens match the other widgets.
   Logo: natural wide aspect ratio (matches the header), no boxed crop.
   Contact list: icon + text rows, icon aligned to first-line cap-height.
   Column widths are unequal (address column gets more room) so the
   address wraps naturally instead of stacking into a narrow column.
   Tweaks:
     --wrap   content width (keep the same as your hero: 1250px)
   ========================================================== */

#gb-footer-widget{--black:#000;--ink:#0b0b0b;--g250:#d4d4d4;--g400:#a3a3a3;--g450:#8f8f8f;--white:#fff;
  --font-display:'Montserrat','Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --font-body:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --wrap:1250px;
  --pad:max(24px,calc((100% - var(--wrap))/2));
  font-family:var(--font-body);line-height:1.5;text-align:left;position:relative;width:100%;
  -webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;}

/* ---- Theme / Elementor guards ---- */
#gb-footer-widget *,
#gb-footer-widget *::before,
#gb-footer-widget *::after{box-sizing:border-box}
#gb-footer-widget h4,
#gb-footer-widget p{margin:0;padding:0;text-transform:none}
#gb-footer-widget ul{list-style:none;margin:0;padding:0}
#gb-footer-widget li{list-style:none}
#gb-footer-widget a{text-decoration:none;box-shadow:none}
#gb-footer-widget img{max-width:none;margin:0;border:0;border-radius:0;box-shadow:none}
#gb-footer-widget small{font-size:inherit}

/* ---- Footer ---- */
#gb-footer-widget .gf-wrap{width:100%;max-width:none;margin:0;padding-inline:var(--pad)}
#gb-footer-widget .gf-footer{position:relative;overflow:hidden;color:var(--g250);padding:64px 0 28px;
  background-color:var(--ink);
  background-image:
    radial-gradient(70% 45% at 50% 0%,rgba(255,255,255,.07),transparent 70%),
    radial-gradient(rgba(255,255,255,.05) 1px,transparent 1.3px);
  background-size:auto,20px 20px}
#gb-footer-widget .gf-grid{display:grid;grid-template-columns:1.3fr .8fr .9fr .95fr 1.5fr;gap:32px 28px;padding-bottom:48px}

/* brand */
#gb-footer-widget .gf-logo,
#gb-footer-widget .gf-logo:hover,
#gb-footer-widget .gf-logo:focus{display:inline-flex;align-items:center}
#gb-footer-widget .gf-mark{display:block;height:40px;flex:none;border-radius:8px;overflow:hidden;transition:transform .2s}
#gb-footer-widget .gf-mark img{height:100%;width:auto;display:block}
#gb-footer-widget .gf-about{margin-top:20px;max-width:30ch;font-size:15px;line-height:1.7;color:var(--g400)}
#gb-footer-widget .gf-soc{display:flex;gap:10px;margin-top:22px}
#gb-footer-widget .gf-soc a,
#gb-footer-widget .gf-soc a:focus{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;
  color:var(--white);background:transparent;border:1.5px solid rgba(255,255,255,.28);
  transition:background .2s,color .2s,border-color .2s,transform .2s}
#gb-footer-widget .gf-soc svg{width:17px;height:17px;display:block}

/* link columns */
#gb-footer-widget .gf-h{font-family:var(--font-display);font-weight:700;font-size:15px;line-height:1.3;letter-spacing:.01em;color:var(--white);margin-bottom:18px}
#gb-footer-widget .gf-col li{margin:0 0 12px;font-size:14.5px;line-height:1.55;color:var(--g400);overflow-wrap:anywhere}
#gb-footer-widget .gf-col li:last-child{margin-bottom:0}
#gb-footer-widget .gf-col a,
#gb-footer-widget .gf-col a:focus{color:var(--g400);
  background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;
  transition:background-size .3s ease,color .2s}

/* contact rows: icon aligned to the first line's cap-height, text wraps
   freely in its own wider column instead of a narrow stack */
#gb-footer-widget .gf-contact ul{max-width:30ch}
#gb-footer-widget .gf-ci{display:flex;align-items:flex-start;gap:11px;margin-bottom:16px}
#gb-footer-widget .gf-cico{flex:none;width:24px;height:24px;margin-top:2px;border-radius:50%;display:grid;place-items:center;
  background:rgba(255,255,255,.08);color:var(--g250)}
#gb-footer-widget .gf-cico svg{width:12px;height:12px;display:block}
#gb-footer-widget .gf-ci>span:last-child,
#gb-footer-widget .gf-ci a{padding-top:1px;line-height:1.6}

/* bottom bar */
#gb-footer-widget .gf-bot{display:flex;justify-content:space-between;align-items:center;gap:8px 24px;flex-wrap:wrap;padding-top:22px;
  border-top:1px solid rgba(255,255,255,.14);font-size:13px;line-height:1.5;color:var(--g450)}

/* ---- Hover (mouse only) ---- */
@media(hover:hover) and (pointer:fine){
#gb-footer-widget .gf-logo:hover .gf-mark{transform:translateY(-2px)}
#gb-footer-widget .gf-soc a:hover{background:var(--white);color:var(--black);border-color:var(--white);transform:translateY(-3px)}
#gb-footer-widget .gf-col a:hover{color:var(--white);background-size:100% 1px}
}
#gb-footer-widget .gf-soc a:focus-visible,
#gb-footer-widget .gf-col a:focus-visible,
#gb-footer-widget .gf-ci a:focus-visible,
#gb-footer-widget .gf-logo:focus-visible{outline:3px solid var(--white);outline-offset:3px}

/* ---- Responsive ---- */
/* brand takes the full top row, contact goes on its own full row too
   (it needs more width than a normal column), other three columns split a row */
@media(max-width:1180px){
#gb-footer-widget .gf-grid{grid-template-columns:1.3fr .8fr .9fr .95fr;gap:32px 28px}
#gb-footer-widget .gf-contact{grid-column:1/-1;max-width:520px}
#gb-footer-widget .gf-contact ul{max-width:none;display:grid;grid-template-columns:repeat(2,1fr);gap:8px 28px}
}
@media(max-width:900px){
#gb-footer-widget{--pad:24px}
#gb-footer-widget .gf-footer{padding:52px 0 24px}
#gb-footer-widget .gf-grid{grid-template-columns:repeat(3,1fr);gap:34px 28px;padding-bottom:36px}
#gb-footer-widget .gf-brand{grid-column:1/-1}
#gb-footer-widget .gf-about{max-width:46ch}
#gb-footer-widget .gf-contact ul{grid-template-columns:1fr}
}
/* single column: everything centered, tighter vertical rhythm so
   sections don't feel like they're floating apart from each other */
@media(max-width:640px){
#gb-footer-widget{--pad:20px;overflow-x:hidden}
#gb-footer-widget .gf-footer{padding:40px 0 22px;overflow-x:hidden}
#gb-footer-widget .gf-grid{grid-template-columns:1fr;gap:36px;padding-bottom:30px;justify-items:center;text-align:center}
#gb-footer-widget .gf-brand{grid-column:auto}
#gb-footer-widget .gf-about{margin-inline:auto;margin-top:14px;font-size:14.5px;max-width:32ch}
#gb-footer-widget .gf-soc{justify-content:center;margin-top:18px}
#gb-footer-widget .gf-col{width:100%;max-width:300px}
#gb-footer-widget .gf-h{margin-bottom:12px;font-size:14px}
#gb-footer-widget .gf-col li{margin-bottom:9px;font-size:14px}
#gb-footer-widget .gf-ci{text-align:left}
#gb-footer-widget .gf-contact{grid-column:auto;max-width:300px}
#gb-footer-widget .gf-contact ul{display:block;max-width:none}
#gb-footer-widget .gf-ci{margin-bottom:13px}
#gb-footer-widget .gf-bot{flex-direction:column;align-items:center;text-align:center;gap:6px;margin-top:4px}
}
@media(max-width:380px){
#gb-footer-widget{--pad:16px}
#gb-footer-widget .gf-mark{height:34px}
#gb-footer-widget .gf-col li{font-size:13.5px}
}
@media(prefers-reduced-motion:reduce){
#gb-footer-widget .gf-soc a,
#gb-footer-widget .gf-col a,
#gb-footer-widget .gf-mark{transition:none}
}/* End custom CSS */