/* Converted from src/app/(site)/your-business-with-us/page.module.css (CSS Module): local classes are prefixed "page-your-business-with-us__". */
/* "Your Business with us" — page-specific spacing (Elementor spacers) and blocks. */

/* ---------- Introduction ---------- */
.page-your-business-with-us__intro {
  overflow-x: clip; /* the heading slides in from the right */
}

.page-your-business-with-us__introCol {
  --col-bottom: calc(1vh + 20px);
}

@media (min-width: 768px) {
  .page-your-business-with-us__introCol {
    width: 57.626%;
  }
}

@media (max-width: 767px) {
  /* empty second column of the original (3vh spacer) */
  .page-your-business-with-us__intro {
    --row-bottom: calc(30px + 3vh);
  }
}

/* ---------- Agreement cards ---------- */
.page-your-business-with-us__cardCol {
  --col-bottom: calc(3vh + 20px);
}

.page-your-business-with-us__card {
  display: flex;
  flex-direction: column;
  aspect-ratio: 3 / 2;
  padding: var(--spacer);
  color: #fff;
  background-color: var(--card-bg);
  border-radius: 10px;
}

.page-your-business-with-us__cardNumber {
  font-size: 0.943rem;
  font-weight: 500;
  line-height: 1.6;
}

.page-your-business-with-us__card .page-your-business-with-us__cardTitle {
  color: #fff;
}

/* ---------- Agreement sections ---------- */
.page-your-business-with-us__retainerCol {
  --col-top: calc(4vh + 20px);
  --col-bottom: calc(3vh + 20px);
}

.page-your-business-with-us__singleAside {
  --col-top: calc(7vh + 20px);
  --col-bottom: calc(3vh + 20px);
}

.page-your-business-with-us__singleMain {
  --col-top: calc(7vh + 20px);
  --col-bottom: calc(5vh + 20px);
}

.page-your-business-with-us__feeCol {
  --col-top: calc(7vh + 20px);
  --col-bottom: calc(3vh + 20px);
}

/* ---------- Call to action ---------- */
.page-your-business-with-us__cta {
  position: relative;
  padding: 0 50px;
  background: url("../../images/business/collaboration-header-ag2pmKu.webp") top center / cover no-repeat;
}

.page-your-business-with-us__ctaInner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  max-width: var(--container-boxed);
  min-height: 481px;
  margin-inline: auto;
  padding-inline: 16px;
}

@media (min-width: 1025px) {
  .page-your-business-with-us__cta {
    background-attachment: fixed;
  }
}

@media (max-width: 767px) {
  .page-your-business-with-us__cta {
    padding: 20px;
    background-position: top left;
  }

  .page-your-business-with-us__ctaInner {
    padding-inline: 0;
  }
}