.main-col{background:var(--white);padding:10px 10px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}.blog-card{margin:0 2.5px 30px}.post-category-nav{display:flex;margin-bottom:20px}.post-category-nav li{margin-right:20px}.post-category-nav li a{position:relative;padding:12px 0;font-size:16px;color:var(--primary);font-weight:600}.post-category-nav li a:after{background-color:#011e41;bottom:0;content:"";height:3px;left:0;position:absolute;transition:width .3s ease-in-out;width:0}.post-category-nav li a:hover:after{width:100%}.post-category-nav li a.active:after{width:100%;font-weight:700;font-size:18px}.posts-list{margin:12px 0}.posts-list .page-title{margin-bottom:15px}.posts-list .blog-title{font-size:18px;line-height:1.5;font-weight:600}.posts-list .blog-card .blog-media{float:left;width:300px;margin-right:20px}.posts-list .blog-card .blog-content{float:right;width:calc(100% - 320px)}@media(max-width:767px){.post-category-nav{flex-wrap:wrap;justify-content:space-evenly}.posts-list .blog-card{flex-wrap:wrap;padding:10px}.posts-list .blog-card .blog-media{float:none;width:100%;margin-right:0}.posts-list .blog-card .blog-content{float:none;width:100%}}@media(min-width:421px) and (max-width:767px){.blog-grid .container{max-width:420px}}@media(max-width:991px){.pagination{margin-bottom:30px}}