/* =============================================
   BlueCo — Section Layout Styles
   Layout-specific spacing and alignment for each page section
   ============================================= */

.section-hero {
  position: relative;
  padding: calc(var(--section-py) + 60px) 0 var(--section-py);
  overflow: hidden;
}

.section-why-care,
.section-results,
.section-process,
.section-services,
.section-why-blueco,
.section-team,
.section-testimonials {
  padding: var(--section-py) 0;
}

.section-cta {
  background-color: var(--blueco-dark);
  padding: 80px 0;
  position: relative;
  overflow: hidden;
}

@media (max-width: 767px) {
  :root {
    --section-py: 70px;
  }

  .section-hero {
    padding-top: calc(var(--section-py) + 50px);
  }
}