.blog main{padding:0 24px !important; max-width:1188px !important; }
.blog-header h1{font-size: 28px; line-height: 33px; padding-bottom: 20px; border-bottom: solid 1px #F0F0F0; color: #000; font-weight: 700; font-family: inter,sans-serif; text-transform: uppercase; margin: 0 0 20px;}

.blog-listing{ display:flex; flex-wrap:wrap;  }
.blog-listing .blog-listting-inner{width: 72%; box-sizing: border-box; padding: 50px 70px 50px 0;}
.blog-listing .blog-sidebar{width: 28%; box-sizing: border-box; padding: 50px 0px 50px 30px; border-left: solid 1px #F0F0F0;}

.blog-listing .blog-listting-inner .blog-lists{display: flex; flex-direction: column; gap:40px;}
.blog-listing .blog-listting-inner .blog-lists .blog-block:not(:last-child) {border-bottom: solid 1px #b1aeaeeb;}
.blog-listing .blog-listting-inner .blog-lists .blog-block .blog-image a{ position:relative; padding-bottom:50%; width:100%; display:flex; }
.blog-listing .blog-listting-inner .blog-lists .blog-block .blog-image a img{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; object-position: top center; }
.blog-listing .blog-listting-inner .blog-lists .blog-block .blog-content {padding: 20px 0 30px;}
.blog-listing .blog-listting-inner .blog-lists .blog-block .blog-content .blog-name a{color: #1A1A1A; text-decoration: none;}
.blog-listing .blog-listting-inner .blog-lists .blog-block .blog-content .blog-name a:hover{color: #03A9F5;}
.blog-listing .blog-listting-inner .blog-lists .blog-block .blog-content .blog-name a h3{font-size: 28px; line-height: 33px; padding-bottom: 20px; font-weight: 700; font-family: inter,sans-serif; text-transform: none; margin: 0; max-width: 690px;}
.blog-listing .blog-listting-inner .blog-lists .blog-block .blog-content .blog-meta {display: flex; justify-content: space-between; gap: 10px;  font-family: inter,sans-serif; font-weight: 600; font-size: 14px; line-height: 21px; color: #5A5A5A;}
.blog-listing .blog-listting-inner .blog-lists .blog-block .blog-content .blog-meta a{color: #03A9F5; text-decoration: none;}
.blog-listing .blog-listting-inner .blog-lists .blog-block .blog-content .blog-meta a:hover{color: #5A5A5A;}
.blog-listing .blog-listting-inner .blog-lists .blog-block .blog-content .blog-meta .meta-left{display: flex; flex-direction: column;}
.blog-listing .blog-listting-inner .blog-lists .blog-block .blog-content .blog-meta .meta-left .date-author .blog-date{border-right: solid 1px #CCCCCC; padding: 0 10px 0 0 ;}
.blog-listing .blog-listting-inner .blog-lists .blog-block .blog-content .blog-meta .meta-left .date-author .blog-author{padding: 0 0 0 7px;}


.blog-listing .blog-listting-inner .blog-pagination .navigation ol { display: flex; gap: 10px; justify-content: flex-start; padding: 30px 0 0 0; border-top: solid 1px #F0F0F0; }
.blog-listing .blog-listting-inner .blog-pagination .navigation ol li{margin: 0; display: flex; box-sizing: border-box;}
.blog-listing .blog-listting-inner .blog-pagination .navigation ol li span,
.blog-listing .blog-listting-inner .blog-pagination .navigation ol li a{display: inline-flex; align-items: center; justify-content: center; padding: 5px 12px; border: solid 1px #F0483E; font-family: inter,sans-serif; font-weight: 600; font-size: 14px; line-height: 21px; color: #F0483E; background: transparent; margin: 0;}
.blog-listing .blog-listting-inner .blog-pagination .navigation ol li a:hover,
.blog-listing .blog-listting-inner .blog-pagination .navigation ol li span.title,
.blog-listing .blog-listting-inner .blog-pagination .navigation ol li span.current{color: #000; border: solid 1px #000;}

/*Blog Sidebar*/

.blog-sidebar .side-box{padding: 30px; border: solid 1px #CBE7F5; background: #E6F7FF; border-radius: 5px; margin-bottom: 30px; text-align: center;}
.blog-sidebar .side-box.box-2{border: solid 1px #FCD9D9; background: #FFF0F0; }
.blog-sidebar .side-box img{display: block; width: 100%; height: auto; max-width: 140px; padding-bottom: 10px; margin: auto;}
.blog-sidebar .side-box.box-2 img{ max-width: 207px;}
.blog-sidebar .side-box p{font-family: inter,sans-serif; font-weight: 400; font-size: 16px; line-height: 27px; color: #000000; margin-bottom: 20px;}
.blog-sidebar .side-box a { font-family: inter,sans-serif; font-weight: 600; font-size: 16px; line-height: 1em; color: #306AB2; padding: 15px 20px; display: inline-block; border: solid 2px #306AB2; min-height: 50px; border-radius: 3px; text-decoration: none; background: transparent; text-transform: uppercase; }
.blog-sidebar .side-box a:hover{background: #306AB2; color: #FFF;}




@media (max-width: 1366px) {

}

@media (max-width: 1024px) {
	.blog-listing .blog-listting-inner { padding: 50px 24px 50px 0; }
	.blog-listing .blog-sidebar { padding: 50px 0px 50px 24px; }
	.blog-sidebar .side-box { padding: 16px; }
}

@media (max-width: 767px) {
	.blog-listing { flex-direction: column; }
	.blog-listing .blog-listting-inner { padding: 50px 0; width:100%; }
	.blog-listing .blog-sidebar { width: 100%; padding: 50px 0px; border-left: solid 0px #F0F0F0; border-top: solid 1px #F0F0F0; }
	.blog-listing .blog-listting-inner .blog-lists .blog-block .blog-content .blog-name a h3 { font-size: 22px; line-height: 30px; }
	.blog-listing .blog-listting-inner .blog-lists .blog-block .blog-content .blog-meta .meta-left .date-author .blog-date { border-right: solid 0px #CCCCCC; padding: 0px;}
	.blog-listing .blog-listting-inner .blog-lists .blog-block .blog-content .blog-meta .meta-left .date-author .blog-author { padding: 0px; display: block; }
	.blog-listing .blog-listting-inner .blog-pagination .navigation ol { justify-content: center;flex-wrap: wrap;}
}