/* Sticky Footer Styles */
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.container {
    flex: 1;
}

footer {
    margin-top: auto;
}


.card {
    background-color:  black !important;
}

/* Navigation Styles */
.navbar {
    background-color: black; 
    color: #fff;
}

/* Navbar Brand Text Color */
.navbar-brand {
    background-color: black; 
    color: #fff !important;
}

#servicesDropdown {
    color: white !important;
}

#aboutDropdown {
    color: white !important;
}

.white-text {
    color: white !important;
}

/* Updated active link color */
.navbar-nav .nav-item.active .nav-link,
.navbar-nav .nav-item.dropdown:hover .nav-link,
.navbar-nav .nav-item.dropdown.active .nav-link {
    color: #fff !important;
}

/* Updated active link background color */
.navbar-nav .nav-item.active .nav-link,
.navbar-nav .nav-item.dropdown:hover .nav-link,
.navbar-nav .nav-item.dropdown.active .nav-link {
    background-color: transparent; /* Remove background color */
}

/* Adjust padding and margin for navbar items */
.navbar-nav .nav-link {
    padding: 0.7rem 1.2rem; /* Adjust as needed */
    margin-right: 40px; /* Adjust as needed */
}

.dropdown-menu {
    background-color: #111; /* Darker shade of black */
}

/* Responsive Styles */
@media (max-width: 767px) {
    .navbar-toggler {
        background-color: #111; /* Darker shade of black */
    }

    .navbar-toggler-icon {
        background-color: #fff;
    }
}

/* Header and Container Styles */
header,
.container {
    background-color: #111; /* Darker shade of black */
    color: #fff;
    padding: 20px;
    border-radius: 10px;
    margin-top: 20px;
}

/* Footer Styles */
footer {
    background-color: #111; /* Darker shade of black */
    color: #fff;
    padding: 10px 0;
}

/* Header Image Styles */
header {
    background-color: transparent;
    color: #000;
    padding: 20px;
    border-radius: 10px;
    margin-top: 20px;
}

#header-image {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}