.hover-scale:hover {
	transform: scale(1.05);
	transition: transform 0.3s ease;
	}

	.pulse-text {
	animation: pulseText 2s infinite;
	}

	@keyframes pulseText {
	0% { color: #1e40af; }
	50% { color: #3b82f6; }
	100% { color: #1e40af; }
	}

	.glow-icon {
	transition: all 0.3s ease-in-out;
	}

	.glow-icon:hover {
	filter: drop-shadow(0 0 6px rgba(59, 130, 246, 0.6));
	transform: scale(1.1);
	}

	.special-card {
	background: linear-gradient(135deg, #ffffff, #f9fafb);
	border-radius: 16px;
	}
	/* this for loader */ 
	@keyframes shimmer {
	  0%   { filter: brightness(1); }
	  50%  { filter: brightness(1.4); }
	  100% { filter: brightness(1); }
	}

	#ajax_loader img {
	  animation: shimmer 2s ease-in-out infinite;
	}
	
	.swal2-popup.kt-swal-toast {
		border-radius: 0.75rem !important;
		box-shadow: 0 6px 18px rgba(0,0,0,0.15) !important;
		padding: 1rem 1.25rem !important;
		font-family: "Inter", sans-serif;
		overflow: hidden;
		position: relative;
		opacity: 1;
		transform: translateX(120%);
	}

	/* Slide-in animation */
	.swal2-popup.kt-swal-toast.slide-in {
		animation: slideIn 0.4s ease forwards;
	}

	@keyframes slideIn {
		from { transform: translateX(120%); opacity: 0; }
		to   { transform: translateX(0); opacity: 1; }
	}

	/* Fade-out animation */
	.swal2-popup.kt-swal-toast.fade-out {
		animation: fadeOut 0.5s ease forwards;
	}

	@keyframes fadeOut {
		from { opacity: 1; transform: translateX(0); }
		to   { opacity: 0; transform: translateX(120%); }
	}

	/* Highlight layer that shrinks right → left */
	.kt-toast-highlight {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		pointer-events: none;
		border-radius: 0.75rem;
		transform-origin: right; /* shrink from right */
		transform: scaleX(1);
		opacity: 0.2; /* light highlight */
	}
	
	

	/* Bright gradient progress bar */
	.progress-bar-gradient {
		background: linear-gradient(90deg, #4facfe, #00f2fe); /* bright gradient */
		box-shadow: 0 0 6px #00f2fe; /* subtle glow */
		transition: width 0.3s ease;
		text-align: center;
		line-height: 22px; 
		color: black; /* optional: non-white text */
		font-weight: bold;
	}

	/* Progress bar container */
	.upload-progress-container {
		width: 300px;
		height: 22px;
		border-radius: 12px;
		overflow: hidden;
		box-shadow: 0 2px 6px rgba(0,0,0,0.5);
		background-color: rgba(0,0,0,0.25); /* darker background to make gradient visible */
	}
	
	
	
	

/* Gradient variants */
	  .gradient-sky .card-header {
		background: linear-gradient(135deg, #c2e9fb 0%, #a1c4fd 100%);
	  }
	  .gradient-sky .progress-bar {
		background: linear-gradient(90deg, #89f7fe, #66a6ff);
	  }

	  .gradient-mint .card-header {
		background: linear-gradient(135deg, #d4fc79 0%, #96e6a1 100%);
	  }
	 .gradient-mint .progress-bar {
		background: linear-gradient(90deg, #5ee7b0, #3ac5a9);
	  }


	  .gradient-peach .card-header {
		background: linear-gradient(135deg, #fddb92 0%, #d1fdff 100%);
	  }
	  .gradient-peach .progress-bar {
		background: linear-gradient(90deg, #f6d365, #fda085);
	  }

	  .gradient-lavender .card-header {
		background: linear-gradient(135deg, #e0c3fc 0%, #8ec5fc 100%);
	  }
	  .gradient-lavender .progress-bar {
		background: linear-gradient(90deg, #cfd9df, #e2ebf0);
	  }
	
	
	
	
	@keyframes metallic-shine {
	  0% { transform: translateX(-50%) skewX(-20deg); }
	  50% { transform: translateX(50%) skewX(-20deg); }
	  100% { transform: translateX(150%) skewX(-20deg); }
	}