.stats-bar {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 24px !important;
  justify-content: center !important;
  align-items: center !important;
}

[class*="hero"], .hero-section {
  padding: 60px 20px !important;
  min-height: auto !important;
}

body {
  background: #050508 !important;
  background-image: none !important;
  position: relative !important;
}

.flex-wrapper {
  background: none !important;
}

body::after {
  content: '' !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background:
    radial-gradient(ellipse 600px 600px at 15% 50%, rgba(255,255,255,0.12) 0%, transparent 55%),
    radial-gradient(ellipse 600px 600px at 85% 25%, rgba(255,255,255,0.10) 0%, transparent 55%),
    radial-gradient(ellipse 600px 600px at 50% 85%, rgba(255,255,255,0.10) 0%, transparent 55%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}
.hero, [class*="hero"], .bg-image {
  background: transparent !important;
  background-image: none !important;
}

body {
  background: #050508 !important;
  background-image: none !important;

}
.hero input, .hero .form-control {
  color: #050508 !important;
  background: #ffffff !important;
}

.hero button, .hero .btn {
  color: #050508 !important;
}
.btn-primary, .btn-success, .btn-dark, .btn {
  color: #050508 !important;
}
nav .btn, header .btn, .navbar .btn,
nav a, header a, .navbar a,
nav button, header button, .navbar button {
  color: #ffffff !important;
  opacity: 1 !important;
}
nav .btn:hover, header .btn:hover, .navbar .btn:hover {
  color: #000000 !important;
  border-color: #000000 !important;
}

.nav-link:hover {
  color: #3b82f6 !important;
}
.dropdown-menu, .choices__list, select option,
.choices__item, .choices__placeholder {
  color: #ffffff !important;
}

select {
  color: #ffffff !important;
}
.btn-outline, .btn-outline-primary, .btn-outline-secondary {
  color: #ffffff !important;
  border-color: #1e1e2a !important;
}

.btn-outline:hover, .btn-outline-primary:hover {
  background: #3b82f6 !important;
  color: #ffffff !important;
}
.variant-name, [class*="variant"] span,
[class*="variant"] p, [class*="variant"] div {
  color: #ffffff !important;
}
.card-img-top img {
  display: block !important;
  height: auto !important;
}

.aspect-product-card-image {
  display: block !important;
  height: auto !important;
}
.product-page .card-img-top,
.product-page .aspect-product-card-image,
[class*="product-page"] img.img-fluid {
  display: none !important;
}
img.aspect-product-page-image {
  display: none !important;
}
.product-description img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}
.product-description img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin-bottom: 20px !important;
}

.product-description {
  padding: 0 !important;
}
.product-description img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}
.btn-outline-danger {
  color: #ef4444 !important;
  border-color: #ef4444 !important;
}

.btn-outline-danger:hover {
  color: #ffffff !important;
  background: #ef4444 !important;
}
.customer-dashboard .nav-link,
.customer-sidebar .nav-link,
[class*="dashboard"] .nav-link {
  color: #ffffff !important;
}
.nav-link.active {
  color: #000000 !important;
}
.col-lg-6 {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.product-description, 
.product-description * {
  visibility: visible !important;
  opacity: 1 !important;
  color: #ffffff !important;
}
.editor, .e-paragraph, .product-tabs, .content {
  color: #ffffff !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.editor img {
  width: 100% !important;
  display: block !important;
}
.social .left svg {
  display: inline-block !important;
  width: 32px !important;
  height: 32px !important;
}

.social .left {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  background: none !important;
  border-radius: 0 !important;
}
.social span.left {
  background: transparent !important;
  border-radius: 0 !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
.hero .btn-primary:hover {
  background: #3b82f6 !important;
  color: #ffffff !important;
  border-color: #3b82f6 !important;
}
.socials .list .social:hover {
  color: #3b82f6 !important;
  border-color: #3b82f6 !important;
}

.socials .list .social:hover svg {
  color: #3b82f6 !important;
}
.products .card .card-img-top .overlay .btn:hover {
  background: #3b82f6 !important;
  color: #ffffff !important;
  border-color: #3b82f6 !important;
}
.navbar .navbar-brand {
  border-right: 1px solid rgba(255,255,255,0.2) !important;
  padding-right: 1.5rem !important;
  margin-right: 1.5rem !important;
}