.header-content {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    padding: 0 20px; /* Adds padding on both sides for better spacing */
}

.custom-header-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    margin-right: 20px; /* Ensures the menu does not touch the edge of the screen */
}

.custom-menu-list {
    display: flex;
    padding: 0;
    margin: 0 20px 0 0; /* Right margin added to the list for spacing */
    list-style: none;
}

.menu-item {
    margin-right: 15px; /* Space between items */
    padding: 10px 0; /* Adds vertical padding for better touch target size */
}

.contact-button {
    padding: 8px 16px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 4px;
    margin-left: 10px; /* Adds a small margin to the left of the contact button for spacing */
}

.main-title {
    margin-left: 20px; /* Adds margin to move the title a bit to the right */
}

/* Responsive adjustments to keep the mobile view tidy */
@media (max-width: 1200px) {
    .custom-menu-list, .contact-button {
        display: none; /* Hides navigation elements on smaller screens */
    }
    .mobile-toggle {
        display: block;
    }
    .header-content {
        justify-content: center; /* Center the title when menu items are not displayed */
    }
}

@media (min-width: 1021px) {
    div.box.form-unregistered {
    margin-top: 5% !important; 
    margin-right: 5% !important; 
    margin-left: -10% !important;
}

div.main-header.unregistered-header {
    justify-content: center; /* Ensures content is centered */
    padding-left: 0; /* Resets any specific padding that might affect centering */
    padding-right: 0; /* Ensures symmetry */
    width: 100%; /* Ensures the header spans the full width of the viewport */
}

}

@media (min-width: 1500px) {
    div.box.form-unregistered {
    margin-top: 5% !important; 
    margin-right: 20% !important; 
    margin-left: -20% !important;
}
}