/* stylelint-disable */
:root {
  --breakpoint-xxl: 1920px;
  --breakpoint-xl: 1440px;
  --breakpoint-lg: 1280px;
  --breakpoint-md: 1024px;
  --breakpoint-md-d: 1023px;
  --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 .cta-banner,
.cta-banner {
  padding: 37px 0;
}
.wp-block .cta-banner.bg-light,
.cta-banner.bg-light {
  background: var(--sk-color-athens-gray-100);
}
.wp-block .cta-banner.bg-dark,
.cta-banner.bg-dark {
  background: var(--sk-color-bg-primary);
}
.wp-block .cta-banner .sk-container,
.cta-banner .sk-container {
  padding: 0;
}
@media (min-width: 768px) {
  .wp-block .cta-banner .sk-container,
  .cta-banner .sk-container {
    padding-left: var(--sk-container-padding);
    padding-right: var(--sk-container-padding);
  }
}
.wp-block .cta-banner__banner,
.cta-banner__banner {
  padding: 35px 20px 33px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 17px;
  background-color: var(--sk-color-athens-gray-500);
  color: #FCFCFD;
  border-radius: 2px;
}
.wp-block .cta-banner__banner-light,
.cta-banner__banner-light {
  background: var(--sk-color-gumbo-100);
}
.wp-block .cta-banner__banner-light h2.cta-banner__text,
.cta-banner__banner-light h2.cta-banner__text {
  color: var(--sk-color-athens-gray-50);
}
.wp-block .cta-banner__banner-light h2.cta-banner__text p,
.cta-banner__banner-light h2.cta-banner__text p {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}
@media (max-width: 768px) {
  .wp-block .cta-banner__banner-light h2.cta-banner__text,
  .cta-banner__banner-light h2.cta-banner__text {
    color: var(--sk-color-athens-gray-500);
  }
}
.wp-block .cta-banner__banner-light .cta-banner__deco,
.cta-banner__banner-light .cta-banner__deco {
  background-color: var(--sk-color-gumbo-100);
}
@media (min-width: 768px) {
  .wp-block .cta-banner__banner,
  .cta-banner__banner {
    padding: 28px clamp(25px, 17.2px + 0.02 * 100vw, 46px) 31px 25px;
    max-width: 99%;
    margin: 0 auto;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
  }
}
.wp-block .cta-banner__banner .sk-btn,
.cta-banner__banner .sk-btn {
  padding: 0 10px;
  font-size: var(--sk-text-2xs);
  letter-spacing: 0.5px;
}
@media (min-width: 768px) {
  .wp-block .cta-banner__banner .sk-btn,
  .cta-banner__banner .sk-btn {
    letter-spacing: 0.6px;
  }
}
.wp-block .cta-banner__banner .sk-btn:hover,
.cta-banner__banner .sk-btn:hover {
  background-color: var(--sk-color-white);
}
.wp-block .cta-banner h2.cta-banner__text,
.cta-banner h2.cta-banner__text {
  font-family: var(--sk-font-primary), sans-serif;
  font-size: clamp(18px, 17.2571428571px + 0.0019047619 * 100vw, 20px);
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  color: #FCFCFD;
}
@media (min-width: 1024px) {
  .wp-block .cta-banner h2.cta-banner__text,
  .cta-banner h2.cta-banner__text {
    text-align: left;
  }
}
.wp-block .cta-banner__deco,
.cta-banner__deco {
  position: absolute;
  width: 17px;
  height: 19px;
  background-color: var(--sk-color-athens-gray-500);
  border-radius: 2px;
}
.wp-block .cta-banner__deco:nth-of-type(1),
.cta-banner__deco:nth-of-type(1) {
  top: calc(100% - 2px);
  left: calc(100% - 2px);
}
.wp-block .cta-banner__deco:nth-of-type(2),
.cta-banner__deco:nth-of-type(2) {
  top: calc(100% - 2px);
  right: calc(100% - 2px);
}
.wp-block .cta-banner__deco:nth-of-type(3),
.cta-banner__deco:nth-of-type(3) {
  bottom: calc(100% - 2px);
  left: calc(100% - 2px);
}
.wp-block .cta-banner__deco:nth-of-type(4),
.cta-banner__deco:nth-of-type(4) {
  bottom: calc(100% - 2px);
  right: calc(100% - 2px);
}