.blog-page .top-heading-sec h2{font-size: 44px; font-weight: 500; line-height: 50px;    margin-bottom: 20px;}
.blog-page .top-heading-sec h2 span{color: #2A8DCD; font-weight: 700;}
.blog-page .top-heading-sec p{font-size: 16px; line-height: 28px; padding-right: 50px;}
.blog-page .top-heading-sec {margin-bottom: 30px;}
.blog-page .blog-left-side .inner-sec { position: sticky; top: 150px; }
.blog-page .blog-right-side{padding-left: 45px; border-left: 1px solid #EDEDED;}
.blog-page .latest-sec ul li a{font-size: 16px; line-height: 23px; color: #333; font-weight: 400; margin-bottom: 12px; display: block;}
.blog-page .latest-sec ul li.current-cat a{font-weight: 600; color: #000;}
.page-id-100 .blog-page .latest-sec ul li.current a{font-weight: 600; color: #000;}
.blog-page .latest-sec ul li a:hover{font-weight: 600; color: #000;}
.blog-page .latest-sec ul li.cat-item-1{display: none !important;}
.blog-page .all-blogs{     display: block;display: grid ; grid-template-columns: 1fr 1fr; grid-gap: 50px 30px; }
.blog-page .all-blogs .each-blog{margin-bottom: 0; position: relative; box-shadow: unset !important; background: transparent; border-radius: 10px; overflow: hidden; padding: 0;}
.blog-page .all-blogs .each-blog:last-of-type{margin-bottom: 0;}
.blog-page .all-blogs img{width: 100%; height: 230px; object-fit: cover; border-radius: 10px;border-bottom-right-radius: 0; border-bottom-left-radius: 0;    margin-bottom: 0;transition: transform 0.5s;}
.blog-page .all-blogs article .info{display: flex ; align-items: center; flex-wrap: wrap; margin-bottom: 20px;}
.blog-page .all-blogs article {padding: 0 !important;}
.blog-page .all-blogs article .info h4{font-size: 16px; line-height: 20px;   }
.blog-page .all-blogs article .info span{margin: 0 12px;}
.blog-page .all-blogs article h3{font-size: 24px; line-height: 32px; margin-bottom: 15px; font-weight: 500;overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical}
.blog-page .all-blogs article h3 a:hover{color: #2A8DCD;}
.blog-page .all-blogs article p{overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 0; height: max-content;}
.blog-page .all-blogs article .read-more-btn{padding: 10px 20px; display: inline-block; background-color: #2A8DCD; color: #fff; border-top-left-radius: 20px; border-bottom-right-radius: 20px; margin-top: 20px; margin-left: 0; margin-right: 0; margin-right: 0; font-size: 16px; line-height: 22px; font-weight: 700; transition: all .5s ease-in-out;}
.blog-page .all-blogs article .read-more-btn:hover{border-radius: 50px;}
.category-heading h1{margin-bottom: 50px;    font-family: "Montserrat", sans-serif;font-weight: 600;}
.category-heading p.smallheading{color: #2A8DCD; font-size: 20px; font-weight: 600;}
.blog-page .all-blogs figure{position: relative;overflow: hidden; border-radius: 10px;border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.blog-page .all-blogs h4 a{ /* position: absolute; top: 30px; padding: 6px 30px 6px 20px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; background: linear-gradient(90deg, #1F3763 -15.09%, #358ECA 92.79%); color: #fff; font-size: 16px; line-height: 22px; */ position: unset; top: 30px; padding: 0; border-top-right-radius: 50px; border-bottom-right-radius: 50px; background: unset; line-height: 22px; font-weight: 500; font-size: 16px; color: #000000B2; margin-top: 20px; display: block; margin-bottom: 5px;}
/* .blog-page .all-blogs img:hover{-webkit-transform:  scale(1.1); -ms-transform:  scale(1.1); transform: scale(1.1); } */
.blog-page .all-blogs article p a{    color: #515151;}
.blog-page .top-heading-sec p::after{content: ''; background-color: #0000001a; width: 60px; height: 1px; display: block;    margin-top: 30px;}

.blog-single-page .all-posts a{font-size: 18px; line-height: 20px; font-weight: 600; margin-bottom: 80px;    display: inline-block;}
.blog-single-page .all-posts a:hover{color: #2A8DCD;}
.blog-single-page .all-posts.mobile{display: none;}
.blog-single-page .posted-on{font-size: 18px; line-height: 24px; margin-bottom: 20px;}
.blog-single-page h1{font-family: "Montserrat", sans-serif;font-size: 32px; line-height: 45px; margin-bottom: 40px;font-weight: 600; letter-spacing: 0;}
.blog-single-page .single-right-side{padding-left: 45px; border-left: 1px solid #EDEDED;}
.blog-single-page .single-left-side .inner-content { position: sticky; top: 150px; }
.blog-single-page .all-blog-contents h2 , .blog-single-page .all-blog-contents h3{margin-top: 30px; margin-bottom: 20px; font-size: 26px; font-family: "Montserrat", sans-serif; font-weight: 600; letter-spacing: 0; color: #333;}
.blog-single-page .entry-content img{width: 100%;    height: 100%; margin-bottom: 20px;}
.blog-single-page .all-blog-contents p{font-size: 18px; line-height: 28px; margin-bottom: 25px;}
.blog-single-page .all-blog-contents p:last-of-type{margin-bottom: 0;}
.blog-single-page .toc-sec a{font-size: 18px; line-height: 28px; color: #333; font-weight: 400; margin-bottom: 10px; display: block;}
.blog-single-page .toc-sec a:hover, .blog-single-page .toc-sec a.active{font-weight: 600; color: #1D3665; }
.blog-single-page .all-blog-contents h4{font-size: 21px; line-height: 28px; margin-bottom: 15px; margin-top: 10px; color: #333; }
.blog-single-page .all-blog-contents ul li{background-image: url(../images/acco-list.png); font-size: 16px; font-weight: 500; line-height: 26px; margin-bottom: 10px; background-repeat: no-repeat; background-position: center left; padding-left: 30px;    color: #515151;background-size: 18px;}
.blog-single-page #toc-content{margin-top: 40px;}
.postid-292 ul li{background-image: none !important; padding-left: 0 !important;}

.pagination{display: flex ; align-items: center; margin-top: 40px;}
.pagination .page-numbers{margin: 0 15px 0 0; display: block; padding: 10px 20px; font-size: 20px; background-color: transparent; border: 2px solid #2a8dcd; color: #2a8dcd; border-radius: 4px; font-weight: 500;}
.pagination .page-numbers.current{background-color: #2a8dcd; color: #fff;}
.pagination .page-numbers:hover{background-color: #2a8dcd; color: #fff;}






@media (max-width: 575.98px){
.blog-page .top-heading-sec h2 { font-size: 40px;line-height: 50px; margin-bottom: 15px;}
.blog-page .top-heading-sec p { font-size: 16px; line-height: 25px; }
.blog-page .top-heading-sec { margin-bottom: 30px; }
.blog-page .latest-sec ul {display: flex ; overflow-x: scroll;}
.blog-page .latest-sec ul li{display: inline; white-space: nowrap; margin-bottom: 0; margin-right: 15px; width: max-content;}
.blog-page .blog-right-side { padding-left: 12px; border-left: 0; }
.blog-page .all-blogs{    display: block;}
.blog-page .latest-sec ul li a { font-size: 18px;}
.blog-page .all-blogs .each-blog{margin-top: 30px;}
.blog-page .all-blogs article .info h4 { font-size: 14px;}
.blog-page .all-blogs article h3 { font-size: 22px; line-height: 30x; margin-bottom: 10px;}
.blog-page .all-blogs article .info{margin-bottom: 10px;}
.category-heading h1 { margin-bottom: 40px;}
.category-heading {margin-top: 20px;}
.blog-page .all-blogs img{height: auto;}
.blog-page .all-blogs article { padding: 20px 30px; }

.blog-single-page .single-left-side{display: none;}
.blog-single-page .single-right-side { padding-left: 12px; border-left: 0; }
.blog-single-page .all-posts.mobile { display: block;}
.blog-single-page .all-posts a{margin-bottom: 30px;}
.blog-single-page h1{font-size: 28px; line-height: 38px; margin-bottom: 20px;}
.blog-single-page .all-blog-contents h2, .blog-single-page .all-blog-contents h3 { margin-top: 20px; margin-bottom: 15px; font-size: 22px;}
.blog-single-page .all-blog-contents p { font-size: 16px; line-height: 26px;}

}



@media (min-width: 576px) and (max-width: 767.98px){
.blog-page .top-heading-sec h2 { font-size: 40px;line-height: 50px; margin-bottom: 15px;}
.blog-page .top-heading-sec p { font-size: 16px; line-height: 25px; }
.blog-page .top-heading-sec { margin-bottom: 30px; }
.blog-page .latest-sec ul {display: flex ; overflow-x: scroll;}
.blog-page .latest-sec ul li{display: inline; white-space: nowrap; margin-bottom: 0; margin-right: 15px; width: max-content;}
.blog-page .blog-right-side { padding-left: 12px; border-left: 0; }
.blog-page .all-blogs{    display: block;}
.blog-page .latest-sec ul li a { font-size: 18px;}
.blog-page .all-blogs .each-blog{margin-top: 30px;}
.blog-page .all-blogs article .info h4 { font-size: 14px;}
.blog-page .all-blogs article h3 { font-size: 22px; line-height: 30x; margin-bottom: 10px;}
.blog-page .all-blogs article .info{margin-bottom: 10px;}
.category-heading h1 { margin-bottom: 40px;}
.category-heading {margin-top: 20px;}
.blog-page .all-blogs img{height: auto;}
.blog-page .all-blogs article { padding: 20px 30px; }

.blog-single-page .single-left-side{display: none;}
.blog-single-page .single-right-side { padding-left: 12px; border-left: 0; }
.blog-single-page .all-posts.mobile { display: block;}
.blog-single-page .all-posts a{margin-bottom: 30px;}
.blog-single-page h1{font-size: 28px; line-height: 38px; margin-bottom: 20px;}
.blog-single-page .all-blog-contents h2, .blog-single-page .all-blog-contents h3 { margin-top: 20px; margin-bottom: 15px; font-size: 22px;}
.blog-single-page .all-blog-contents p { font-size: 16px; line-height: 26px;}

}



@media (max-width: 767.98px) and (orientation: landscape){
.blog-page .top-heading-sec h2 { font-size: 40px;line-height: 50px; margin-bottom: 15px;}
.blog-page .top-heading-sec p { font-size: 16px; line-height: 25px; }
.blog-page .top-heading-sec { margin-bottom: 30px; }
.blog-page .latest-sec ul {display: flex ; overflow-x: scroll;}
.blog-page .latest-sec ul li{display: inline; white-space: nowrap; margin-bottom: 0; margin-right: 15px; width: max-content;}
.blog-page .blog-right-side { padding-left: 12px; border-left: 0; }
.blog-page .all-blogs{    display: block;}
.blog-page .latest-sec ul li a { font-size: 18px;}
.blog-page .all-blogs .each-blog{margin-top: 30px;}
.blog-page .all-blogs article .info h4 { font-size: 14px;}
.blog-page .all-blogs article h3 { font-size: 22px; line-height: 30x; margin-bottom: 10px;}
.blog-page .all-blogs article .info{margin-bottom: 10px;}
.category-heading h1 { margin-bottom: 40px;}
.category-heading {margin-top: 20px;}
.blog-page .all-blogs img{height: auto;}
.blog-page .all-blogs article { padding: 20px 30px; }

.blog-single-page .single-left-side{display: none;}
.blog-single-page .single-right-side { padding-left: 12px; border-left: 0; }
.blog-single-page .all-posts.mobile { display: block;}
.blog-single-page .all-posts a{margin-bottom: 30px;}
.blog-single-page h1{font-size: 28px; line-height: 38px; margin-bottom: 20px;}
.blog-single-page .all-blog-contents h2, .blog-single-page .all-blog-contents h3 { margin-top: 20px; margin-bottom: 15px; font-size: 22px;}
.blog-single-page .all-blog-contents p { font-size: 16px; line-height: 26px;}

}





@media (min-width: 768px) and (max-width: 991.98px){
.blog-page .top-heading-sec h2 { font-size: 40px;line-height: 50px; margin-bottom: 15px;}
.blog-page .top-heading-sec p { font-size: 16px; line-height: 25px; }
.blog-page .top-heading-sec { margin-bottom: 30px; }
.blog-page .latest-sec ul {display: flex ; overflow-x: scroll;}
.blog-page .latest-sec ul li{display: inline; white-space: nowrap; margin-bottom: 0; margin-right: 15px; width: max-content;}
.blog-page .blog-right-side { padding-left: 12px; border-left: 0; }
.blog-page .all-blogs{    display: block;}
.blog-page .latest-sec ul li a { font-size: 18px;}
.blog-page .all-blogs .each-blog{margin-top: 30px;}
.blog-page .all-blogs article .info h4 { font-size: 14px;}
.blog-page .all-blogs article h3 { font-size: 28px; line-height: 38px; margin-bottom: 10px;}
.blog-page .all-blogs article .info{margin-bottom: 10px;}
.category-heading h1 { margin-bottom: 40px;}
.category-heading {margin-top: 20px;}
.blog-page .all-blogs img{height: auto;}
.blog-page .all-blogs article { padding: 20px 30px; }

.blog-single-page .single-left-side{display: none;}
.blog-single-page .single-right-side { padding-left: 12px; border-left: 0; }
.blog-single-page .all-posts.mobile { display: block;}
.blog-single-page .all-posts a{margin-bottom: 30px;}
.blog-single-page h1{font-size: 28px; line-height: 38px; margin-bottom: 20px;}
.blog-single-page .all-blog-contents h2, .blog-single-page .all-blog-contents h3 { margin-top: 20px; margin-bottom: 15px; font-size: 22px;}
.blog-single-page .all-blog-contents p { font-size: 16px; line-height: 26px;}
}
@media (min-width: 992px) and (max-width: 1199.98px){
.blog-page .all-blogs img.blog-page .latest-sec ul li a { font-size: 18px; line-height: 24px;}
.blog-page .all-blogs img{height: 150px;}
}
@media (min-width: 1200px) and (max-width: 1399.98px){

.blog-page .top-heading-sec p { font-size: 17px;}
.blog-page .all-blogs img{height: 200px;}
}