/* stylelint-disable */
/* stylelint-disable max-line-length */
:root {
  --breakpoint-xxl: 1920px;
  --breakpoint-xl: 1440px;
  --breakpoint-lg: 1280px;
  --breakpoint-md: 1024px;
  --breakpoint-md-s: 992px;
  --breakpoint-sm: 768px;
  --breakpoint-xs: 512px;
  --breakpoint-xxs: 390px;
}

/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/*
  This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top);
*/
.wp-block .section-cta,
.section-cta {
  padding: var(--sk-spacing-50) 0 var(--padding-mobile);
  overflow: hidden;
}
@media (min-width: 1280px) {
  .wp-block .section-cta,
  .section-cta {
    padding: var(--sk-spacing-100) 0 var(--padding-desktop);
  }
}

.cta__wrapper {
  max-width: 800px;
  margin-left: auto;
  background-color: var(--sk-color-white);
  border-left: 5px solid var(--sk-color-third);
  padding: 100px 95px 0 100px;
}
@media (max-width: 1024px) {
  .cta__wrapper {
    padding: 50px 100px 0 50px;
  }
}
@media (max-width: 768px) {
  .cta__wrapper {
    padding: 25px 25px 0 20px;
  }
}
.cta__title {
  position: relative;
}
.cta__title::after {
  content: "";
  position: absolute;
  height: 1px;
  width: 100vw;
  bottom: -5px;
  left: 0;
  background-color: var(--sk-color-second-light);
}
.cta__column h1,
.cta__column h2,
.cta__column h3,
.cta__column h4,
.cta__column h5,
.cta__column h6,
.cta__column p {
  color: var(--sk-color-second-light);
}
.cta__content {
  margin-bottom: 25px;
}
.cta__content br {
  display: block;
}
.cta__content h2 {
  font-size: var(--sk-text--h1);
  line-height: var(--sk-line-height--h1);
}
@media (max-width: 768px) {
  .cta__link .sk-btn {
    width: 235px;
    padding: 0 50px 0 15px;
  }
}
