/* stylelint-disable */
/* stylelint-disable max-line-length */
:root {
  --breakpoint-xxl: 1920px;
  --breakpoint-xl: 1440px;
  --breakpoint-lg-2: 1397px;
  --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 .hero,
.hero {
  margin-top: calc(var(--header-height) * -1 - 50px);
}
.wp-block .hero .hero-fw-banner,
.hero .hero-fw-banner {
  position: relative;
  padding: 380px var(--sk-container-padding) 373px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .wp-block .hero .hero-fw-banner,
  .hero .hero-fw-banner {
    padding: 280px var(--sk-container-padding) 273px;
  }
}
.wp-block .hero .hero-fw-banner__container,
.hero .hero-fw-banner__container {
  position: absolute;
  inset: 0;
  z-index: -1;
}
.wp-block .hero .hero-fw-banner__gradient,
.hero .hero-fw-banner__gradient {
  background: linear-gradient(103.96deg, #0d0d0d 49.77%, rgba(13, 13, 13, 0) 88.17%);
  position: absolute;
  inset: 0;
}
@media (max-width: 768px) {
  .wp-block .hero .hero-fw-banner__gradient,
  .hero .hero-fw-banner__gradient {
    background: linear-gradient(180deg, #0d0d0d 49.77%, rgba(13, 13, 13, 0) 88.17%);
  }
}
.wp-block .hero .hero-fw-banner__img-wrapper,
.hero .hero-fw-banner__img-wrapper {
  position: absolute;
  inset: 0;
  height: 100%;
  z-index: -1;
  min-height: 414px;
  transform: translateX(30%);
}
@media (max-width: 768px) {
  .wp-block .hero .hero-fw-banner__img-wrapper,
  .hero .hero-fw-banner__img-wrapper {
    transform: translateX(0);
    top: 40%;
  }
}
.wp-block .hero .hero-fw-banner__img-wrapper img,
.wp-block .hero .hero-fw-banner__img-wrapper svg,
.hero .hero-fw-banner__img-wrapper img,
.hero .hero-fw-banner__img-wrapper svg {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 500px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .wp-block .hero .hero-fw-banner__img-wrapper img,
  .wp-block .hero .hero-fw-banner__img-wrapper svg,
  .hero .hero-fw-banner__img-wrapper img,
  .hero .hero-fw-banner__img-wrapper svg {
    min-height: 500px;
  }
}
.wp-block .hero .hero-fw-banner__content,
.hero .hero-fw-banner__content {
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  flex-direction: column;
}
.wp-block .hero .hero-fw-banner__add-img-wrapper,
.hero .hero-fw-banner__add-img-wrapper {
  width: 100%;
  max-width: 268px;
  margin: 0 auto;
}
.wp-block .hero .hero-fw-banner__add-img-wrapper img,
.wp-block .hero .hero-fw-banner__add-img-wrapper svg,
.hero .hero-fw-banner__add-img-wrapper img,
.hero .hero-fw-banner__add-img-wrapper svg {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 35px;
  -o-object-fit: contain;
     object-fit: contain;
}
.wp-block .hero .hero-fw-banner__title,
.hero .hero-fw-banner__title {
  margin-top: 9px;
}
.wp-block .hero .hero-fw-banner__title h1,
.wp-block .hero .hero-fw-banner__title h2,
.wp-block .hero .hero-fw-banner__title h3,
.wp-block .hero .hero-fw-banner__title h4,
.wp-block .hero .hero-fw-banner__title h5,
.wp-block .hero .hero-fw-banner__title h6,
.wp-block .hero .hero-fw-banner__title p,
.hero .hero-fw-banner__title h1,
.hero .hero-fw-banner__title h2,
.hero .hero-fw-banner__title h3,
.hero .hero-fw-banner__title h4,
.hero .hero-fw-banner__title h5,
.hero .hero-fw-banner__title h6,
.hero .hero-fw-banner__title p {
  text-align: center;
  margin: 0;
  font-family: var(--sk-font-third);
  color: var(--sk-color-white);
  line-height: 105%;
  font-weight: 400;
  letter-spacing: 0;
}
.wp-block .hero .hero-fw-banner__title h1,
.hero .hero-fw-banner__title h1 {
  font-size: var(--sk-text--h1-up);
}
.wp-block .hero .hero-fw-banner__title em,
.hero .hero-fw-banner__title em {
  font-weight: 300;
}
.wp-block .hero .hero-fw-banner__title .sk-decor-rays-right-lg::after,
.hero .hero-fw-banner__title .sk-decor-rays-right-lg::after {
  right: -16%;
  top: -23%;
}
.wp-block .hero .hero-fw-banner__title .sk-decor-underline::after,
.hero .hero-fw-banner__title .sk-decor-underline::after {
  bottom: -24px;
  left: -14px;
}
.wp-block .hero .hero-fw-banner__chat-wrapper,
.hero .hero-fw-banner__chat-wrapper {
  width: 100%;
  max-width: 692px;
  margin-top: 24px;
}