.logo-design {
	background-color: #FFFFFF !important;
	border-radius: 5px;
	padding:10px;
}
:root {
--dark-red: #8B0000;
--dark-blue: #0000A0;
}

/* Custom Required Class */
.required-label:after {
    content: " *";
    color: var(--dark-red); /* Bootstrap text-danger color */
    font-weight: 900;
    margin-left: 4px;
}

.custom-icon {
    color: #7D8FAB; /* Wahi color jo aapke SVG mein tha */
    font-size: 18px; /* Size adjust karne ke liye */
}

.logo-container {
text-align: center;
filter: drop-shadow(0 0 15px rgba(139, 0, 0, 0.6));
}

.gradient-stop-1 { stop-color: var(--dark-red); }
.gradient-stop-2 { stop-color: var(--dark-blue); }

/* Glow effect animation */
.glow {
animation: pulselogo 2s infinite alternate;
}

@keyframes pulselogo {
from { opacity: 0.8; filter: brightness(0.8); }
to { opacity: 1; filter: brightness(1.5) drop-shadow(0 0 10px var(--dark-blue)); }
}

/***** floating alerts slide in from the side started *****/
#floatingAlertContainer {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 99999;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Alert box style */
.floating-alert {
    display: flex;
    align-items: center;
    background: white;
	text-transform: capitalize;
    color: #333;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    padding: 10px 16px;
    min-width: 250px;
    opacity: 0;
    transform: translateY(-20px);
    transition: all 0.4s ease;
}

/* Show animation */
.floating-alert.show {
    opacity: 1;
    transform: translateY(0);
}

/* Icon styling */
.floating-alert .icon {
    font-size: 20px;
    margin-right: 10px;
}

/* Alert type colors */
.alert-success { border-left: 6px solid #28a745; }
.alert-danger  { border-left: 6px solid #dc3545; }
.alert-warning { border-left: 6px solid #ffc107; }
.alert-info    { border-left: 6px solid #17a2b8; }

/* === Animations === */
.floating-alert .icon.bounce { animation: bounce 1.5s ease; }
.floating-alert .icon.shake  { animation: shake 1.4s ease-in-out; }
.floating-alert .icon.pulse  { animation: pulse 1.2s infinite ease-in-out; }
.floating-alert .icon.fade   { animation: fadeIcon 1.5s infinite ease-in-out; }

/* Bounce animation */
@keyframes bounce {
    0%, 100% { transform: translateY(0); }
    30% { transform: translateY(-4px); }
    60% { transform: translateY(2px); }
}

/* Shake animation */
@keyframes shake {
    0%, 100% { transform: translateX(0); }
    20% { transform: translateX(-3px); }
    40% { transform: translateX(3px); }
    60% { transform: translateX(-3px); }
    80% { transform: translateX(3px); }
}

/* Pulse animation */
@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.15); }
}

/* Fade animation */
@keyframes fadeIcon {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.6; }
}
/***** floating alerts slide in from the side ended *****/

#loader-message {
    font-family: 'Poppins', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 14px;
    animation: fadeText 1.5s infinite ease-in-out;
}

@keyframes fadeText {
    0%, 100% { opacity: 0.6; }
    50% { opacity: 1; }
}

.custom-tooltip {
    position: relative;
}
.custom-tooltip:hover::after {
    content: attr(data-tip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #333;
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 4px;
    white-space: nowrap;
    z-index: 10;
}

.btn-secondary {
	--bs-btn-color: #FFF;
	--bs-btn-bg: var(--dark-blue);
	--bs-btn-border-color: var(--dark-blue);
	--bs-btn-hover-color: #FFF;
	--bs-btn-hover-bg: #48bcd5;
	--bs-btn-hover-border-color: #3eb8d3;
	--bs-btn-focus-shadow-rgb: 34, 150, 175;
	--bs-btn-active-color: #FFF;
	--bs-btn-active-bg: #53c0d8;
	--bs-btn-active-border-color: #3eb8d3;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #FFF;
	--bs-btn-disabled-bg: var(--dark-blue);
	--bs-btn-disabled-border-color: var(--dark-blue);
}

  .header .menu-toggler2 {
    font-size: 20px;
    color: var(--title);
    display: flex;
    align-items: center; }
	
.header .header-content .left-content {
	width: 45%;
	height: 100%;
	display: flex;
	align-items: center;
}