.news-head {
    margin-top: 2rem;
}

.news-head h4 {
    font-size: 44px;
    font-family: Rift-Bold;
    display: flex;
    justify-content: center;
    border-bottom: 5px solid #0076bf;
    width: 255px;
}

.news-icon {
    width: 19px !important;
    height: 30px !important;
    margin-right: 1rem;
}

.news-date {
    display: flex;
    justify-content: end;
    font-size: 24px;
    color: #0082ca;
    margin-left: 7%;
    margin-bottom: 3rem;
}

.news-content {
    padding: 0px 5rem;
    margin-top: 7rem;
}

.news-container-head h4 {
    font-size: 40px;
    margin-bottom: 1rem;
    font-family: Avenir-Heavy;
}

.news-container-img img {
    width: 544px;
    height: 472px;
    object-fit: contain;
}

.news-container-head p {
    margin-top: 1rem;
    font-size: 20px;
    font-family: Avenir-Medium;
    width: 544px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.news-container-head button {
    font-size: 18px;
    font-family: Avenir-Medium;
    border-bottom: 2px solid #0076bf;
    color: #242725;
}

.news-blocks {
    display: flex;
    /* flex-direction: column; */
    justify-content: end;
    margin-top: 1rem;
}

.news-blocks img {
    width: 168px;
    height: 165px;
    object-fit: contain;
}

.news-block-icon {
    width: 15px !important;
    height: 17px !important;
    margin-right: 0.5rem;
}

.news-block-content h4 {
    font-size: 16px;
}

.news-block-content p {
    width: 253px;
    line-height: 1.2;
    font-size: 18px;
    font-family: Avenir-Medium;
}

.news-block-content a {
    font-size: 18px;
    font-family: Avenir-Medium;
    border-bottom: 2px solid #0076bf;
    color: #242725;
    width: 93px;
}

.featured-section {
    padding: 0px 5rem;
    margin-top: 5rem;
}

.featured-section h4 {
    font-size: 30px;
    font-family: Avenir-Heavy;
    border-bottom: 5px solid #0076bf;
    width: 250px;
    margin-bottom: 5rem;
    margin-top: 8rem;
    margin-left: 8rem;
}

.featured-blocks {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.featured-blocks img {
    width: 321px;
    height: 209px;
}

.featured-blocks p {
    margin-top: 10px;
    width: 325px;
    font-family: Avenir-Heavy;
}

.featured-icon {
    margin-left: 6rem;
    width: 24px !important;
    height: 24px !important;
}

.news-bottom h4 {
    font-size: 20px;
    margin-top: 5rem;
    font-family: Avenir-Heavy;
    /* width: 1366px; */
    height: 73px;
    background-color: #0082ca;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-content {
    width: 600px !important;
}

.modal-title {
    width: 510px;
}

.btn-new {
    font-size: 20px;
    font-family: Avenir-Medium;
    margin-left: 13%;
    border-bottom: 2px solid #0076bf;
}

.news-container-head a {
    font-family: Avenir-Medium;
    border-bottom: 2px solid #0076bf;
    color: #242725;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .modal-content {
        width: 440px !important;
    }
    .news-head {
        margin-top: 0rem;
    }
    .news-head h4 {
        font-size: 38px;
        width: 200px;
    }
    .news-content {
        padding: 0px 0rem;
        margin-top: 5rem;
    }
    .news-container-head h4 {
        font-size: 30px;
    }
    .news-date {
        margin-left: 3rem;
        margin-bottom: 1rem;
    }
    .news-container-img img {
        width: 410px;
        height: 405px;
    }
    .news-container-head p {
        font-size: 16px;
        width: 414px;
        line-height: 1.2;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .news-blocks img {
        width: 160px;
        height: 148px;
    }
    .news-block-content p {
        width: 198px;
        font-size: 14px;
    }
    .featured-section {
        padding: 0px 0rem;
        margin-top: 0rem;
    }
    .featured-section h4 {
        margin-bottom: 3rem;
        margin-top: 5rem;
        margin-left: 3rem;
    }
}

@media (max-width: 768px) {
    .news-container-head p {
        width: 90%;
    }
    .news-head h4 {
        font-size: 30px;
        width: 160px;
        border-bottom: 3px solid #0076bf;
    }
    .modal-content {
        width: 350px !important;
    }
    .news-date {
        margin-left: 3.5rem;
        margin-bottom: 1rem;
    }
    .news-icon {
        width: 9px !important;
        height: 10px !important;
        margin-right: 1rem;
    }
    .news-date h4 {
        font-size: 11px;
    }
    .news-content {
        padding: 0px 0rem;
        margin-top: 3rem;
    }
    .news-container-img img {
        width: 318px;
        height: 274px;
    }
    .news-container-head h4 {
        font-size: 19px;
        width: 300px;
    }
    .news-blocks img {
        width: 109px;
        height: 106px;
    }
    .news-blocks {
        display: flex;
        justify-content: center;
        /* margin-left: 1rem; */
    }
    .news-block-content p {
        width: 200px;
        line-height: 1.2;
        font-size: 12px;
    }
    .news-block-content a {
        font-size: 14px;
        width: 71px;
    }
    .featured-section h4 {
        font-size: 30px;
        font-family: Rift-Bold;
        border-bottom: 0px solid #0076bf;
        display: flex;
        justify-content: center;
        margin-bottom: 0rem;
        margin-top: 3rem;
        margin-bottom: 3rem;
        margin-left: 4rem;
    }
    .featured-section-images {
        flex-direction: column;
        margin-top: 0px !important;
    }
    .featured-blocks p {
        margin-top: 10px;
    }
    .featured-blocks img {
        margin-top: 1rem;
        margin-bottom: 1rem;
        width: 321px;
        height: 209px;
    }
    .featured-section {
        padding: 0px 0rem;
        margin-top: 0rem;
    }
    .news-bottom h4 {
        font-size: 16px;
        margin-top: 3rem;
    }
    .btn-new {
        font-size: 20px;
        font-family: Avenir-Medium;
        margin-left: 9%;
        border-bottom: 2px solid #0076bf;
        margin-top: 2rem;
    }

    .recent_news_btn {
        /* background-color: red !important; */
        width: 19vw;
        height: -2vw;
        font-size: 10px;
        margin-right: 5vw;
        padding: 0;
        padding-top: 3px;
        /* padding-bottom: 0vw; */
    }
}
a:hover {
    text-decoration: none;
}

.news-block-content p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}