/* Loading Screen Styles */
 
 @import url("https://fonts.googleapis.com/css2?family=Michroma&display=swap");
 .loading-page {
     position: fixed;
     top: 0;
     left: 0;
     background: linear-gradient(to right, #3a1c71, #5e35b1, #7e57c2);
     height: 100%;
     width: 100%;
     display: flex;
     flex-direction: column;
     gap: 1.5rem;
     align-items: center;
     justify-content: center;
     color: #e1d5f7;
     z-index: 9999;
 }
 
 #svg {
     height: 150px;
     width: 150px;
     stroke: white;
     fill-opacity: 0;
     stroke-width: 3px;
     stroke-dasharray: 4500;
     animation: draw 8s ease;
 }
 
 @keyframes draw {
     0% {
         stroke-dashoffset: 4500;
     }
     100% {
         stroke-dashoffset: 0;
     }
 }
 
 .name-container {
     height: 30px;
     overflow: hidden;
 }
 
 .logo-name {
     color: #fff;
     font-size: 20px;
     letter-spacing: 12px;
     text-transform: uppercase;
     margin-left: 20px;
     font-weight: bolder;
     font-family: "Michroma", sans-serif;
 }
 /* Base Styles */
 
 html,
 body {
     overflow-x: hidden;
     max-width: 100%;
     width: 100%;
 }
 
 html {
     scroll-behavior: smooth;
     scroll-padding-top: 80px;
 }
 
 body {
     font-family: "Poppins", sans-serif;
     color: #1F2937;
     /* Gray 800 */
     background-color: #FFFFFF;
 }
 
 .container {
     width: 100%;
     padding-right: 15px;
     padding-left: 15px;
     margin-right: auto;
     margin-left: auto;
 }
 /* Responsive Container */
 
 @media (min-width: 576px) {
     .container {
         max-width: 540px;
     }
 }
 
 @media (min-width: 768px) {
     .container {
         max-width: 720px;
     }
 }
 
 @media (min-width: 992px) {
     .container {
         max-width: 960px;
     }
 }
 
 @media (min-width: 1200px) {
     .container {
         max-width: 1140px;
     }
 }
 
 @media (min-width: 1400px) {
     .container {
         max-width: 1320px;
     }
 }
 /* Utility Classes */
 
 .gradient-bg {
     background: linear-gradient(135deg, #7C3AED 0%, #A78BFA 100%);
 }
 
 .hover-up:hover {
     transform: translateY(-5px);
     transition: transform 0.3s ease;
 }
 
 .feature-card {
     transition: all 0.3s ease;
 }
 
 .feature-card:hover {
     transform: translateY(-10px);
     box-shadow: 0 20px 25px -5px rgba(124, 58, 237, 0.3);
 }
 
 .stat-card {
     border-right: 1px solid rgba(255, 255, 255, 0.2);
 }
 
 .stat-card:last-child {
     border-right: none;
 }
 
 .glass-effect {
     background: rgba(255, 255, 255, 0.1);
     backdrop-filter: blur(10px);
     border: 1px solid rgba(255, 255, 255, 0.18);
 }
 /* Hero Section */
 
 .hero-container {
     width: 100vw;
     position: relative;
     left: 50%;
     right: 50%;
     margin-left: -50vw;
     margin-right: -50vw;
     height: 700px;
     overflow: hidden;
 }
 
 .hero-container video {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }
 /* Purple Underline */
 
 .purple-underline {
     position: relative;
     display: inline-block;
 }
 
 .purple-underline:after {
     content: '';
     position: absolute;
     width: 100%;
     height: 4px;
     bottom: -2px;
     left: 0;
     background-color: #8B5CF6;
     transform: scaleX(0);
     transform-origin: bottom right;
     transition: transform 0.3s ease-out;
 }
 
 .purple-underline:hover:after {
     transform: scaleX(1);
     transform-origin: bottom left;
 }
 /* Animations */
 
 @keyframes infinite-scroll {
     0% {
         transform: translateX(100%);
     }
     100% {
         transform: translateX(calc(-100% - 5rem));
     }
 }
 
 @keyframes pulse-purple {
     0%,
     100% {
         box-shadow: 0 0 0 0 rgba(139, 92, 246, 0.7);
     }
     70% {
         box-shadow: 0 0 0 10px rgba(139, 92, 246, 0);
     }
 }
 
 @keyframes float {
     0%,
     100% {
         transform: translateY(0);
     }
     50% {
         transform: translateY(-20px);
     }
 }
 
 @keyframes pulse {
     0%,
     100% {
         opacity: 1;
     }
     50% {
         opacity: 0.7;
     }
 }
 
 @keyframes ping-once {
     0% {
         transform: scale(0.95);
         opacity: 0.7;
     }
     70% {
         transform: scale(1.05);
         opacity: 0.3;
     }
     100% {
         transform: scale(1.1);
         opacity: 0;
     }
 }
 
 @keyframes gradient-text {
     0% {
         background-position: 0% center;
     }
     100% {
         background-position: 200% center;
     }
 }
 /* Animation Classes */
 
 .animate-infinite-scroll {
     display: flex;
     width: max-content;
     animation: infinite-scroll 50s linear infinite;
     will-change: transform;
 }
 
 .pulse-purple {
     animation: pulse-purple 2s infinite;
 }
 
 .animate-float {
     animation: float 6s ease-in-out infinite;
 }
 
 .animate-pulse {
     animation: pulse 3s ease infinite;
 }
 
 .animate-ping-once {
     animation: ping-once 0.6s ease-out forwards;
 }
 /* Gradient Text (merged version) */
 
 .gradient-text {
     background: linear-gradient(90deg, #7C3AED 0%, #A78BFA 50%, #7C3AED 100%);
     background-size: 200% auto;
     -webkit-background-clip: text;
     background-clip: text;
     color: transparent;
     animation: gradient-text 3s linear infinite;
 }
 /* Effects */
 
 .glow-effect {
     box-shadow: 0 0 15px rgba(124, 58, 237, 0.3);
     transition: box-shadow 0.3s ease;
 }
 
 .glow-effect:hover {
     box-shadow: 0 0 25px rgba(124, 58, 237, 0.5);
 }
 
 .input-focus-effect:focus {
     border-color: #8b5cf6;
     box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.2);
 }
 /* Form Elements */
 
 .floating-labels {
     position: relative;
     margin-bottom: 1.5rem;
 }
 
 .floating-labels label {
     position: absolute;
     top: 1rem;
     left: 1rem;
     color: #6b7280;
     transition: all 0.3s ease;
     pointer-events: none;
     background: white;
     padding: 0 0.25rem;
 }
 
 .floating-labels input:focus+label,
 .floating-labels input:not(:placeholder-shown)+label,
 .floating-labels textarea:focus+label,
 .floating-labels textarea:not(:placeholder-shown)+label {
     top: -0.5rem;
     left: 0.8rem;
     font-size: 0.75rem;
     color: #8b5cf6;
 }
 
 .success-message {
     opacity: 0;
     transform: translateY(20px);
     transition: all 0.5s ease;
     pointer-events: none;
 }
 
 .success-message.show {
     opacity: 1;
     transform: translateY(0);
     pointer-events: auto;
 }
 
 .particle {
     position: absolute;
     background: #8b5cf6;
     border-radius: 50%;
     pointer-events: none;
 }
 /* Responsive Adjustments */
 
 @media (max-width: 640px) {
     .grid.grid-cols-2.md\:grid-cols-3 {
         grid-template-columns: 1fr;
     }
     .stat-card {
         border-right: none;
         border-bottom: 1px solid rgba(255, 255, 255, 0.2);
         padding: 1.5rem;
     }
     .stat-card:last-child {
         border-bottom: none;
     }
     .grid.grid-cols-2.md\:grid-cols-4 {
         grid-template-columns: repeat(2, 1fr);
         gap: 1rem;
     }
     .grid.grid-cols-2.md\:grid-cols-4 img {
         max-width: 120px;
     }
     .hero-text h1 {
         font-size: 2.5rem;
         line-height: 1.2;
     }
     .hero-text p {
         font-size: 1rem;
     }
 }
 /* Pause animation when hovering over any logo */
 
 .animate-infinite-scroll .group:hover {
     animation-play-state: paused;
 }
 
 @media (hover: hover) {
     .animate-infinite-scroll:hover {
         animation-play-state: paused;
     }
 }
 /* Floating Scroll to Top Button */
 
 .scroll-to-top {
     position: fixed;
     bottom: 30px;
     right: 30px;
     width: 50px;
     height: 50px;
     background-color: #7C3AED;
     color: white;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     box-shadow: 0 4px 15px rgba(124, 58, 237, 0.3);
     transition: all 0.3s ease;
     opacity: 0;
     visibility: hidden;
     transform: translateY(20px);
     z-index: 999;
     animation: float 3s ease-in-out infinite;
 }
 
 .scroll-to-top.visible {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
 }
 
 .scroll-to-top:hover {
     background-color: #6D28D9;
     transform: translateY(-5px) !important;
     box-shadow: 0 8px 25px rgba(124, 58, 237, 0.4);
     animation: none;
     /* Disable float animation on hover */
 }
 
 .scroll-to-top svg {
     width: 24px;
     height: 24px;
     transition: transform 0.3s ease;
 }
 
 .scroll-to-top:hover svg {
     transform: translateY(-3px);
 }
 /* Floating animation */
 
 @keyframes float {
     0%,
     100% {
         transform: translateY(0);
     }
     50% {
         transform: translateY(-10px);
     }
 }
 
 .partner-carousel-container {
     overflow: hidden;
     position: relative;
     width: 100vw;
     left: 50%;
     right: 50%;
     margin-left: -50vw;
     margin-right: -50vw;
     padding: 2rem 0;
 }
 
 .partner-carousel-track {
     display: flex;
     width: max-content;
     will-change: transform;
 }
 
 .partner-carousel-item {
     flex-shrink: -0;
     padding: 0 3rem;
     /* Increased spacing */
     transition: transform 0.3s ease;
 }
 
 .partner-carousel-item:hover {
     transform: scale(1.1);
 }
 
 .partner-logo {
     height: 5rem;
     /* Increased logo size */
     width: auto;
     object-fit: contain;
     filter: grayscale(100%);
     opacity: 0.7;
     transition: all 0.3s ease;
 }
 
 .partner-logo:hover {
     filter: grayscale(0%);
     opacity: 1;
 }
 
 @keyframes scroll {
     0% {
         transform: translateX(100vw);
         /* Start from right edge */
     }
     100% {
         transform: translateX(-100%);
         /* Scroll to left */
     }
 }
 
 .scroll-animation {
     animation: scroll 80s linear infinite;
     /* Slower animation */
 }
 
 @media (max-width: 768px) {
     .partner-carousel-item {
         padding: 0 2rem;
         /* Adjusted mobile spacing */
     }
     .partner-logo {
         height: 3.5rem;
         /* Adjusted mobile logo size */
     }
 }
 /* Pause on hover */
 
 @media (hover: hover) {
     .partner-carousel-track:hover {
         animation-play-state: paused;
     }
 }
 /* Fixed hero height for mobile */
 
 @media (max-width: 768px) {
     .hero-container {
         height: 600px;
     }
 }