.video_listing .tabs{ list-style: none; padding:0px 0px; display: flex; justify-content: center; gap:20px;}
.video_listing .tabs li{font-size: 18px; line-height: 28px; border-bottom: 1px solid transparent; color: #000; font-weight: 500; transition: .3s ease-in-out; cursor: pointer;}
.video_listing .tabs li.active{color: #F76C09; border-color: #F76C09;}
.video_listing .tabs li:hover{color: #F76C09; border-color: #F76C09;}
.video_listing .tab_dtl_container{padding-top:30px;}
.video_listing .tab_dtl_container .tab_dtl{display: none; grid-template-columns: repeat(3, 1fr); gap:30px;}
.video_listing .tab_dtl_container .tab_dtl.active{display: grid;}
.video_listing .tab_dtl_container .tab_dtl .block{border-radius: 10px; box-shadow: 0px 0px 10px 0px rgb(0 0 0/10%);}
.video_listing .tab_dtl_container .tab_dtl .block .image_block{position: relative; display: block;}
.video_listing .tab_dtl_container .tab_dtl .block .image_block .play-icon{position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);}



.video_listing .tab_dtl_container .tab_dtl .block .image_block img{border-radius: 10px 10px 0px 0px; width: 100%;}
.video_listing .tab_dtl_container .tab_dtl .block .name{display: block; font-size: 20px; line-height: 28px; color: #000; text-decoration: none; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.video_listing .tab_dtl_container .tab_dtl .block .cnt{padding:15px 20px; box-sizing: border-box;}
.video_listing .tab_dtl_container .tab_dtl .block .cnt .posted_on{ padding-top:15px; font-size: 16px; line-height: 24px; color: #000;}
.video_listing .tab_dtl_container .tab_dtl .block .cnt .posted_on span{font-weight: 600;}

/* Landing Page design */
.video_landing_pg .posted_in{font-size: 14px; line-height: 24px; font-weight: 600;}
.video_landing_pg .posted_in a{color: #F76C09; text-decoration: none; font-weight: 400;}
.video_landing_pg .title{font-size: 24px; line-height: 34px; font-weight: 600; color:#000; padding-block:10px 20px; margin: 0px 0px;}

.video_landing_pg .video_block{position: relative; width: 70%; padding-top:20px; margin: auto;}
.video_landing_pg .video_block iframe{width: 100%; height:500px;}
.video_timer{position: absolute; top:0px; left:0px; width:100%; height:100%; background-color: #000000e3; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.video_timer .timer_title{font-size: 26px; line-height: 34px; color: #fff; font-weight: 600; text-align: center; margin-bottom: 30px;}
.video_timer .timer_inner{display: flex; justify-content: center; padding-bottom: 30px;}
.video_timer .timer_inner .count{font-size: 30px; line-height: 24px; color: #fff; font-weight: 600; display: flex; align-items: center; justify-content: center;}
.video_timer .timer_inner .count span{display: block; text-align: center;}
.video_timer .timer_inner .count:after{content:':'; font-size: 30px; line-height: 30px; color: #fff; font-weight: 800;}
.video_timer .timer_inner .count:last-child:after{display: none;}
.video_timer .timer_inner .count .label{display: block; font-size: 20px; line-height: 24px; font-weight: 400; margin:0px 20px; text-align: center;}



/* .video_landing_pg .video_block iframe{width: 100%; } */
.video_landing_pg .inner .add_cta{font-size: 16px; line-height: 24px; background-color: #F76C09; border:1px solid #F76C09; border-radius: 10px; padding:6px 20px; box-sizing: border-box; color: #fff; cursor: pointer; transition: .3s ease-in-out;}
.video_landing_pg .inner .add_cta:hover{background-color: transparent; color: #F76C09;}

.video_popup{display: none;}
.video_popup .overlay{background-color: #00000081; position: absolute; top:0px; left:0px; width: 100%; height: 100%;}
.video_popup .video_popup_block{padding: 30px 30px; background-color: #fff; border-radius: 10px; max-width: 500px; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.video_popup .video_popup_block .popup_title{font-size: 20px; line-height: 24px; text-align: center; padding-bottom: 20px; font-weight: 600;}
.video_popup .video_popup_block .form_field{font-size: 16px; line-height: 24px; padding:10px 20px; box-sizing: border-box; background-color: 808080; border:1px solid #CCCCCC; width:100%;}
.video_popup .video_popup_block form{text-align: center;}
.video_popup .video_popup_block .submit_cta{font-size: 16px; line-height: 24px; cursor: pointer; color: #fff; background-color: #F76C09; border: 1px solid #F76C09; transition: .3s ease-in-out; padding:4px 20px; border-radius: 4px; margin-top:20px;}
.video_popup .video_popup_block .submit_cta:hover{background-color: transparent; color: #F76C09;}


@media screen and (min-width:200px) and (max-width:1024px){
    .video_listing .tab_dtl_container .tab_dtl{grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));}
    .video_listing .tab_dtl_container .tab_dtl .block .cnt{padding:10px 15px;}
    .video_landing_pg .video_block{max-width: 800px; width: 100%;}
}