/* Request adjustments: section spacing, clear titles and CTA padding */

/* More breathing space in the first hero area */
#intro.aws-hero,
.aws-hero {
  padding-top: 142px !important;
  padding-bottom: 54px !important;
}
.aws-hero-layout {
  row-gap: 44px !important;
}
.aws-hero-copy {
  padding-top: 38px !important;
  padding-bottom: 38px !important;
}
.aws-value-section,
#value {
  padding-top: 76px !important;
}

/* Clear, readable titles in Mission / Vision cards */
.aws-about-section .aws-mv-card h3,
.aws-mv-card h3,
#about-mission,
#about-vision {
  color: #ffffff !important;
  opacity: 1 !important;
  font-weight: 800 !important;
  text-shadow: 0 2px 6px rgba(0, 0, 0, .25) !important;
}
.aws-about-section .aws-mv-card p,
#about-mission-desc,
#about-vision-desc {
  color: #eaf3ff !important;
  opacity: 1 !important;
}

/* Clear, readable titles in Services & Products cards */
.aws-services-section .aws-services-feature h3,
.aws-services-section .aws-service-card h3,
.aws-services-feature h3,
.aws-service-card h3,
#services-side-title,
#service-apps,
#service-integration,
#service-dev,
#service-micro,
#service-aws {
  color: #ffffff !important;
  opacity: 1 !important;
  font-weight: 800 !important;
  text-shadow: 0 2px 6px rgba(0, 0, 0, .25) !important;
}
.aws-services-section .aws-services-feature p,
.aws-services-section .aws-service-card p,
#services-side-desc,
#service-apps-desc,
#service-integration-desc,
#service-dev-desc,
#service-micro-desc,
#service-aws-desc {
  color: #eaf3ff !important;
  opacity: 1 !important;
}

/* Make the CTA block less tight */
.aws-cta-section {
  padding-top: 70px !important;
  padding-bottom: 76px !important;
}
.aws-cta-shell {
  padding: 52px 60px !important;
  gap: 44px !important;
  border-radius: 28px !important;
}
.aws-cta-shell h2,
#cta-title {
  margin-bottom: 18px !important;
  line-height: 1.18 !important;
}
.aws-cta-shell p,
#cta-description {
  margin-top: 0 !important;
  line-height: 1.75 !important;
}
.aws-cta-shell .aws-btn,
#cta-btn {
  min-width: 150px !important;
  padding-left: 28px !important;
  padding-right: 28px !important;
}

@media (max-width: 991px) {
  #intro.aws-hero,
  .aws-hero {
    padding-top: 128px !important;
    padding-bottom: 42px !important;
  }
  .aws-value-section,
  #value {
    padding-top: 62px !important;
  }
  .aws-cta-shell {
    padding: 42px 34px !important;
    gap: 28px !important;
  }
}
@media (max-width: 767px) {
  #intro.aws-hero,
  .aws-hero {
    padding-top: 112px !important;
    padding-bottom: 34px !important;
  }
  .aws-hero-copy {
    padding: 30px 24px !important;
  }
  .aws-value-section,
  #value {
    padding-top: 52px !important;
  }
  .aws-cta-shell {
    padding: 34px 24px !important;
  }
}