/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/about2.scss ***!
  \****************************************************************************************************************************************************************************************************************************************/
/**
 * Colors
 *
 * Colors:
 * white: #ffffff
 * black: #252525
 * blue: #0047FF
 * blue-dark: #0130AC
 * gray: #A0A0A0
 * gray-dark: #5D5D5B
 * gray-light: #F2F2F2
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--h6 - Heading 6
 * .type--text - Text | ParagraphN
 * .type--text-sm - Text small | ParagraphS
 * .type--text-display - Text Display
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * white: #ffffff
 * black: #252525
 * blue: #0047FF
 * blue-dark: #0130AC
 * gray: #A0A0A0
 * gray-dark: #5D5D5B
 * gray-light: #F2F2F2
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--h6 - Heading 6
 * .type--text - Text | ParagraphN
 * .type--text-sm - Text small | ParagraphS
 * .type--text-display - Text Display
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * white: #ffffff
 * black: #252525
 * blue: #0047FF
 * blue-dark: #0130AC
 * gray: #A0A0A0
 * gray-dark: #5D5D5B
 * gray-light: #F2F2F2
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--h6 - Heading 6
 * .type--text - Text | ParagraphN
 * .type--text-sm - Text small | ParagraphS
 * .type--text-display - Text Display
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * white: #ffffff
 * black: #252525
 * blue: #0047FF
 * blue-dark: #0130AC
 * gray: #A0A0A0
 * gray-dark: #5D5D5B
 * gray-light: #F2F2F2
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--h6 - Heading 6
 * .type--text - Text | ParagraphN
 * .type--text-sm - Text small | ParagraphS
 * .type--text-display - Text Display
 *
 * Style guide: typography
 */
.hero {
  height: max(600px, 65.625vw);
  position: relative;
}
.hero__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.hero__video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero__video::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 86.25%);
}
.hero__content {
  height: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #0047ff;
  margin: 0 auto;
  padding: max(50px, 7.5520833333vw) 10px 0;
}
.hero__slogan-big {
  width: 100%;
  max-width: max(325px, 39.0625vw);
  margin-bottom: max(25px, 2.34375vw);
}
.hero__slogan-small {
  width: 100%;
  max-width: max(300px, 35.15625vw);
}
.hero__scroll {
  cursor: pointer;
  color: #fff;
  position: absolute;
  bottom: 6vh;
  bottom: calc(var(--vh, 1vh) * 6);
}

.first-section {
  padding: 40px 10px;
}
.first-section__title {
  margin-bottom: 30px;
}
.first-section__upper-text {
  margin-bottom: 30px;
}

.second-section__img-wrapper {
  height: max(310px, 46.875vw);
}
.second-section__img {
  height: 100%;
  object-fit: cover;
}
.second-section__three-cols {
  padding: 25px 10px 30px;
  background: #f2f2f2;
}

.single-col {
  padding: 30px 0;
}
.single-col:not(:last-child) {
  border-bottom: 1px solid #252525;
}
.single-col__title {
  color: #0047ff;
  margin-bottom: 25px;
}
.third-section__img-wrapper {
  position: relative;
  height: max(445px, 34.1145833333vw);
}
.third-section__img-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(6, 8, 31, 0) 0%, #06081f 100%);
}
.third-section__img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.third-section__overlay {
  position: absolute;
  color: #fff;
  bottom: 30px;
  left: 16px;
}
.third-section__overlay-title {
  margin-bottom: 15px;
}
.third-section__overlay-upper-text p {
  margin-bottom: 0;
}
.third-section__text-content {
  padding: 0 10px 45px;
  margin-top: 20px;
}
.third-section__title {
  display: none;
  margin-bottom: 30px;
}
.third-section__upper-text {
  display: none;
}
.third-section__lower-text p:last-child {
  margin-bottom: 0;
}

.single-col__text p:last-child {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .first-section {
    padding: 95px 100px;
  }
  .first-section__right {
    width: 100%;
    max-width: max(350px, 36.4583333333vw);
    margin-left: auto;
  }
  .second-section__img-wrapper {
    order: 2;
  }
  .second-section__three-cols {
    padding-bottom: 55px;
  }
  .single-col {
    width: 30%;
  }
  .single-col:not(:last-child) {
    margin-right: 20px;
  }
  .single-col:last-child {
    border-bottom: 1px solid #252525;
  }
  .third-section {
    padding: 7.5520833333vw 20px 8.8541666667vw;
  }
  .third-section__img-wrapper {
    order: 2;
    flex-grow: 1;
  }
  .third-section__img-wrapper::before {
    background: none;
  }
  .third-section__overlay {
    display: none;
  }
  .third-section__text-content {
    width: 100%;
    max-width: max(300px, 34.375vw);
    padding: 0;
    margin-right: 7.03125vw;
  }
  .third-section__title {
    display: block;
  }
  .third-section__upper-text {
    display: block;
    color: #0047ff;
  }
  .block-reverse {
    margin-top: 7.8125vw;
  }
  .img-reverse {
    order: 1;
  }
  .text-content-reverse {
    order: 2;
    margin-left: 7.03125vw;
    margin-right: 0;
  }
}

@media (min-width: 992px) {
  .hero__scroll {
    color: #0047ff;
    position: relative;
    margin-top: 4.9479166667vw;
  }
  .second-section__three-cols {
    padding: 7.5520833333vw 5.2083333333vw;
  }
  .single-col {
    padding-top: 0;
    width: 100%;
    max-width: max(300px, 24.7395833333vw);
  }
  .single-col:not(:last-child) {
    margin-right: 8.0729166667vw;
  }
  .third-section {
    padding-inline: 9.375vw;
  }
}

/*# sourceMappingURL=about2.css.map*/