.section--hero {
  position: relative;
  padding: 230px 0 350px;
}
@media (max-width: 1399px) {
  .section--hero {
    padding: 230px 0 350px;
  }
}
@media (max-width: 1199px) {
  .section--hero {
    padding: 180px 0 250px;
  }
}
@media (max-width: 991px) {
  .section--hero {
    padding: 80px 0 75px;
  }
}
@media (max-width: 767px) {
  .section--hero {
    padding: 80px 0 75px;
  }
}
@media (max-width: 575px) {
  .section--hero {
    padding: 80px 0 55px;
  }
}
.section--hero::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(22, 58, 58, 0.6);
}
.section--hero .content {
  position: relative;
}
.section--hero .title {
  margin-bottom: 40px;
}
.section--hero .title strong{
    color: var(--secondary)
}
.section--hero .buttons-wrapper{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 29px;
}
@media (max-width: 991px) {
  .section--hero .title {
    margin-bottom: 25px;
  }
}
@media (max-width: 575px) {
  .section--hero .title {
    margin-bottom: 15px;
  }
}
.section--hero .paragraph {
  margin-bottom: 50px;
}

@media (max-width: 991px) {
  .section--hero .paragraph {
    margin-bottom: 25px;
  }
}
@media (max-width: 575px) {
  .section--hero .paragraph {
    margin-bottom: 15px;
  }
} /*# sourceMappingURL=hero.css.map */