@import url("https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap");

.exo-set {
  font-family: "Exo", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.public-sans-set {
  font-family: "Public Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.main-menu {
  min-height: 90px;
}

.hero-banner {
  margin-top: 64px;
}

.hero-background {
  background-image: url(../images/hero-mobile.png);
  background-position: top center !important;
  background-repeat: no-repeat;
  background-size: cover !important;
}

@media (min-width: 768px) {
  .hero-background {
    background-image: url(../images/Hero-banner.png);
    background-position: top center !important;
    background-repeat: no-repeat;
    background-size: cover !important;
  }

  .hero-banner {
    margin-top: 125px;
  }
}

.logo {
  min-width: 110px;
  height: 57px;
}

.logo-mob {
  min-width: 74px;
  height: 38px;
}

.product-img {
  min-height: 393px;
  width: auto;
}

/* card shadow similar to design */
.card-shadow {
  box-shadow: 0 12px 30px -18px rgba(12, 20, 40, 0.12);
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
/* slight override for swiper nav icons on light background */
.swiper-button-next,
.swiper-button-prev {
  color: #fff;
}

.subpage-container {
  min-height: 500px;
}

/* small decorative underline like the screenshot */
.gradient-underline {
  height: 6px;
  width: 240px;
  border-radius: 9999px;
  background: linear-gradient(90deg, #ff2d7a, #ff9a4d 60%);
  margin-top: 10px;
}
/* subtle card shadow similar to screenshot */
.card-shadow {
  box-shadow: 0 18px 40px -24px rgba(12, 20, 40, 0.12);
}


.sub-banner {
  background-image: url(../images/common-bg-2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}