body {
    background-color: white; /* Sets the background color to white */
}

.topnav {
    background-color: #000000;
    margin: 0;
    padding: 0;
}

.left-content {
    display: flex;
    gap: 20px; /* Space out the text elements */
}

.right-content {
    display: flex;
    align-items: center;
}

    .right-content a {
        font-size: 18px; /* Adjust the icon size */
        color: white;
        text-decoration: none;
    }

        .right-content a:hover {
            color: #FF9800; /* Add hover color */
        }

.navbar {
    background-color: white;
    /*margin-bottom: 5px;
    padding: 15px 0;*/
}

.navbar-brand img {
    width: 100px;
    height: 100px;
}

.navbar-nav .nav-link {
    color: #000 !important;
    font-weight: 500;
}

    .navbar-nav .nav-link:hover {
        color: #009AB2 !important; /* Change to your desired color */
    }

.navbar-nav .nav-item.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* Optional: Adjusts alignment */
}

/* Style for dropdown items */
.dropdown-menu .dropdown-item {
    background-color: white;
}

    /* Hover effect for dropdown items */
    .dropdown-menu .dropdown-item:hover {
        color: #009AB2;
    }

/* Style for active nav links */
.navbar-nav .nav-item.active .nav-link,
.navbar-nav .nav-item .nav-link.active {
    color: #D40000 !important;
}

/* Style for active dropdown items */
.navbar-nav .nav-item .dropdown-menu .dropdown-item.active {
    color: #009AB2 !important;
    background-color: white; /* Ensure the background is correct */
}

    /* Additional styling for the active link in the dropdown */
    .navbar-nav .nav-item .dropdown-menu .dropdown-item.active:hover {
        color: #D40000 !important;
    }


.footer {
    background-color: black;
    background-size: cover;
    color: #ffffff;
}

    .footer h5 {
        font-weight: bold;
    }

    .footer .footer-link {
        color: #ffffff;
        text-decoration: none;
        display: flex;
        align-items: center;
        margin-bottom: 8px;
    }

        .footer .footer-link:hover {
            color: #D40000;
        }

.footer-logo {
    width: 50px;
    margin-top: 10px;
}

.text-warning {
    color: #ff9800 !important;
}

.footer-logo {
    width: 100px;
}

.Consultation, .aboutbt {
    background-color: #D40000;
}
    .Consultation:hover {
        background-color: #009AB2;
    }