/* Glow effect for navigation */
nav {
	box-shadow: 0 0 15px rgba(109, 40, 255, 0.5);
}

/* Hover effect for menu items */
nav a:hover {
	text-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
}

/* Transition for mobile menu */
#mobile-menu {
	transform: scaleY(0);
	transform-origin: top;
}
#mobile-menu.scale-y-100 {
	transform: scaleY(1);
}

/* Custom animations for hero section */
@keyframes float {
	0%,
	100% {
		transform: translateY(0) rotate(0deg);
	}
	50% {
		transform: translateY(-20px) rotate(5deg);
	}
}

@keyframes float-reverse {
	0%,
	100% {
		transform: translateY(0) rotate(0deg);
	}
	50% {
		transform: translateY(-15px) rotate(-5deg);
	}
}

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

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

@keyframes pulse-slow {
	0%,
	100% {
		opacity: 0.6;
		transform: scale(1);
	}
	50% {
		opacity: 1;
		transform: scale(1.2);
	}
}

@keyframes move-red {
	0% {
		transform: translate(0, 0);
	}
	25% {
		transform: translate(8px, 8px);
	}
	50% {
		transform: translate(0, 16px);
	}
	75% {
		transform: translate(8px, 24px);
	}
	100% {
		transform: translate(0, 32px);
	}
}

@keyframes move-green {
	0% {
		transform: translate(0, 0);
	}
	25% {
		transform: translate(-8px, 8px);
	}
	50% {
		transform: translate(0, 16px);
	}
	75% {
		transform: translate(-8px, 24px);
	}
	100% {
		transform: translate(0, 32px);
	}
}

@keyframes move-blue {
	0% {
		transform: translate(0, 0);
	}
	25% {
		transform: translate(8px, -8px);
	}
	50% {
		transform: translate(0, -16px);
	}
	75% {
		transform: translate(8px, -24px);
	}
	100% {
		transform: translate(0, -32px);
	}
}

@keyframes move-purple {
	0% {
		transform: translate(0, 0);
	}
	25% {
		transform: translate(-8px, -8px);
	}
	50% {
		transform: translate(0, -16px);
	}
	75% {
		transform: translate(-8px, -24px);
	}
	100% {
		transform: translate(0, -32px);
	}
}

/* ========================HERO SECTION ============================ */
/* Custom animations for hero section */
@keyframes float-particle-1 {
	0%,
	100% {
		transform: translate(0, 0);
	}
	25% {
		transform: translate(15px, -10px);
	}
	50% {
		transform: translate(0, -20px);
	}
	75% {
		transform: translate(-15px, -10px);
	}
}

@keyframes float-particle-2 {
	0%,
	100% {
		transform: translate(0, 0);
	}
	25% {
		transform: translate(-10px, 15px);
	}
	50% {
		transform: translate(0, 30px);
	}
	75% {
		transform: translate(10px, 15px);
	}
}

@keyframes float-particle-3 {
	0%,
	100% {
		transform: translate(0, 0);
	}
	25% {
		transform: translate(10px, -15px);
	}
	50% {
		transform: translate(20px, 0);
	}
	75% {
		transform: translate(10px, 15px);
	}
}

@keyframes float-shape-1 {
	0%,
	100% {
		transform: translate(0, 0) rotate(0deg);
	}
	25% {
		transform: translate(10px, -15px) rotate(5deg);
	}
	50% {
		transform: translate(0, -30px) rotate(0deg);
	}
	75% {
		transform: translate(-10px, -15px) rotate(-5deg);
	}
}

@keyframes float-shape-2 {
	0%,
	100% {
		transform: translate(0, 0) rotate(0deg);
	}
	25% {
		transform: translate(-15px, 10px) rotate(-5deg);
	}
	50% {
		transform: translate(-30px, 0) rotate(0deg);
	}
	75% {
		transform: translate(-15px, -10px) rotate(5deg);
	}
}

@keyframes float-coin {
	0%,
	100% {
		transform: translate(0, 0) rotate(0deg);
	}
	25% {
		transform: translate(-5px, -10px) rotate(10deg);
	}
	50% {
		transform: translate(0, -20px) rotate(0deg);
	}
	75% {
		transform: translate(5px, -10px) rotate(-10deg);
	}
}

@keyframes float-coin-reverse {
	0%,
	100% {
		transform: translate(0, 0) rotate(0deg);
	}
	25% {
		transform: translate(10px, 5px) rotate(-10deg);
	}
	50% {
		transform: translate(20px, 0) rotate(0deg);
	}
	75% {
		transform: translate(10px, -5px) rotate(10deg);
	}
}

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

@keyframes pulse-slow {
	0%,
	100% {
		opacity: 0.6;
		transform: scale(1);
	}
	50% {
		opacity: 1;
		transform: scale(1.2);
	}
}

@keyframes move-token-red {
	0% {
		top: 15%;
		left: 15%;
	}
	25% {
		top: 15%;
		left: 40%;
	}
	50% {
		top: 40%;
		left: 40%;
	}
	75% {
		top: 40%;
		left: 15%;
	}
	100% {
		top: 15%;
		left: 15%;
	}
}

@keyframes move-token-green {
	0% {
		top: 15%;
		right: 15%;
	}
	25% {
		top: 15%;
		right: 40%;
	}
	50% {
		top: 40%;
		right: 40%;
	}
	75% {
		top: 40%;
		right: 15%;
	}
	100% {
		top: 15%;
		right: 15%;
	}
}

@keyframes move-token-blue {
	0% {
		bottom: 15%;
		left: 15%;
	}
	25% {
		bottom: 15%;
		left: 40%;
	}
	50% {
		bottom: 40%;
		left: 40%;
	}
	75% {
		bottom: 40%;
		left: 15%;
	}
	100% {
		bottom: 15%;
		left: 15%;
	}
}

@keyframes move-token-purple {
	0% {
		bottom: 15%;
		right: 15%;
	}
	25% {
		bottom: 15%;
		right: 40%;
	}
	50% {
		bottom: 40%;
		right: 40%;
	}
	75% {
		bottom: 40%;
		right: 15%;
	}
	100% {
		bottom: 15%;
		right: 15%;
	}
}

@keyframes dice-roll {
	0% {
		transform: translate(-50%, -50%) rotate(0deg) scale(1);
	}
	15% {
		transform: translate(-50%, -50%) rotate(90deg) scale(1.1);
	}
	30% {
		transform: translate(-50%, -50%) rotate(180deg) scale(1);
	}
	45% {
		transform: translate(-50%, -50%) rotate(270deg) scale(0.9);
	}
	60% {
		transform: translate(-50%, -50%) rotate(360deg) scale(1);
	}
	75% {
		transform: translate(-50%, -50%) rotate(450deg) scale(1.1);
	}
	100% {
		transform: translate(-50%, -50%) rotate(540deg) scale(1);
	}
}

@keyframes bounce-slow {
	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translate(-50%, 0);
	}
	40% {
		transform: translate(-50%, -20px);
	}
	60% {
		transform: translate(-50%, -10px);
	}
}

.animate-float-particle-1 {
	animation: float-particle-1 12s ease-in-out infinite;
}

.animate-float-particle-2 {
	animation: float-particle-2 15s ease-in-out infinite;
}

.animate-float-particle-3 {
	animation: float-particle-3 18s ease-in-out infinite;
}

.animate-float-shape-1 {
	animation: float-shape-1 25s ease-in-out infinite;
}

.animate-float-shape-2 {
	animation: float-shape-2 30s ease-in-out infinite;
}

.animate-float-coin {
	animation: float-coin 8s ease-in-out infinite;
}

.animate-float-coin-reverse {
	animation: float-coin-reverse 10s ease-in-out infinite;
}

.animate-pulse {
	animation: pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.animate-pulse-slow {
	animation: pulse-slow 4s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.animate-move-token-red {
	animation: move-token-red 12s ease-in-out infinite;
}

.animate-move-token-green {
	animation: move-token-green 14s ease-in-out infinite;
}

.animate-move-token-blue {
	animation: move-token-blue 16s ease-in-out infinite;
}

.animate-move-token-purple {
	animation: move-token-purple 13s ease-in-out infinite;
}

.animate-dice-roll {
	animation: dice-roll 6s ease-in-out infinite;
}

.animate-bounce-slow {
	animation: bounce-slow 3s ease infinite;
}

.lt-hero-title {
	text-shadow: 0 0 20px rgba(139, 92, 246, 0.7);
}

.lt-hero-btn-download {
	transition: all 0.3s ease;
}

.lt-ludo-board {
	perspective: 1000px;
}

.token {
	z-index: 10;
	transition: transform 0.3s ease;
}

.token:hover {
	transform: scale(1.2);
	box-shadow: 0 0 15px rgba(255, 255, 255, 0.9);
}

.lt-dice {
	z-index: 20;
	transform-style: preserve-3d;
	transform: translate(-50%, -50%) rotateX(15deg) rotateY(15deg);
	transition: transform 0.5s ease;
}

.lt-dice:hover {
	transform: translate(-50%, -50%) rotateX(360deg) rotateY(360deg);
}

/* =====================WHY DOWNLOAD SECTION===================== */
/* Custom animations for why download section */
@keyframes move-token-1 {
	0%,
	100% {
		transform: translate(0, 0) rotate(0deg);
	}
	25% {
		transform: translate(15px, -15px) rotate(90deg);
	}
	50% {
		transform: translate(30px, 0) rotate(180deg);
	}
	75% {
		transform: translate(15px, 15px) rotate(270deg);
	}
}

@keyframes move-token-2 {
	0%,
	100% {
		transform: translate(0, 0) rotate(0deg);
	}
	25% {
		transform: translate(-15px, 15px) rotate(90deg);
	}
	50% {
		transform: translate(0, 30px) rotate(180deg);
	}
	75% {
		transform: translate(15px, 45px) rotate(270deg);
	}
}

@keyframes move-token-3 {
	0%,
	100% {
		transform: translate(0, 0) rotate(0deg);
	}
	25% {
		transform: translate(15px, -15px) rotate(90deg);
	}
	50% {
		transform: translate(0, -30px) rotate(180deg);
	}
	75% {
		transform: translate(-15px, -45px) rotate(270deg);
	}
}

@keyframes move-token-4 {
	0%,
	100% {
		transform: translate(0, 0) rotate(0deg);
	}
	25% {
		transform: translate(-15px, -15px) rotate(90deg);
	}
	50% {
		transform: translate(0, -30px) rotate(180deg);
	}
	75% {
		transform: translate(15px, -15px) rotate(270deg);
	}
}

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

@keyframes float-coin {
	0%,
	100% {
		transform: translateY(0) scale(1);
	}
	50% {
		transform: translateY(-15px) scale(1.1);
	}
}

.animate-move-token-1 {
	animation: move-token-1 8s ease-in-out infinite;
}

.animate-move-token-2 {
	animation: move-token-2 9s ease-in-out infinite;
}

.animate-move-token-3 {
	animation: move-token-3 10s ease-in-out infinite;
}

.animate-move-token-4 {
	animation: move-token-4 7s ease-in-out infinite;
}

.animate-float-dice {
	animation: float-dice 6s ease-in-out infinite;
}

.animate-float-coin {
	animation: float-coin 4s ease-in-out infinite;
}

/* Feature card hover effect */
.lt-whydownload-feature:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 25px -5px rgba(109, 40, 255, 0.3);
}

/* Text gradient for section title */
.lt-whydownload-title {
	text-shadow: 0 0 15px rgba(139, 92, 246, 0.7);
}

/* Token styling */
.token {
	box-shadow: 0 0 15px rgba(255, 255, 255, 0.8);
	z-index: 20;
}

/* Perspective for image container */
.perspective-1000 {
	perspective: 1000px;
}

.rotate-y-[-5deg] {
	transform: rotateY(-5deg);
}

.rotate-x-[5deg] {
	transform: rotateX(5deg);
}

/* Image container */
.lt-whydownload-img-container {
	aspect-ratio: 9/16;
	max-height: 600px;
}

/* Dice styling */
.dice {
	z-index: 30;
}

/* ===========================winner section ================ */
/* Custom animations for winners section */
@keyframes float-coin {
	0%,
	100% {
		transform: translateY(0) rotate(0deg);
	}
	50% {
		transform: translateY(-20px) rotate(10deg);
	}
}

@keyframes float-coin-reverse {
	0%,
	100% {
		transform: translateY(0) rotate(0deg);
	}
	50% {
		transform: translateY(-15px) rotate(-10deg);
	}
}

.animate-float-coin {
	animation: float-coin 4s ease-in-out infinite;
}

.animate-float-coin-reverse {
	animation: float-coin-reverse 5s ease-in-out infinite;
}

/* Winner card styling */
.lt-winner-card {
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.lt-winner-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 25px 50px -12px rgba(109, 40, 255, 0.25);
}

/* Text gradient for section title */
.lt-winners-title {
	text-shadow: 0 0 15px rgba(234, 179, 8, 0.5);
}

/* Winner image border animation */
.lt-winner-card .rounded-full {
	position: relative;
	overflow: visible;
}

.lt-winner-card .rounded-full::after {
	content: "";
	position: absolute;
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
	border: 2px solid rgba(234, 179, 8, 0.7);
	border-radius: 50%;
	animation: pulse-border 2s infinite;
	z-index: -1;
}

@keyframes pulse-border {
	0% {
		transform: scale(0.95);
		opacity: 0.7;
	}
	70% {
		transform: scale(1.1);
		opacity: 0;
	}
	100% {
		transform: scale(1.1);
		opacity: 0;
	}
}

/* Slider track styling */
.lt-winners-track {
	width: 100%;
	overflow: hidden;
}

/* Position adjustments for arrows */
.lt-winners-prev,
.lt-winners-next {
	top: 40%;
}

@media (max-width: 768px) {
	.lt-winners-prev {
		left: 0;
	}
	.lt-winners-next {
		right: 0;
	}
}

/* ===================testemonial section ========== */
/* Custom animations for testimonials section */
@keyframes float-dice {
	0%,
	100% {
		transform: translateY(0) rotate(0deg);
	}
	50% {
		transform: translateY(-20px) rotate(10deg);
	}
}

@keyframes float-dice-reverse {
	0%,
	100% {
		transform: translateY(0) rotate(0deg);
	}
	50% {
		transform: translateY(-15px) rotate(-10deg);
	}
}

@keyframes float-dice-slow {
	0%,
	100% {
		transform: translateY(0) rotate(0deg);
	}
	50% {
		transform: translateY(-10px) rotate(5deg);
	}
}

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

@keyframes float-coin-reverse {
	0%,
	100% {
		transform: translateY(0) rotate(0deg);
	}
	50% {
		transform: translateY(-15px) rotate(-10deg);
	}
}

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

@keyframes pulse-slow {
	0%,
	100% {
		opacity: 0.6;
		transform: scale(1);
	}
	50% {
		opacity: 1;
		transform: scale(1.2);
	}
}

.animate-float-dice {
	animation: float-dice 6s ease-in-out infinite;
}

.animate-float-dice-reverse {
	animation: float-dice-reverse 7s ease-in-out infinite;
}

.animate-float-dice-slow {
	animation: float-dice-slow 8s ease-in-out infinite;
}

.animate-float-coin {
	animation: float-coin 5s ease-in-out infinite;
}

.animate-float-coin-reverse {
	animation: float-coin-reverse 6s ease-in-out infinite;
}

.animate-pulse {
	animation: pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.animate-pulse-slow {
	animation: pulse-slow 4s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Testimonial card hover effect */
.lt-testimonial-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 25px 50px -12px rgba(109, 40, 255, 0.25);
}

.lt-testimonial-card {
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Text gradient for section title */
.lt-testimonials-title {
	text-shadow: 0 0 15px rgba(234, 179, 8, 0.5);
}

/* Player image border animation */
.lt-testimonial-card .rounded-full {
	position: relative;
	overflow: visible;
}

.lt-testimonial-card .rounded-full::after {
	content: "";
	position: absolute;
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
	border: 2px solid rgba(234, 179, 8, 0.7);
	border-radius: 50%;
	animation: pulse-border 2s infinite;
	z-index: -1;
}

@keyframes pulse-border {
	0% {
		transform: scale(0.95);
		opacity: 0.7;
	}
	70% {
		transform: scale(1.1);
		opacity: 0;
	}
	100% {
		transform: scale(1.1);
		opacity: 0;
	}
}

/* Position adjustments for arrows */
.lt-carousel-prev,
.lt-carousel-next {
	top: 40%;
}

@media (max-width: 768px) {
	.lt-carousel-prev {
		left: 0;
	}
	.lt-carousel-next {
		right: 0;
	}
}

/* ============================rules section ================= */
/* Custom animations for rules section */
@keyframes float-dice {
	0%,
	100% {
		transform: translateY(0) rotate(0deg);
	}
	50% {
		transform: translateY(-15px) rotate(5deg);
	}
}

@keyframes float-dice-reverse {
	0%,
	100% {
		transform: translateY(0) rotate(0deg);
	}
	50% {
		transform: translateY(-10px) rotate(-5deg);
	}
}

@keyframes dice-roll {
	0% {
		transform: rotate(0deg);
	}
	25% {
		transform: rotate(90deg);
	}
	50% {
		transform: rotate(180deg);
	}
	75% {
		transform: rotate(270deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@keyframes move-token {
	0% {
		transform: translate(0, 0);
	}
	25% {
		transform: translate(10px, 10px);
	}
	50% {
		transform: translate(20px, 0);
	}
	75% {
		transform: translate(10px, -10px);
	}
	100% {
		transform: translate(0, 0);
	}
}

@keyframes move-token-safe {
	0% {
		transform: translate(0, 0);
	}
	25% {
		transform: translate(-5px, 5px);
	}
	50% {
		transform: translate(0, 10px);
	}
	75% {
		transform: translate(5px, 15px);
	}
	100% {
		transform: translate(0, 20px);
	}
}

@keyframes move-token-home {
	0% {
		transform: translate(0, 0);
	}
	25% {
		transform: translate(-5px, -5px);
	}
	50% {
		transform: translate(-10px, -10px);
	}
	75% {
		transform: translate(-15px, -15px);
	}
	100% {
		transform: translate(-20px, -20px);
	}
}

@keyframes float-coin {
	0%,
	100% {
		transform: translate(-50%, -50%) scale(1) rotate(0deg);
	}
	25% {
		transform: translate(-50%, -55%) scale(1.1) rotate(10deg);
	}
	50% {
		transform: translate(-50%, -50%) scale(1) rotate(0deg);
	}
	75% {
		transform: translate(-50%, -55%) scale(1.1) rotate(-10deg);
	}
}

@keyframes pulse {
	0%,
	100% {
		transform: translate(-50%, -50%) scale(1);
		opacity: 1;
	}
	50% {
		transform: translate(-50%, -50%) scale(1.1);
		opacity: 0.8;
	}
}

.animate-float-dice {
	animation: float-dice 6s ease-in-out infinite;
}

.animate-float-dice-reverse {
	animation: float-dice-reverse 7s ease-in-out infinite;
}

.animate-dice-roll {
	animation: dice-roll 4s linear infinite;
}

.animate-move-token {
	animation: move-token 8s ease-in-out infinite;
}

.animate-move-token-safe {
	animation: move-token-safe 10s ease-in-out infinite;
}

.animate-move-token-home {
	animation: move-token-home 6s ease-in-out infinite;
}

.animate-float-coin {
	animation: float-coin 5s ease-in-out infinite;
}

.animate-pulse {
	animation: pulse 3s ease-in-out infinite;
}

/* Rule item styling */
.lt-rule-item {
	position: relative;
}

.lt-rule-icon {
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.lt-rule-icon:hover {
	transform: scale(1.1);
	box-shadow: 0 0 35px rgba(109, 40, 255, 0.7);
}

/* Text gradient for section title */
.lt-rules-title {
	text-shadow: 0 0 15px rgba(139, 92, 246, 0.7);
}

/* Token styling */
.token {
	box-shadow: 0 0 10px rgba(255, 255, 255, 0.7);
	z-index: 10;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.lt-rule-content {
		padding: 0 1rem;
	}

	.lt-rule-animation {
		display: none;
	}
}


/* =============================footer section ====================== */
/* Custom animations for footer */
@keyframes pulse {
	0%,
	100% {
		transform: scale(1);
		opacity: 0.8;
	}
	50% {
		transform: scale(1.1);
		opacity: 1;
	}
}

@keyframes pulse-slow {
	0%,
	100% {
		transform: scale(1);
		opacity: 0.6;
	}
	50% {
		transform: scale(1.2);
		opacity: 1;
	}
}

.animate-pulse {
	animation: pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.animate-pulse-slow {
	animation: pulse-slow 4s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Footer wave styling */
.lt-footer {
	box-shadow: 0 -5px 30px rgba(109, 40, 255, 0.1);
}

/* Social media hover effect */
.lt-footer a:hover svg {
	transform: scale(1.1);
	transition: transform 0.3s ease;
}

/* Download link hover effect */
.lt-footer-download a:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.lt-footer .grid {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.lt-footer-links h3,
	.lt-footer-download h3,
	.lt-footer-contact h3 {
		width: 100%;
	}
}