section.hero_section.hero_news {
    padding-bottom: 105px;
}
section.hero_section.hero_news::before{
    display: none;
}
section.hero_section.hero_news .scroll_down {
    bottom: 31px;
}
.featured-article-container{
    display: grid;
    grid-template-columns:260px auto;
    gap: 60px;
    border-radius: 24px;
    background-color: rgba(255, 255, 255, .1);
    padding: 24px;
    align-items: center;
}
.featured-article-container figure{
    border-radius: 16px;
    overflow: hidden;
    /* height: 100%;
    width: 100%;
    aspect-ratio: 476 / 190; */

    aspect-ratio: 1/1;
}
.featured-article-container figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
section.hero_section.hero_news .hero-news-top{
    margin-bottom: 32px;
}
section.hero_section.hero_news .hero_content .tagline{
    margin-bottom: 10px;
    color: #80C72B;
}
section.hero_section.hero_news .hero_content .title {
    margin-bottom: 25px;
}
section.hero_section.hero_news .hero_content .description{
    color: #BFBEBE;
}
.featured-article-container .title {
    margin-bottom: 25px;
}
.featured-article-container  .description{
    color: var(--white);
}

.blog-content-container{
    background: linear-gradient(0deg, rgba(232, 236, 242, 1) 0%, rgba(255, 255, 255, 1) 100%);
    border-radius: 30px;
}
.blog-content-container .recent-awards-list{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}
.blog-content-container .recent-awards-list .recent-awards-box{
    background-color:#E8ECF2;
    min-height: 150px;
    border-radius: 23.25px;
    padding: 27px;
}
.blog-content-container .main-title{
    color: var(--steel-blue);
    margin-bottom: 63px;
}
.blog-content-container .recent-awards-list .recent-awards-box .tagline{
    color: var(--steel-blue);
    margin-bottom: 7px;
}
.blog-content-container .recent-awards-list .recent-awards-box .tagline.body_2_caps{
    padding-left: 12px;
    margin-bottom: 32px;
}
.blog-content-container .recent-awards-list .recent-awards-box figure {
    margin-bottom: 21px;    
}

.blog-content-container .recent-awards-list .recent-awards-box .title{
    margin-bottom: 8px;
}

.recent-section-container{
    margin-top: 64px;
}
.recent-section-container .intro_header .tagline{
    margin-bottom: 11px;
    color: var(--steel-blue);
}
.recent-section-container .recent-articles-container{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 25px;
    row-gap: 50px;
    align-items: stretch;
    margin-top: 64px;
}
.recent-section-container .recent-articles-container .btn_group{
    display: flex;
    justify-content: right;    
}
.recent-section-container .recent-articles-container .btn_group .light_btn{
    min-width: 137px;
    margin-top: 16px;
}
.recent-section-container .recent-articles-container .recent-article-box figure{
    aspect-ratio:1/0.8;
    border-radius: 12px;
    overflow: hidden;
}
.recent-section-container .recent-articles-container .recent-article-box figure img{    
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.recent-section-container .recent-articles-container .recent-article-box .intro_header .tagline{
    color: #3A8EC2;
    margin-top: 15px;
    margin-bottom: 8px;
}
.recent-section-container .recent-articles-container .recent-article-box .intro_header .description{
    color: var(--steel-blue);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.recent-section-container .recent-articles-container .recent-article-box .intro_header .title{
    margin-bottom: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.recent-section-container .recent-articles-container .recent-article-box {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.recent-section-container .recent-articles-container .recent-article-box .intro_header {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.recent-section-container .recent-articles-container .recent-article-box .btn_group {
    margin-top: auto;
}
/* .recent-section-container .recent-articles-container .recent-article-box .intro_header{
    position: relative;
} */


/*******************Responsive****************************/

@media all and (min-width:768px){
    .featured-article-container.only_for_mobile{
        display: none;
    }
}
@media screen and (max-width:991px){
    .recent-section-container .recent-articles-container {
        grid-template-columns: repeat(2, 1fr);
    }
    .featured-article-container {
        gap: 40px;
    }
    /* section.hero_section.hero_news .hero_content {
        margin-top: 100px;
    } */
}
 
@media screen and (max-width:767px){   
    section.hero_section.hero_news .hero_content {
        margin-top: 120px;
    }
    .featured-article-container, .blog-content-container .recent-awards-list {
        grid-template-columns: 1fr;
    }
    .recent-section-container .recent-articles-container {
        grid-template-columns: repeat(1, 1fr);
    }
    .featured-article-container.only_for_desktop{
        display: none;
    }
    .featured-article-container{
        /* background-color: #E8ECF2;
        margin-bottom: 63px; */
    }
    .featured-article-container .description {
        color: var(--steel-blue);
    }
    .featured-article-container .tagline {
        color: #80C72B;
    }
    .blog-content-container {
        padding-block: 40px;
    }
    .blog-content-container .main-title {
        margin-bottom: 30px;
    }
    .blog-content-container .recent-awards-list .recent-awards-box {
        padding: 30px 20px;
    }
    .blog-content-container .recent-awards-list {
        gap: 20px;
    }
    .recent-section-container .recent-articles-container .btn_group {
        justify-content: left;
    }
    section.hero_section.hero_news .hero_content .title {
        margin-bottom: 16px;
    }
    .featured-article-container {
        gap: 20px;
    }
    .recent-section-container {
        margin-top: 48px;
    }
    .recent-section-container .recent-articles-container {
        margin-top: 30px;
        row-gap: 40px;    
    }
    .recent-section-container .recent-articles-container .recent-article-box {
        gap: 10px;
    }
}

@media screen and (max-width:480px){
    .recent-section-container .recent-articles-container {
        grid-template-columns: 1fr;
    }
    .recent-section-container .recent-articles-container .recent-article-box figure {
        aspect-ratio: 300 / 200;
    }
}