.section-head p:first-child span {
  color: transparent !important;
  -webkit-text-stroke: 3px white;
  text-stroke: 3px white;
  font-weight: 900;
}

.section-head p:last-child span {
  color: white !important;
  font-weight: 900;
}

/* Social handles */
.bs-social-links {
  display: flex;
  justify-content: flex-start; /* Changed from center to flex-start */
  align-items: center;
  gap: 15px; /* Reduced gap */
  padding: 0px 0;
  padding-left: 0px; /* Add some left padding if needed */
}

.link-items {
  display: flex;
  justify-content: flex-start; /* Changed from center to flex-start */
  align-items: center;
  gap: 15px; /* Reduced gap between buttons */
  flex-wrap: wrap;
}

.link-items .item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px; /* Reduced from 60px */
  height: 45px; /* Reduced from 60px */
  border-radius: 50%;
  border: 4px solid #00bcd4;
  background-color: transparent;
  transition: all 0.3s ease;
  text-decoration: none;
  position: relative;
}

.link-items .item:hover {
  background-color: #00bcd4;
  transform: scale(1.05);
}

.link-items .item i {
  font-size: 18px; /* Reduced from 24px */
  color: #00bcd4;
  transition: color 0.3s ease;
  width: 18px; /* Reduced from 24px */
  height: 18px; /* Reduced from 24px */
  display: flex;
  justify-content: center;
  align-items: center;
}

.link-items .item:hover i {
  color: white;
}

.circular.social {
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  font-size: 18px !important; /* Reduced font size */
  width: auto !important;
  height: auto !important;
}

/* Responsive design */
@media (max-width: 768px) {
  .link-items {
    gap: 12px; /* Even smaller gap on mobile */
  }
  
  .link-items .item {
    width: 40px; /* Smaller on mobile */
    height: 40px;
  }
  
  .link-items .item i {
    font-size: 16px;
  }
}

/* Featured in text */
/* Target ONLY the 3rd section (FEATURED IN) */
section[data-section-id="17908000005064924"] .community-section-description {
  overflow: hidden;
  position: relative;
}

section[data-section-id="17908000005064924"] .section-title {
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* Hollow 1st/3rd spans (white outline) */
section[data-section-id="17908000005064924"] .section-title p span:nth-child(1),
section[data-section-id="17908000005064924"] .section-title p span:nth-child(5) {
  color: transparent !important;
  -webkit-text-stroke: 3px white;
  text-stroke: 3px white;
}

/* Solid middle span */
section[data-section-id="17908000005064924"] .section-title p span:nth-child(3) {
  color: white !important;
}

/* Purple dots (unchanged) */
section[data-section-id="17908000005064924"] .section-title p span:nth-child(2),
section[data-section-id="17908000005064924"] .section-title p span:nth-child(4) {
  color: rgb(76, 44, 180) !important;
}

/* About us text */
section[data-section-id="17908000005065479"] .community-section-description {
  overflow: hidden;
  position: relative;
}

section[data-section-id="17908000005065479"] .section-title {
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* Hollow 1st/3rd spans (white outline) */
section[data-section-id="17908000005065479"] .section-title p span:nth-child(1),
section[data-section-id="17908000005065479"] .section-title p span:nth-child(5) {
  color: transparent !important;
  -webkit-text-stroke: 3px white;
  text-stroke: 3px white;
}

/* Solid middle span */
section[data-section-id="17908000005065479"] .section-title p span:nth-child(3) {
  color: white !important;
}

/* Purple dots (unchanged) */
section[data-section-id="17908000005065479"] .section-title p span:nth-child(2),
section[data-section-id="17908000005065479"] .section-title p span:nth-child(4) {
  color: rgb(76, 44, 180) !important;
}

/* Hide the carousel navigation arrows */
section[data-section-id="17908000005065269"] .owl-nav {
  display: none !important;
}

/* Hide the carousel dots/indicators */
section[data-section-id="17908000005065269"] .owl-dots {
  display: none !important;
}

/* Hide the two buttons you mentioned (if they're different from the above) */
section[data-section-id="17908000005065269"] .owl-prev,
section[data-section-id="17908000005065269"] .owl-next {
  display: none !important;
}


/* About Us Content */
/* Target the specific section and hide navigation controls */
section[data-section-id="17908000005065590"] .owl-nav {
  display: none !important;
}

/* Create the auto-sliding animation */
section[data-section-id="17908000005065590"] .owl-stage {
  animation: auto-slide 18s infinite; /* 3 slides × 2 seconds each */
  width: 300% !important; /* Override JS-set width */
}

/* Keyframes for the sliding animation */
@keyframes auto-slide {
  0%, 33.33% { transform: translate3d(0, 0, 0); }
  33.34%, 66.66% { transform: translate3d(-1280px, 0, 0); }
  66.67%, 100% { transform: translate3d(-2560px, 0, 0); }
}

/* Ensure smooth transitions */
section[data-section-id="17908000005065590"] .owl-item {
  display: inline-block;
  float: none;
  vertical-align: top;
}

/* Style the content containers */
section[data-section-id="17908000005065590"] .li-item {
  background-color: rgba(76, 59, 130, 0.9);
  padding: 30px;
  border-radius: 12px;
  max-width: 90%;
  margin: 0 auto;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

/* Optional: Hide dots if desired */
section[data-section-id="17908000005065590"] .owl-dots {
  display: none !important;
}

/*WHY ATTEND TEXT*/
section[data-section-id="17908000005065732"] .community-section-description {
  overflow: hidden;
  position: relative;
}

section[data-section-id="17908000005065732"] .section-title {
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* Hollow 1st/3rd spans (white outline) */
section[data-section-id="17908000005065732"] .section-title p span:nth-child(1),
section[data-section-id="17908000005065732"] .section-title p span:nth-child(5) {
  color: transparent !important;
  -webkit-text-stroke: 3px white;
  text-stroke: 3px white;
}

/* Solid middle span */
section[data-section-id="17908000005065732"] .section-title p span:nth-child(3) {
  color: white !important;
}

/* Purple dots (unchanged) */
section[data-section-id="17908000005065732"] .section-title p span:nth-child(2),
section[data-section-id="17908000005065732"] .section-title p span:nth-child(4) {
  color: rgb(76, 44, 180) !important;
}

/* Why Attend content*/
/* Target all images in this specific section */
section[data-section-id="17908000005065872"] .media-image img {
  transition: all 0.3s ease;
  transform: scale(1);
}

/* Hover effect - scales up slightly and adds shadow */
section[data-section-id="17908000005065872"] .media-image:hover img {
  transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
  filter: brightness(1.05);
}

/* Optional: Add overlay effect on hover */
section[data-section-id="17908000005065872"] .media-image {
  position: relative;
  overflow: hidden;
}

section[data-section-id="17908000005065872"] .media-image::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(76, 44, 180, 0.3);
  opacity: 0;
  transition: opacity 0.3s ease;
}

section[data-section-id="17908000005065872"] .media-image:hover::after {
  opacity: 1;
}

[data-section-id="17908000005065269"] > article {
  height: 300px !important;
  padding: 0 !important;
}

/* .bs-button {
  border-radius: 30px !important;
} */

/* Optional: Add cursor pointer to indicate clickability */
section[data-section-id="17908000005065872"] .media-image {
  cursor: pointer;
}

/* Speaker line up heading */
section[data-section-id="17908000005066162"] .section-title span:nth-child(2) {
  animation: text-transition 3s ease-in-out infinite;
  display: inline-block;
}

[data-element-id="17908000005065274"] .owl-stage {
  animation: scroll 12s linear infinite;
}

@keyframes text-transition {
  0% {
    color: white;
    -webkit-text-stroke: 0px transparent;
    text-stroke: 0px transparent;
  }
  50% {
    color: transparent;
    -webkit-text-stroke: 3px white;
    text-stroke: 3px white;
  }
  100% {
    color: white;
    -webkit-text-stroke: 0px transparent;
    text-stroke: 0px transparent;
  }
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}

/* Ticket - 1 */
/* All Day Pass - Cosmic Purple Card Styling */

/* Target ONLY the first card (All Day Pass) */
#ember82.li-item {
  background: #443474 !important;
  border: 1px solid rgba(99, 102, 241, 0.3);
  border-radius: 16px;
  box-shadow: 
    0 8px 32px rgba(99, 102, 241, 0.2),
    0 0 20px rgba(99, 102, 241, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  margin-bottom: 20px;
}

/* Constellation overlay for first card only */
#ember82.li-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: 
    radial-gradient(2px 2px at 20px 30px, rgba(255, 255, 255, 0.4), transparent),
    radial-gradient(2px 2px at 40px 70px, rgba(59, 130, 246, 0.6), transparent),
    radial-gradient(1px 1px at 90px 40px, rgba(255, 255, 255, 0.3), transparent),
    radial-gradient(1px 1px at 130px 80px, rgba(99, 102, 241, 0.4), transparent),
    radial-gradient(2px 2px at 160px 30px, rgba(255, 255, 255, 0.2), transparent);
  background-repeat: repeat;
  background-size: 200px 100px;
  pointer-events: none;
  z-index: 1;
}

/* Content styling for first card only */
#ember82 .li-content {
  position: relative;
  z-index: 2;
  background: rgba(99, 102, 241, 0.1);
  backdrop-filter: blur(10px);
  border-radius: 16px;
  padding: 24px;
  color: white;
}

/* Hover effect for first card only */
#ember82.li-item:hover {
  transform: translateY(-5px);
  box-shadow: 
    0 16px 40px rgba(99, 102, 241, 0.3),
    0 0 30px rgba(99, 102, 241, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

/* Glow animation for first card only */
@keyframes cosmicGlow {
  0%, 100% {
    box-shadow: 
      0 8px 32px rgba(99, 102, 241, 0.2),
      0 0 20px rgba(99, 102, 241, 0.1);
  }
  50% {
    box-shadow: 
      0 8px 32px rgba(99, 102, 241, 0.3),
      0 0 25px rgba(99, 102, 241, 0.15);
  }
}

#ember82.li-item {
  animation: cosmicGlow 6s ease-in-out infinite;
}

#ember82 .bs-button.primary {
  background: linear-gradient(135deg, #5d4a94 0%, #4a3a7a 50%, #3d2f66 100%);
  /* Original blue colors replaced with lighter purple tones */
  border: 1px solid rgba(255, 255, 255, 0.2); /* Lighter border */
}

#ember82 .bs-button.primary:hover {
  background: linear-gradient(135deg, #4a3a7a 0%, #3d2f66 50%, #33275a 100%);
}

/* Change the All Day Pass header background */
#ember82 .ticket-card-header {
  background: linear-gradient(135deg, #5d4a94 0%, #4a3a7a 100%) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
}

/* Adjust text glow to match */
#ember82 .ticket-name {
  text-shadow: 0 0 10px rgba(215, 207, 255, 0.4) !important;
}

/* Ticket - 2 */
/* VIP Pass Cosmic Pink Styling */
.li-item[data-field-id="17908000005056903"] {
  --bs-ticket-primary-bg: #EC4899 !important;
  background: linear-gradient(135deg, #EC4899 0%, #BE185D 50%, #EC4899 100%);
  border: 2px solid #F59E0B;
  border-radius: 16px;
  box-shadow: 
    0 8px 32px rgba(236, 72, 153, 0.3),
    0 0 0 1px rgba(245, 158, 11, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}

/* Hover effect for VIP card */
.li-item[data-field-id="17908000005056903"]:hover {
  transform: translateY(-8px);
  box-shadow: 
    0 16px 48px rgba(236, 72, 153, 0.4),
    0 0 0 2px #F59E0B,
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

/* Premium glow overlay */
.li-item[data-field-id="17908000005056903"]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 30% 20%, rgba(245, 158, 11, 0.15) 0%, transparent 50%);
  pointer-events: none;
  z-index: 1;
}

/* VIP Pass content wrapper */
.li-item[data-field-id="17908000005056903"] .li-content {
  position: relative;
  z-index: 2;
  background: transparent;
  padding: 24px;
}

/* VIP Pass title styling */
.li-item[data-field-id="17908000005056903"] .ticket-name {
  color: #FFFFFF;
  text-shadow: 
    0 0 10px rgba(245, 158, 11, 0.5),
    0 2px 4px rgba(0, 0, 0, 0.3);
  font-weight: 700;
  font-size: 1.5rem;
  margin-bottom: 8px;
}

/* VIP Pass date styling */
.li-item[data-field-id="17908000005056903"] .tkt-date {
  color: #F59E0B;
  font-weight: 600;
  text-shadow: 0 0 8px rgba(245, 158, 11, 0.3);
}

/* Gold text only for VIP Pass price */
#ember88 .ticket-price {
  color: #FFD700 !important; /* Pure gold color */
  text-shadow: 
    0 0 8px rgba(255, 215, 0, 0.7),
    0 0 12px rgba(255, 215, 0, 0.3) !important;
  /* Removed all background/border styles */
}

/* Sales end text for VIP */
.li-item[data-field-id="17908000005056903"] .text-tiny {
  color: #FDE68A;
  text-shadow: 0 0 6px rgba(245, 158, 11, 0.2);
}

.li-item[data-field-id="17908000005056903"] .text-tiny b {
  color: #F59E0B;
  text-shadow: 0 0 8px rgba(245, 158, 11, 0.4);
}

/* VIP Pass button styling */
.li-item[data-field-id="17908000005056903"] .btn-widget {
  background: linear-gradient(135deg, #F59E0B 0%, #D97706 50%, #F59E0B 100%);
  border: 2px solid #E879F9;
  color: #FFFFFF;
  font-weight: 700;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 
    0 4px 16px rgba(245, 158, 11, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

/* VIP button hover effect */
.li-item[data-field-id="17908000005056903"] .btn-widget:hover {
  background: linear-gradient(135deg, #FBBF24 0%, #F59E0B 50%, #FBBF24 100%);
  box-shadow: 
    0 6px 24px rgba(245, 158, 11, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
  transform: translateY(-2px);
}

/* VIP button glow effect */
.li-item[data-field-id="17908000005056903"] .btn-widget::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s;
}

.li-item[data-field-id="17908000005056903"] .btn-widget:hover::before {
  left: 100%;
}

/* More Details section for VIP */
.li-item[data-field-id="17908000005056903"] .dec-title {
  color: #F59E0B;
  font-weight: 700;
  text-shadow: 0 0 8px rgba(245, 158, 11, 0.3);
  margin-bottom: 12px;
}

.li-item[data-field-id="17908000005056903"] .des-content {
  color: #FECACA;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  line-height: 1.6;
}

/* Divider styling for VIP */
.li-item[data-field-id="17908000005056903"] .bs-divider {
  border-color: #F59E0B;
  opacity: 0.4;
  margin: 20px 0;
}

/* Show More link for VIP */
.li-item[data-field-id="17908000005056903"] .more-link {
  color: #E879F9;
  text-shadow: 0 0 6px rgba(232, 121, 249, 0.4);
  font-weight: 600;
}

.li-item[data-field-id="17908000005056903"] .more-link:hover {
  color: #F59E0B;
  text-shadow: 0 0 8px rgba(245, 158, 11, 0.5);
}

/* Add subtle animation */
@keyframes vipGlow {
  0%, 100% { 
    box-shadow: 
      0 8px 32px rgba(236, 72, 153, 0.3),
      0 0 0 1px rgba(245, 158, 11, 0.2),
      inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  50% { 
    box-shadow: 
      0 8px 32px rgba(236, 72, 153, 0.4),
      0 0 0 2px rgba(245, 158, 11, 0.3),
      inset 0 1px 0 rgba(255, 255, 255, 0.15);
  }
}

.li-item[data-field-id="17908000005056903"] {
  animation: vipGlow 3s ease-in-out infinite;
}