.calls-to-action {
  --calls-to-action-position: unset;
  --calls-to-action-z-index: unset;
  --calls-to-action-display: block;
  --calls-to-action-width: unset;
  --calls-to-action-max-width: unset;
  --calls-to-action-height: unset;
  --calls-to-action-min-height: unset;
  --calls-to-action-margin: unset;
  --calls-to-action-padding: unset;
  --calls-to-action-flex-flow: unset;
  --calls-to-action-align-items: unset;
  --calls-to-action-background: var(--base-white);
  --calls-to-action-background-size: unset;
  --calls-to-action-border-top: unset;
  --calls-to-action-border-right: unset;
  --calls-to-action-border-bottom: unset;
  --calls-to-action-border-left: unset;
  --calls-to-action-font-family: inherit;
  --calls-to-action-line-height: initial;
  --calls-to-action-text-align: unset;

  position: var(--calls-to-action-position);
  z-index: var(--calls-to-action-z-index);
  display: var(--calls-to-action-display);
  width: var(--calls-to-action-width);
  max-width: var(--calls-to-action-max-width);
  height: var(--calls-to-action-height);
  min-height: var(--calls-to-action-min-height);
  margin: var(--calls-to-action-margin);
  padding: var(--calls-to-action-padding);
  flex-flow: var(--calls-to-action-flex-flow);
  align-items: var(--calls-to-action-align-items);
  background: var(--calls-to-action-background);
  background-size: var(--calls-to-action-background-size);
  border-top: var(--calls-to-action-border-top);
  border-right: var(--calls-to-action-border-right);
  border-bottom: var(--calls-to-action-border-bottom);
  border-left: var(--calls-to-action-border-left);
  font-family: var(--calls-to-action-font-family);
  line-height: var(--calls-to-action-line-height);
  text-align: var(--calls-to-action-text-align);
}

.calls-to-action.calls-to-action--secondary {
  align-items: var(--calls-to-action-align-items);
  min-height: var(--calls-to-action-min-height);
}

.calls-to-action__intro {
  --ctas-intro-display: unset;
  --ctas-intro-flex-flow: unset;
  --ctas-intro-align-items: unset;
  --ctas-intro-justify-content: unset;
  --ctas-intro-width: 100%;
  --ctas-intro-margin: unset;
  --ctas-intro-padding: unset;

  display: var(--ctas-intro-display);
  flex-flow: var(--ctas-intro-flex-flow);
  align-items: var(--ctas-intro-align-items);
  justify-content: var(--ctas-intro-justify-content);
  width: var(--ctas-intro-width);
  margin: var(--ctas-intro-margin);
  padding: var(--ctas-intro-padding);
}

/* Intro image(s). */
.calls-to-action__intro img {
  --ctas-intro-image-margin: unset;
  --ctas-intro-image-width: unset;
  --ctas-intro-image-max-width: unset;
  --ctas-intro-image-height: unset;

  width: var(--ctas-intro-image-width);
  max-width: var(--ctas-intro-image-max-width);
  height: var(--ctas-intro-image-height);
  margin: var(--ctas-intro-image-margin);
}

.calls-to-action__intro img:first-of-type {
  --ctas-intro-first-image-order: initial;

  order: var(--ctas-intro-first-image-order);
}

.calls-to-action__intro img:last-of-type {
  --ctas-intro-last-image-order: initial;

  order: var(--ctas-intro-last-image-order);
}

.calls-to-action__intro-text {
  --ctas-intro-text-padding: unset;

  padding: var(--ctas-intro-text-padding);
}

/* Group title. */
.calls-to-action__intro-title {
  --ctas-intro-title-margin: unset;
  --ctas-intro-title-padding: unset;
  --ctas-intro-title-color: unset;
  --ctas-intro-title-font-family: unset;
  --ctas-intro-title-font-size: unset;
  --ctas-intro-title-font-weight: normal;
  --ctas-intro-title-line-height: normal;
  --ctas-intro-title-text-align: unset;

  margin: var(--ctas-intro-title-margin);
  padding: var(--ctas-intro-title-padding);
  color: var(--ctas-intro-title-color);
  font-family: var(--ctas-intro-title-font-family);
  font-size: var(--ctas-intro-title-font-size);
  font-weight: var(--ctas-intro-title-font-weight);
  line-height: var(--ctas-intro-title-line-height);
  text-align: var(--ctas-intro-title-text-align);
}

/* Group description. */
.calls-to-action__intro-description {
  --ctas-intro-description-margin: unset;
  --ctas-intro-description-color: inherit;
  --ctas-intro-description-font-size: inherit;
  --ctas-intro-description-line-height: normal;

  margin: var(--ctas-intro-description-margin);
  color: var(--ctas-intro-description-color);
  font-size: var(--ctas-intro-description-font-size);
  line-height: var(--ctas-intro-description-line-height);
}

.calls-to-action__intro-description p {
  --ctas-intro-description-p-margin: initial;
  --ctas-intro-description-p-line-height: normal;

  margin: var(--ctas-intro-description-p-margin);
  line-height: var(--ctas-intro-description-p-line-height);
}

.calls-to-action__intro-description p:first-of-type {
  --ctas-intro-description-p-first-of-type-margin: initial;

  margin: var(--ctas-intro-description-p-first-of-type-margin);
}

.calls-to-action__intro-description p:last-of-type {
  --ctas-intro-description-p-last-of-type-margin: initial;

  margin: var(--ctas-intro-description-p-last-of-type-margin);

}

.calls-to-action .benz-container {
  position: relative;
  width: 100%;
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding: 40px 0;
}

@media (min-width: 768px) {
  .calls-to-action .benz-container {
    max-width: var(--container-max-width-sm);
    padding: 0;
  }
}

@media (min-width: 1024px) {
  .calls-to-action .benz-container {
    max-width: var(--container-max-width-md);
  }
}

@media (min-width: 1440px) {
  .calls-to-action .benz-container {
    max-width: var(--container-max-width-xl);
  }
}

@media (min-width: 1800px) {
  .calls-to-action .benz-container {
    max-width: var(--container-max-width-ultra);
  }
}

.calls-to-action__container {
  --ctas-container-display: flex;
  --ctas-container-flex-flow: row wrap;
  --ctas-container-gap: initial;
  --ctas-container-margin: initial;
  --ctas-container-padding: 0;

  display: var(--ctas-container-display);
  position: relative;
  flex-flow: var(--ctas-container-flex-flow);
  gap: var(--ctas-container-gap);
  width: 100%;
  margin: var(--ctas-container-margin);
  padding: var(--ctas-container-padding);
}
