html, body { font-family: 'Inter', sans-serif; 
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  }

  .font-display { font-family: "Schnyder M Demi", "SchnyderM-Demi", "Schnyder M", "Schnyder M Web", "Playfair", serif }

  .hero-bg {
    background-image: linear-gradient(rgba(8, 30, 50, 0.50), rgba(8, 30, 50, 0.50)), url('/front/uploads/Images/campaign/incentivetrip2027/photo-hero.jpg?auto=format&fit=crop&w=2000&q=80');
    background-size: cover;
    background-position: center;
  }

  .glass {
    background: rgba(255,255,255,0.08);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(255,255,255,0.18);
  }

.custom-scrollbar::-webkit-scrollbar {
    width: 4px;
  }
  .custom-scrollbar::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 4px;
  }
  .custom-scrollbar::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
  }
  .custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
  }

  #testimonialTrack {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }

  #testimonialTrack::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
    width: 0;
    height: 0;
  }

  .pearlwhite {
	background-color: #E2DFD2;
}

  .gradient-text {
    background: linear-gradient(90deg, #80cc85, #e1f3b9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }

  .card-hover {
    transition: all 0.4s cubic-bezier(0.4,0,0.2,1);
  }
  .card-hover:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);
  }

  .timeline-line::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(to bottom, #f97316, #ec4899, #8b5cf6);
    transform: translateX(-50%);
  }

  @media (max-width: 768px) {
    .timeline-line::before { left: 20px; }
  }

  .float-anim {
    animation: float 6s ease-in-out infinite;
  }
  @keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-15px); }
  }

  .ticker {
    animation: ticker 30s linear infinite;
  }
  @keyframes ticker {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }

  .countdown-box {
    background: linear-gradient(135deg, rgba(251,191,36,0.15), rgba(236,72,153,0.15));
    border: 1px solid rgba(251,191,36,0.3);
  }

  .progress-bar {
    background: linear-gradient(90deg, #fbbf24, #ec4899);
    transition: width 1.5s ease-out;
  }

/* Fallback: Make content visible by default */
.scroll-fade {
  opacity: 1;
  transform: none;
}

/* Enable animation only if supported */
@supports (display: flex) {
  .scroll-fade {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
  }
  .scroll-fade.visible {
    opacity: 1;
    transform: translateY(0);
  }
}
	  
  .h-18 {
	height: 18rem;	  
	  }
	
  .to-pink-500 {
	--tw-gradient-to: #e1f3b9 var(--tw-gradient-to-position) !important;
	}
  
  .from-amber-400 {
	--tw-gradient-from: #80cc85 var(--tw-gradient-from-position) !important;
	}
	
  .text-amber-200 {
	color: #e1f3b9 !important;
	}
	
  .to-slate-900 {
	--tw-gradient-to: #F0EAD6 var(--tw-gradient-to-position) !important;
	}
	
  .via-purple-900 {
	--tw-gradient-stops: var(--tw-gradient-from), #f7f4ea var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
	}
	
  .from-slate-900 {
	--tw-gradient-from: #F0EAD6 var(--tw-gradient-from-position) !important;
	}
	
  .text-white\/80 {
	color: #333333 !important;	
	}
	
  .text-white\/90 {
	color: #ffffff !important;	
	}
	
  .text-white\/50 {
	color: #787878 !important;	
	}
	
  .text-amber-400 {
	color: #173e35 !important;
	}
	
  .text-pink-500 {
	color: #80cc85 !important;
	}
	
  .border-amber-400 {
	border-color: #80cc85 !important;
	}
	
  .text-amber-500 {
	color: #173e35 !important;
	}
	
  .border-pink-400 {
	border-color: #e1f3b9 !important;
	}
	
  .bg-slate-900 {
	background-color: #173e35 !important;
	}
	
  .py-12 {
	padding-top: 0rem !important;
    padding-bottom: 2rem !important;
	}