#eligibilityPopup { display: none; position: fixed; inset: 0; z-index: 99999999; background: rgba(0, 0, 0, 0.68); padding: 20px; box-sizing: border-box; } .eligibility-popup-inner { max-width: 520px; width: 100%; background: #fff5f7; margin: 8% auto; padding: 32px 28px 28px; border-radius: 14px; position: relative; text-align: center; font-family: Arial, sans-serif; box-shadow: 0 6px 24px rgba(0, 0, 0, 0.18); border-left: 5px solid #ef476f; } .eligibility-popup-inner h3 { margin: 0 0 12px; color: #1a1a1a; font-size: 24px; line-height: 1.35; font-weight: 700; } #eligibilityResult { margin-top: 14px; padding: 20px; background: #fff5f7; border-radius: 10px; color: #333333; font-size: 17px; line-height: 1.7; word-wrap: break-word; } #eligibilityResult strong { color: #ef476f; font-size: 34px; font-weight: 800; } #closeEligibilityPopup { position: absolute; top: 10px; right: 16px; font-size: 28px; line-height: 1; cursor: pointer; color: #555555; font-weight: 400; } #closeEligibilityPopup:hover { color: #ef476f; } @media (max-width: 991px) { .eligibility-popup-inner { max-width: 92%; padding: 28px 22px 24px; } .eligibility-popup-inner h3 { font-size: 22px; } #eligibilityResult { font-size: 16px; padding: 18px; } #eligibilityResult strong { font-size: 30px; } } @media (max-width: 767px) { #eligibilityPopup { padding: 15px 10px; } .eligibility-popup-inner { margin: 28% auto; padding: 24px 18px 22px; border-radius: 12px; } .eligibility-popup-inner h3 { font-size: 20px; } #eligibilityResult { padding: 16px; font-size: 14px; } #eligibilityResult strong { font-size: 26px; } } @media (max-width: 480px) { .eligibility-popup-inner { padding: 22px 14px 20px; } .eligibility-popup-inner h3 { font-size: 18px; } #eligibilityResult { font-size: 13px; } #eligibilityResult strong { font-size: 24px; } } .eligibility-popup-overlay { position: fixed; inset: 0; z-index: 99999999; background: rgba(0, 0, 0, 0.68); display: flex; align-items: center; justify-content: center; padding: 20px; } .eligibility-popup { max-width: 520px; width: 100%; background: #fff5f7; padding: 32px 28px 28px; border-radius: 14px; text-align: center; font-family: Arial, sans-serif; box-shadow: 0 6px 24px rgba(0, 0, 0, 0.18); border-left: 5px solid #ef476f; } .eligibility-popup h3 { margin: 0 0 12px; color: #1a1a1a; font-size: 24px; } .eligibility-popup p { font-size: 17px; line-height: 1.7; } .eligibility-popup strong { color: #ef476f; font-size: 34px; font-weight: 800; } .close-popup { margin-top: 16px; padding: 10px 22px; border: 0; border-radius: 8px; background: #ef476f; color: #fff; cursor: pointer; }