:root {
  --breakpoint-xxl: 1920px;
  --breakpoint-mxl: 1680px;
  --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 */
/* 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 .hero-block,
.hero-block {
  min-height: clamp(625px, 522.8571428571px + 0.2619047619 * 100vw, 900px);
  max-height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: clamp(50px, 24px + 0.0666666667 * 100vw, 120px);
}
.wp-block .hero-block .bg-wrapper,
.hero-block .bg-wrapper {
  position: absolute;
  width: 100%;
  top: clamp(30px, 4px + 0.0666666667 * 100vw, 100px);
  left: 0;
  overflow-x: hidden;
  display: flex;
  justify-content: center;
  z-index: -1;
}
.wp-block .hero-block .bg-wrapper svg,
.hero-block .bg-wrapper svg {
  position: relative;
  width: 125%;
  left: -7%;
  height: auto;
  opacity: 1;
}
@media (min-width: 1680px) {
  .wp-block .hero-block .bg-wrapper svg,
  .hero-block .bg-wrapper svg {
    width: 120%;
    left: -8%;
  }
}
@media (max-width: 768px) {
  .wp-block .hero-block .bg-wrapper svg.hero,
  .hero-block .bg-wrapper svg.hero {
    display: none;
  }
}
.wp-block .hero-block .bg-wrapper svg.hero-mobile,
.hero-block .bg-wrapper svg.hero-mobile {
  display: none;
}
@media (max-width: 768px) {
  .wp-block .hero-block .bg-wrapper svg.hero-mobile,
  .hero-block .bg-wrapper svg.hero-mobile {
    display: block;
    width: 1450px;
    height: auto;
    left: 56%;
    transform: translateX(-50%);
  }
}
.wp-block .hero-block .sk-container,
.hero-block .sk-container {
  height: inherit;
}
@media (max-width: 512px) {
  .wp-block .hero-block .sk-container,
  .hero-block .sk-container {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.wp-block .hero-block-content,
.hero-block-content {
  padding: clamp(20px, 15.9142857143px + 0.0104761905 * 100vw, 31px);
  background-color: var(--sk-color-dark);
  width: clamp(340px, 256.4285714286px + 0.2142857143 * 100vw, 565px);
  margin: 0 auto;
  box-sizing: border-box;
  max-width: 100%;
  border-radius: clamp(5px, 3.1428571429px + 0.0047619048 * 100vw, 10px);
}
@media (max-width: 512px) {
  .wp-block .hero-block-content,
  .hero-block-content {
    padding: 15px;
  }
}
.wp-block .hero-block-title,
.hero-block-title {
  text-align: center;
  font-size: clamp(28px, 23.5428571429px + 0.0114285714 * 100vw, 40px);
  color: var(--sk-color-light);
  margin: 0;
  font-weight: 400;
  letter-spacing: 0.1px;
  line-height: 1.1;
}
.wp-block .hero-block-buttons_wrapper,
.hero-block-buttons_wrapper {
  position: absolute;
  bottom: 45px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: clamp(10px, 6.2857142857px + 0.0095238095 * 100vw, 20px);
}
@media (max-width: 768px) {
  .wp-block .hero-block-buttons_wrapper,
  .hero-block-buttons_wrapper {
    flex-direction: column;
    bottom: 40px;
  }
}
@media (max-width: 512px) {
  .wp-block .hero-block-buttons_wrapper,
  .hero-block-buttons_wrapper {
    bottom: 28px;
  }
  .wp-block .hero-block-buttons_wrapper a.sk-btn,
  .hero-block-buttons_wrapper a.sk-btn {
    letter-spacing: 1px;
  }
}
@media (max-width: 768px) {
  .wp-block .hero-block,
  .hero-block {
    margin-bottom: 75px;
  }
}
@media (max-width: 512px) {
  .wp-block .hero-block,
  .hero-block {
    min-height: auto;
    height: 615px;
  }
}