#carousel_section{
    margin-top: 12vh;
}

.carousel-img{
    width: auto;
    height: 75%;
}

.carousel-indicators button{
    max-width: min-content;
    height:auto;
}
.carousel-item img {
    width: 100%; /* Ensure images fill the container */
    object-fit: cover; /* Fill space without distorting aspect ratio */
}

.view-calendar{
    margin-top: 1vh;
    margin-left: 5vh;
}

.calendar-link {
    color: #007bff; /* Bootstrap primary color */
    font-size: 1em;
    text-decoration: none;
    font-weight: bold;
}

.calendar-link:hover {
    text-decoration: underline;
}

.pic-carousel{
    max-width: 200%;
    /* margin-left: 15vh; */
}

.about-us, .core-member{
    background-color: #f9f9f9; /* Light background for readability */
    color: #333;
    font-family: 'Arial', sans-serif; /* Clean and readable font */
}

.card-img-top{
    max-width: 15vh !important; 
    max-height: auto; 
    object-fit: cover;
}

/* Ensure the image is fully visible */
.card-img-top-wrapper img {
    display: block;
    width: 100%; /* Stretch to fill the width of the card */
    max-height: 150px; /* Limit the height to maintain user experience */
    object-fit: contain; /* Ensure the entire image is visible */
    background-color: #f5f5f5; /* Optional: add a background for padding areas */
    padding: 5px; /* Optional: space around the image for aesthetics */
    border-radius: 4px; /* Optional: rounded corners */
}

/* Optional: Adjust card spacing for alignment */
.card {
    overflow: hidden;
    border: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}


@media only screen and (max-width: 768px) {
    /* .pic-carousel{
        max-height: 300%;
        max-width: 100%;
    } */

    .carousel-item img {
        width: 100%; /* Ensure images fill the container */
        max-height: auto;
        object-fit: cover; /* Fill space without distorting aspect ratio */
    }

    .view-calendar{
        margin-left: 2vh;
    }
}