body {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/bgimg/news_bgimg.jpg);
}

*:not(footer):not(footer *){
    color: #3e3a39;
}

a {
    text-decoration: none !important;
}

.contain {
    padding: 110px 200px;
}

.banner {
    width: 100%;
    overflow: hidden;
}

.banner img {
    width: 100%;
    aspect-ratio: 16/6.5;
    object-fit: cover;
}

.project-card {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    border-radius: 15%;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.project-card img {
    width: 100%;
    aspect-ratio: 43/29;
    transition: transform 0.3s ease-in-out;
    object-fit: cover;
}

.project-card:hover {
    transform: scale(1.05);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.381);
}

.project-card:hover img {
    transform: scale(1.1);
}

.project-title {
    text-align: left;
    font-size: 18px;
    margin-top: 15px;
}

.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style-type: none;
}

.pagination a {
    text-decoration: none;
    color: black;
    padding: 10px 7px;
    margin: 0 5px;
    font-size: 18px;
}

.pagination .active {
    font-weight: 900;
}

.pagination .prev,
.pagination .next {
    font-weight: normal;
}

.pagination .prev.disabled,
.pagination .next.disabled {
    pointer-events: none;
    color: grey;
}

@media screen and (max-width: 1400px) {
    body {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url(../images/bgimg/news_media.jpg);
    }

    .contain {
        padding: 50px 6%;
    }
}

@media screen and (max-width: 576px) {
    .project-title {
        font-size: 15px;
        line-height: 30px;
    }
}