.blog-page .top-heading-sec h2{font-size: 50px; font-weight: 600; line-height: 50px;    margin-bottom: 20px;}
.blog-page .top-heading-sec h2 span{color: #117E9A; font-weight: 700;}
.blog-page .top-heading-sec p{font-size: 18px; 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 .latest-sec ul li a{font-size: 18px; line-height: 23px; color: #333; font-weight: 500; 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 .blog-right-side{padding-left: 45px; border-left: 1px solid #EDEDED;}
.blog-page .all-blogs{     display: block;display: grid ; grid-template-columns: 1fr 1fr; grid-gap: 70px 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: 300px; 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: 25px; line-height: 35px; margin-bottom: 15px; font-weight: 600;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: #117E9A;}
.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: #117E9A; 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 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-page .all-blogs h4.blog-tag a{color: #000000B2;font-size: 18px;line-height: 22px;margin-top: 20px;margin-bottom: 5px;font-weight: 500;}
.blog-page .blog-right-side #load-more{background: radial-gradient(50% 50% at 50% 50%, #117E9A 0%, #14435F 100%); padding: 12px 25px; color: #fff; border: none; font-size: 16px; line-height: 26px; font-weight: 600; margin-top: 50px;border-radius:40px}

.blog-single-page #toc-container { overflow-y: scroll; height: 680px; padding-right: 20px } 
.blog-single-page #toc-container::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 9%); background-color: #fff } 
.blog-single-page #toc-container::-webkit-scrollbar { width: 5px; background-color: #fff } 
.blog-single-page #toc-container::-webkit-scrollbar-thumb { background-color: #F2F2F2; border: 2px solid #F2F2F2 } 
.blog-single-page #toc-content { margin-top: 40px; border-left: 2px solid #EDEDED; position: relative; padding-left: 20px; } 
.blog-single-page .toc-sec #toc-magic-line { position: absolute; left: -1px; top: 0; width: 4px; background: #117E9A; transition: height 0.3s, top 0.3s; } 
.blog-single-page.common-padding{padding:60px 0 120px} .aioseo-breadcrumbs {font-size: 18px; color: #333; font-weight: 700; line-height: 30px; margin-bottom:50px;} 
.blog-single-page .posted-on span.categories a{color:#117E9A;text-decoration:underline} 
.aioseo-breadcrumbs a:hover{color:#117E9A;text-decoration:underline}


/* .blog-single-page .all-posts a:hover{background-image: url(/wp-content/uploads/2025/09/hovr-all-post-arrow.png);} */
.blog-single-page .all-posts a{font-size: 18px; line-height: 20px; font-weight: 600; margin-bottom: 40px;display:block;background-image: url(/wp-content/uploads/2025/09/all-blog-back-arow.webp); background-repeat: no-repeat; background-position: 0 3px; padding-left: 25px; background-size: 15px;}
.blog-single-page .all-posts a:hover{color: #117E9A;}
.blog-single-page .all-posts.mobile{display: none;}
.blog-single-page .posted-on{font-size: 16px; line-height: 22px; margin-bottom: 20px; font-weight: 500; color: #475467;margin-bottom: 24px;}
.blog-single-page h1{font-family: "Montserrat", sans-serif;font-size: 42px; line-height: 55px; margin-bottom: 40px;font-weight: 600; letter-spacing: 0;margin-top: 25px;}
.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;padding-right: 12px; }
.blog-single-page .all-blog-contents h2{margin-top: 60px; margin-bottom: 30px; font-size: 30px; font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: 0; color: #333;} 
.blog-single-page .all-blog-contents h3{margin-top: 50px; margin-bottom: 30px; 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: 30px;}
.blog-single-page .all-blog-contents p{font-size: 20px; line-height: 30px; margin-bottom: 30px;color: #475467;font-weight: 400;}
/* .blog-single-page .all-blog-contents p:last-of-type{margin-bottom: 0;} */
.blog-single-page .toc-sec a{font-size: 18px; line-height: 32px; color: #475467; font-weight: 500; margin-bottom: 20px; display: block;}
.blog-single-page .toc-sec a:hover, .blog-single-page .toc-sec a.active{font-weight: 600; color: #117E9A; }
.blog-single-page .single-left-side .toc-sec h3 { font-size: 24px; line-height: 31px; font-weight: 600; color: #333333; margin-bottom: 24px; }
.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(/wp-content/uploads/2025/08/true-icon.webp); font-size: 18px; font-weight: 500; line-height: 28px; margin-bottom: 10px; background-repeat: no-repeat; background-position: top 8px left; padding-left: 40px;    color: #515151;background-size: 25px;}
.blog-single-page #toc-content{margin-top: 40px;}
.blog-single-page .all-blog-contents br{display: none;}



.author-bottm-info .left-img-sec img{margin-bottom: 0;}
.author-bottm-info {display: flex;flex-wrap: nowrap;align-items: center;justify-content: center;padding: 35px 30px;background-color: #bfe2f124;gap: 30px;border-radius: 20px;margin-top: 50px;border: 0.1px solid #136f864a;}
.author-bottm-info h2{font-size: 24px; line-height: 34px; font-weight: 700; color: #002840; margin-bottom: 10px;}
.author-bottm-info h3{font-size:20px;line-height: 26px;color: #333;font-weight: 500;margin: 4px 0 15px;}
.author-bottm-info p{font-size: 16px;line-height: 26px;}
.author-bottm-info .left-img-sec img { margin-bottom: 0; height: 300px !important; object-fit: cover; border-radius: 20px; max-width: 230px; }
.author-bottm-info .right-side-content .blog-author-social-link{font-size: 18px;line-height:20px; color: #117e9a; display: block; margin:10px 5px 20px;}



@media (max-width: 575.98px){


.blog-page .all-blogs h4.blog-tag a{font-size: 16px;line-height: 20px;}
.blog-page .top-heading-sec h2 { font-size: 40px;line-height: 50px; margin-bottom: 15px;text-align: left;}
.blog-page .top-heading-sec h2  span{display: block;}
.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: 30px; 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;}
.aioseo-breadcrumbs{font-size:16px;line-height:26px;margin-bottom:30px}

.author-bottm-info{flex-direction: column; align-items: center; justify-content: center; text-align: center;padding:25px 20px}
.author-bottm-info .common-btn{margin-left:auto;margin-right:auto}
.author-bottm-info .left-img-sec img{height:200px !important;max-width:100%}
.author-bottm-info p{font-size:15px;line-height:25px}
.author-bottm-info h2{font-size:22px;line-height:32px}
.author-bottm-info h3{font-size:18px;line-height:22px}

}



@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;}
.aioseo-breadcrumbs{font-size:16px;line-height:26px;margin-bottom:30px}


.author-bottm-info{flex-direction: column; align-items: center; justify-content: center; text-align: center;padding:25px 20px}
.author-bottm-info .common-btn{margin-left:auto;margin-right:auto}
.author-bottm-info .left-img-sec img{height:200px !important;max-width:100%}
.author-bottm-info p{font-size:15px;line-height:25px}
.author-bottm-info h2{font-size:22px;line-height:32px}
.author-bottm-info h3{font-size:18px;line-height:22px}

}



@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;}
.aioseo-breadcrumbs{font-size:16px;line-height:26px;margin-bottom:30px}


.author-bottm-info{flex-direction: column; align-items: center; justify-content: center; text-align: center;padding:25px 20px}
.author-bottm-info .common-btn{margin-left:auto;margin-right:auto}
.author-bottm-info .left-img-sec img{height:200px !important;max-width:100%}
.author-bottm-info p{font-size:15px;line-height:25px}
.author-bottm-info h2{font-size:22px;line-height:32px}
.author-bottm-info h3{font-size:18px;line-height:22px}


}





@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: 17px; line-height: 25px;max-width: 450px; }
.blog-page .top-heading-sec { margin-bottom: 30px;text-align:left }
.blog-page .top-heading-sec h2 span{display: block;}
.blog-page .top-heading-sec p::after{width:180px}
.blog-page .latest-sec ul {display: flex ; overflow-x: scroll;justify-content: space-between;}
.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;}


.blog-single-page.common-padding{padding: 40px 0 120px;}
.aioseo-breadcrumbs{font-size:16px}
.author-bottm-info {padding: 30px 20px;gap: 30px;}
.author-bottm-info h2{font-size: 20px;line-height: 26px;margin-bottom: 8px;}
.author-bottm-info h3{font-size: 18px;line-height: 28px;margin: 4px 0 8px;}
.author-bottm-info p{font-size: 15px;line-height: 24px;}
.author-bottm-info .right-side-content .blog-author-social-link{font-size:17px;line-height:26px;margin-bottom:15px}





}
@media (min-width: 992px) and (max-width: 1199.98px){

    .blog-page .top-heading-sec h2{font-size: 40px;}
    .blog-page .top-heading-sec p{font-size: 18px;line-height: 28px;padding-right: 0px;}
.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;}



.blog-single-page #toc-container{height: 1050px;}
.author-bottm-info {padding: 30px 20px;gap: 20px;}
.author-bottm-info h2{font-size: 18px;line-height: 18px;margin-bottom: 8px;}
.author-bottm-info h3{font-size: 16px;line-height: 26px;margin: 4px 0 8px;}
.author-bottm-info p{font-size: 14px;line-height: 24px;}
.author-bottm-info .right-side-content .blog-author-social-link{font-size:16px;line-height:26px;margin-bottom:10px}
.blog-single-page .posted-on{font-size: 14px;line-height: 20px;margin-bottom: 20px;}






}
@media (min-width: 1200px) and (max-width: 1399.98px){
.blog-page .top-heading-sec h2{font-size: 36px;}
.blog-page .blog-left-side{width: 28%;}
.blog-page .blog-right-side{width: 72%;}
.blog-page .top-heading-sec p { font-size: 17px;padding-right: 20px;}
.blog-page .all-blogs img{height: 200px;}
.blog-single-page .posted-on{font-size: 14px;line-height: 20px;margin-bottom: 20px;}

.blog-single-page .single-right-side{padding-left: 30px;}
.blog-single-page h1{font-size: 35px;line-height: 50px;}
.blog-single-page .all-blog-contents h2{font-size: 28px;margin-top: 40px;margin-bottom: 25px;}

.blog-single-page .all-blog-contents h3{font-size:23px}
.blog-single-page .all-blog-contents p{font-size:18px;line-height:28px}
.blog-single-page .toc-sec a{font-size:17px;line-height:27px}

.blog-single-page #toc-container{height: 450px;}


.aioseo-breadcrumbs{font-size: 17px;margin-bottom: 40px;}
.author-bottm-info h2{font-size:20px;line-height:28px;margin-bottom:8px}
.author-bottm-info h3{margin-bottom:10px;font-size:18px;line-height:20px}
.author-bottm-info .common-btn{font-size:14px;padding:12px 28px}
.author-bottm-info{padding:30px 22px;gap:20px}

}



@media (min-width: 1401px) and (max-width: 1800px) {
    .blog-page .top-heading-sec h2{font-size: 40px;}
    .blog-single-page #toc-container{
        /* height: auto; */
        
        height: 520px;
    }
    	.aioseo-breadcrumbs{font-size:16px}

}