/* Google Fonts Imports */
@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap";

/* Custom Font Faces */
@font-face {
  font-family: Base Neue Trial;
  src: url(https://fonts.cdnfonts.com/s/93189/BaseNeueTrial-Medium.woff)
    format("woff");
  font-weight: 500;
  font-style: normal;
}

/* custom-style  */
.hero-banner {
  background: linear-gradient(
    183.047deg,
    rgb(169, 171, 174) 55.717%,
    rgb(191, 195, 197) 76.486%
  );
}
.home-banner {
  position: relative;
  background: linear-gradient(
    183.047deg,
    rgb(169, 171, 174) 55.717%,
    rgb(191, 195, 197) 76.486%
  );
}
.home-banner::before {
  content: "";
  position: absolute;
  top: 20%;
  right: 0;
  width: 50%;
  height: 50%;
  background-image: url("assets/dice-img.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  /* Add other properties as needed, like height, width, etc. */
}
@media (max-width: 768px) {
  .home-banner::before {
    top: 10%;
    width: 80%;
    height: 20%;
  }
}
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.animate-marquee {
  animation: marquee 20s linear infinite;
}