#category-description {
  background: linear-gradient(135deg, #7b22f5 0%,#29dcd2 50%,#29dcd2 51%,#7b22f5 100%);
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
  margin-bottom: 0.75rem;
  color: #000;
  font-weight: bold;
  font-size: 1.25rem;
}

.btn-secondary {
  color: #000 !important; 
}

#category-description:empty {
  display: none;
}

.carousel-control-prev, .carousel-control-next {
  width: 5%;
  min-width: 38px;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
  width: 32px;
  height: 32px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
}

.carousel-control-next-icon {
  background-image: url(/content/image/Theme/arrow-next.svg);
}

.carousel-control-prev-icon {
  background-image: url(/content/image/Theme/arrow-prev.svg);
}

.border-wave, .shop-item-purchase-widget {
  border: 3px solid transparent !important;
  border-radius: 0.5rem !important;
  border-image: linear-gradient(135deg, #7b22f5 0%,#29dcd2 50%,#29dcd2 51%,#7b22f5 100%) !important;
  border-image-slice: 1 !important;  
}

.heading-wave h2, .heading-wave h3 {
  color: transparent !important;
  background: linear-gradient(135deg, #7b22f5 0%,#29dcd2 50%,#29dcd2 51%,#7b22f5 100%);
  background-clip: text;
}

.shop-item-purchase-widget {
  padding: 1rem !important;
}

.nav-tabs a.nav-link {
  border-top-color: var(--info) !important;
  border-left-color: var(--info) !important;
  border-right-color: var(--info) !important;
}

.nav-tabs a.nav-link.active {
  border-top-color: var(--secondary) !important;
  border-left-color: var(--secondary) !important;
  border-right-color: var(--secondary) !important;
}

.bg-wave, .nav-pills .nav-link.active {
  background: linear-gradient(135deg, #7b22f5 0%,#29dcd2 50%,#29dcd2 51%,#7b22f5 100%) !important;
}

@media(min-width: 768px) {
  #theme-1 {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.modal-content, .shadow-glow {
  position: relative;
  transform-style: preserve-3d;
}
.modal-content::before, .shadow-glow::before {
  content: "";
  position: absolute; 
  inset: -70px;
  background: conic-gradient(from 100deg at 40% -25%, #7b22f5,#29dcd2,#29dcd2,#7b22f5);
  filter: blur(50px);
  transform: translate3d(0px,0px,-1px);
  border-radius: 3rem;
  pointer-events: none;
}

#preview-bg {
  /*background: conic-gradient(from 100deg at 40% -25%, #7b22f5,#29dcd2,#29dcd2,#7b22f5);
   mask-image: radial-gradient(circle, #7b22f5,#29dcd2,#29dcd200,#7b22f500); */
  background: radial-gradient(circle, #7b22f5,#7b22f5 50%,#29dcd2 70%,#000);
}

.bg-blurs {
  background-color: #000;
  background-image:
    radial-gradient(ellipse at top left, var(--primary), #0000),
    radial-gradient(ellipse at bottom right, var(--secondary), #0000);
  padding: 150px 0 !important;
}

#help-panel {
  box-shadow: -50px 0 50px var(--primary), -25px 0 25px var(--secondary);
}

#text-panel {
  box-shadow: 50px 0 50px var(--secondary), 25px 0 25px var(--primary);
}