.hero-section-10 {
  padding: 0;
}
.hero-section-10 .content {
  flex-direction: column;
  gap: 0;
  min-height: 500px;
  z-index: 2;
  justify-content: center;
}
.hero-section-10 .image-container {
  position: absolute;
  top: 0;
  left: 10px;
  width: calc(100% - 20px);
  height: 100%;
  overflow: hidden;
  border-radius: var(--border-radius-6xl);
}
.hero-section-10 .image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-section-10.layout-background-image .headline {
  color: var(--color-type-body);
  max-width: var(--content-text-max-width);
}
.hero-section-10.layout-background-image .body-copy {
  max-width: 600px;
}
.hero-section-10.layout-background-image.light-text .headline {
  color: white;
}
.hero-section-10.layout-background-image.light-text .body-copy {
  color: white;
}
.hero-section-10.layout-background-image .button-row {
  margin-bottom: 0px;
}
.hero-section-10.layout-top-image .content {
  min-height: 428px;
}
.hero-section-10.layout-top-image .image-container {
  position: absolute;
  top: 0;
  left: var(--inner-spacing-md);
  width: calc(100% - var(--inner-spacing-md) * 2);
  height: 100%;
  overflow: hidden;
  border-radius: var(--border-radius-6xl);
}
.hero-section-10.layout-top-image .image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-section-10.layout-top-image .top-half-container .headline,
.hero-section-10.layout-top-image .top-half-container .overline {
  max-width: var(--content-text-max-width);
}
.hero-section-10.layout-top-image .top-half-container .text-container {
  position: relative;
  padding-top: 0;
  padding-bottom: var(--inner-spacing-xl);
  padding-left: calc(var(--content-horizontal-padding) * 2 - 4px);
  padding-right: calc(var(--content-horizontal-padding) * 2);
  gap: var(--inner-spacing-xl);
}
.hero-section-10.layout-top-image.light-text .headline {
  color: white;
}
.hero-section-10.layout-top-image .bottom-half-container {
  padding: var(--inner-spacing-lg) 0;
}
.hero-section-10.layout-top-image .bottom-half-container .content {
  margin: 0 auto;
  max-width: 700px;
  min-height: 0px;
}
.hero-section-10.layout-top-image .bottom-half-container .body-copy {
  max-width: var(--content-text-max-width);
  margin-bottom: calc(var(--inner-spacing-lg) + 4px);
}
.hero-section-10.light-text .headline {
  color: var(--color-type-headline);
}
.hero-section-10.light-text .body-copy {
  color: var(--body-default-font-color);
}
@media screen and (max-width: 1024px) {
  .hero-section-10 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .hero-section-10 .hero-background {
    padding: 0;
  }
  .hero-section-10 .content {
    padding: var(--inner-spacing-lg) var(--inner-spacing-md);
    min-height: 0px;
  }
  .hero-section-10 .image-container {
    position: relative;
    min-height: 200px;
    height: 200px;
  }
  .hero-section-10.layout-top-image .content {
    min-height: 0;
  }
  .hero-section-10.layout-top-image .top-half-container .content {
    gap: 30px;
    padding-left: var(--content-horizontal-padding);
    padding-right: var(--content-horizontal-padding);
    padding-top: 0;
    padding-bottom: 20px;
  }
  .hero-section-10.layout-top-image .top-half-container .headline {
    margin-bottom: 0px;
  }
  .hero-section-10.layout-top-image .top-half-container .text-container {
    padding-bottom: 0;
  }
  .hero-section-10.layout-top-image .image-container {
    position: relative;
    width: 100%;
    left: 0;
    min-height: 200px;
    height: 200px;
  }
  .hero-section-10.layout-top-image .bottom-half-container {
    padding: 0;
  }
  .hero-section-10.layout-top-image .bottom-half-container .content {
    max-width: 100%;
    padding: 0 var(--content-horizontal-padding);
  }
  .hero-section-10.layout-top-image .bottom-half-container .body-copy,
  .hero-section-10.layout-top-image .bottom-half-container .button-row {
    padding-left: calc(var(--content-horizontal-padding) * 2 - 4px);
    padding-right: calc(var(--content-horizontal-padding) * 2);
  }
}
@media screen and (max-width: 767px) {
  .hero-section-10.layout-top-image .top-half-container .text-container {
    padding-left: 0;
    padding-right: 0;
  }
  .hero-section-10.layout-top-image .bottom-half-container .body-copy,
  .hero-section-10.layout-top-image .bottom-half-container .button-row {
    padding-left: 0;
    padding-right: 0;
  }
}

/*
========================================
Per-Client Field Visibility
========================================
Uncomment the fields you want to hide for this specific client.
*/