/* Style for the header */
    .header {
        display: flex;
        align-items: center;
        padding: 20px;
        background: white;
        height: auto; /* Allow dynamic height */
    }

    /* Style for the logo */
    .logo {
    display: flex;
    align-items: center;
    max-width: 200%;
}
.logo-container {
    width: 100% !important;
    max-width: none !important;
}

    .logo-img {
      width: 100px !important; /* Adjust size */
    height: auto !important; /* Maintain aspect ratio */
    max-width: none !important;
    max-height: none !important;
    margin-top: 20px; /* Moves the logo down */
    background: transparent; /* Makes the background transparent */
    border-radius: 10%; /* For rounded corners */
}

    .logo h1 {
        font-size: 32px; /* Adjusted text size */
        font-weight: bold;
        margin-left: 15px;
    }