.light_gradinet{ background: linear-gradient(90deg, #E8F0FE 0%, #FCE3E8 100%)}
.sidebar_container{ background: #F9FBFF; border-radius: 20px 20px 0 0}
.sidebar_head{ background: linear-gradient(85.14deg, #34578D 18.45%, #F53A45 89.62%); border-radius: 19px 19px 0 0;  height: 57px; display: flex; align-items: center; padding: 0 1.5rem; font-size: 18px; font-weight: 700; color: #fff}
 


.sidebar_body{ background: #F9FBFF}
.sidebar_body > ul{list-style: none; padding-left: 0}
.sidebar_body > ul > li{padding: 1rem}
.sidebar_body ul > li.active{ background: #EDF4FF}
 
.sidebar_body > ul > li ul{ list-style: none; padding-left: 5px; margin-top: 1rem; display: flex; flex-direction: column; }
.sidebar_body > ul > li ul li a{ display: flex;  position: relative; padding-left: 17px; font-size: 14px} 
.sidebar_body > ul > li ul li a:before{ width: 13px; height: 13px; position: absolute; left: 0; top:5px;   content: ''; background:url('https://www.stellarinfo.com/help/images/arow-1.svg') no-repeat left center}
.left_sidebar_container{position: sticky; top: 0}

.sidebar_list .sub-list {display: none;  row-gap:10px}
.sidebar_list li.main-item.active > a {color: #181617;font-weight: 600;}
.sidebar_list li.main-item.active > .sub-list {display: flex;}
.sidebar_list a.active {color: #181617; font-weight: 600}
.sidebar_list .sub-link {display: block;max-width: 220px;   /* adjust based on sidebar width */white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sidebar_list li.main-item .main-link{font-size: 15px;}
.sidebar_list li.main-item{position: relative}
.sidebar_list li.main-item:before{    content: ''; position: absolute; right:1rem; top:25px;   width: 7px;height: 7px;border-right: 1px solid #3D3D3D;border-bottom: 1px solid #3D3D3D;transform: rotate(315deg); }
.sidebar_list li.main-item.active:before{transform: rotate(45deg)}

.content_header { border-bottom: solid 1px #D9D9D9; padding-bottom: 1rem}
.content_header .cont_breadcrm{ font-size: 13px; font-weight: 600; color: #474747}
.search_container{ display: flex; max-width: 260px; position: relative}
.content_header{ display: flex; justify-content: space-between; align-items: center; width: 100%}
.content_header .search_container input{ width: 100%;  outline: none;; border: solid 1px #d1d1d1; height: 39px; border-radius: 50px; padding-left: 40px; padding-right: 5px; transition: ease-in-out .3s; font-size:13px}
.content_header .search_container .searh_icon{ position: absolute; left: 15px; top: 0; bottom: 0; margin: auto}
.content_header .search_container input:focus{border-color: #181617}

.ol_snippet_card{ background: #F8FAFF; padding: 2rem; border-left: solid 4px #D3E4FF}
.ol_snippet_card ol{ display: flex; padding-left: 1rem; row-gap:.5rem; flex-direction: column; font-size: 14px; font-weight: 600; }
.ol_snippet_card  p {font-weight: 600; margin-bottom: 0}
.ol_snippet_card  p a{ color: #e11f26}
 

.content_body{padding-top: 1rem}
.content_body ol, .content_body ul{ font-size: 14px; color: #212529; display: flex; flex-direction: column; grid-row-gap: 15px;}
.content_body ul li, .content_body ol li{  }

.content_body h2{ font-size: 24px; font-weight: 700; padding-bottom: 1.5rem}
.content_body p{font-size: 14px; color: #212529}
.content_body p a{ display: inline-block}
.content_body p a:hover{  text-decoration: underline}
.content_body h3 span{ font-size: 14px; font-weight: 600; margin-bottom:2rem; display: block}

.features_snippet_card{margin-bottom: 2rem}
.content_body .key_fratures{ font-size: 24px; font-weight: 700}
.content_body .features_snippet_card ul{ list-style: none; display: flex; flex-direction: column; row-gap:15px; padding-left: 0}
.content_body .features_snippet_card ul li{position: relative; display: flex; flex-direction: column; font-size: 14px; color: #212529; font-weight: 600; position: relative; padding-left: 22px; row-gap:3px}
.content_body .features_snippet_card ul li span{ display: block; font-style: italic; font-weight: 400}
.content_body .features_snippet_card ul li:before{ width: 14px; height: 12px; position: absolute; left: 0; top:5px;  content: ''; background: url('https://www.stellarinfo.com/help/images/tick-sq.svg') no-repeat center top}

.content_body h3{ font-size: 18px; font-weight: 600; color: #212529}


.ol_snippet_card{ background: #F8FAFF; padding: 2rem; border-left: solid 4px #D3E4FF}
.ol_snippet_card ul{ display: flex; padding-left: .5rem; row-gap:.5rem; flex-direction: column; font-size: 14px;  }

.tips_snippet_card{ background: #FFFCF0; padding:1rem 2rem; border-left: solid 4px #FFF5D3; font-size: 14px; margin: 2rem 0}

.image_wrapper{width: 100%; display: flex;align-items: center;border-radius: 22px;background: linear-gradient(-120deg, #f3fdff 0%, rgb(255 231 232 / .52) 80%);padding: 1.5rem;border: solid 1px rgb(114 139 250 / 39%);flex-direction: column; margin: 2rem 0}


.content_body table{ border-color: #d1d1d1; border-radius: 5px; margin: 2rem 0}
.content_body table th{padding: 1rem; font-weight: 700}
.content_body table tr td{padding: 1rem}
.content_body table tr td:first-child{    outline: none; border-color: #d1d1d1; text-align: center; width: 145px;}
.content_body table tr td:first-child img{border-radius: 2px;}
.content_body table tr td:first-child p{ margin-bottom: 0; padding-top: 10px; font-size: 12px;}


.note_snippet_card{ background: #FFF0F1; padding:1rem 2rem; border-left: solid 4px #FBD8D8; font-size: 14px; margin: 2rem 0}

.arrow_list_snippet_card{ background: #F8FAFF; padding: 2rem; border-left: solid 4px #D3E4FF}
.arrow_list_snippet_card ul{ display: flex; padding-left: .5rem; row-gap:.5rem; flex-direction: column; font-size: 14px; list-style: none  }
.arrow_list_snippet_card ul li{position: relative; padding-left: 20px;}
.arrow_list_snippet_card ul li:before{ width: 13px; height: 13px; position: absolute; content: ''; left: 0; top: 7px; background: url('https://www.stellarinfo.com/help/images/arrow-v.svg') no-repeat; background-size: 11px;}


.helpfull{ width: 260px; height: 34px; border-radius: 5px; border: solid #DDDDDD 1px; column-gap: 1rem; font-size: 12px;; justify-content: space-around; margin: 2rem auto; align-items: center; color: #787878; padding: 0  5px}
.like_dislike{ display: flex; align-items: center; column-gap: 1rem}
.like_dislike span{ display: flex; align-items: center; justify-content: center; column-gap: 3px;; cursor: pointer}






















.counter_text {list-style: none;display: flex;justify-content: space-around;margin-bottom: 0;width: 100%; padding-left: 0            }
.counter_text li {text-align: center;margin: 1rem auto}
.counter_text li .gtext {background: linear-gradient(147deg,rgb(245,56,67) 10%,rgb(47,87,149) 68%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent}
.counter_text .counter_h span {font-size: 42px;font-weight: 800;font-family: 'Montserrat'}
.counter_text .counter_h span sup {font-size: 60%;font-weight: 800;position: static;vertical-align: revert}
.counter_sh {font-size: 14px;font-weight: 700;text-transform: uppercase}
.counter_text p { margin-bottom: 0}
.red_h {font-size: 16px;text-transform: uppercase;color: #e11f26;font-family: 'Montserrat';font-weight: 700;}

.autotopic{ position: absolute;top: 40px;background: #fff;border: solid 1px #d1d1d1;border-radius: 5px;max-height: 150px;overflow-y: auto;}
ul#topic-suggestion-list {list-style: none;padding-left: 0;padding: 1rem;display: flex;flex-direction: column;row-gap: .8rem;font-size: 14px;}
ul#topic-nofound-list {list-style: none;padding-left: 0;padding: 1rem;display: flex;flex-direction: column;row-gap: .8rem;font-size: 14px;}