const logo = document.createElement('img');
logo.src = 'Images/login_logo.png'; // Your logo file path
logo.alt = 'Company Logo';
logo.className = 'header-logo';

// Style the logo using JavaScript
logo.style.position = 'absolute';
logo.style.display='block'
//logo.style.margin = '0 auto 20px';  // Center the logo and add 20px margin below

logo.style.top = '20px';  // Adjust the top position as needed
logo.style.left = '50%';
logo.style.transform = 'translateX(-50%)'; // Center horizontally
logo.style.height = '70px';  // Adjust the height of the logo as needed\
//logo.style.marginBottom = '20px';  // Ensure margin below the logo
logo.style.height = '80px';  // Adjust the height to a smaller size
logo.style.width = 'auto';  // Maintain the aspect ratio
logo.style.zIndex = '9999';  // Ensure it's above all other elements



// Append the logo to the placeholder div
const logoPlaceholder = document.getElementById('logo-placeholder');
logoPlaceholder.style.height = '80px';  // Ensure enough space for the logo
logoPlaceholder.style.display = 'block';

logoPlaceholder.appendChild(logo);
