/* body, html {
      background-color: #121212;
      color: #ffffff;
    } */

    .navbar, .offcanvas, .footer-bottom, .footer, footer, .card, .wrapper, .accordion-button,
    .accordion-collapse, .card-header, .accordion-item, .btn-secondary, .bg-primary,
    .bg-primary-banner, .bg-gray, .bg-light, .bg-white, .dropdown-menu, .nav-link, .offcanvas-body,
    .form-control, .btn {
      background-color: #1e1e1e !important;
      color: #ffffff !important;
      border-color: #ffbb00 !important;
    }

    .navbar .nav-link:hover, .dropdown-item:hover, .hover:hover, a:hover {
      color: #ffffff !important;
    }

    .text-primary, .text-gray, .heading-content, .fs-13, .fs-14, .fs-15, .fs-16, .price-duration {
      color: #ffffff !important;
    }

    .btn-secondary {
      background-color: #333 !important;
      color: #ffffff !important;
    }

    .btn-secondary:hover {
      background-color: #555 !important;
      color: #ffffff !important;
    }

    .icon-list li, .widget-title, .list-unstyled a, .btn, .nav-item .nav-link {
      color: #fbfbfb !important;
    }

    .card-body p, .card-body h4, .display-1, .display-3, .display-4, .fs-24, .fs-32, .fs-42 {
      color: #ffffff !important;
    }

    .accordion-button:not(.collapsed)::after {
      filter: brightness(0) invert(1);
    }

    .swiper-container, .swiper-wrapper, .swiper-slide {
      background-color: transparent !important;
    }

    .ratings::before, .ratings::after, .ratings span {
      filter: brightness(0) invert(1);
    }

    .btn-close {
      filter: invert(1);
    }

    .modal-content, .offcanvas {
      background-color: #1e1e1e;
      color: #ffffff;
    }

    input, textarea, select {
      background-color: #2a2a2a;
      color: #ffffff;
      border: 1px solid #444;
    }

    .social svg path {
      fill: #ffffff;
    }

    .social a:hover svg path {
      fill: #ffbb00;
    }

    
    .icon-list li::before {
  content: none !important;
}
 



.icon-list li strong {
  color: #ffffff !important; /* Strong tag color */
}

.hero-banner {
  background-image: 
    linear-gradient(to right, 
      rgba(0,0,0,1) 20%, 
      rgba(0,0,0,.7) 40%, 
      rgba(0,0,0,.4) 70%, 
      rgba(0,0,0,0) 100%
    ),
    url(images/minecraft-server.webp); /* Your image path here */
  background-size: cover;
  background-position: center;
  position: relative;
  /* Remove scaleX if you don't want horizontal flip */
}

.review-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  /* align-items: center; */
  gap: 1rem;
  padding: 20px;
  color: #ffffff;
  /* background-color: #0f0d251e; */
}

.review-text {
  font-weight: 600;
  font-size: 1rem;
  white-space: nowrap;
}

.review-badges {
  display: flex;
  gap: 12px;
}

.badge {
  display: flex;
  align-items: center;
  /* background-color: #121218; */
  border: 1px solid #2a2a2a;
  border-radius: 8px;
  padding: 8px 12px;
  gap: 8px;
}

.badge-icon {
  width: 30px;
  height: 30px;
  object-fit: contain;
}

.badge-score {
  font-weight: 700;
  font-size: 16px;
  color: #ffffff;
}

@media (max-width: 500px) {
  .review-section {
    flex-direction: column;
    text-align: center;
  }
}