/* Mixins
--------------------------------------------------------------- */
/*
  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);
*/
.home-hero-section {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  width: 100%;
  position: relative;
  background-color: #121314; }
  .home-hero-section .bg_imgs {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden; }
    .home-hero-section .bg_imgs img {
      height: 100%;
      width: 100%;
      object-fit: cover; }
    .home-hero-section .bg_imgs:after {
      content: "";
      z-index: 2;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.5);
      display: block; }
    .home-hero-section .bg_imgs video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; }
  @media (min-width: 768px) {
    .home-hero-section .homehero_section1 .content_wrap {
      margin-top: -6%; } }
  .home-hero-section .content_wrap {
    color: #fff; }
    .home-hero-section .content_wrap h1 {
      color: #fff; }
    .home-hero-section .content_wrap p {
      font-size: 20px;
      color: #fff; }
      @media (min-width: 768px) {
        .home-hero-section .content_wrap p {
          font-size: 24px; } }
    .home-hero-section .content_wrap .btn {
      margin-bottom: 20px;
      width: 100%; }
      @media (min-width: 768px) {
        .home-hero-section .content_wrap .btn {
          margin-right: 40px;
          width: auto; } }
  .home-hero-section .homeherosections_wrap {
    height: 100%;
    height: calc(var(--vh, 1vh) * 100);
    width: 100%; }
    .home-hero-section .homeherosections_wrap .homeherosection_wrap {
      height: 100vh;
      position: absolute;
      width: 100%; }
      .home-hero-section .homeherosections_wrap .homeherosection_wrap:not(.homehero_section1) {
        opacity: 0;
        visibility: hidden; }
      @media only screen and (max-height: 700px) {
        .home-hero-section .homeherosections_wrap .homeherosection_wrap .content_wrap {
          margin-top: 50px; } }