.video-section>h2 {
    color: #cb2b14;
    font-weight: 600;
    margin: 0 0 30px 0;
    padding: 0;
    text-align: center;
    position: relative;
}

.video-section>h2::after {
    background-color: #6091BA;
    content: "";
    display: block;
    height: 2px;
    margin: 14px auto 0;
    width: 120px;
}

.video-card {
    display: flex;
    height: 50vh;
    justify-content: center;
    align-items: center;
    border: 1px solid black;
}

.video-box>img {
    width: 100%;
    height: 100%;
}

.video-section {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;


}


.video-section>div {
    width: calc(95%/3);
    height: 250px;
    overflow: hidden;
    transform: transform 0.4s ease;
}

.video-section>div img {

    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: 0.4s ease;
}

.video-section>div:hover img {
    transform: scale(1.2);
}



.video-view-all {
    display: flex;
    justify-content: center;
    align-items: center;
    background: lightgray;
    cursor: pointer;
}

.video-view-all>h1 {
    font-weight: 600;
    height: 250px;
    font-size: 24px;
    background-color: #00000045;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    width: 100%;

}

.video-view-all>h1>a{
    color: white;
}


.image-section-2 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 25px;
}

.image-section-2>li {
    width: calc(95%/3);
    height: 200px;
    border: 1px solid black;
}

.image-section-photo {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.image-overlays {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    border: 5px solid white;
}

.image-overlays>li:nth-child(2) {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60vw;
    height: 80vh;
}

.swiper-slide {
    height: 40vh;
}

.slider-images {
    height: 40px;
    object-fit: cover;
}

.image-overlays>li:nth-child(2)>img {
    object-fit: cover;
}

.college-events {
    display: flex;
    flex-direction: row;

}