/* ==========================================================================
   Colors
   ========================================================================== */
/* ==========================================================================
   Fonts
   ========================================================================== */
/* ==========================================================================
   Container sizes
   ========================================================================== */
/* ==========================================================================
   Media Query Breakpoints
   ========================================================================== */
/* ==========================================================================
   Utility
   ========================================================================== */
/* line 104, ../src/styles/_config.scss */
:root {
  --max-width: 1440px;
}

/* line 2, src/styles/blocks/hero1-block.scss */
.hero1Block {
  min-height: 600px;
  display: flex;
  align-items: self-end;
  position: relative;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover !important;
}
/* line 10, src/styles/blocks/hero1-block.scss */
.hero1Block:before {
  content: '';
  background-image: linear-gradient(to top, #001a70, rgba(0, 26, 112, 0));
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  height: 50%;
  width: 100%;
}
/* line 20, src/styles/blocks/hero1-block.scss */
.hero1Block .grid-container {
  padding-bottom: 80px;
}
/* line 23, src/styles/blocks/hero1-block.scss */
.hero1Block .hero1Block-primaryHeading {
  font-size: 26px;
  color: #FFFFFF;
  font-weight: 500;
}
/* line 28, src/styles/blocks/hero1-block.scss */
.hero1Block .hero1Block-subtitle {
  color: #FFFFFF;
  display: table;
  font-size: clamp(32px, 5vw, 80px);
}
/* line 33, src/styles/blocks/hero1-block.scss */
.hero1Block .hero1-buttons {
  display: table;
  margin: 0 auto;
}
/* line 35, src/styles/blocks/hero1-block.scss */
.hero1Block .hero-img-1 {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 250px;
}
/* line 36, src/styles/blocks/hero1-block.scss */
.hero1Block .hero-img-1 img {
  border-radius: 20px;
}
/* line 37, src/styles/blocks/hero1-block.scss */
.hero1Block .hero-img-2 {
  position: absolute;
  bottom: -225px;
  right: 0;
}
/* line 38, src/styles/blocks/hero1-block.scss */
.hero1Block .hero-img-2 img {
  border-radius: 20px;
}

/**
 * Use the .is-root-container class to target the block specifically when it is viewed in the Gutenberg editor.
 */
/* line 45, src/styles/blocks/hero1-block.scss */
.is-root-container .hero1Block {
  background: #00f;
}

@media all and (max-width: 767px) {
  /* line 51, src/styles/blocks/hero1-block.scss */
  .hero1Block {
    min-height: 620px;
    position: static;
    top: 0;
    z-index: 999;
    width: 100%;
  }
  /* line 56, src/styles/blocks/hero1-block.scss */
  .hero1Block .hero-img-1 {
    left: 30px;
    top: -80px;
  }
  /* line 57, src/styles/blocks/hero1-block.scss */
  .hero1Block .hero-img-2 {
    right: 30px;
    bottom: -180px;
  }
  /* line 58, src/styles/blocks/hero1-block.scss */
  .hero1Block .hero-img-1 img {
    max-width: 130px;
  }
  /* line 59, src/styles/blocks/hero1-block.scss */
  .hero1Block .hero-img-2 img {
    max-width: 130px;
  }
  /* line 60, src/styles/blocks/hero1-block.scss */
  .hero1Block .hero1Block-primaryHeading {
    font-size: 26px;
    padding-top: 90px;
  }
  /* line 61, src/styles/blocks/hero1-block.scss */
  .hero1Block .hero1Block-subtitle {
    font-size: 48px;
  }
}
@media all and (min-width: 768px) and (max-width: 991px) {
  /* line 65, src/styles/blocks/hero1-block.scss */
  .hero1Block .hero1Block-subtitle {
    font-size: 30px;
  }

  /* line 66, src/styles/blocks/hero1-block.scss */
  .hero1Block .hero-img-1 {
    left: 30px;
    top: -170px;
  }

  /* line 67, src/styles/blocks/hero1-block.scss */
  .hero1Block .hero-img-2 {
    right: 30px;
    bottom: -180px;
  }

  /* line 68, src/styles/blocks/hero1-block.scss */
  .hero1Block .hero-img-1 img {
    max-width: 150px;
  }

  /* line 69, src/styles/blocks/hero1-block.scss */
  .hero1Block .hero-img-2 img {
    max-width: 150px;
  }
}
@media all and (min-width: 992px) and (max-width: 1199px) {
  /* line 73, src/styles/blocks/hero1-block.scss */
  .hero1Block .hero1Block-subtitle {
    max-width: 470px;
    font-size: 45px;
    line-height: 45px;
  }

  /* line 75, src/styles/blocks/hero1-block.scss */
  .hero1Block .hero-img-1 {
    zoom: 90%;
  }

  /* line 76, src/styles/blocks/hero1-block.scss */
  .hero1Block .hero-img-2 {
    zoom: 90%;
  }
}
@media all and (min-width: 1200px) {
  /* line 79, src/styles/blocks/hero1-block.scss */
  .hero1Block .hero1Block-subtitle {
    max-width: 600px;
  }

  /* line 82, src/styles/blocks/hero1-block.scss */
  .hero1Block .hero-img-1 {
    zoom: 100%;
  }

  /* line 83, src/styles/blocks/hero1-block.scss */
  .hero1Block .hero-img-2 {
    zoom: 100%;
  }
}
/* line 86, src/styles/blocks/hero1-block.scss */
.is-root-container .hero1Block {
  clear: both;
}