.blog_nav{background:#f1f1f1;padding:2% 4%}
.blog_nav ul{display:flex;flex-wrap:nowrap;overflow-x:auto}
.blog_nav ul li{margin-right:40px}
.blog_nav ul li:last-child{margin-right:0}
.blog_nav ul li a{font-family:'PT Serif';font-size:16px;font-weight:700;color:#888;border-bottom:4px solid transparent}
.blog_nav ul li a:hover{color:#000}
.blog_nav ul li.active a{color:#000;border-bottom:4px solid #ef7f1b}
.article_cards_section{position:relative;padding:4%}
.article_cards_section.padding_top_0{padding-top:0}
.article_cards_section:after{content:"";background:#f7f7f7;position:absolute;width:100%;height:40%;left:0;bottom:0;z-index:-1}
.article_cards_section h4.blog_title{font-size:40px}
.article_cards_section .view_all_btn{margin-top:4%}
.article_cards_section .view_all_btn a{text-transform:uppercase;letter-spacing:3px}
.article_cards_section .article_card{background:#fff;margin-top:40px;border-radius:20px;box-shadow:0 0 30px rgba(0,0,0,0.2)}
.article_cards_section .article_card img{border-radius:20px 20px 0 0}
.article_cards_section .article_card_content{padding:5%}
.article_cards_section .article_card_content h5{font-size:18px;font-weight:700}
.article_cards_section .article_card_content h6{font-size:15px;margin:20px 0}
.article_cards_section .article_card a{text-transform:uppercase;margin-bottom:8%;letter-spacing:3px}
@media only screen and (max-width:767px){.article_cards_section{margin-top:20px}
.article_cards_section h4.blog_title{font-size:30px}
.article_cards_section .article_card{margin-top:20px}
.article_cards_section .view_all_btn{margin-top:10%}
}