document.addEventListener('DOMContentLoaded', function() {
    const modalContainer = document.querySelector('.modal-container');
    const closeModalButton = document.querySelector('.close-modal');
    const applicationForm = document.getElementById('application-form');

    // Function to open the modal
    function openModal() {
        modalContainer.classList.add('active');
    }

    // Function to close the modal
    function closeModal() {
        modalContainer.classList.remove('active');
    }

    // Event listener for close button
    closeModalButton.addEventListener('click', closeModal);

    // Event listener for form submission
    applicationForm.addEventListener('submit', function(event) {
        event.preventDefault();
        // Handle form submission logic here
        alert('Application submitted successfully!');
        closeModal();
    });

    // Open the modal when the page loads
    openModal();
});