/* Popup Overlay */ .custom-popup-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9999; } /* Popup Container */ .custom-popup-container { display: none; position: fixed; top: 35%; left: 50%; transform: translate(-50%, -10%); width: 90%; max-width: 400px; background: #fff; border: 2px solid #449994; padding: 25px; border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); z-index: 10000; } /* Popup Header */ .custom-popup-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; } /* Logo */ .custom-popup-header img { width: 100px; height: auto; } /* Close Button */ .custom-close-btn { font-size: 22px; cursor: pointer; color: black; } .custom-close-btn:hover { color: red; } /* Form Inputs */ .custom-popup-container input { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 5px; font-size: 16px; margin-bottom: 10px; } /* Submit Button */ .custom-popup-container button { width: 100%; padding: 12px; background: #449994; color: white; font-size: 16px; border: none; border-radius: 5px; cursor: pointer; } .custom-popup-container button:hover { background: #337c73; } /* Responsive Design */ @media (max-width: 768px) { .custom-popup-container { width: 90%; } }