.elementor-937 .elementor-element.elementor-element-08beb53{--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;--gap:00px 00px;--row-gap:00px;--column-gap:00px;}.elementor-937 .elementor-element.elementor-element-4b34ec5{z-index:9999;}.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-4b34ec5 *//* ===== G2G Header/Footer v3 (clean, centered, fully responsive, no hamburger) ===== */
:root{ --g2g-max:1220px; --g2g-pad:clamp(16px,4vw,40px); --g2g-dark:#0b102e; --g2g-green:#16a34a; --g2g-green2:#22c55e; }

.g2g-container{ max-width:var(--g2g-max); margin:0 auto; padding-left:var(--g2g-pad); padding-right:var(--g2g-pad); }

/* HEADER */
.g2g-header{
  position:sticky; top:0; z-index:9999; width:100%;
  background:linear-gradient(180deg,#ffffff 0%, #f7fdfb 100%);
  border-bottom:1.5px solid #e6efe9; backdrop-filter:blur(6px);
}
.g2g-header .nav-row{
  display:grid; align-items:center; column-gap:clamp(12px,3vw,36px);
  /* left grows, nav centered, right grows: nav always visually centered */
  grid-template-columns:minmax(240px,1fr) auto minmax(240px,1fr);
  grid-template-areas:'brand nav ctas';
  min-height:clamp(62px,6vw,78px);
}

/* Brand */
.g2g-header .brand{ grid-area:brand; justify-self:start; display:flex; align-items:center; gap:12px; text-decoration:none }
.g2g-header .logo-svg{ width:36px; height:36px }
.g2g-header .logo-text{
  font-family:"Montserrat",sans-serif; font-weight:900; letter-spacing:-.02em; color:transparent;
  background:linear-gradient(90deg,#0b102e,#12b981); -webkit-background-clip:text; background-clip:text;
}

/* Nav (centered, even spacing) */
.g2g-header .nav-links{
  grid-area:nav; justify-self:center;
  display:flex; align-items:center; gap:clamp(16px,4vw,48px);
  margin:0; padding:0; list-style:none;
  overflow-x:visible; flex-wrap:nowrap;
}
.g2g-header .nav-links > li{ position:relative; white-space:nowrap }
.g2g-header .nav-link, .g2g-header .nav-parent{
  display:inline-flex; align-items:center; gap:8px; font-weight:800; color:#0f172a; text-decoration:none;
  padding:.7rem .95rem; border-radius:12px; line-height:1;
}
/* make the parent look like a link, not a green button */
.g2g-header .nav-parent{ background:transparent !important; border:0 !important; box-shadow:none !important; cursor:pointer; appearance:none; }
.g2g-header .nav-link:hover, .g2g-header .nav-parent:hover{ background:#f7fdfb }
.g2g-header .nav-parent svg{ width:14px;height:14px;stroke:#0f172a;stroke-width:2;fill:none;transition:transform .2s }

/* Dropdown */
.g2g-header .dropdown{
  position:absolute; left:0; top:calc(100% + 10px);
  min-width:240px; background:#fff; border:1.5px solid #e6efe9; border-radius:14px;
  box-shadow:0 12px 26px rgba(0,0,0,.06); padding:8px;
  opacity:0; pointer-events:none; transform:translateY(8px); transition:.18s ease;
}
.g2g-header .dropdown a{
  display:flex; align-items:center; gap:10px; padding:.55rem .6rem; border-radius:10px; color:#0f172a; text-decoration:none; font-weight:700;
}
.g2g-header .dropdown a:hover{ background:#f7fdfb }
.g2g-header .nav-links > li:focus-within .dropdown,
.g2g-header .nav-links > li:hover .dropdown,
.g2g-header .nav-links > li.open .dropdown{ opacity:1; pointer-events:auto; transform:translateY(0) }
.g2g-header .nav-links > li.open .nav-parent svg{ transform:rotate(180deg) }

/* Right side CTAs */
.g2g-header .nav-actions{ grid-area:ctas; justify-self:end; display:flex; align-items:center; gap:12px }
.g2g-header .btn{ padding:.78rem 1.05rem; font-weight:800; border-radius:14px; border:0; cursor:pointer; white-space:nowrap }
.g2g-header .btn-primary{ background:linear-gradient(135deg,#12b981,#22c55e); color:#fff; box-shadow:0 12px 28px rgba(34,197,94,.22) }
.g2g-header .btn-ghost{ background:#fff; border:2px solid rgba(16,18,35,.12); color:#0f172a }

/* Tablet: tighten spacing, still centered */
@media(max-width:1024px){
  .g2g-header .nav-links{ gap:clamp(14px,3vw,28px) }
  .g2g-header .btn{ padding:.68rem .9rem }
}

/* Mobile: 3 neat rows (brand, nav as scrollable row, CTAs), no hamburger */
@media(max-width:768px){
  .g2g-header .nav-row{
    grid-template-columns:1fr; grid-template-areas:
      "brand"
      "nav"
      "ctas";
    row-gap:8px; padding-top:8px; padding-bottom:10px;
  }
  .g2g-header .brand{ justify-self:center }
  .g2g-header .nav-links{
    justify-content:center; gap:16px;
    overflow-x:auto; overflow-y:visible; -webkit-overflow-scrolling:touch; scrollbar-width:none;
  }
  .g2g-header .nav-links::-webkit-scrollbar{ display:none }
  .g2g-header .btn-ghost{ display:none } /* keep just the primary button on very small screens */
}

/* FOOTER */
.g2g-footer{ width:100%; background:linear-gradient(180deg,#0b2730 0%, #0f2d23 100%); color:#e8fff2 }
.g2g-footer .footer-top{ padding:40px 0 }
.g2g-footer .footer-grid{
  display:grid; gap:clamp(16px,2.2vw,24px);
  grid-template-columns:1.2fr repeat(3,1fr);
}
@media(max-width:1024px){ .g2g-footer .footer-grid{ grid-template-columns:1fr 1fr } }
@media(max-width:640px){ .g2g-footer .footer-grid{ grid-template-columns:1fr } }

.g2g-footer .footer-brand{ display:flex; align-items:center; gap:12px }
.g2g-footer .logo-svg{ width:46px; height:46px } /* smaller, consistent */
.g2g-footer .logo-text{ font-family:"Montserrat",sans-serif; font-weight:900; color:#ecfff5 }

.g2g-footer h4{ margin:0 0 10px; font-family:"Montserrat",sans-serif; font-weight:800; color:#ecfff5 }
.g2g-footer .footer-list{ margin:0; padding:0; list-style:none; display:grid; gap:8px }
.g2g-footer .footer-list a{ color:#cfe7da; text-decoration:none; display:inline-block; padding:.2rem 0 }
.g2g-footer .footer-list a:hover{ color:#b9f1d9; text-decoration:underline }
.g2g-footer .small-note{ color:#b7e8cf; margin-top:6px }

.g2g-footer .socials{ display:flex; gap:10px; margin-top:10px }
.g2g-footer .soc{
  width:36px; height:36px; border-radius:10px; border:1px solid rgba(255,255,255,.18);
  display:flex; align-items:center; justify-content:center; color:#e8fff2; text-decoration:none
}
.g2g-footer .soc:hover{ background:rgba(255,255,255,.06) }

.g2g-footer .footer-bottom{
  border-top:1px solid rgba(255,255,255,.15);
  padding:14px 0; color:#cfe7da; font-size:.92rem;
}
.g2g-footer .footer-bottom .row{ display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap }/* End custom CSS */