.hero {
  width: 100%;
  max-width: 1920px;
  margin-inline: auto;
  margin-top: -1px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 718px;
  max-height: 718px;
  overflow: hidden;
  position: relative;
}
.hero img, .hero picture {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.hero .gritcoline {
  position: absolute;
  left: calc(50% - 55px);
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 960px;
}
.hero .gritcoline svg {
  height: 423px;
  width: 408px;
}
.hero .gritcoline svg .cls-1 {
  fill: #2D7151;
}
.hero .text {
  position: relative;
  max-width: 1024px;
  margin-inline: auto;
  isolation: isolate;
}
.hero .text > *:last-child {
  margin-bottom: 0;
}
.hero h1 {
  font-family: "Monda", sans-serif;
  font-size: 72px;
  line-height: 86.4px;
  color: #ffffff;
  text-align: center;
}
.hero p {
  font-family: "Fira Sans Condensed", sans-serif;
  font-size: 24px;
  line-height: 28.8px;
  text-align: center;
  color: #ffffff;
  font-weight: 400;
  max-width: 785px;
  margin-inline: auto;
}
.hero.blue__line .gritcoline svg .cls-1 {
  fill: #AF8356;
}
@media screen and (max-width: 1281px) {
  .hero .text {
    padding-inline: 40px;
  }
  .hero h1 {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 769px) {
  .hero .gritcoline {
    left: 40px;
    transform: translate(0, -50%);
  }
  .hero .gritcoline svg {
    width: 258px;
    height: auto;
  }
  .hero h1 {
    font-size: 38px;
    line-height: 38px;
  }
  .hero p {
    font-size: 20px;
    line-height: 24.8px;
  }
}
@media screen and (max-width: 567px) {
  .hero {
    max-height: 604px;
    min-height: 604px;
  }
}

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