  .modalcont {
       
        /* background-color: #0a192f; */
        color: white;
        text-align: center;
        /* padding: 20px; */
        transition: filter 0.3s ease;
        z-index: 100;
        width: 100%;
        max-width: 1220px;
      }
      .error-message{
        font-size: 12px;
      }
      .btnModal {
        background-color: #1e90ff;
        color: white;
        border: none;
        padding: 12px 24px;
        font-size: 18px;
        border-radius: 8px;
        cursor: pointer;
        transition: background 0.3s ease;
      }
      .btnModal:hover {
        background-color: #0077cc;
      }

      /* MODAL STYLES */
      .modalWindow {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.3);
        display: none;
        justify-content: center;
        align-items: flex-start;
        transition: opacity 0.3s ease;
        padding-top: 30px; /* Push modal down */
        z-index: 1000;
      }
      .modalWindow.showModal {
        display: flex;
        opacity: 1;
      }

      /* Modal Content */
      .modalWindow-content {
        background: #112240;
        color: white;
        padding: 25px;
        border-radius: 12px;
        width: 420px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
        transform: translateY(-20px);
        opacity: 0;
        transition: transform 0.3s ease, opacity 0.3s ease;
        position: relative;
      }
      .modalWindow.showModal .modalWindow-content {
        transform: translateY(0);
        opacity: 1;
      }

      /* Close Button */
      .close-iconModal {
        color: white;
        font-size: 24px;
        cursor: pointer;
        position: absolute;
        right: 15px;
        top: 10px;
        transition: color 0.3s ease;
      }
      .close-icon:hover {
        color: #ff4d4d;
      }

      /* Form Styling */
      .form-containerModal {
        text-align: left;
        margin-top: 10px;
      }
      .form-groupModal {
        margin-bottom: 15px;
      }
      .form-groupModal label {
        display: block;
        font-size: 14px;
        margin-bottom: 5px;
      }
      .form-groupModal input {
        width: 100%;
        padding: 12px;
        border-radius: 6px;
        border: 1px solid #1e90ff;
        background-color: #233554;
        color: white;
        font-size: 16px;
        box-sizing: border-box; /* Ensures inputs stay within the container */
      }
      .form-groupModal input:focus {
        outline: none;
        border-color: #00aaff;
        box-shadow: 0 0 8px rgba(30, 144, 255, 0.6);
      }

      /* Submit Button */
      .btn-submit {
        background-color: #00aaff;
        color: white;
        border: none;
        padding: 12px;
        width: 100%;
        font-size: 18px;
        border-radius: 8px;
        cursor: pointer;
        transition: background 0.3s ease;
      }
      .btn-submit:hover {
        background-color: #0088cc;
      }

      /* Success Section Styling */
      .success-message {
        display: none;
        text-align: center;
        background-color: #112240;
        padding: 30px 20px;
        border-radius: 12px;

        color: white;
        animation: fadeIn 0.5s ease-out;
      }

      .success-message h4 {
        color: #00ff99;
        font-size: 24px;
        margin-bottom: 10px;
      }

      .success-message p {
        color: #d1e7ff;
        font-size: 16px;
        margin-bottom: 20px;
      }

      .success-message a.btn {
        background-color: #00ff99;
        color: #112240;
        text-decoration: none;
        padding: 12px 24px;
        font-size: 16px;
        border-radius: 8px;
        transition: background 0.3s ease, transform 0.2s ease;
      }

      .success-message a.btn:hover {
        background-color: #00cc7a;
        transform: translateY(-2px);
      }

      /* Fade-in animation */
      @keyframes fadeIn {
        from {
          opacity: 0;
          transform: translateY(10px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }