.popup-container {
          display: flex;
          justify-content: center;
          align-items: center;
          min-height: 100vh;
          background-color: rgba(0, 0, 0, 0.9);
          /* Background blur effect */
          position: fixed;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          z-index: 1000;
        }

        .popup {
		  background-image: url('../images/raffle-2.jpg');
		  /* Background image for the pop-up */
		  background-size: 100% auto;
		  background-position: center;
		   background-color: white;
		  background-repeat:no-repeat;
		  padding: 20px;
		  border-radius: 8px;
		  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
		  max-width: 80%;
		  /* Adjusted width */
		  width: 100%;
		  height: 500px;
		  position: relative;
		}


        .close-btn {
          position: absolute;
          top: 5px;
          right: 5px;
          background: transparent;
          border: none;
          font-size: 20px;
          cursor: pointer;
          padding: 5px;
          color: purple;
          /* Close button color */
        }

        .form-group {
          margin-bottom: 15px;
        }

        .form-group label {
          display: block;
          font-weight: bold;
          margin-bottom: 5px;
          color: #000044;
          /* Form label color */
        }

        .form-group input {
          width: 50%;
          padding: 8px;
          border-radius: 5px;
          border: 1px solid #ccc;
          background: #f7f7f7;
          box-sizing: border-box;
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          /* Adds a subtle shadow */
          transition: box-shadow 0.3s ease;
          /* Adds a smooth transition effect */
        }

        /* Hover effect to make it more pronounced */
        .form-group input:hover {
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        }

        /* Optional: Active effect for when the input is clicked */
        .form-group input:active {
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
        }

        .form-group input[type="submit"] {
          background-color: #000087;
          color: #fff;
          cursor: pointer;
          width: 30%;
          transition: background-color 0.3s ease;
        }

        .form-group input[type="submit"]:hover {
          background-color: #0056b3;
        }