body {
    font-family: 'Inter', sans-serif;
    color: #333;
    padding-top: 140px; /* Adjust this value based on your actual navbar height */
}

.font-cinzel {
    font-family: 'Cinzel', serif;
}

/* Red background container with padding acting as a margin for the carousel inside */
.carousel-container-bg {
    background-color: #f23a3a; /* Bright red from wireframe */
    padding: 3rem 1rem;
}

.service-icon {
    font-size: 1.5rem;
    color: #0d6efd;
    margin-right: 0.5rem;
}

.footer-text {
    font-family: 'Inter', sans-serif !important; /* Explicitly NOT Cinzel */
    font-size: 0.875rem; /* ~H7 size as requested in sticky note */
}

#logoImg{
    height: auto;
    width: auto;
}

/* Custom styling for the selected nav link */
.navbar-nav .nav-link.active {
    color: #0d6efd !important; /* Matches your service-icon blue */
    font-weight: 600;
}


@media (min-width: 768px) {
    .carousel-container-bg {
        padding: 4rem 10%; /* Creates the margin effect around the carousel on desktop */
    }
}