section.cta {
  --_accent-color: var(--accent-color, var(--sand-300));
}
section.cta.bg-sand-400 {
  --_accent-color: var(--sand-400);
}
section.cta.bg-energi-200 {
  --_accent-color: var(--energi-200);
}
section.cta.bg-energi-300 {
  --_accent-color: var(--energi-300);
}
section.cta.bg-energi-400 {
  --_accent-color: var(--energi-400);
}
section.cta.bg-mint-400 {
  --_accent-color: var(--mint-400);
}
section.cta.bg-grass-100 {
  --_accent-color: var(--grass-100);
}
section.cta.bg-primary-bg {
  --_accent-color: var(--primary-light);
}
section.cta.bg-primary-bg .box .img-col .img-holder img {
  border-radius: 0.625rem;
}
section.cta.bg-primary-bg .box .text-col {
  padding-left: 0;
}
section.cta.bg-primary-bg .box .text-col.flip {
  padding: clamp(40px, 5vw, 80px);
  padding-right: 0;
}
section.cta .box {
  border-radius: 10px;
  overflow: hidden;
  background: var(--_accent-color);
}
section.cta .box .img-col .img-holder {
  position: relative;
}
section.cta .box .img-col .img-holder img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}
section.cta .box .text-col .links-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  gap: 10px;
}
@container main (min-width: 90rem) {
  section.cta .box {
    min-height: 704px;
  }
}
@container main (min-width: 64.0625rem) and (max-width: 89.9375rem) {
  section.cta .box {
    min-height: 600px;
  }
}
@container main (min-width: 64.0625rem) {
  section.cta .box .img-col .img-holder {
    width: 100%;
    height: 100%;
  }
  section.cta .box .text-col {
    padding: clamp(40px, 5vw, 80px);
  }
}
@container main (max-width: 64rem) {
  section.cta .box .img-col .img-holder {
    aspect-ratio: 16/9;
  }
}
@container main (max-width: 47.9375rem) {
  section.cta .box .img-col .img-holder {
    aspect-ratio: 343/300;
  }
}
@container main (min-width: 48rem) and (max-width: 64rem) {
  section.cta .box .text-col {
    padding: 60px;
  }
}
@container main (max-width: 47.9375rem) {
  section.cta .box .text-col {
    padding: 40px 24px;
  }
}