/* Styling for the popup container (hidden by default) */
    .popup-container-custom {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;}
    /* Popup box */
    .popup-custom {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #fff;padding: 30px;border-radius: 12px;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);width: 99999999900px;max-width: 90%;text-align: center;animation: fadeIn 0.5s ease-in-out;height: 75%; overflow-y: scroll;}

    /* Close button */
    .close-btn-custom {position: absolute;top: 10px;right: 15px;background: #ff5c5c;color: #fff;border: none;border-radius: 50%;width: 30px;
      height: 30px;font-size: 18px;cursor: pointer;transition: background 0.3s;}

    .close-btn-custom:hover {background: #ff1c1c;}

    /* Animation */
    @keyframes fadeIn {
       from {
        opacity: 0;transform: translate(-50%, -45%);
      }
      to {
        opacity: 1;transform: translate(-50%, -50%);
      }
    }

    /* Button styling */
    .btn-custom {padding: 10px 25px;font-size: 16px;color: #fff;background: #4caf50;border: none;border-radius: 5px;cursor: pointer;transition: 0.3s;}

    .btn-custom:hover {background: #45a049;}