:root{
    --primary-color: #F5EFEB;
    --secondary-color: #014081;
    --alt-color: #F59E0B;
}

h1, h2{
    font-weight: 500 !important;
}

h3, h4, h5, h6{
    font-weight: 400 !important;
}

/* *{
    background-image: url(/muthureshg/static/images/Muthure-bg.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;  
} */

body{
    font-family: "Nunito", sans-serif !important;
    background: rgb(245,239,235) !important;
    background: linear-gradient(0deg, rgba(245,239,235,1) 0%, rgba(248,252,255,1) 70%) !important;
    color: var(--secondary-color) !important;
}

nav .container{
    backdrop-filter: blur(12px) saturate(180%);
    -webkit-backdrop-filter: blur(12px) saturate(180%);
    background-color: rgba(255, 255, 255, 0.53);
    border-radius: 12px;
    border: 1px solid rgba(209, 213, 219, 0.3);
    color: var(--secondary-color) !important;
}

nav .nav-link{
    color: var(--secondary-color) !important;
    font-weight: 500;
    font-size: 1.1rem !important;
}

nav .nav-link:hover{
    color: var(--alt-color) !important;
    /* border-bottom: #C8D9E6 3px solid; */
}

footer .nav-item a{
    color: var(--secondary-color) !important;
    font-weight: 500;
}

footer .nav-item a:hover{
    color: var(--alt-color) !important;
    font-weight: 500;
}

footer p{
    color: var(--secondary-color) !important;
    font-weight: 500;
}

footer p:hover{
    color: var(--alt-color) !important;
    font-weight: 500;
}

/* Carousel responsive fixes */
.bg-overlay {
    background: rgba(0, 0, 0, 0.3);
}

/* Mobile-specific adjustments */
@media (max-width: 768px) {
.carousel-caption {
    padding: 1rem;
    transform: translate(-10%, -10%) !important;
    width: 90%;
}

.carousel-caption h1 {
    font-size: 1.25rem !important;
    margin-bottom: 0.5rem !important;
}

.carousel-caption p {
    font-size: 0.875rem !important;
    margin-bottom: 0.75rem !important;
}

.carousel-caption .btn {
    padding: 0.5rem 1rem !important;
    font-size: 0.875rem !important;
}
}

/* Ensure proper image scaling */
.carousel-item {
transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out !important;
}