@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Anton&display=swap");

.anton {
  font-family: "Anton", sans-serif;
}
body {
  font-family: "Poppins", sans-serif;
  background: #111114;
}

.left {
  left: 0px !important;
}
@media (min-width: 768px) {
  .hfull {
    height: 350px;
  }
}
@media (max-width: 768px) {
  .hfull {
    height: 250px;
  }
}
.buy {
  box-shadow: 0px 4px 6px 0px #00000040;
  box-shadow: 0px 2px 4px 0px #00000040;
}

.Marquee {
  overflow: hidden;
}
.marquee {
  position: relative;
  width: 100vw;
  max-width: 100%;
  height: 250px;
  overflow-x: hidden;
  /* direction: ltr; */
}
.Marquee-content {
  display: flex;
  animation: marquee 60s linear infinite running;
}
.Marquee-content:hover {
  animation-play-state: paused;
}
.Marquee-tag {
  /* width: 200px; */
  margin: 0 0.5em;
  padding: 0.5em;
  /* background: rgba(255, 255, 255, 0.1); */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease;
}
.Marquee-tag:hover {
  /* background: rgba(255, 255, 255, 0.5); */
  cursor: pointer;
}

@keyframes marquee {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(50%);
  }
}
@media (min-width: 1380px) {
  .zt {
    z-index: 10;
  }
}
.rotate {
  animation: rotation infinite 30s linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}


@media (min-width: 1536px) and (max-width: 1900px) {
  .mx850 {
    max-width: 1250px !important;
  }
}
@media (min-width: 1300px) and (max-width: 1536px) {
  .mx850 {
    max-width: 1150px !important;
  }
  .srem {
    top: 10rem;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .srem {
    top: 8rem;
  }
  .mx850 {
    max-width:950px !important;
  }
}

@media (max-width: 768px) {
  .mx850 {
    max-width: 340px !important;
  }
  .oc {
    object-fit: contain;
  }
}
@media (max-width: 390px) {
  .mx850 {
    max-width: 300px !important;
  }
  .oc {
    object-fit: contain;
  }
}