#sport-content{
  font-size: 1rem;
}
/*
#sport-content p,
#sport-content h4,
#sport-content h3,
#sport-content h2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

#sport-content h4{
  font-size: 1.15rem;
  font-weight: 500;
}

#sport-content h3{
  font-size: 1.35rem;
  font-weight: 600;
}

#sport-content h2{
  font-size: 1.65rem;
  font-weight: 700;
}
*/
#sport-content table {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #d1d5db; /* gray-300 */
}

#sport-content th {
  background: #f3f4f6; /* gray-100 */
  font-weight: 500;
  text-align: left;
}

#sport-content th,
#sport-content td {
  border: 1px solid #d1d5db;
  padding: 0.25rem 0.5rem;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

/* Swiper JS */

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  display: flex;
  text-align: left;
  justify-content: left;
  align-items: left;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.animated-background {
  background: radial-gradient(circle, #121418, #31353d, #1b1b1b, #121418);
  background-size: 300% 400%;
}

@keyframes changeBgGradient {
  0% {
    background-position: 0% 0%;
  }
  50% {
    background-position: 90% 90%;
  }
  100% {
    background-position: 0% 0%;
  }
}

.animated-background {
  animation: changeBgGradient 30s cubic-bezier(0.42, 0, 0.58, 1) infinite;
}

.animated-background {
  transform: translateZ(0);
}