@font-face {
  font-family: "Manrope";
  src: url("../css/fonts/manrope.ttf") format("truetype");
}
@font-face {
  font-family: "Manrope SemiBold";
  src: url("../css/fonts/Manrope-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "Manrope Regular";
  src: url("../css/fonts/Manrope-Regular.ttf") format("truetype");
}
#Hfirst .pricing {
  background: linear-gradient(234deg, #0d1d3e 0%, #081731 66.89%, #071226 100%);
}
#Hfirst .pricing .landing-description-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 150px;
}
@media only screen and (max-width: 991px) {
  #Hfirst .pricing .landing-description-container {
    flex-direction: column-reverse;
    padding-top: 0px;
  }
}
#Hfirst .pricing .landing-description-container .text-block {
  width: 100%;
  max-width: 1047px;
}
#Hfirst .pricing .landing-description-container .text-block .h2 {
  width: 100%;
  color: #fefefe;
  font-size: min(48px, max(24px, 2.7586206897vw)) !important;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-transform: uppercase;
}
#Hfirst .pricing .landing-description-container .text-block .h2 .highligt {
  color: #eac31c;
}
#Hfirst .pricing .landing-description-container .text-block #dynamic-date {
  color: #eac31c;
  font-size: min(24px, max(18px, 1.3793103448vw));
  font-style: normal;
  font-weight: 800;
  line-height: 1em;
  margin-bottom: 15px;
  text-transform: uppercase;
}
#Hfirst .pricing .landing-description-container .text-block .energy-flex-box {
  margin-bottom: 30px;
  display: flex;
}
@media only screen and (max-width: 991px) {
  #Hfirst .pricing .landing-description-container .text-block .energy-flex-box {
    flex-direction: column;
  }
}
#Hfirst .pricing .landing-description-container .text-block .energy-flex-box span {
  display: block;
  color: #fefefe;
  text-align: center;
  font-family: "Roboto Slab";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  width: 300px;
  border: 1px solid #fff;
  padding-block: 15px;
}
#Hfirst .pricing .landing-description-container .image-block {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  #Hfirst .pricing .landing-description-container .image-block {
    flex-direction: row-reverse;
    align-items: flex-start;
  }
}
#Hfirst .pricing .landing-description-container .image-block .happy-hour-logo {
  margin-right: 40px;
}
@media only screen and (max-width: 991px) {
  #Hfirst .pricing .landing-description-container .image-block .happy-hour-logo {
    width: 33.0666666667vw;
    margin: 0;
  }
}
@media only screen and (max-width: 991px) {
  #Hfirst .pricing .landing-description-container .image-block .happy-chour-calendar {
    width: 48.5333333333vw;
  }
}

main #Hfirst .fluidContainer {
  background: linear-gradient(234deg, #06b2e6 0%, #206ba3 66.89%, #313b76 100%);
}
main #Hfirst .fluidContainer .slider-back .onlyDes {
  -webkit-mask-image: url("../img/header/heron-hero-mask.png");
          mask-image: url("../img/header/heron-hero-mask.png");
}/*# sourceMappingURL=home-page.css.map */