.light_gradient{background:  linear-gradient(133deg,#fff 8%,rgba(255,230,231,67%) 28%,rgba(234,242,254,.7) 36%)}
.hero_sec{padding-top: 2rem; padding-bottom: 0}
.main_award{background: linear-gradient(180deg, rgba(255,255,255,1) 92%, rgba(255,255,255,0) 100%);;   border-radius: 15px 15px 0 0;box-shadow: -3.225px -36.859px 42.57px 0.43px rgba(6, 6, 6, 0.08); overflow: hidden; position: relative; z-index: 0; margin-bottom: -2rem}
.award_wrapper{padding: 2rem; padding-right: 5rem}
.review_crousel{ position: relative}
.review_crousel:before{width:80px; height: 80px; position: absolute; right: -2rem; top: 0; bottom: 0; margin: auto;content: ''; background: url('https://www.stellarinfo.com/image/catalog/reviews/v2/Ellipse.png') no-repeat}
.review_crousel:after{width:80px; height: 80px; position: absolute; left: -3rem; top: 0; bottom: 0; margin: auto;content: ''; background: url('https://www.stellarinfo.com/image/catalog/reviews/v2/dot-graphic.png') no-repeat; z-index:-1}
.button_container .award_btn{position: relative; width: 35px; height: 35px; background: #1c5b9e; border-radius: 55px; margin:0 .5rem; top: 1rem; right: 0; z-index:0 }
.button_container .award_btn:after, .button_container .award_btn:before{font-size: 14px; color: #fff}
.button_container{flex-direction: row-reverse; margin: 0 1rem; margin-bottom: -0}
.hero_title{font-family:'Montserrat'; font-size: 1.5rem; font-weight: 700; line-height: 1.3}
.award-Swiper figure {display: flex; flex-direction: column; align-items: flex-start}
.award-Swiper figure span{display: flex; align-items: center; margin-top: 1rem; font-size: .75rem; color: #888888}
.award-Swiper figure span img{padding-left: .5rem}
.read_more {display: block;font-style: normal;margin-top: 1rem;font-family: 'Montserrat'}
.read_more i.lern_text {font-style: normal}
.read_more img {transition: all .3s;transform: translateX(0)}
.read_more:hover img {transform: translateX(5px)}
 .lern_text {display: inline-block; font-weight: 600;color: #e11f26;position: relative}
.lern_text:after {width: 100%;height: 2px;background: #e11f26;content: '';position: absolute;left: 0;bottom: 0;transform: scaleX(0);transform-origin: bottom right;transition: transform .3s ease-in-out}
.lern_text:hover {color: #e11f26}
.lern_text:hover:after {transform: scaleX(1);transform-origin: bottom left}
.graphic_bottom{position: absolute; bottom: 3rem; right: .5rem}
.bottom_line{position: absolute; width: 80%; height: 1px; left: 0; right: 0; bottom: 0; margin: auto; background: linear-gradient(90deg, rgba(85,85,85,0) 0%, rgba(85,85,85,1) 43%, rgba(85,85,85,1) 54%, rgba(85,85,85,0) 100%); opacity: .3}
  
.left_bar{max-width: 320px; width: 100%; padding: 2rem 1rem; background: #f4f8fe;   border-radius: 9px; height: calc(100vh - 0rem); position: sticky; top: 0; overflow-y: auto}
.head_text{font-size: 1rem; font-weight: 700}
.left_bar .product_nav{list-style: none; padding-left: 0}
.left_bar .product_nav .divider{ margin-top: 2rem; margin-bottom: 2rem; border-bottom: solid 1px #d1d1d1}
.left_bar .product_nav .list_item{display: flex; flex-direction: column; padding: .3rem .5rem}
.left_bar .product_nav .list_item a img, .left_bar .product_nav .list_item span img{padding-right: .5rem}
.left_bar .product_nav .list_item a, .left_bar .product_nav .list_item span{color: #555; font-weight: 700; font-size: 1rem; cursor: pointer}
.sub_nav{padding-top: .3rem; padding-bottom: .3rem; list-style: none}
.left_bar .product_nav .list_item  .sub_nav{padding-left: 2.3rem; display: none}
.left_bar .product_nav .list_item  .sub_nav li a{font-weight: 400; font-size: .875rem; position: relative; padding-left: 1.3rem}
.left_bar .product_nav .list_item  .sub_nav li a:before{width: 25px; height: 15px; background: url('https://www.stellarinfo.com/image/catalog/reviews/v2/red-arrow.svg') no-repeat; position: absolute; left: 0; top: 8px; content: ''; bottom: 0; margin: auto; background-size: 13px}
.left_bar .product_nav .list_item a.active, .left_bar .product_nav .list_item span.active{color: #181617}
.left_bar .product_nav .list_item a.active img{filter: brightness(0) invert(0)  }
.left_bar .product_nav .list_item  .sub_nav li a.active{font-weight: 600}
.left_bar .product_nav .list_item span:before{}
.short_btn{margin-left: auto}
.filter_title{font-size: 1.5rem; font-weight: 700; color: #181617}
.short_btn{display: flex; font-size: .80rem; align-items: center}
.short_btn img{padding-left: .5rem; cursor: pointer}
.review_container{border-radius: 15px; overflow: hidden; border: solid 1px #d1d1d1; position: relative; margin-top: 2rem; transition: ease-in-out .3s;}
.review_container .media{padding: 2rem; background: #fff}
.review_container:before{width: 250px; height: 30px; position: absolute; left: 0; bottom: -0; background: linear-gradient( 147deg, rgb(245,56,67) 9%, rgb(47,87,149) 78%); content: '';margin: auto; right: 0; filter: blur(5rem); transition: ease-in-out .3s; opacity: 0}
.review_container:hover:before{opacity: 1}
.review_container:hover{box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.21);}

.review_container .review_title{ font-size: 1.125rem; font-weight: 700}
.review_container figure{flex-direction: column; display: flex}
.review_container figure img {max-width: 121px;}
.review_container figure span{display: flex; align-items: center; margin-top: .5rem; font-size: .75rem; color: #888888}
.review_container figure span img{width: 70px; margin-left: .3rem}
.sort {position: relative;font-size: .80rem;}
.fiter_menu {min-width: 60px; right: 0!important; left: auto!important; margin-top: 1rem}
.fiter_menu  a{font-size: .80rem; margin: 0; display: flex; padding: 0 .5rem}
.fiter_menu  a:hover{background: #f0f0f0}

@media screen and (max-width:1366px){
	.left_bar .product_nav .list_item a, .left_bar .product_nav .list_item span{font-size: .875rem}
	
}

@media screen and (max-width:992px){
	.award_container .media{flex-direction: column}
	.award_wrapper{padding-right: 1rem}
	.hero_title{font-size: 1rem}
	.button_container{margin-bottom: 2rem}
	
	
}

@media screen and (max-width:768px){
.left_bar{ height: auto; /*position: absolute; ;*/padding: 1rem; z-index: 3; top: 3rem; margin-bottom: 2rem; border: solid 1px #d1d1d1}
.left_bar .product_nav{display: none; margin-top: 1rem}
.left_bar .product_nav .list_item{padding-left: 0}
.filter_nav {margin-bottom: 3rem;}
.head_text{margin-bottom: 0}
.head_b2b{margin-bottom: 1rem}
.left_bar .product_nav .divider{margin-top: 1rem; margin-bottom: 1rem}
#dropText{position: relative; font-size: 1rem}
#dropText:before{width: 15px; height: 15px; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; background: url('https://www.stellarinfo.com/image/catalog/reviews/v2/left-arrow.svg') no-repeat; content: ''; transition: ease-in-out .3s}
	#dropText.active:before{transform: rotate(90deg)}
.filter_title, .hero_title{font-size: 1rem}
.media{flex-direction: column}
	.award_wrapper{padding-right: 1rem}
	.button_container{justify-content: center}
	.bottom_line{bottom: 0}
.review_crousel{overflow: hidden}
}

@media screen and (max-width:572px){
	.left_bar{width: 100%; max-width: 100%}
}