.elementor-6 .elementor-element.elementor-element-d826b7b{--display:flex;}.elementor-6 .elementor-element.elementor-element-36dc4c5.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:1;}/* Start custom CSS for html, class: .elementor-element-36dc4c5 *//* ====== GAWG — Sitewide Swoosh Paint (no image) ====== */
:root{
  /* brand hues for the swoosh */
  --paint-cyan:   #18d6c7;
  --paint-blue:   #37a7ff;
  --paint-indigo: #3256ff;
  --paint-violet: #7b46ff;
  --paint-orange: #ff7a2b;
}

/* Utility: any container with .paint-dark gets the ambient swoosh */
.paint-dark,
.ct-header,               /* Blocksy header */
.ct-footer,               /* Blocksy footer */
#gawg-home .hero,
#gawg-home .pricing,
#gawg-home .links,
#gawg-home .cta{
  position: relative;
  overflow: hidden; /* keep paint inside the band */
  isolation: isolate; /* ensure blend looks clean */
}

/* The swoosh itself (background “ink” behind content) */
.paint-dark::before,
.ct-header::before,
.ct-footer::before,
#gawg-home .hero::before,
#gawg-home .pricing::before,
#gawg-home .links::before,
#gawg-home .cta::before{
  content:"";
  position: absolute;
  inset: -15% -10%;
  z-index: 0;
  pointer-events: none;

  /* Layered blobs that read like a flowing swoosh */
  background:
    radial-gradient(38% 28% at 12% 8%,   color-mix(in oklab, var(--paint-blue) 88%, #fff 0%) 0%, transparent 62%),
    radial-gradient(48% 34% at 92% 22%,  color-mix(in oklab, var(--paint-violet) 85%, #fff 0%) 0%, transparent 64%),
    radial-gradient(42% 30% at 6% 82%,   color-mix(in oklab, var(--paint-cyan) 92%,  #fff 0%) 0%, transparent 60%),
    radial-gradient(36% 26% at 78% 86%,  color-mix(in oklab, var(--paint-orange) 80%, #fff 0%) 0%, transparent 58%),
    radial-gradient(70% 70% at 50% 50%,  rgba(255,255,255,.06), transparent 70%);

  mix-blend-mode: screen;       /* glows nicely on dark blues */
  filter: saturate(120%) blur(.2px) drop-shadow(0 10px 24px rgba(0,0,0,.12));
  opacity: .16;                 /* global intensity – tune here */
  animation: gawgPaintShift 36s linear infinite alternate;
}

/* Slightly different intensity per band (optional fine-tune) */
#gawg-home .hero::before    { opacity:.20 }
#gawg-home .pricing::before { opacity:.17 }
#gawg-home .links::before   { opacity:.16 }
#gawg-home .cta::before     { opacity:.18 }

/* Ensure the real content sits above the paint layer */
.paint-dark > *,
.ct-header > *,
.ct-footer > *,
#gawg-home .hero > *,
#gawg-home .pricing > *,
#gawg-home .links > *,
#gawg-home .cta > *{
  position: relative;
  z-index: 1;
}

/* Gentle drift */
@keyframes gawgPaintShift{
  0%   { transform: translate3d(-2%, -1%, 0) rotate(0.2deg); }
  50%  { transform: translate3d( 1%,  1%, 0) rotate(-0.2deg); }
  100% { transform: translate3d( 3%, -1%, 0) rotate(0.3deg); }
}

/* Accessibility: respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .paint-dark::before,
  .ct-header::before,
  .ct-footer::before,
  #gawg-home .hero::before,
  #gawg-home .pricing::before,
  #gawg-home .links::before,
  #gawg-home .cta::before{
    animation: none;
  }
}/* End custom CSS */
/* Start custom CSS */#gawg h1,
#gawg h2,
#gawg h3,
#gawg h4 {
  color:#ffffff !important;    /* force white on dark headings */
  text-shadow:0 2px 5px rgba(0,0,0,.35);
}

#gawg .light h1,
#gawg .light h2,
#gawg .light h3,
#gawg .light h4 {
  color:#e9f2ff !important;    /* keep pale blue on light bands */
  text-shadow:none;
}
/* Make "Why switch to GAWG" heading orange */
#gawg .trust h2 {
  background:linear-gradient(to right, var(--orange), var(--orange-2));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  filter:brightness(1.05);
  text-shadow:none; /* clean orange */
}

/* Make "How it works" heading orange */
#gawg .light h2 {
  background:linear-gradient(to right, var(--orange), var(--orange-2));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  filter:brightness(1.05);
  text-shadow:none;
}
/* Force plan list text darker for readability */
.pricing .plan .list li,
.pricing .plan .list li span,
.pricing .plan .note,
.pricing .plan .price,
.pricing .plan h3 {
    color: #0b1e4a !important; /* Dark navy blue */
}/* End custom CSS */