html, body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    font-family: "Inter", sans-serif !important;

}

main {
    flex: 1;
}

.end-section{
    height: 2.75rem;
}
.carousel-section{
    background-color: #F5F7FA;
    height: 70vh;
}

.text-2{
    color: #4D4D4D;
}

.text-1{
    color: #717171;
}

.position-absolute {
    top: 75%;
    background-color: #F5F7FA;
}

.top-75{
    top: 75%;
}

.text-3{
    color: #4CAF4F;
}

.client-logo {
    filter: grayscale(100%); /* Makes the image black and white */
    transition: filter 0.3s ease-in-out; /* Smooth transition */
}

.client-logo:hover {
    filter: grayscale(0%); /* Restores the original color on hover */
}

.carousel-indicators [data-bs-target] {
    width: 12px !important; 
    height: 12px !important; 
    border-radius: 50% !important; 
    background-color: #4CAF4F !important; 
    border: none !important;
}

.carousel-indicators .active {
    opacity: 1;
    background-color: #4CAF4F !important; 
}