.carousel-item img {
    height: 500px; /* Example height */
    object-fit: cover; /* Make sure to cover the allotted space */
}




/* Custom styles */
.notice-board {
    background-color: #f8f9fa; /* Light background color */
    padding: 20px;
    border-radius: 5px;
    height: 300px; /* Set height for scrolling */
    overflow-y: auto; /* Enable vertical scrolling */
}

.announcement {
    background-color: #d1ecf1; /* Light blue background for announcements */
    padding: 20px;
    border-radius: 5px;
}

.notice {
    font-size: 0.9rem; /* Smaller font size */
    margin-bottom: 15px; /* Spacing between notices */
}

.notice-date {
    font-size: 0.75rem; /* Smaller font size for the date */
    color: gray; /* Color for the date */
}

/* Optional: Add some margin below headings */
h1 {
    margin-bottom: 20px;
}

.card {
    border-radius: 15px; /* Rounded corners */
    overflow: hidden; /* Prevent overflow */
    height: 100%; /* Set each card to be the same height */
}

.contact-card {
    background-color: #3acec1; /* Bootstrap primary color - blue */
    color: white; /* Text color */
    height: 350px; /* Fixed height for scrolling */
}

.notice-card {
    background-color: #3951a1; /* Bootstrap purple color */
    color: white; /* Text color */
    height: 350px; /* Fixed height for scrolling */
    overflow-y: auto; /* Enable vertical scrolling */
}

.news-card {
    background-color: #2d4a91; /* Bootstrap success green color */
    color: white; /* Text color */
    height: 350px; /* Fixed height for scrolling */
    overflow-y: auto; /* Enable vertical scrolling */
}

.card-title {
    font-size: 1.5rem; /* Title size */
    font-weight: bold; /* Bold titles */
}

.card-text {
    font-size: 0.9rem; /* Smaller font size for text */
}

.notice {
    padding: 1px 0; /* Padding for notice items */
}

.divider {
    border-bottom: 2px solid rgb(65, 154, 45); /* Divider style */
    margin: 0.1px 0; /* Margin for spacing */
}

/* Ensures all columns have the same height */
.row {
    align-items: stretch; /* Make sure all columns stretch to the same height */
}

.notice-card,
.news-card {
    height: 350px; /* Fixed height for scrolling */
    overflow-y: auto; /* Enable vertical scrolling */
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
}

.notice-card::-webkit-scrollbar,
.news-card::-webkit-scrollbar {
    display: none; /* For Chrome, Safari, and Opera */
}

.overlap-container {
    position: relative; /* Set the container to relative */
    margin-top: -50px; /* Adjust this value to control the overlap */
     /* Ensure it is above other content */
}

.centered-section {
    text-align: center; /* Center text */
    padding: 50px 0; /* Vertical padding */
    background-color: #f8f9fa; /* Light background for contrast */
    border-radius: 10px; /* Rounded corners */
    margin: 20px 0; /* Margin for spacing */
}

.centered-title {
    font-size: 2rem; /* Title size */
    font-weight: bold; /* Bold title */
}

.centered-paragraph {
    font-size: 1.2rem; /* Slightly larger paragraph text */
    color: #555; /* Dark gray color for better readability */
}