/* Style for the popup */
.popup {
  color: red!important;
    font-family: Outfit, sans-serif;
}

/* Style the form container */
.custom-job-portal-forms {
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px;
    background-color: #2d2d2d;
    border: 1px solid #ddd;
    border-radius: 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: flex; /* Use flexbox to arrange forms side by side on larger screens */
    flex-wrap: wrap; /* Allow forms to wrap to the next line on smaller screens */
    justify-content: space-between; /* Add space between forms on larger screens */
}

/* Style each form */
.custom-job-portal-forms form {
    flex-basis: calc(50% - 10px); /* Make each form take up 50% width minus spacing */
    padding: 10px;
}

/* Style form headings */
.custom-job-portal-forms h2 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #ffffff;
    font-family: Outfit, sans-serif;
}

/* Style form labels */
.custom-job-portal-forms label {
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
    font-family: Outfit, sans-serif;
    color: white;
}

/* Style form input fields */
.custom-job-portal-forms input[type="text"],
.custom-job-portal-forms input[type="password"],
.custom-job-portal-forms input[type="email"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
}

/* Style form submit buttons */
.custom-job-portal-forms input[type="submit"] {
    width: 100%;
    padding: 15px 10px;
    background-color: #ee7e57;
    font-weight: 500;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 18px;
    cursor: pointer;
    font-family: Outfit, sans-serif;
}




/* Style form submit buttons on hover */
.custom-job-portal-forms input[type="submit"]:hover {
    background-color: #0051a8;
}

/* Media query for mobile responsiveness */
@media (max-width: 768px) {
    .custom-job-portal-forms {
        flex-direction: column; /* Stack forms on top of each other on smaller screens */
    }

    /* Reset the width for each form to take up 100% on mobile */
    .custom-job-portal-forms form {
        flex-basis: 100%;
    }
}