.kc-header-banner {
    background-color: #126e00; /* Adjust background color as needed */
    font-size: 16px; /* Adjust font size as needed */
    font-weight: 700;
    color: #f7f7f7; /* Adjust text color as needed */
}

.kc-header-main {
    background-color: #ded9e4;
}

.kc-header-body {
    display: flex; /* Enable flexbox layout */
    flex-direction: row; /* Align items horizontally */
    justify-content: space-between; 
    align-items: flex-end; /* Align items to the bottom */
}

.kc-header-nav {
    flex-grow: 1; /* Allow navigation to grow and fill space */
    text-align: center; /* Center align the navigation */
}

.kc-header-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center; /* Center the navigation items */
}

.kc-header-nav ul li {
    margin: 0 15px; /* Adjust spacing between menu items */
    position: relative; /* Required for dropdown positioning */
    color: rgb(22, 2, 39);
}

/* Dropdown styles */
.nav-menu li ul {
    display: none; /* Hide dropdowns by default */
    position: absolute; /* Position dropdowns below parent */
    background-color: #ffffff; /* Adjust background as needed */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 999;
}

.nav-menu li:hover > ul {
    display: block; /* Show dropdown on hover */
}

/* Hamburger menu styles */
.hamburger-menu {
    display: none; /* Initially hidden */
    cursor: pointer;
    font-size: 24px; /* Adjust size as needed */
    text-align: center;
}

/* Styles for mobile navigation */
.kc-header-nav-mobile {
    display: none; /* Initially hidden */
    position: absolute; /* Overlay on top */
    top: 60px; /* Position below the header, adjust as necessary */
    left: 0;
    right: 0;
    background-color: #ded9e4; /* Match header background */
    z-index: 1000; /* Ensure it appears above other content */
}

/* Media queries */
@media (max-width: 760px) {
    .kc-header-nav {
        display: none; /* Hide the standard navigation */
    }

    .hamburger-menu {
        display: block; /* Show hamburger menu */
    }

    .hamburger-menu.active + .kc-header-nav-mobile {
        display: block; /* Show mobile navigation when hamburger is active */
    }

    .kc-header-nav-mobile ul {
        flex-direction: column; /* Stack menu items vertically */
        width: 100%; /* Full width for mobile */
    }

    .kc-header-nav-mobile ul li {
        margin: 10px 0; /* Add space between vertical items */
    }
}

/* Styles for button */
.kc-header-but .button {
    background-color: #004799; /* Adjust button background color */
    color: #ffffff; /* Adjust button text color */
    padding: 8px 20px; /* Adjust button padding */
    text-decoration: none;
    border-radius: 5px; /* Adjust border radius */
    font-size: 18px;
    font-weight: 700;
}

.kc-header-but .button:hover {
    background-color: #005177; /* Adjust button hover color */
}