/* Blog Home Page */ 
.blog_home_top_banner{background: url("https://www.stellarinfo.com/image/catalog/category/article-banner.png") #181617 no-repeat; background-position: top right; background-size: 100%; padding-top: 14rem; padding-bottom: 5rem; color: #fff}
.blog_home_top_banner .banner_title{font-size: 1.25rem; font-family:'Montserrat' }
.blog_home_top_banner .banner_sub_title{ font-size: .875rem; margin-top: 0.5rem }
.blog-indicators{position: relative; margin-left: 0; justify-content: flex-start}
.blog-indicators.carousel-indicators li{ border: 0; width: 10px; height: 10px; border-radius: 10px; margin-top: 1rem}
.blog_crousel_inner{max-width: 680px}
.blog_col{max-width: 100%; margin: 1rem 0}
.blog_img{max-height: 468px; overflow: hidden; display: block; background: #000; padding: 0;  }
.blog_img img{transition: all .3s}
.blog_img:hover img{ transform: scale(1.04); opacity: .7}
.blog_col_content{padding: 1rem 0}
.blog_col_content h2{line-height: 0}
.meta_title, .meta_title:hover{color: #165ca1;font-weight: 600; font-size: 14px; font-family:'Montserrat'; text-transform: uppercase}
.post_title{font-size: 1.25rem; font-family:'Montserrat'; line-height: 25px; font-weight: 600; display: block; margin-top: 0.5rem; transition: all .3s;word-break: break-word;}
.post_title:hover{color: #818181}
.author_section{display: flex; margin-top: 1.2rem; justify-content: space-between; align-items: center}
.author{display: flex; align-items: center}
.author_profile{display: block; margin-left: .5rem}
.author_profile .author_meta, .author_profile .author_name{ display: block; font-style: normal; font-size: 12px}
.author_name{font-weight: 600}
.author_meta{color: #818181}
.read_more{font-family:'Montserrat'; padding: 0.5rem 1rem;border: 1px solid #e11f26; color: #e11f26; font-size: 14px; font-weight: 500; display: inline-flex; align-items: center; justify-content: center; border-radius: 3px; transition:  all .3s; line-height: 1rem}
.read_more:hover{ background: #e11f26; color: #fff}
.mirow{ background-color:#181617; padding:10px 15px !important}
.mirow .site-header{ padding:15px 0px}
.mirow .top_bradcrm a{ color:#919191}
.mirow .single_post,.mirow .update_date{ color:#FFF !important}
.mirow span,.author_name a,.author a{ color:#919191 !important}
.mscontainer .post_body{ margin-top:0.4rem}

/*Blog Category Page*/
.Category_header{padding-top: 5rem; padding-bottom:1rem; background: #f3f3f3; display: block}
.post_count{ display: block; color: #165ca1; font-size: 12px}
.blog_col_content p{font-size: 14px; padding-top: .3rem; color: #818181; line-height: 24px}
.cs_content_area .blog_col_content{ padding-top: 0; padding-right: 1rem}
.blog_img{position: relative}
.img_overlay{position: absolute; bottom: -4rem; display: flex; align-items: center; justify-content: space-around; list-style: none; color: #fff; border-top: solid 1px #d6d6d7;   width: 100%; padding: 1rem 0; margin-bottom: 0; transition: all .2s }
.img_overlay li{ display: flex; align-items: center;}
.img_overlay li span{padding-left: .3rem; font-size: 12px; color: #ffffffd9}
.blog_img:hover .img_overlay{ bottom: 0}
.category_selector{background:url("https://www.stellarinfo.com/blog/wp-content/uploads/2023/04/arrow.png"); background-size: 0.6em; background-repeat: no-repeat;background-position: calc(100% - 0.75rem) center;   appearance: none;padding: 10px 10px 10px 10px; border: 1px solid #e9ecef; max-width: 100%; margin-top: .7rem;width: 100%;}
.cat_h{ font-size: 18px; padding-bottom: .5rem; font-weight: 600}
.right_side_bar{max-width: 343px;}
.stic-postion{top: 0; background: #fff; padding-bottom: 2rem; padding-top: .5rem}
.sidebar_ad_img{ }
.cs_content_area {padding-right: 3rem;}

/* Author Section*/
.author_top{display: flex; align-items: center; padding-right:5rem}
.profile_content{padding-left: 1rem}
.profile{max-width: 100px; width: 100%;justify-content: center;display: flex;flex-direction: column;align-items: center;}
.profile_content p{padding-top: 1rem}
.social_list{display: flex; list-style: none; align-items: center; justify-content: center; margin: 0 auto; padding: 0; margin-top: 1rem;column-gap: 5px}

.social_list li a.twet:hover svg{fill:#5da9dd}
.social_list li a.linkedin:hover svg{fill:#0077b5}

/* Blog Post */
.top_bradcrm{display: flex; }
.top_bradcrm a{color: #165ca1; font-weight: 600; font-family:'Montserrat'}
.top_bradcrm span{display: flex; align-items: center;/* margin-left: .5rem;*/ font-size: 12px; text-indent:3px}
.single_post{font-size: 2.5rem; font-weight: 700;word-break: break-word;}
.post_head{padding-right: 3rem}
.punlish_date{ font-size: 12px}
.post_head  .author_section{ justify-content: flex-start;/*padding-top: 1rem*/}
.post_head  .author_section .author{margin-right: 2rem}
.post_body{ padding-right: 3rem; margin-top: 1rem; display: flex}
.post_body ul.social_share  { list-style: none; margin: 0; padding: 0; position: sticky; top: 0}
.post_body ul li{padding: .3rem 0}
.post_body ul li a.fb:hover svg, .post_body ul li a.in:hover svg{fill:#0077b5}
.post_body ul li a.tw:hover svg{fill:#5da9dd}
.post_body ul li a.prt:hover svg{fill:#f00}
.post_body ul li a.ins svg{ filter:grayscale(100)}
.post_body ul li a.ins:hover svg{ filter:grayscale(0)}
.center_body .summry_main { padding: 0 20px;margin-bottom: 2rem;padding-bottom: 10px; font-size: 17px; border-bottom: solid 4px #eaeaea; padding-left: 0}
.center_body{padding:.5rem  1rem; padding-top: 0; padding-left: 2rem}
.summry_main{}
.summery_text{ font-size: 16px; color: #4359a2}
.center_body p{font-size: 17px; padding: .5rem 0; }
.summry_main > p{padding-bottom: 0}

.bolear_box{background: linear-gradient( -120deg, rgb(243,253,255) 0%, rgb(255,231,232, 0.52) 80%); padding: 1.5rem; border: solid 1px rgb(114 139 250 / 39%);  border-radius: 15px;display: flex; align-items: center; margin-bottom: 2rem}
.bolear_box article{ widows: 50%; padding-right: 2rem}
.bolear_box aside{width: 50%}
.bolear_box article h4{margin-top: 0; margin-bottom: 0; font-size: 18px; color: #333333}
.bolear_box aside{ display: flex; flex-wrap: wrap; justify-content: center}
.bolear_box article p{margin-bottom: 0; padding-bottom: 0; font-size: 17px; color: #333333}
.bolear_box aside p{text-align: center; width: 100%; margin-bottom: 0; font-size: 14px; color: #181617; font-weight: 700; padding-bottom:0}
.center_body h2{ font-size: 28px; margin: 2rem 0; font-weight: 700;margin-bottom: .3rem;}
.center_body h3{ font-size: 18px;margin-top: 2.5rem; margin-bottom: .2rem; font-weight: 700}
.center_body h4{ font-size: 20px;margin-top: 1rem; margin-bottom: 1rem; font-weight: 700}


.bolear_box.box_2{flex-direction: column; text-align: center}
.bolear_box.box_2 article{padding-right: 0}
.bolear_box.box_2 aside{ display: flex;; width: 100%; column-gap: 1rem; -webkit-column-gap: 1rem;}
.bolear_box.box_2 aside a{margin-top:1rem}



.center_body a{color: #e11f26}
.alert_card{text-align: center; padding: 10px; background: #eee; margin: 2rem 0; font-weight: 600; font-size: 18px}
.center_body ul li figure{ margin: 2rem 0}
.center_body ul li figure span{font-size: 12px; display: block;   padding-top: .5rem; color: #616161}
ol.right_scrollSpy{list-style: none; counter-reset: ol; margin: 0; padding: 0; margin-bottom: 2rem}
ol.right_scrollSpy li{position: relative;padding-left: .2rem;margin: 1rem 0;border-top: solid 1px #d1d1d1;padding-top: 0.5rem;}
ol.right_scrollSpy li:before{content: counter(ol);display: none;  /*display: flex;*/align-items: center;justify-content: center;position: absolute; left: 0; top: 4px;width: 1rem;height: 1rem;font-size: 9px;background-color: #165ca1;color: #fff; counter-increment: ol; border-radius: 10px}
/*ol.right_scrollSpy li a{margin: .7rem 0; display: block; color: #616161; font-weight: 600;font-size: 14px;}*/
ol.right_scrollSpy li a{margin: .2rem 0; display: block; color: #181617;font-size: 14px;}
ol.right_scrollSpy li a.active { color: #181617;  }
a.about_athor{ font-size: 18px;font-family:'Montserrat'; font-weight: 700; color: #181617}
.author_info{background: #f8f9fa; padding: 1rem 2rem; margin: 2rem 0}
.best_selling_wrapper{padding-left: .5rem}
.best_selling{ display: flex; transition:  .3s all; margin: 1rem 0}
.best_selling figure{max-width:112px;} 
.best_selling .best_selling_title{ font-size: 16px; color: #181617; margin-top: 0; margin-bottom: auto}
.best_selling p{ font-size: 15px; color: #181617; margin-bottom: 0}
.best_selling span{ display: block; font-size: 15px; font-family:'Montserrat'; font-weight: 500}
.best_selling:hover{box-shadow:6px 5px 10px #ccc}
.best_selling figure img{transition: all .3s}
.best_selling:hover figure img{ transform: scale(1.02)}
.share_post .social_share{display: flex; align-items: center; font-size: 12px}
.share_post .social_share li{padding:1rem .3rem}
.comment_sec{margin: 2rem 0}
.order_comemnt{border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; padding: .7rem 0;margin-top: 2rem; }
.comment_sec .comment_head{ font-size: 18px;}
.order_comemnt a{ font-size: 14px; color: #818181; display: inline-flex; align-items: center;  text-indent: 5px; transition: .3s all}
.order_comemnt a svg{  transition: .3s all}
.order_comemnt a:hover{color: #181617	}
.order_comemnt a:hover svg{ transform: translateX(-3px); fill:#181617} 

.user_box .author_section .author a{ color: #181617; font-size: 14px}
.user_box{ margin-top: 3rem; border-bottom: solid 1px #ccc; padding-bottom: 1rem}
.comment_body {padding-top: 1rem  }
.comment_body p{font-size: 14px}
.comment_body .reply{font-size: 14px; color: #616161; font-family:'Montserrat';}
.from_sec p{font-size: 14px}
.from_group{display: flex; margin: 1rem  0}
.from_group label{display: block; width: 100%}
.from_group label span{ display: block; font-family:'Montserrat'; color: #616161; font-size: 14px; font-weight: 500}
.from_group label textarea, .from_group label input{ display: block; max-width: 100%; width: 100%; outline: 0; border: solid 1px #e9ecef; margin:.5rem 0; transition: all .3s; padding: 1rem; font-size: 15px}
.from_group label textarea:focus, .from_group label input:focus{box-shadow:6px 5px 10px #ccc; border-color: #818181}
ul.Captcha{display: flex; list-style: none; padding: 0;align-items: center; margin: 0; width: 100%}
ul.Captcha li {font-size: 16px; padding: .3rem; display:block; font-weight: 700}
ul.Captcha li input.captcha_text{ max-width: 45px; padding: .5rem; margin: 0 .5rem}
ul.Captcha li input.psot_btn{ background: #e11f26; color: #fff; max-width: 187px; width: 100%; font-family:'Montserrat';  font-weight: 600}
ul.Captcha li input.psot_btn:focus{border-color: #e11f26; transform: none; box-shadow: none}
ul.Captcha li.buttonli{flex: 1}
ol.right_scrollSpy > li > a {font-weight: 600;}
ol.right_scrollSpy > li > ul {padding-left: 1rem;}

@media screen and (max-width:1024px){
.blog_home_top_banner{padding-top: 10rem; padding-bottom: 3rem}

/*Post Page*/

	.single_post{font-size: 2rem}
	
	
}

@media screen and (max-width:992px){
.blog_home_top_banner {padding-top: 8rem;padding-bottom: 1rem;}
.blog_home_top_banner .banner_sub_title{font-size: 16px}
.cs_content_area .blog_col_content{padding-top: 1rem}
.post_count{padding-bottom: 1rem}
	.globle_h{ font-size: 24px}
.post_body ul li{word-break: break-word;}	
/*Post Page*/
.from_group{flex-direction: column}
	 
.cookies_message {position: relative!important;text-align: center;padding: 0.5rem 2px!important;}
.cookies_message a{max-width: 50px; padding: 0.2rem 0!important; width:100%;text-align: center;display: inline-block;margin-left: 10px;}
.cookv6desktop{ display:none !important}

    .bolear_box{flex-direction: column}
    .post_head,.post_body, .bolear_box article { padding-right: 0}
    .bolear_box article{text-align: center; padding-bottom: 1rem}
    .bolear_box aside p{font-size: 12px; padding-top: .5rem}
    .bolear_box article h4{font-size: 16px}
    
	.bolear_box.box_2 aside{ display: flex;; width: 100%; column-gap: 1rem; -webkit-column-gap: 1rem; }
    .bolear_box.box_2 aside a{width: 40%}
    .bolear_box.box_2 aside p{width: 100%}

}

@media screen and (max-width:767px){
.blog_home_top_banner{background: #181617; padding-top: 5rem; text-align: center}
.blog_home_top_banner .banner_sub_title {    font-size: 12px;}
.blog-indicators{justify-content: center; margin: auto}
.blog_col {margin: 0 auto}
.post_title { line-height: 19px; font-size: 16px;}
.cs_content_area{padding-right: 0}
.sidebar_ad_img img{ display: none}
.stic-postion{padding-top:2rem}
.Category_header{padding: 2rem 0}
  
.author_top{flex-direction: column; justify-content: center; text-align: center; padding-right: 0; margin-bottom: 1rem}
.profile_content p{ padding-top: 0}
	
/*Post Page*/
.post_body ul.social_share{display: flex; justify-content: space-evenly;}
.post_body{flex-direction: column; padding-right: 0}
.center_body{padding: 0}
.post_head{padding-right: 0}
.single_post{font-size: 32px;padding: 5px 0px;    line-height: 125%;   font-weight:700}
.post_head .update_date{ font-size:13px}
.center_body p.summry_main{margin-top: 1rem}
.author_info{text-align: center}
 .center_body h2{font-size: 18px; margin: 1rem 0;margin-bottom: 0.25rem;}
.read_more{font-size: 13px;}
.center_body .summry_main{margin-top: 1rem;}
.center_body p{font-size: 16.6px; padding: 0rem 0;}
.top_bradcrm a{ font-size:13px}
.summry_main,.summry_main p{ font-family:'Open Sans'}
.bolear_box{padding:1rem .5rem}
.bolear_box article h4{font-size: 14px}
	
}


@media screen and (max-width:572px){
    .post_head .author_section { width: 100%; overflow-x: scroll; white-space: nowrap}
    .author_section .author a img{max-width: 60px}
    .top_bradcrm{flex-direction: column;justify-content: flex-start}
    .top_bradcrm span{margin-left: 0 !important}
    
}

.category_box{border: solid 1px #dbdbdb; padding: 1rem 1.5rem}
.cat_h{color: #4359a2}
.category_selector{background-color: #f5f5f5; border: solid 1px #dbdbdb; border-radius: 5px;padding: 15px 15px 15px 15px;background-size: 1em;}
