* { 
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version */
    -webkit-user-drag: none; /* Prevent image dragging */
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}
.model-about-section {
          min-height: 100vh;
          padding: 4rem 2rem;
          /* background: #fff; */
          display: flex;
          align-items: center;
          position: relative;
          overflow: hidden;
      }

      .model-container {
          max-width: 1200px;
          margin: 0 auto;
          display: flex;
          gap: 4rem;
          align-items: center;
      }

      .model-image-container {
          flex: 1;
          position: relative;
          height: 600px;
      }

      .model-portrait {
          position: absolute;
          width: 300px;
          height: 400px;
          object-fit: cover;
          border-radius: 4px;
          box-shadow: 0 10px 20px rgba(0,0,0,0.1);
      }

      .model-portrait-1 {
          top: 0;
          left: 0;
          z-index: 2;
      }

      .model-portrait-2 {
          bottom: 0;
          right: 0;
          z-index: 1;
      }

      .model-content {
          flex: 1;
          padding: 2rem;
      }

      .model-subtitle {
          font-family: 'Times New Roman', serif;
          font-style: italic;
          color: #fff;
          font-size: 1.2rem;
          margin-bottom: 1rem;
      }

      .model-title {
          font-family: Arial, sans-serif;
          font-size: clamp(2.5rem, 5vw, 3.5rem);
          color: #333;
          margin-bottom: 2rem;
          line-height: 1.2;
      }

      .model-description {
          font-family: Arial, sans-serif;
          font-size: 1.1rem;
          line-height: 1.8;
          color: #fff;
          margin-bottom: 2rem;
          margin-top: 2rem;
          
      }

      @media (max-width: 968px) {
          .model-container {
              flex-direction: column;
              gap: 2rem;
          }

          .model-image-container {
              height: 500px;
              width: 100%;
              display: flex;
              justify-content: center;
          }

          .model-portrait {
              width: 250px;
              height: 350px;
          }

          .model-portrait-1 {
              left: 10%;
          }

          .model-portrait-2 {
              right: 10%;
          }

          .model-content {
              text-align: center;
              padding: 1rem;
          }
      }

      @media (max-width: 576px) {
          .model-about-section {
              padding: 2rem 1rem;
          }

          .model-image-container {
              height: 400px;
          }

          .model-portrait {
              width: 200px;
              height: 280px;
          }

          .model-portrait-1 {
              left: 5%;
          }

          .model-portrait-2 {
              right: 5%;
          }
      }

      .about-section {
        /*background-color: #0e172f;*/
    }
    
    .pattern-overlay {
        /*background-image: url('data:image/svg+xml,%3Csvg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M54.627 0l.83.828-1.415 1.415L51.8 0h2.827zM5.373 0l-.83.828L5.96 2.243 8.2 0H5.374zM48.97 0l3.657 3.657-1.414 1.414L46.143 0h2.828zM11.03 0L7.372 3.657 8.787 5.07 13.857 0H11.03zm32.284 0L49.8 6.485 48.384 7.9l-7.9-7.9h2.83zM16.686 0L10.2 6.485 11.616 7.9l7.9-7.9h-2.83zM22.344 0L13.858 8.485 15.272 9.9l7.9-7.9h-.828zm5.656 0L19.515 8.485 17.343 10.657 28 0h-2.83zM32.656 0L41.142 8.485 39.728 9.9l-7.9-7.9h.828zm5.656 0L47.8 9.485 41.343 15.94 30.686 5.283 38.313 0zm5.656 0l6.485 6.485L36.97 19.97 30.686 13.687 44.313 0zm5.656 0L64 8.485 42.626 29.858 30.686 17.918 50.313 0zm5.656 0L64 0v2.828L42.626 24.2 35.03 16.604 55.657 0zM64 5.656L42.626 27.03l-5.657-5.657L64 0v5.657zm0 5.657L42.626 32.686 47.8 27.513 64 11.313v-2.83zm0 5.657L42.626 38.343l5.175-5.175L64 16.97v-2.83zm0 5.657L42.626 44l5.175-5.175L64 22.626v-2.83zm0 5.657L42.626 49.657l5.175-5.175L64 28.283v-2.83zm0 5.657L42.626 55.313l5.175-5.175L64 33.94v-2.83zm0 5.657L42.626 60.97l5.175-5.175L64 39.598v-2.83zm0 5.657L42.626 66.626l5.175-5.175L64 45.255v-2.83zm0 5.657L42.626 72.283l5.175-5.175L64 50.912v-2.83zm0 5.657L42.626 77.94l5.175-5.175L64 56.57v-2.83zm0 5.657L42.626 83.597l5.175-5.175L64 62.226v-2.83zM42.626 85.77L64 64.396v2.83L42.626 88.627z" fill="%23C4A484" fill-opacity="0.1" fill-rule="evenodd"/%3E%3C/svg%3E');*/
    }
    
    .floating-image {
        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
        border: 1px solid rgba(196, 164, 132, 0.2);
    }
    
    @keyframes float {
        0%, 100% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(-20px);
        }
    }
    
    .stat-item {
        /* padding: 1.5rem; */
        background: rgba(255, 255, 255, 0.02);
        backdrop-filter: blur(10px);
        border-radius: 0.5rem;
        border: 1px solid transparent;
        background-image: 
            linear-gradient(rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.03)) padding-box,
            linear-gradient(135deg, rgba(196, 164, 132, 0.4), transparent 50%, rgba(255, 215, 0, 0.4)) border-box;
    }
    
    /* Scroll Animation Classes */
    [data-scroll] {
        transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
    }
    
    [data-scroll].is-visible {
        opacity: 1;
        transform: translateX(0);
    }
    
    /* Responsive Design */
    @media (max-width: 1024px) {
        .floating-images-wrapper {
            height: 500px;
            margin-bottom: 2rem;
        }
    
        .image-1 {
            width: 240px;
            height: 320px;
        }
    
        .image-2 {
            width: 220px;
            height: 280px;
        }
    
        .image-3 {
            width: 200px;
            height: 260px;
        }
    }
    
    @media (max-width: 768px) {
        .stats-grid {
            grid-template-columns: 1fr 1fr;
        }
    
        .floating-images-wrapper {
            height: 400px;
        }
    
        .image-1 {
            width: 200px;
            height: 280px;
        }
    
        .image-2 {
            width: 180px;
            height: 240px;
        }
    
        .image-3 {
            width: 160px;
            height: 220px;
        }
    }
    
    @media (max-width: 640px) {
        .about-content h2 {
            font-size: 2.5rem;
        }
    
        .stats-grid {
            gap: 4;
        }
    
        .stat-item {
            /* padding: 1rem; */
        }
    }
        /* Navigation Styles */
        .navbar {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            background-color: #13234b;
            padding: 1rem 2rem;
            display: flex;
            justify-content: center;
            align-items: center;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease-in-out;
            z-index: 100;
        }
    
        .navbar.hidden {
            transform: translateY(-100%);
        }
    
        .navbar-brand {
            display: flex;
            align-items: center;
            justify-content: center;
        }
    
        .navbar-brand img {
            height: 60px;
            width: auto;
        }
    
        /* Media Queries for Responsive Design */
        @media (max-width: 768px) {
            .navbar {
                padding: 0.8rem 1rem;
            }
    
            .navbar-brand img {
                height: 32px;
            }
        }
    
        /* Add margin to body to prevent content from hiding behind fixed navbar */
        .reg-sticky-bar {
            position: fixed;
            z-index: 999;
            background: linear-gradient(45deg, #d4af37, #f4cd68);
            box-sizing: border-box;
        }
    
        .reg-gradient-button {
            border: none;
            color: #333;
            font-weight: bold;
            /* font-size:1.3em; */
            cursor: pointer;
            transition: transform 0.2s ease;
            white-space: nowrap;
            display: flex;
            align-items: center;
            justify-content: center;
            background: transparent;
        }
    
        /* Desktop Styles */
        @media screen and (min-width: 769px) {
            .reg-sticky-bar {
                left: -150px;
                top: 20%;
                transform:  rotate(-90deg);
                transform-origin: right center;
                border-radius: 0 0 25px 25px;
                padding: 2px;
            }
    
            .reg-gradient-button {
                padding: 12px 30px;
                border-radius: 25px;
            }
        }
    
        /* Mobile Styles */
        @media screen and (max-width: 768px) {
            .reg-sticky-bar {
                bottom: 0;
                left: 0;
                width: 100vw;
                border-radius: 25px 25px 0 0;
                padding: 8px;
            }
    
            .reg-gradient-button {
                width: 100%;
                padding: 12px 20px;
                border-radius: 20px;
                font-size: 16px;
                margin: 0 auto;
                max-width: calc(100% - 32px);
            }
        }

        /* General Carousel Section */
.banner-carousel-section-carousel {
    width: 100%;
    background: #0e172f;
    /* padding: 2rem 0; */
}

/* Placeholder (Loading Animation) */
.carousel-placeholder-carousel {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    background: #1a2542;
    overflow: hidden;
}

.loading-shimmer-carousel {
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        #1a2542 0%,
        #243154 50%,
        #1a2542 100%
    );
    background-size: 200% 100%;
    animation: shimmer-carousel 1.5s infinite;
}

@keyframes shimmer-carousel {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* Swiper Carousel */
.banner-carousel-carousel {
    width: 100%;
    margin: 0 auto;
}

.banner-carousel-carousel .swiper-slide {
    width: 100%;
    overflow: hidden;
    background: #1a2542;
}

/* Image Styling */
.banner-carousel-carousel .carousel-image-carousel {
    width: 100%;
    height: auto;
    max-height: 100vh;
    object-fit: cover;
    display: block;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .banner-carousel-carousel .carousel-image-carousel {
        width: 100%;
        height: auto;
    }
}

.mrqc {
    color:#13234b;
}
.marquee-container {
    width: 100%;
    overflow: hidden;
    background:linear-gradient(to top left, #AB8C39 0, #FEE7AB 100%);
    display: flex;
    flex-direction: column;
}

.marquee-content {
    display: flex;
    width: fit-content;
    animation: scroll 20s linear infinite;
}

.marquee-item {
    font-size: clamp(1.5rem, 4vw, 3rem);
    padding: 20px;
    white-space: nowrap;
    /* font-family: 'commuters-heavy'; */
    color: #13234b;
}

@keyframes scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

/* Pause on hover */
.marquee-container:hover .marquee-content {
    animation-play-state: paused;
}
.gold-gradient {
    background: linear-gradient(90deg, #FFD700, #FFC107, #FFD700);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.glass-card {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 215, 0, 0.5);
    box-shadow: 0 4px 10px rgba(255, 215, 0, 0.2);
}

/* Animations */
@keyframes blob {
    0% { transform: translate(0px, 0px) scale(1); }
    33% { transform: translate(30px, -50px) scale(1.1); }
    66% { transform: translate(-20px, 20px) scale(0.9); }
    100% { transform: translate(0px, 0px) scale(1); }
}

.animate-blob {
    animation: blob 7s infinite;
}

.animation-delay-2000 {
    animation-delay: 2s;
}

.animation-delay-4000 {
    animation-delay: 4s;
}

/* Video Container Styles */
.video-container {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    border-radius: 1rem;
    transform: translateY(20px);
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .video-section {
        padding: 3rem 1rem;
    }
    
    .video-container {
        margin: 0 -1rem;
        border-radius: 0.5rem;
    }
}

/* Hover Effects */
.video-container:hover {
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.4);
}

.bold-text-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    /* Updated background to golden */
    background: linear-gradient(45deg, #FFD700, #F0E68C); /* A gradient for a richer gold */
    position: relative;
    overflow: hidden;
    padding: 0.4rem;
    /* Optional: Add a subtle border for definition */
    border: 1px solid #B8860B;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add a subtle shadow */
}

.golden-bold-text {
    font-family: 'Poppins', sans-serif;
    font-size: 3rem;
    font-weight: 700;
    text-align: center;
    /* Changed to Navy Blue */
    color: #001F3F;
    position: relative;
    z-index: 1;
    letter-spacing: 1px;
    text-transform: uppercase;
    /* Optional: Add a text shadow for better readability */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.particle {
    position: absolute;
    width: 4px;
    height: 4px;
    /* Keep particles golden for contrast */
    background: rgba(255, 215, 0, 0.7);
    border-radius: 50%;
    pointer-events: none;
    animation: particleFloat 3s infinite ease-out;
    box-shadow: 0 0 10px rgba(255, 215, 0, 0.9);
}

@keyframes particleFloat {
    0% {
        transform: translateY(0) translateX(0) scale(1);
        opacity: 0;
    }
    50% {
        opacity: 1;
        transform: scale(1.5);
    }
    100% {
        transform: translateY(-60px) translateX(30px) scale(0.5);
        opacity: 0;
    }
}

@keyframes shine {
    0% { background-position: 200% center; }
    100% { background-position: -200% center; }
}

@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.02); }
}

@media (max-width: 1024px) {
    .golden-bold-text {
        font-size: 2rem;
    }
}

@media (max-width: 768px) {
    .golden-bold-text {
        font-size: 2rem;
    }
}

@media (max-width: 480px) {
    .golden-bold-text {
        font-size: 1.5rem;
    }
    .bold-text-cta {
        padding: 1rem;
    }
}

/* Main section styling */
.WSA-features-section {
    position: relative;
    /* min-height: 80vh; */
    /* padding: 4rem 0; */
    padding-bottom:4em;
    /*background-color: #0A192F;  navy-ish background */
  }
  
  .WSA-features-container {
    position: relative;
    overflow: hidden;
    padding: 10px 20px;
  }
  
  /* Draggable / scrollable container */
  .WSA-features-grid {
    display: flex;
    gap: 1.5rem;
    padding: 1rem;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* IE 10+ */
    margin: 0 auto;
    cursor: grab; /* indicates draggable content */
  }
  .WSA-features-grid:active {
    cursor: grabbing;
  }
  .WSA-features-grid::-webkit-scrollbar {
    display: none; /* Hide scrollbar in Chrome/Safari */
  }
  
  /* Cards */
  .WSA-feature-card {
    position: relative;
    height: 400px;
    min-width: 280px;
    max-width: 280px;
    /* flex: 0 0 auto; */
    background: rgba(255, 255, 255, 0.05);
    border-radius: 1rem;
    transition: transform 0.4s ease-in-out;
    overflow: hidden;
  }
  .WSA-card-image {
    position: relative;
    width: 100%;
    height: 60%;
    overflow: hidden;
  }
  .WSA-image-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(14, 23, 47, 0) 0%, rgba(14, 23, 47, 0.8) 100%);
  }
  
  /* Card content */
  .WSA-card-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1.5rem;
    color: white;
    transition: transform 0.4s ease-in-out;
    /* transform: translateY(20px); */
  }
  
  .WSA-card-number {
    font-size: 1.7rem;
    position: absolute;
    top: -0.9rem;
    /* left: 1rem; */
    background: linear-gradient(to right, #C4A484, #FFD700);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    opacity: 0;
  }
  
  .WSA-card-title {
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
    background: linear-gradient(to right, #fff, #e2e2e2);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
  
  .WSA-card-description {
    font-size: 0.9rem;
    line-height: 1.4;
    color: #d1d5db;
    /* opacity: 0; */
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    /* transform: translateY(20px); */
  }
  
  /* Hover Animations */
  .WSA-feature-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
  }
  
  .WSA-feature-card:hover .WSA-card-content {
    /* transform: translateY(0); */
  }
  
  .WSA-feature-card:hover .WSA-card-description {
    /* transform: translateY(0); */
    opacity: 1;
  }
  
  .WSA-feature-card:hover img {
    transform: scale(1.1);
    transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  /* Navigation Buttons */
  .WSA-nav-buttons {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-top: 1rem;
  }
  
  .WSA-nav-btn {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.2);
    border: none;
    border-radius: 50%;
    color: white;
    font-size: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
  }
  
  .WSA-nav-btn:hover {
    background: rgba(255, 255, 255, 0.3);
  }
  
  /* Responsive adjustments */
  @media (max-width: 768px) {
    .WSA-feature-card {
      min-width: 260px;
      max-width: 260px;
      height: 350px;
    }
    .WSA-card-number {
      font-size: 1.5rem;
      /* top: -1.5rem; */
      /* left: 0.8rem; */
    }
    .WSA-nav-buttons {
      position: absolute;
      bottom: 10px;
      left: 50%;
      transform: translateX(-50%);
    }
  }
  /* Disables text selection, image selection, and dragging */
  .pos-marq{
    top:-80px;
}
@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.animate-marquee {
    animation: marquee 30s linear infinite;
    position:absolute;
    top:2px;
}

@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-20px); }
}

.floating-images-wrapper {
    height: 600px;
    position: relative;
    margin: 2rem auto;
}

@media (max-width: 768px) {
    .floating-images-wrapper {
        height: 400px;
        transform: scale(0.8);
    }
    
    .floating-image {
        transform: scale(0.8);
    }
}

.is-visible {
    opacity: 1 !important;
    transform: translateX(0) !important;
    transition: all 1s ease-out;
}

.cta-container {
    padding: 2rem;
    text-align: center;
}
.cta-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}
.split-text-container {
    /* max-width: 800px; */
    margin: 0 auto;
}
.gradient-text {
    font-size: 1.8rem;
    line-height: 1.4;
}
@media (max-width: 768px) {
    .gradient-text {
        font-size: 1.4rem;
    }
}

.cta-container {
    position: relative;
    padding: 2rem;
    /* max-width: 1200px; */
    margin-top:0.8em !important;
    margin: 0 auto;
    /* Glass effect styles */
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.05) 0%,
        rgba(255, 255, 255, 0.1) 100%
    );
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 15px;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.15);
}

/* Add shine effect */
.cta-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 15px;
    pointer-events: none;
    background: linear-gradient(
        45deg,
        transparent 0%,
        rgba(180, 131, 62, 0.1) 45%,
        rgba(255, 215, 0, 0.15) 50%,
        rgba(180, 131, 62, 0.1) 55%,
        transparent 100%
    );
    background-size: 200% 200%;
    animation: shine 6s infinite linear;
}

@keyframes shine {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

/* Optional: Add hover state enhancement */
.cta-container:hover::before {
    animation-duration: 2s;
}

        .cta-content {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 2rem;
        }

        .split-text-container {
            flex: 1;
        }

        .split-line {
            overflow: hidden;
            opacity: 0;
            transform: translateY(100%);
        }

        .gradient-text {
            background: linear-gradient(to right, #eee1a6, #ceae62, #eee1a6);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            font-size: 2.5rem;
            font-weight: bold;
            line-height: 1.2;
        }

        .register-btn {
            padding: 1rem 2rem;
            background: linear-gradient(45deg, #eee1a6, #ceae62, #eee1a6);
            border: none;
            border-radius: 50px;
            color: #000;
            font-weight: bold;
            font-size: 1.1rem;
            cursor: pointer;
            transition: transform 0.3s ease;
            animation: pulse 2s infinite;
            white-space: nowrap;
        }

        .register-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 20px rgba(180, 131, 62, 0.3);
        }


        @keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.05); }
            100% { transform: scale(1); }
        }

        @keyframes float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-10px); }
        }

        @media (max-width: 767px) {
            .gradient-text {
                font-size: 1.8rem;
            }
            .cta-content {
                flex-direction: column;
                text-align: center;
                gap: 1.5rem;
            }
            .register-btn {
                padding: 0.8rem 1.6rem;
                font-size: 1rem;
            }
        }

        .winners-section {
            /*background-color: #0e172f;*/
            perspective: 1000px;
        }
        
        .pattern-overlay {
            background-image: url('data:image/svg+xml,%3Csvg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M54.627 0l.83.828-1.415 1.415L51.8 0h2.827zM5.373 0l-.83.828L5.96 2.243 8.2 0H5.374zM48.97 0l3.657 3.657-1.414 1.414L46.143 0h2.828zM11.03 0L7.372 3.657 8.787 5.07 13.857 0H11.03zm32.284 0L49.8 6.485 48.384 7.9l-7.9-7.9h2.83zM16.686 0L10.2 6.485 11.616 7.9l7.9-7.9h-2.83zM22.344 0L13.858 8.485 15.272 9.9l7.9-7.9h-.828zm5.656 0L19.515 8.485 17.343 10.657 28 0h-2.83zM32.656 0L41.142 8.485 39.728 9.9l-7.9-7.9h.828zm5.656 0L47.8 9.485 41.343 15.94 30.686 5.283 38.313 0zm5.656 0l6.485 6.485L36.97 19.97 30.686 13.687 44.313 0zm5.656 0L64 8.485 42.626 29.858 30.686 17.918 50.313 0zm5.656 0L64 0v2.828L42.626 24.2 35.03 16.604 55.657 0zM64 5.656L42.626 27.03l-5.657-5.657L64 0v5.657zm0 5.657L42.626 32.686 47.8 27.513 64 11.313v-2.83zm0 5.657L42.626 38.343l5.175-5.175L64 16.97v-2.83zm0 5.657L42.626 44l5.175-5.175L64 22.626v-2.83zm0 5.657L42.626 49.657l5.175-5.175L64 28.283v-2.83zm0 5.657L42.626 55.313l5.175-5.175L64 33.94v-2.83zm0 5.657L42.626 60.97l5.175-5.175L64 39.598v-2.83zm0 5.657L42.626 66.626l5.175-5.175L64 45.255v-2.83zm0 5.657L42.626 72.283l5.175-5.175L64 50.912v-2.83zm0 5.657L42.626 77.94l5.175-5.175L64 56.57v-2.83zm0 5.657L42.626 83.597l5.175-5.175L64 62.226v-2.83zM42.626 85.77L64 64.396v2.83L42.626 88.627z" fill="%23C4A484" fill-opacity="0.1" fill-rule="evenodd"/%3E%3C/svg%3E');
        }
        
        .winner-card {
            height: 360px;
            min-width: 240px;
            max-width: 300px;
        
            flex: 0 0 auto;
            perspective: 1000px;
            cursor: pointer;
            scroll-snap-align: start;
        }
        
        /* Hide scrollbar but keep functionality */
        .hide-scrollbar {
            -ms-overflow-style: none;  /* IE and Edge */
            scrollbar-width: none;  /* Firefox */
        }
        
        .hide-scrollbar::-webkit-scrollbar {
            display: none;  /* Chrome, Safari and Opera */
        }
        
        .winner-card-inner {
            height: 100%;
            position: relative;
            background: rgba(255, 255, 255, 0.02);
            backdrop-filter: blur(10px);
            border-radius: 1rem;
            overflow: hidden;
            transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
            border: 1px solid transparent;
            background-image: 
                linear-gradient(rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.03)) padding-box,
                linear-gradient(135deg, rgba(196, 164, 132, 0.4), transparent 20%, rgba(255, 215, 0, 0.4)) border-box;
        }
        
        .winner-image-wrapper {
            position: relative;
            height: 75%;
            overflow: hidden;
        }
        
        .winner-image {
            width: 100%;
            /* height: 100%; */
            object-fit: cover;
            transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
        }
        
        .winner-overlay {
            position: absolute;
            inset: 0;
            /*background: linear-gradient(*/
            /*    to bottom,*/
            /*    transparent 0%,*/
            /*    transparent 50%,*/
            /*    rgba(14, 23, 47, 0.9) 100%*/
            /*);*/
        }
        
        .winner-info {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 8px;
            color: #fff;
            z-index: 2;
        }
        
        .winner-name {
            /* font-family: 'Seasons', serif; */
            font-size: 1.75rem;
            /*background: linear-gradient(to right, #C4A484, #FFD700);*/
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            margin-bottom: 0.5rem;
        }
        
        .winner-title {
            font-size: 0.9rem;
            color: #fff;
            margin-bottom: 0.25rem;
        }
        
        .winner-year {
            font-family: 'Seasons', serif;
            font-size: 1.5rem;
            color: #FFD700;
        }
        
        .winner-details {
            position: absolute;
            top: 1rem;
            right: 1rem;
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            gap: 0.5rem;
            z-index: 2;
        }
        
        .winner-location,
        .winner-achievement {
            /*background: rgba(14, 23, 47, 0.8);*/
            padding: 0.5rem 1rem;
            border-radius: 2rem;
            font-size: 0.875rem;
            color: #C4A484;
            backdrop-filter: blur(5px);
        }
        
        /* Hover Effects */
        .winner-card:hover .winner-card-inner {
            /* transform: translateY(-10px); */
            border-image: linear-gradient(135deg, #C4A484, transparent 50%, #FFD700) 1;
            box-shadow: 
                0 20px 40px rgba(0, 0, 0, 0.4),
                0 0 20px rgba(196, 164, 132, 0.1);
        }
        
        .winner-card:hover .winner-image {
            transform: scale(1.05);
        }
        
        /* Scroll Animation Classes */
        [data-scroll] {
            transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
        }
        
        [data-scroll].is-visible {
            opacity: 1;
            transform: translateY(0);
        }
        
        /* Responsive Adjustments */
        @media (max-width: 768px) {
            .winner-card {
                height: 320px;
                min-width: 200px;
                max-width:200px;
            }
        
            .winner-name {
                font-size: 1.2rem;
            }
        
            .winner-title {
                font-size: 0.875rem;
            }
        
            .winner-year {
                font-size: 1.125rem;
            }
        }

        .groomer-section {
            /*background: #0e172f;*/
            padding: 2rem 1rem;
            position: relative;
            overflow: hidden;
        }

        .groomer-card {
            background: rgba(255, 255, 255, 0.03);
            backdrop-filter: blur(10px);
            border-radius: 1rem;
            overflow: hidden;
            position: relative;
            transition: transform 0.3s ease;
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        .groomer-card:hover {
            transform: translateY(-10px);
        }

        .groomer-sparkle {
            position: absolute;
            width: 4px;
            height: 4px;
            background: rgba(255, 255, 255, 0.5);
            border-radius: 50%;
            pointer-events: none;
            opacity: 0;
        }

        .groomer-image {
            /* height: 300px; */
            object-fit: cover;
            opacity: 0.9;
            transition: opacity 0.3s ease;
        }

        .groomer-card:hover .groomer-image {
            opacity: 1;
        }

        .groomer-info {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 1.5rem;
            background: linear-gradient(to top, rgba(14, 23, 47, 0.9), transparent);
        }

        @media (max-width: 768px) {
            .groomer-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 1rem;
                padding: 0 0.5rem;
            }

            .groomer-image {
                height: 250px;
            }
        }


           /* SCROLLER */
    .video-scroll-container {
        position: relative;
        padding-bottom: 20px; /* Space for scrollbar */
        /* width: 100%; */
        overflow: hidden;
    }

    .video-scroll-wrapper {
        display: flex;
        overflow-x: auto;
        gap: 2rem;
        padding-bottom: 20px;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE and Edge */
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }

.video-scroll-wrapper::-webkit-scrollbar {
    display: none; /* Chrome, Safari and Opera */
}

.celeb-video-card {
    flex: 0 0 auto;
    width: calc(33.333% - 1.333rem); /* Adjust card width */
    min-width: 300px; /* Minimum card width */
}

/* Custom Scrollbar Styles */
.scroll-bar-container {
    position: relative;
    height: 4px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
    margin-top: 10px;
}

.scroll-bar {
    position: absolute;
    height: 100%;
    background: linear-gradient(135deg, #C4A484, #FFD700);
    border-radius: 2px;
    min-width: 20px;
}
    /* SCROLLER END */
.celeb-video-card {
    background: rgba(255, 255, 255, 0.03);
    border-radius: 1rem;
    overflow: hidden;
    transition: transform 0.3s ease;
    cursor: pointer;
}

.celeb-video-card:hover {
    transform: translateY(-8px);
}

.celeb-video-thumbnail {
    position: relative;
    aspect-ratio: 16/9;
    overflow: hidden;
}

.celeb-play-button-wrapper {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.celeb-video-card:hover .celeb-play-button-wrapper {
    opacity: 1;
}

.celeb-play-button {
    width: 80px;
    height: 80px;
    position: relative;
    transform: scale(0.8);
    transition: transform 0.3s ease;
}

.celeb-video-card:hover .celeb-play-button {
    transform: scale(1);
}

.celeb-play-button::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, #C4A484, #FFD700);
    border-radius: 50%;
    opacity: 0.8;
    animation: celeb-pulse 2s infinite;
}

.celeb-play-button::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, #C4A484, #FFD700);
    border-radius: 50%;
    opacity: 0.9;
}

.celeb-play-icon {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.celeb-play-icon svg {
    width: 30px;
    height: 30px;
    fill: white;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
    margin-left: 4px;
}

@keyframes celeb-pulse {
    0% {
        transform: scale(1);
        opacity: 0.8;
    }
    50% {
        transform: scale(1.2);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}

.celeb-video-modal {
    animation: celeb-modalFade 0.3s ease-out;
}

@keyframes celeb-modalFade {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Replace your existing sponsor section styles with these */
.sponsors-section {
    overflow: hidden;
    position: relative;
}

.sponsors-scroll-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-bottom: 20px;
}

.sponsors-scroll-wrapper {
    display: flex;
    gap: 1.5rem;
    animation: scrollSponsors 120s linear infinite;
    width: max-content;
    animation-play-state: paused; /* Start paused */
}

@keyframes scrollSponsors {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

.sponsor-card {
    flex: 0 0 auto;
    width: 250px; /* Adjusted base width */
    height: 150px; /* Adjusted base height */
    perspective: 1000px;
    cursor: pointer;
    padding: 0.5rem;
}

.card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    background: #ffffff;
    border-radius: 15px;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    border: 1px solid #FFD700;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.sponsor-logo {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sponsor-image {
    /* max-width: 90%; */
    /* max-height: 90%; */
    object-fit: contain;
    transition: transform 0.3s ease;
}

/* Mobile Optimizations */
@media (max-width: 768px) {
    .sponsor-card {
        width: 200px;
        height: 120px;
    }

    .card-inner {
        padding: 0.75rem;
    }

    .sponsors-scroll-wrapper {
        animation: scrollSponsors 80s linear infinite; /* Faster on mobile */
        animation-play-state: paused; /* Start paused */
    }
}

@media (max-width: 480px) {
    .sponsor-card {
        width: 180px;
        height: 100px;
    }

    .card-inner {
        padding: 0.5rem;
    }
}

/* Pause animation on hover */
.sponsors-scroll-container:hover .sponsors-scroll-wrapper {
    animation-play-state: paused;
}

/* Hide scrollbar but keep functionality */
.sponsors-scroll-container {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.sponsors-scroll-container::-webkit-scrollbar {
    display: none;
}

/* FAQ Styles */
.faq-grid {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.faq-item {
    /*background: rgba(255, 255, 255, 0.03);*/
    border-bottom:2px #e6c874 solid;
    /*border-radius: 1rem;*/
    overflow: hidden;
    transition: all 0.3s ease;
}

.faq-question {
    padding: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    color: #fff;
}

.faq-question h3 {
    font-size: 1.1rem;
    font-weight: 500;
    padding-right: 2rem;
}

.faq-icon {
    min-width: 24px; /* Added min-width to maintain icon size */
    width: 24px;
    height: 24px;
    position: relative;
    transition: transform 0.3s ease;
}

.faq-icon::before,
.faq-icon::after {
    content: '';
    position: absolute;
    background: #C4A484;
    border-radius: 1px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Center both lines perfectly */
}

.faq-icon::before {
    width: 2px;
    height: 16px; /* Reduced from 100% to fixed pixel value */
}

.faq-icon::after {
    width: 16px; /* Fixed width */
    height: 2px;
}

.faq-item.active .faq-icon {
    transform: rotate(45deg);
}
.faq-item.active .faq-icon {
    transform: rotate(45deg);
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    padding: 0 1.5rem;
    color: #a0aec0;
    line-height: 1.6;
}

.faq-item.active .faq-answer {
    max-height: 500px;
    padding-bottom: 1.5rem;
}

/* Rules Styles */
.rules-card {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.rules-content {
    max-height: 400px;
    overflow-y: auto;
    padding-right: 10px;
}

.rules-content::-webkit-scrollbar {
    width: 6px;
}

.rules-content::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 3px;
}

.rules-content::-webkit-scrollbar-thumb {
    background: rgba(196, 164, 132, 0.5);
    border-radius: 3px;
}

.rules-content::-webkit-scrollbar-thumb:hover {
    background: rgba(196, 164, 132, 0.7);
}

.rule-item {
    display: flex;
    gap: 1rem;
    color: #a0aec0;
    padding: 0.75rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.rule-number {
    color: #C4A484;
    font-weight: 600;
    min-width: 24px;
}

@media (max-width: 768px) {
    .faq-question h3 {
        font-size: 1rem;
    }
}


.roadmap-wrapper {
  text-align: center;
  padding: 60px 20px;
  color: #F5EAF2;
  font-family: "Poppins", sans-serif;
  overflow-x: auto;
}

.roadmap-title {
  margin-bottom: 40px;
  font-size: 28px;
  font-weight: 700;
}

/* horizontal scroll container */
.roadmap {
  display: flex;
  gap: 60px;
  position: relative;
  padding-bottom: 20px;
  width: max-content;
  border-bottom: 2px solid rgba(255,255,255,0.15);
  margin: auto;
}

/* each step */
.step {
  text-align: center;
  min-width: 200px;
  position: relative;
}

/* glowing icon */
.icon {
  display: inline-flex;
  width: 70px;
  height: 70px;
  font-size: 32px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: radial-gradient(circle, #1c1c3a, #1e1124);
  box-shadow: 0 0 25px rgba(255,158,190,0.6), 0 0 10px rgba(255,110,160,0.8);
  color: #2c1b2f;
  margin-bottom: 14px;
  border: 3px solid rgba(255,255,255,0.3);
}

/* line dots under icons */
.step::after {
  content: "";
  width: 14px;
  height: 14px;
  background: #ff9ebe;
  border-radius: 50%;
  display: block;
  margin: 10px auto 0;
  box-shadow: 0 0 10px #ff8ab9;
}

/* text */
.step h3 {
  margin: 8px 0 6px;
  font-size: 18px;
  font-weight: 600;
}

.step p {
  font-size: 18px;
  opacity: .8;
  line-height: 1.4;
}