/* Converted from src/components/site/sectors/ContactBand.module.css (CSS Module): local classes are prefixed "sectors-contact-band__". */
/* "Ready to work together?" band (Elementor stretched section, min-height 481px). */

.sectors-contact-band__band {
  position: relative;
  display: flex;
  padding: 0 50px;
  background-color: var(--color-surface-dark);
  background-image: var(--bg);
  background-position: var(--bg-pos, top center);
  background-size: cover;
  background-repeat: no-repeat;
}

@media (min-width: 1025px) {
  .sectors-contact-band__band {
    background-attachment: fixed;
  }
}

.sectors-contact-band__inner {
  display: flex;
  flex: 1;
  align-items: center;
  width: 100%;
  max-width: var(--container-boxed);
  min-height: 481px;
  margin-inline: auto;
  padding: 0 16px;
}

.sectors-contact-band__eyebrow {
  margin: 0;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.6;
}

.sectors-contact-band__compact .sectors-contact-band__eyebrow {
  font-size: 0.92em;
}

.sectors-contact-band__title {
  padding-top: 0.15em;
  font-family: var(--font-display);
  font-size: var(--h2-size);
  font-weight: 400;
  line-height: var(--h2-leading);
  letter-spacing: -0.04em;
  color: var(--color-heading);
}

.sectors-contact-band__action {
  margin-top: 20px;
}

/* Light photo: black text whatever the color scheme. */
.sectors-contact-band__light {
  color: #000;
  background-color: #e9d9c8;
}

.sectors-contact-band__light .sectors-contact-band__title {
  color: #000;
}

@media (max-width: 767px) {
  .sectors-contact-band__band {
    padding: 20px;
    background-position: top left;
  }

  .sectors-contact-band__inner {
    padding: 0;
  }
}