.container-header {
    position: relative;
    z-index: 10;
    margin-bottom: 20px;
    background-color: #254E45; /* Your desired color */
    background-image: linear-gradient(135deg, #578e8e 0%, #14382c 100%); /* Optional gradient */
    border-bottom: 1px solid #614F45; /* Updated border color */
    border-radius: 0.25rem; /* Match the border radius */
    box-shadow: 0 8px 4px rgba(0, 0, 0); /* Shadow only at the bottom */
}

.brand-logo {
    color: #614F45 !important; /* brown for the logo, using !important to override other styles */
    font-size: 1.2em; /* Adjusted size for better fit */
    font-weight: bold; /* Changed to normal for a standard look */
    transition: color 0.3s ease; /* Smooth transition for hover effect */
   text-shadow: 0.2px 0.2px 0.2px rgba(0, 0, 0, 0.7); /* Smaller black shadow */
}

.brand-logo:hover {
    color: #1C0E9E !important; /* Replace with the desired hover color code, using !important */
}

body {
    background-color: #41726E; /* Dark background */ background-image: linear-gradient(135deg, #578e8e 0%, #14382c 100%); /* Optional gradient */
    color: #614F45; /* Light text */
}

a {
    color: #bb86fc; /* Light purple for links */
}

.btn-primary {
    background-color: #244D44 !important; /* Change to your desired green color */
    color: #867741 !important; /* Change text color if needed */ border: 1px solid #000000; /* Black border */
}