.search_wrapper{max-width: 579px; width: 100%; position: relative}
.search_wrapper input{width: 100%;border-radius: 10px; outline: none; border: none; background: #f0f0f0; padding: 1rem; padding-right: 4rem; font-size: .875rem}
.search_wrapper input::placeholder{color: #181617; font-weight: 600}
.search_wrapper img.search_btn{ position: absolute; right: 1rem; top: 0; bottom: 0; margin: auto; cursor: pointer}
.filter_menu{ background: #f0f0f0; padding: 1rem; display: inline-flex; border-radius: 5px; align-items: center; justify-content: center; margin-left: 1rem; cursor: pointer}
.subscribe_btn{display: inline-flex; justify-content: center; align-items: center; padding: .5rem 1.5rem ; color: #fff; background: #181617; margin-right: auto; border-radius: 50px;font-family:'Montserrat'; font-weight: 600}
.subscribe_btn:hover{color: #fff}
#listContainer{position: absolute; z-index: 1; width: 100%; background: #fff;box-shadow: 0px 2px 23.04px 0.96px rgba(0, 0, 0, 0.27);border-radius: 10px; list-style: none; padding-left: 0; max-height: 250px; overflow-y: scroll; margin-top: .3rem}
.stellarTopDescription p{ margin-bottom:0.5rem}
p.small{ color:#000}
#listContainer li{padding: .4rem 1rem; border-bottom: solid 1px #d1d1d1; font-size: .875rem}
#listContainer li:hover{cursor: pointer; background: #f1f1f1}
.sortdiv {font-size: 12px}
.dropdown-menu.fiter_menu {left: auto!important; right: 0!important; min-width: 100px!important; font-size: 12px; width: 100px; border: 0; box-shadow: 0 0 5px #D1d1d1; margin-top: 10px }
.fiter_menu a{display: block; padding: .3rem .5rem;}
.fiter_menu a:hover{background: #f0f0f0}


.heroSec h1{font-size: 1.5rem; font-weight: 700; line-height: 1.5}
.read_more {display: inline-block;font-style: normal; font-family: 'Montserrat'; font-weight: 600; color: #e11f26; position: relative}
.read_more i.lern_text {font-style: normal}
.read_more svg {transition: all .3s;transform: translateX(0)}
.read_more:hover svg {transform: translateX(5px)}
.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}
.read_more:hover {color: #e11f26}
.lern_text:hover:after {transform: scaleX(1);transform-origin: bottom left}
.video_wrapper{position: relative; cursor:pointer}
.play_btn{position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto}
.video_h{ font-size: 1.5rem; font-weight: 700}

.card_container figure{border: solid 1px #d1d1d1; margin: 0; padding: 0; border-radius: 15px; overflow: hidden; cursor: pointer; position: relative}
.card_container figure .play_icon{position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-width: 50px}
.card_container figcaption{padding-top: 1rem; padding-right: 2rem; position: relative}
.card_container figcaption .video_title{font-size: 1rem; font-weight: 700; margin-bottom: 0; padding-bottom: .3rem}
.v_option{position: absolute; right: -.5rem; top:.5rem; cursor: pointer; font-weight: 700}
.v_option span{writing-mode: vertical-rl;}

.swiper-button-next, .swiper-rtl .swiper-button-prev, .swiper-button-prev, .swiper-rtl .swiper-button-next{width: 50px; height: 50px; background: #fff!important; color: #181617; border-radius: 25px; box-shadow:  0 0 15px #555; top:7.5rem }
.swiper-button-next:after, .swiper-button-prev:after{font-size: 1.3rem!important; font-weight: 700; left: 1rem}
.swiper-button-next{right: -2rem}
.swiper-button-prev{left: -2rem}
.swiper-button-next:after{margin-left: 5px}
@media screen and (max-width:767px){
.play_btn{ width:20%}
}
@media screen and (max-width:572px){
	.heroSec h1{ font-size:1.2rem; margin-top:20px}
	.video_h{ font-size:1.2rem}
	.playAll{align-items: right !important}
	.swiper-button-next{ right:-1rem}
	.swiper-button-prev{left:-1rem}
}