.t4-header {
    display: flex;
    align-items: center; /* Vertically centers the logo */
    /* justify-content: center; /* Horizontally centers the logo */
    height: 150px; /* Adjust the height as needed */
}

/* Style the main menu */
.menu-item-title {
    position: relative;
    padding-right: 16px; /* Adjust this value to move the title away from the line */
    margin-left: 0; /* Ensure no margin is applied */
    font-size: 16px; /* Adjust font size */
    font-weight: bold; /* Make the font bold */
    text-transform: uppercase; /* Uppercase text */
    color: #707070; /* Set the color70% gray */
    /*letter-spacing: 0.1em; /* Space out the letters slightly */
}

/* Change color on hover and press */
.nav-item:hover .menu-item-title {
    color: #03A7E8 !important; /* Change color on hover/focus */
}

/* Add top and bottom borders on hover */
.nav-item:hover {
    border-top: 2px solid #03A7E8 !important; /* Top border color on hover */
    border-bottom: 2px solid #03A7E8 !important; /* Bottom border color on hover */
}

/* Active item styling */
.nav-item.active {
    border-top: 2px solid #03A7E8; /* Top border color when active */
    border-bottom: 2px solid #03A7E8; /* Bottom border color when active */
}

/* Ensure active class is applied correctly */
.nav-item.active .menu-item-title {
    color: #03A7E8; /* Change color when the item is active */
}
/* Focus state, useful for keyboard navigation */
.nav-item:focus-within .menu-item-title {
    color: #03A7E8; /* Change color on focus */
}

/* Hide the first hamburger menu */
.navbar-toggler {
    display: none !important;
}

/* Define color for h1 */
h1 {
    color: #707070; /* Example color: a shade of orange */
    font-size: 28px; /* Example font size */
}

/* Define color for h2 */
h2 {
    color: #03A7E8; /* Example color: a shade of blue */
    font-size: 24px; /* Example font size */
}

/* Define color for h3 */
h3 {
    color: #829FAB; /* Example color: a shade of blue */
    font-size: 20px; /* Example font size */
}