* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            -webkit-tap-highlight-color: transparent;
        }

        /* FAB Container */
        .fab-container {
            position: fixed;
            bottom: 24px;
            right: 20px;
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            z-index: 9999;
        }

        /* Options Wrapper */
        .fab-options-wrapper {
            background: #fff;
            border-radius: 28px;
            box-shadow: 0 20px 35px -12px rgba(0,0,0,0.25);
            margin-bottom: 16px;
            overflow: hidden;
            width: 110px;
            padding: 8px 0;
            opacity: 0;
            visibility: hidden;
            transform: scale(0.9);
            transition: opacity 0.2s, visibility 0s linear 0.2s, transform 0.2s;
        }

        .fab-container.active .fab-options-wrapper {
            opacity: 1;
            visibility: visible;
            transform: scale(1);
            transition: visibility 0s, opacity 0.2s, transform 0.25s;
        }

        /* Option Card */
        .option-card {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 10px 8px;
            cursor: pointer;
            background: white;
            font-family: 'Poppins', sans-serif;
            transition: background 0.2s;
            opacity: 0;
            transform: translateY(10px);
            visibility: hidden;
            transition: opacity 0.3s cubic-bezier(0.2,0.9,0.4,1.2), transform 0.3s, visibility 0s linear 0.3s;
        }

        .fab-container.active .option-card {
            opacity: 1;
            transform: translateY(0);
            visibility: visible;
        }

        .option-card:not(:last-child) { border-bottom: 1px solid #e2e8f0; }
        .option-card:hover { background: #faf9fe; }

        .option-card .card-icon { font-size:38px; color: #dc2626; margin-bottom: 6px; }
        .option-card .card-label { font-weight: 600; font-size: 11px; color: #0f172a; text-align: center; }

        /* FAB Main Button */
        .fab-main {
            width: 56px;
            height: 56px;
            background: linear-gradient(135deg, #e11d48, #b91c2c);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            box-shadow: 0 10px 20px -5px rgba(190,18,60,0.4);
            color: white;
            font-size: 1.6rem;
            transition: transform 0.2s;
        }
        .fab-main:active { transform: scale(0.94); }
        .fab-container.active .fab-main i { transform: rotate(45deg); }
        .fab-main i { transition: transform 0.3s; }

        .fab-container.active .option-card:nth-child(1) { transition-delay: 0.15s; }
        .fab-container.active .option-card:nth-child(2) { transition-delay: 0.1s; }
        .fab-container.active .option-card:nth-child(3) { transition-delay: 0.05s; }
        .fab-container.active .option-card:nth-child(4) { transition-delay: 0s; }

        /* WhatsApp Popup */
        .popup-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.5);
            backdrop-filter: blur(3px);
            z-index: 200;
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s, visibility 0s linear 0.3s;
        }
        .popup-overlay.active { opacity: 1; visibility: visible; transition: opacity 0.3s, visibility 0s; z-index: 1050; }

        .whatsapp-card, .support-card {
            position: absolute;
            bottom: 80px;
            right: 20px;
            width: 360px;
            max-width: calc(100vw - 40px);
            background: #fff;
            border-radius: 20px;
            box-shadow: 0 25px 50px -12px rgba(0,0,0,0.4);
            overflow: hidden;
            animation: slideUp 0.3s ease;
            display: flex;
            flex-direction: column;
        }
        .support-card { width: 360px; bottom:5px;}

        @keyframes slideUp {
            from { opacity: 0; transform: translateY(30px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* WhatsApp Header */
        .wa-header, .support-header {
            background: #b40c00;
            padding: 16px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            color: white;
        }
        .wa-left { display: flex; align-items: center; gap: 12px; }
        .wa-icon {
            width: 40px;
            height: 40px;
            background: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .wa-icon i { font-size: 24px; color: #25D366; }
        .wa-title { font-weight: 700; font-size: 22px; }
        .wa-badge { font-size: 10px; opacity: 0.9; }
        .close-icon { cursor: pointer; font-size: 18px; padding: 4px; }

        /* Messages */
        .messages-area {
            background: #f6f6f5;
            height: 280px;
            overflow-y: auto;
            padding: 16px;
            display: flex;
            flex-direction: column;
            gap: 12px;
        }
        .bubble {
            background: white;
            padding: 10px 14px;
            border-radius: 16px;
            max-width: 80%;
            width: fit-content;
            font-size: 13px;
            font-family: 'Poppins', sans-serif;
            box-shadow: 0 1px 2px rgba(0,0,0,0.05);
        }
        .bubble.user {
            background: #dcf8c5;
            align-self: flex-end;
        }
        .input-area {
            display: flex;
            padding: 12px;
            border-top: 1px solid #e4e4e7;
            gap: 10px;
        }
        .input-area input {
            flex: 1;
            border: none;
            outline: none;
            padding: 8px 0;
            font-family: 'Poppins', sans-serif;
        }
        .send-btn {
            color: #b40c00;
            font-size: 22px;
            cursor: pointer;
        }

        /* Support Form */
        .support-card .support-header { padding: 14px 16px; }
        .support-card .support-header span { font-weight: 700; font-size: 20px; }
        .form-content { padding: 20px 20px 10px 20px; background: #f6f6f5; }
        .welcome-text { font-size: 13px; margin-bottom: 16px; color: #333; }
        .input-line { border-bottom: 1px solid #000; margin-bottom: 18px; }
        .input-line input, .input-line textarea {
            width: 100%;
            border: none;
            background: transparent;
            padding: 8px 4px;
            font-family: 'Poppins', sans-serif;
            outline: none;
            font-size: 13px;
        }
        .input-line textarea { resize: none; }
        .select-wrapper { position: relative; margin-bottom: 18px; }
.custom-select-2 {
    border-bottom: 1px solid #000;
    padding: 8px 24px 8px 4px;  /* ← add right padding to make room for arrow */
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    color: gray;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23808080' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-size: 16px 16px !important;  /* ← explicit width AND height */
    background-repeat: no-repeat !important; /* ← must have !important to override */
    background-position: right 4px top 50% !important; /* ← most explicit form */
}
        /* Black when an actual option is selected */
        #selectedInquiry{
            color:gray;
        }
#selectedInquiry.selected {
  color: #000000;
}
        .dropdown-options {
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            background: white;
            border: 1px solid #ddd;
            display: none;
            z-index: 30;
        }
        .dropdown-options div { padding: 8px 12px; font-size: 12px; cursor: pointer; }
        .submit-btn {
            background: #b40c00;
            color: white;
            text-align: center;
            padding: 12px;
            border-radius: 40px;
            font-weight: 600;
            font-size: 12px;
            letter-spacing: 1.5px;
            margin: 16px 0 12px;
            cursor: pointer;
        }
        .secure { font-size: 8px; color: #a50020; text-align: center; border-top: 1px solid #ccc; padding-top: 12px; margin-top: 4px; }

        @media (max-width: 480px) {
            .whatsapp-card { width: 100%; }
            .support-card { width: 300px; }
            .wa-title { font-size: 18px; }}
.dropdown-placeholder {
    color: #999;
    cursor: default;
    pointer-events: none;
}
#selectedGrade {
    color: gray;
}
#selectedGrade.selected {
    color: #000000;
}
/* =============================================
   SUPPORT POPUP — COMPLETE FINAL CSS
   ============================================= */

/* Overlay */
#supportOverlay {
    pointer-events: none !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0,0,0,0.5) !important;
    backdrop-filter: blur(3px) !important;
    z-index: 200 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.3s, visibility 0s linear 0.3s !important;
}

#supportOverlay.active {
    pointer-events: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: opacity 0.3s, visibility 0s !important;
    z-index: 1050 !important;
}
#supportOverlay:not(.active) select,
#supportOverlay:not(.active) input,
#supportOverlay:not(.active) textarea,
#supportOverlay:not(.active) button {
    pointer-events: none !important;
    visibility: hidden !important;
}

#whatsappOverlay {
    pointer-events: none !important;
}

#whatsappOverlay.active {
    pointer-events: auto !important;
}
/* Card */
#supportOverlay .support-card {
    position: absolute !important;
    bottom: 10px !important;
    right: 20px !important;
    width: 360px !important;
    max-width: calc(100vw - 40px) !important;
    background: #fff !important;
    border-radius: 20px !important;
    box-shadow: 0 25px 50px -12px rgba(0,0,0,0.4) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Header */
#supportOverlay .support-header {
    background: #b40c00 !important;
    padding: 14px 16px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    color: white !important;
}

#supportOverlay .support-header span {
    font-weight: 700 !important;
    font-size: 20px !important;
    font-family: 'Poppins', sans-serif !important;
    color: white !important;
}

#supportOverlay .close-icon {
    cursor: pointer !important;
    font-size: 18px !important;
    color: white !important;
}

/* Form content area */
#supportOverlay .form-content {
    padding: 24px 24px 14px 24px !important;
    background: #f6f6f5 !important;
}

/* Welcome text */
#supportOverlay .form-content .welcome-text {
    font-size: 13px !important;
    margin-bottom: 20px !important;
    color: #333 !important;
    font-family: 'Poppins', sans-serif !important;
    line-height: 1.5 !important;
}

/* Secure text */
#supportOverlay .secure {
    font-size: 8px !important;
    color: #a50020 !important;
    text-align: center !important;
    border-top: 1px solid #ccc !important;
    padding-top: 10px !important;
    margin-top: 4px !important;
    font-family: 'Poppins', sans-serif !important;
    letter-spacing: 0.5px !important;
}

/* ---- WPForms Reset ---- */
#supportOverlay .wpforms-container,
#supportOverlay .wpforms-container-full,
#supportOverlay .wpforms-form {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

/* Hide ALL labels */
#supportOverlay .wpforms-form .wpforms-field-label,
#supportOverlay .wpforms-form label.wpforms-field-label {
    display: none !important;
}

/* Field wrapper */
#supportOverlay .wpforms-form .wpforms-field {
    padding: 0 !important;
    margin-bottom: 16px !important;
    background: transparent !important;
    border: none !important;
}

/* ---- Text / Email / Tel inputs ---- */
#supportOverlay .wpforms-form .wpforms-field input[type="text"],
#supportOverlay .wpforms-form .wpforms-field input[type="email"],
#supportOverlay .wpforms-form .wpforms-field input[type="tel"] {
    width: 100% !important;
    height: 34px !important;
    border: none !important;
    border-bottom: 1px solid black !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 8px 4px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    color: gray !important;
    -webkit-appearance: none !important;
    line-height: 1.2 !important;
}

/* ---- Placeholders ---- */
#supportOverlay .wpforms-form input[type="text"]::placeholder,
#supportOverlay .wpforms-form input[type="email"]::placeholder,
#supportOverlay .wpforms-form input[type="tel"]::placeholder,
#supportOverlay .wpforms-form textarea::placeholder {
    color: #aaa !important;
    opacity: 1 !important;
    font-size: 13px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400 !important;
}

/* ---- Dropdowns ---- */
#supportOverlay .wpforms-form .wpforms-field select {
    width: 100% !important;
    height: 34px !important;
    border: none !important;
    border-bottom: 1px solid black !important;
    border-radius: 0 !important;
    background-color: #f6f6f5 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23808080' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 4px center !important;
    background-size: 16px 16px !important;
    padding: 6px 28px 6px 4px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    color: #aaa !important;
    box-shadow: none !important;
    outline: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    cursor: pointer !important;
    line-height: 1.2 !important;
}

/* Dropdown — value selected → dark text */
#supportOverlay .wpforms-form .wpforms-field select.wpf-selected {
    color: #0f172a !important;
}

/* Dropdown open — native options styling */
#supportOverlay .wpforms-form .wpforms-field select option {
    background: #ffffff !important;
    color: #0f172a !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    padding: 10px 12px !important;
}

/* Placeholder option (first disabled option) */
#supportOverlay .wpforms-form .wpforms-field select option[value=""],
#supportOverlay .wpforms-form .wpforms-field select option:disabled {
    color: #aaa !important;
    background: #f6f6f5 !important;
}


#supportOverlay .wpforms-form .wpforms-field select option:hover,
#supportOverlay .wpforms-form .wpforms-field select option:focus,
#supportOverlay .wpforms-form .wpforms-field select option:checked,
#supportOverlay .wpforms-form .wpforms-field select option:active {
    background: #f6f6f5 !important;
    color: #0f172a !important;
    box-shadow: 0 0 0 30px #f6f6f5 inset !important;
}

/* ---- Textarea ---- */
#supportOverlay .wpforms-form .wpforms-field textarea {
    width: 100% !important;
    height: 34px !important;
    min-height: 34px !important;
    border: none !important;
    border-bottom: 1px solid #cbd5e1 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 6px 4px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    color: #0f172a !important;
    resize: none !important;
    line-height: 1.2 !important;
    overflow: hidden !important;
}

/* ---- Checkbox ---- */
#supportOverlay .wpforms-form .wpforms-field-checkbox {
    margin-bottom: 0 !important;
}

#supportOverlay .wpforms-form .wpforms-field-checkbox ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#supportOverlay .wpforms-form .wpforms-field-checkbox ul li {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    padding: 0 !important;
    margin: 0 !important;
}

#supportOverlay .wpforms-form .wpforms-field-checkbox ul li input[type="checkbox"] {
    margin-top: 2px !important;
    flex-shrink: 0 !important;
    width: 14px !important;
    height: 14px !important;
    border: 1px solid #999 !important;
    border-radius: 2px !important;
    background: white !important;
    cursor: pointer !important;
    accent-color: #b40c00 !important;
}

#supportOverlay .wpforms-form .wpforms-field-checkbox ul li label {
    display: inline !important;
    font-size: 11px !important;
    font-family: 'Poppins', sans-serif !important;
    color: #374151 !important;
    cursor: pointer !important;
    line-height: 1.5 !important;
}

/* Consent links — red */
#supportOverlay .wpforms-form .wpforms-field-checkbox a,
#supportOverlay .wpforms-form .wpforms-field-checkbox label a,
#supportOverlay .wpforms-form .wpforms-field-checkbox ul li label a {
    color: #b40c00 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}

#supportOverlay .wpforms-form .wpforms-field-checkbox a:hover {
    text-decoration: underline !important;
}

/* ---- Submit Button ---- */
#supportOverlay .wpforms-form .wpforms-submit-container {
    padding: 0 !important;
    margin: 0 !important;
}

#supportOverlay .wpforms-form button.wpforms-submit,
#supportOverlay .wpforms-form input[type="submit"].wpforms-submit {
    width: 100% !important;
    height: 42px !important;
    background: #b40c00 !important;
    color: white !important;
    border: none !important;
    border-radius: 40px !important;
    padding: 0 !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    letter-spacing: 1.5px !important;
    margin: 12px 0 10px !important;
    cursor: pointer !important;
    box-shadow: none !important;
    display: block !important;
    text-transform: uppercase !important;
    line-height: 42px !important;
    transition: opacity 0.2s !important;
}

#supportOverlay .wpforms-form button.wpforms-submit:hover {
    opacity: 0.9 !important;
}

/* ---- Validation errors ---- */
#supportOverlay .wpforms-form .wpforms-error {
    font-size: 11px !important;
    font-family: 'Poppins', sans-serif !important;
    color: #b40c00 !important;
    margin-top: 3px !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
}

#supportOverlay .wpforms-form .wpforms-field-container {
    margin: 0 !important;
    padding: 0 !important;
}

/* ---- Mobile ---- */
@media (max-width: 480px) {
    #supportOverlay .support-card {
        width: 100% !important;
        bottom: 80px !important;
        right: 12px !important;
    }

    #supportOverlay .support-header span {
        font-size: 18px !important;
    }
}