/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./assets/css/pages/about-page.scss ***!
  \********************************************************************************************************************************************************************************************************************************************/
/**
 * Colors
 *
 * Colors:
 * mild-gray: #e8eceb
 * blue-purple: #4800e5
 * black: #1979ff
 * orange: #000
 * white: #fff
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--title - Title
 * .type--title-mobile - Title Mobile
 * .type--button - Button
 * .type--text - Text
 * .type--text-bold - Text Bold
 * .type--text-menu - Text Menu
 * .type--text-menu-mobile - Text Menu Mobile
 * .type--text-menu-mobile-sub - Text Menu Mobile Sub
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * mild-gray: #e8eceb
 * blue-purple: #4800e5
 * black: #1979ff
 * orange: #000
 * white: #fff
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--title - Title
 * .type--title-mobile - Title Mobile
 * .type--button - Button
 * .type--text - Text
 * .type--text-bold - Text Bold
 * .type--text-menu - Text Menu
 * .type--text-menu-mobile - Text Menu Mobile
 * .type--text-menu-mobile-sub - Text Menu Mobile Sub
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * mild-gray: #e8eceb
 * blue-purple: #4800e5
 * black: #1979ff
 * orange: #000
 * white: #fff
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--title - Title
 * .type--title-mobile - Title Mobile
 * .type--button - Button
 * .type--text - Text
 * .type--text-bold - Text Bold
 * .type--text-menu - Text Menu
 * .type--text-menu-mobile - Text Menu Mobile
 * .type--text-menu-mobile-sub - Text Menu Mobile Sub
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * mild-gray: #e8eceb
 * blue-purple: #4800e5
 * black: #1979ff
 * orange: #000
 * white: #fff
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--title - Title
 * .type--title-mobile - Title Mobile
 * .type--button - Button
 * .type--text - Text
 * .type--text-bold - Text Bold
 * .type--text-menu - Text Menu
 * .type--text-menu-mobile - Text Menu Mobile
 * .type--text-menu-mobile-sub - Text Menu Mobile Sub
 *
 * Style guide: typography
 */
.section-hero {
  padding-top: max(40px, 3.125vw);
}
.section-hero__left {
  margin-bottom: 20px;
}
.section-hero__text p:last-child {
  margin-bottom: 0;
}
.section-hero__video {
  margin-top: auto;
  overflow: hidden;
}
.section-hero__video-container {
  margin-left: auto;
  margin-bottom: -1px;
}
.section-hero__video video {
  display: flex;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* stylelint-disable */
  mix-blend-mode: darken;
  /* stylelint-enable */
}
.section-services__container {
  padding-block: 25px 40px;
  padding-inline: 30px;
}
.section-services__title {
  margin-bottom: 30px;
}
.section-services__text {
  margin-bottom: max(15px, 1.0416666667vw);
}
.section-services__services {
  font-weight: 400;
  line-height: 1.2;
}
.section-services__single-service {
  margin-bottom: 3px;
}
@media (min-width: 768px) {
  .section-hero__left {
    padding-bottom: 8.4895833333vw;
    margin-bottom: unset;
  }
  .section-services__container {
    padding-block: 5.7291666667vw;
    padding-inline: 7.2916666667vw;
  }
  .section-services__title {
    margin-right: 12.2395833333vw;
    margin-bottom: unset;
  }
  .section-services__single-service {
    margin-bottom: unset;
  }
}
@media (min-width: 1280px) {
  .section-hero__video-container {
    margin-inline: auto;
    width: max(295px, 32.2916666667vw);
  }
  .section-services__text {
    max-width: 28.6458333333vw;
  }
}

/*# sourceMappingURL=about-page.css.map*/