:root {
  --section-space-sm: 4rem;
  --section-space-md: 5rem;
  --section-space-lg: 6rem;
}

section[class~="py-8"] { padding-top: var(--section-space-sm) !important; padding-bottom: var(--section-space-sm) !important; }
section[class~="py-9"],
section[class~="py-10"] { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; }
section[class~="py-12"] { padding-top: var(--section-space-md) !important; padding-bottom: var(--section-space-md) !important; }
section[class~="py-14"],
section[class~="py-16"],
section[class~="md:py-14"],
section[class~="md:py-16"] { padding-top: var(--section-space-lg) !important; padding-bottom: var(--section-space-lg) !important; }
section[class~="pt-10"],
section[class~="md:pt-14"] { padding-top: 4.5rem !important; }
section[class~="pb-8"] { padding-bottom: var(--section-space-sm) !important; }
section[class~="pb-10"] { padding-bottom: 4.5rem !important; }
section[class~="pb-12"] { padding-bottom: var(--section-space-md) !important; }

.home-page .section { padding-top: 5.5rem !important; padding-bottom: 5.5rem !important; }
.home-page .benefits { padding-top: 5rem !important; padding-bottom: 5rem !important; }
.home-page .final-cta { height: 340px; }

@media (max-width: 767px) {
  :root {
    --section-space-sm: 3rem;
    --section-space-md: 3.5rem;
    --section-space-lg: 3.5rem;
  }

  section[class~="py-9"],
  section[class~="py-10"],
  section[class~="pt-10"],
  section[class~="md:pt-14"] { padding-top: 3rem !important; }

  section[class~="py-9"],
  section[class~="py-10"] { padding-bottom: 3rem !important; }

  section[class~="pb-10"] { padding-bottom: 3rem !important; }

  .home-page .section,
  .home-page .benefits { padding-top: 3.5rem !important; padding-bottom: 3.5rem !important; }
  .home-page .final-cta { height: auto; }
}