.form-select :focus{
    background-color: chartreuse !important;
}

/* ==========================================================================
   GLOBAL FLOATING WHATSAPP BUTTON
   ========================================================================== */

.floating-whatsapp {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 60px;
    height: 60px;
    background-color: #25D366; /* Official WhatsApp Green for instant recognition */
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4);
    z-index: 9999; /* Ensures it stays on top of everything, including modals */
    transition: all 0.3s ease;
    animation: pulse-whatsapp 2s infinite; /* Adds a gentle radar pulse effect */
    text-decoration: none !important;
}

/* Hover State */
.floating-whatsapp:hover {
    color: #ffffff;
    transform: translateY(-5px) scale(1.05); /* Slight lift and zoom */
    box-shadow: 0 8px 25px rgba(37, 211, 102, 0.6);
    animation: none; /* Stops the pulse while hovering */
}

/* The Pulse Animation */
@keyframes pulse-whatsapp {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
    }
    70% {
        box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
    }
}

/* --- MOBILE RESPONSIVE TWEAKS --- */
@media (max-width: 767.98px) {
    .floating-whatsapp {
        bottom: 20px;
        right: 20px;
        width: 50px;
        height: 50px;
        font-size: 28px;
    }
}

.lead-honeypot {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.lead-feedback-modal {
    border: 0;
    border-radius: 16px;
}

.lead-feedback-icon {
    font-size: 56px;
}

.lead-feedback-icon.is-success {
    color: #20b038;
}

.lead-feedback-icon.is-error {
    color: #dc3545;
}

#leadFeedbackTitle {
    font-family: 'DM Sans', sans-serif;
    color: #0c0e1b;
}

#leadFeedbackMessage {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
}









/* --- TRUST PROMO BANNER SECTION --- */
.trust-promo-section {
    background-color: transparent; /* Blends into whatever page it's placed on */
}

.trust-promo-card {
    background: linear-gradient(135deg, #0c0e1b 0%, #1e293b 100%); /* Vanguard Deep Navy */
    border: 1px solid rgba(255, 255, 255, 0.05);
}

/* Subtle Green Glow behind the text */
.trust-promo-bg-glow {
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(32, 176, 56, 0.15) 0%, rgba(32, 176, 56, 0) 70%);
    border-radius: 50%;
    pointer-events: none;
}

/* Overlapping Avatar Group */
.avatar-group {
    padding-left: 10px; /* Balances the negative margin */
}

.avatar-circle {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 3px solid #1e293b; /* Matches the card background to create the 'cutout' overlap effect */
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
    margin-left: -12px; /* Pulls the circles over each other */
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    transition: transform 0.3s ease;
}

.avatar-circle:hover {
    transform: translateY(-5px);
    z-index: 5;
}

/* --- MOBILE RESPONSIVE TWEAKS --- */
@media (max-width: 767.98px) {
    .trust-promo-card {
        padding: 30px 20px !important;
    }
    .trust-promo-card .section-heading-poppins {
        font-size: 28px !important;
    }
    .avatar-group {
        margin-bottom: 20px !important;
    }
    .w-sm-auto {
        width: 100% !important; /* Button spans full width on phones */
    }
}