@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
body {
  font-family: "Inter", sans-serif;
}
.Marquee {
  overflow: hidden;
  width: 100vw;
}
.Marquee-content {
  display: flex;
  white-space: nowrap;
  will-change: transform;
  animation: marquee 20s linear infinite;
}
.Marquee-content:hover {
  animation-play-state: paused;
}
.Marquee-tag {
  margin: 0 0.5em;
  padding: 0.5em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease;
}

@keyframes marquee {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-50%);
  }
}
/* .gecko-widget-wrapper {
  width: 86%!important;
}
@media (min-width: 1300px) and (max-width: 1700px) {
  .gecko-widget-wrapper {
    width: 82%!important;
  }
}
@media (min-width: 1100px) and (max-width: 1300px) {
  .gecko-widget-wrapper {
    width: 78%!important;
  }
}
@media (min-width: 768px) and (max-width: 1100px) {
  .gecko-widget-wrapper {
    width: 70%!important;
  }
} */