/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/scss/acf-blocks/block-hero.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Backgrounds */
/* Transitions */
/* Icons */
/* Backgrounds */
.home .block-hero__title {
  color: #FFFFFF;
}
.home .block-hero__title span {
  color: #FFFFFF;
}
.home .block-hero__subtitle {
  color: #FFFFFF;
}
.home .block-hero__button a {
  box-shadow: 0 3px 2px 0 rgba(129, 129, 129, 0.55) inset, 0 -3px 2px 0 rgba(12, 12, 12, 0.24) inset, 0 0 4px 0 #B0B0B0 !important;
  color: #000;
  background: linear-gradient(180deg, #FFF -30.68%, #CCC 42.61%, #FFF 115.91%);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
.home .block-hero__button a:hover {
  text-shadow: none;
  background: var(--Secondary-menu-button, linear-gradient(180deg, #000 30%, #4A4A4A 100%));
  color: #F6F6F6;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.08);
}

.block-hero {
  padding: 125px 0 125px;
  position: relative;
  overflow: hidden;
  margin-top: -110px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  .block-hero {
    padding: 170px 0 150px;
  }
}
.block-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.block-hero__video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.block-hero .block-hero__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.65);
}
.block-hero__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  position: relative;
  z-index: 2;
}
.block-hero__title {
  color: #000;
  text-align: center;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.16);
  /* H1 */
  font-family: Figtree;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1; /* 81.6px */
  text-transform: capitalize;
}
@media (min-width: 768px) {
  .block-hero__title {
    font-size: 64px;
    max-width: 1063px;
  }
}
.block-hero__title span {
  color: #000;
  /* H1 */
  font-family: "Figtree", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  text-transform: capitalize;
}
@media (min-width: 768px) {
  .block-hero__title span {
    font-size: 68px;
  }
}
.block-hero__subtitle {
  color: #000;
  text-align: center;
  /* Body1 */
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 28px */
  max-width: 711px;
  position: relative;
}
@media (min-width: 768px) {
  .block-hero__subtitle {
    font-size: 20px;
  }
}
.block-hero__button {
  margin: 8px auto 0;
}
@media (max-width: 991.98px) {
  .block-hero__button {
    width: 100%;
  }
}
.block-hero__button a {
  text-shadow: none;
  background: var(--Secondary-menu-button, linear-gradient(180deg, #000 30%, #4A4A4A 100%));
  color: #F6F6F6;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.08);
}
@media (min-width: 768px) {
  .block-hero__button a {
    width: 198px;
    height: 51px;
  }
}
.block-hero__button a:hover {
  box-shadow: 0 3px 2px 0 rgba(129, 129, 129, 0.55) inset, 0 -3px 2px 0 rgba(12, 12, 12, 0.24) inset, 0 0 4px 0 #B0B0B0;
  color: #000;
  background: linear-gradient(180deg, #FFF -30.68%, #CCC 42.61%, #FFF 115.91%);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
.block-hero__arrow {
  padding: 4px 0 0;
}
@media (min-width: 768px) {
  .block-hero__arrow {
    padding: 36px 0 0;
  }
}
.block-hero .pointer-1 {
  background-image: url(..//images/pointer-1.png);
  left: 20px;
  top: -195.12px;
}
@media (min-width: 768px) {
  .block-hero .pointer-1 {
    top: auto;
    bottom: -31.62px;
    left: -114.22px;
  }
}
.block-hero .pointer-2 {
  background-image: url(..//images/pointer-2.png);
  bottom: -47px;
  right: 21px;
}
@media (min-width: 768px) {
  .block-hero .pointer-2 {
    bottom: -11.5px;
    right: -76.5px;
  }
}
.block-hero .pointer {
  display: block;
  z-index: 2;
  position: absolute;
  width: 34px;
  height: 34px;
  background-repeat: no-repeat;
}

/* Сщіщь Зфпуі */
body.page-solution .block-hero__subtitle {
  color: #4E5358;
}

/*# sourceMappingURL=block-hero.css.map*/