/* New CSS Start */
@import '../css/fonts.css';
* {
  box-sizing: border-box;
}

html body .announcement__header {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 10px 20px;
  background: salmon;
}
html body .announcement__header--sticky {
  position: sticky;
  top: 0;
  z-index: 99999 !important;
}
html body .announcement__header--left {
  justify-content: left;
}
html body .announcement__header--center {
  justify-content: center;
}
html body .announcement__header--right {
  justify-content: right;
}
html body .announcement__header__icon {
  color: currentColor !important;
}
html body .announcement__header__text {
  color: currentColor !important;
  margin: 0;
}
html body .announcement__header__link {
  text-decoration: none;
  border-radius: 4px;
  padding: 2px 20px;
  height: 30px !important;
  display: flex;
  align-items: center;
}
html body .announcement__footer {
  position: fixed;
  bottom: 0px;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 10px 20px;
  background: salmon;
  z-index: 99999 !important;
  width: 100%;
  transition: opacity 0.5s ease-in-out;
}
html body .announcement__footer--hidden {
  opacity: 0;
}
html body .announcement__footer--left {
  justify-content: flex-start;
}
html body .announcement__footer--center {
  justify-content: center;
}
html body .announcement__footer--right {
  justify-content: flex-end;
}
html body .announcement__footer__icon {
  color: currentColor !important;
}
html body .announcement__footer__text {
  color: currentColor !important;
  margin: 0;
}
html body .announcement__footer__link {
  text-decoration: none;
  border-radius: 4px;
  padding: 2px 20px;
  height: 30px !important;
  display: flex;
  align-items: center;
}
html body .announcement__floating {
  position: fixed;
  bottom: 20px;
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 10px 20px;
  background: salmon;
  z-index: 99999 !important;
  border-radius: 6px;
  transition: opacity 0.5s ease-in-out;
}
html body .announcement__floating--hidden {
  opacity: 0;
}
html body .announcement__floating--left {
  left: 20px;
  max-width: 500px;
}
html body .announcement__floating--center {
  max-width: 900px;
  left: 50%;
  transform: translateX(-50%);
}
html body .announcement__floating--right {
  right: 20px;
  max-width: 500px;
}
html body .announcement__floating__icon {
  color: currentColor !important;
}
html body .announcement__floating__text {
  color: currentColor !important;
  margin: 0;
}
html body .announcement__floating__link {
  text-decoration: none;
  border-radius: 4px;
  padding: 2px 20px;
  height: 30px !important;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  html body .font-sm-10 {
    font-size: 10px;
  }
  html body .font-sm-12 {
    font-size: 12px;
  }
  html body .font-sm-14 {
    font-size: 14px;
  }
  html body .font-sm-16 {
    font-size: 16px;
  }
  html body .font-sm-18 {
    font-size: 18px;
  }
  html body .font-sm-20 {
    font-size: 20px;
  }
  html body .font-sm-22 {
    font-size: 22px;
  }
  html body .font-sm-24 {
    font-size: 24px;
  }
  html body .font-sm-26 {
    font-size: 26px;
  }
  html body .font-sm-28 {
    font-size: 28px;
  }
  html body .font-sm-30 {
    font-size: 30px;
  }
}
@media screen and (min-width: 768px) {
  html body .font-lg-10 {
    font-size: 10px;
  }
  html body .font-lg-12 {
    font-size: 12px;
  }
  html body .font-lg-14 {
    font-size: 14px;
  }
  html body .font-lg-16 {
    font-size: 16px;
  }
  html body .font-lg-18 {
    font-size: 18px;
  }
  html body .font-lg-20 {
    font-size: 20px;
  }
  html body .font-lg-22 {
    font-size: 22px;
  }
  html body .font-lg-24 {
    font-size: 24px;
  }
  html body .font-lg-26 {
    font-size: 26px;
  }
  html body .font-lg-28 {
    font-size: 28px;
  }
  html body .font-lg-30 {
    font-size: 30px;
  }
}

[class*=Alata], [class*=Alata] * {
  font-family: "Alata";
}

[class*="Carter One"], [class*="Carter One"] * {
  font-family: "Carter One";
}

[class*=Charm], [class*=Charm] * {
  font-family: "Charm";
}

[class*=Dancing], [class*=Dancing] * {
  font-family: "Dancing Script";
}

[class*=Lato], [class*=Lato] * {
  font-family: "Lato";
}

[class*=Montserrat], [class*=Montserrat] * {
  font-family: "Montserrat";
}

[class*=Noto], [class*=Noto] * {
  font-family: "Noto Sans";
}

[class*="Open Sans"], [class*="Open Sans"] * {
  font-family: "Open Sans";
}

[class*=Playfair], [class*=Playfair] * {
  font-family: "Playfair 5pt SemiExpanded";
}

[class*=Poppins], [class*=Poppins] * {
  font-family: "Poppins";
}

[class*=Prompt], [class*=Prompt] * {
  font-family: "Prompt";
}

[class*=Roboto], [class*=Roboto] * {
  font-family: "Roboto";
}

[class*="Roboto Condensed"], [class*="Roboto Condensed"] * {
  font-family: "Roboto Condensed";
}

[class*=Satisfy], [class*=Satisfy] * {
  font-family: "Satisfy";
}

[class*="Smooch Sans"], [class*="Smooch Sans"] * {
  font-family: "Smooch Sans";
}

/* New CSS End */
.announcement__header .fa,
.announcement__header .fas, .announcement__footer .fa,
.announcement__footer .fas, .announcement__floating .fa,
.announcement__floating .fas {
  font-family: "FontAwesome";
}/*# sourceMappingURL=frontend.css.map */