.banner-podcast{position:relative;padding:150px 0;overflow:hidden;}
.banner-podcast img.back-img{position:absolute;left:50%;bottom:0;transform:translateX(-50%);}
.banner-podcast:after{content:'';left:0;top:0;width:100%;height:100%;background:radial-gradient(257.43% 307.08% at 48.75% 223.33%,#87DF67 5.49%,#000 60.58%);opacity:0.9;position:absolute;}

.banner-podcast h1 img{display:inline-block;vertical-align:middle;margin:0 20px 0 0;}
.banner-podcast .title-part{max-width:1040px;margin:0 auto;}
.banner-podcast .title-part.text-center{text-align:center;}
.banner-podcast .container{position: relative;z-index: 2;}
.light-grey p{
color: #A1A7C0 !important;
}

.video-main{}
/* .video-main .container{max-width:1270px;} */
.video-main .thumbnail_image{margin-top:-67px;position:relative;z-index:1;height:700px;position:relative;}
.video-main .thumbnail_image img,
.video-main .thumbnail_image video{width:100%;height:100%;object-fit:cover;border-radius:20px;
aspect-ratio: 128 / 61;
    backdrop-filter: blur(6px);
    background: #161619;
    border: 14px solid hsla(0, 0%, 100%, .08);
    border-radius: 40px;
    position: relative;
}
.video-main .thumbnail_image img{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;}
.video-main .thumbnail_image > a{background:url(https://2777863.fs1.hubspotusercontent-na2.net/hubfs/2777863/Frame%201618872761.png) no-repeat 50%;height:100%;width:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:3;}
.video-main .thumbnail_image .ts-dv{display:none;position:absolute;z-index:4;max-width:300px;right:0;top:0;background:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,0.2);padding:14px 20px;font-size:15px;height:100%;overflow:auto;color:#000;}

.video-main .small-tags{margin:20px 0 60px;justify-content:flex-end;}
.video-main .small-tags .green-tags{gap:10px;}
.video-main .small-tags .green-tags a{background:#CCFFB9;padding:5px 10px;color:#000;font-size:15px;text-transform:capitalize;}
.video-main .small-tags .transcript{
    border: 1px solid #87DF67;
    padding:14px 28px;
    font-style: normal;
    font-weight: 600;
    text-decoration: none;
    background-color: rgba(135, 223, 103, 1.0);
    border-radius: 40px;
    color: #000000;
    font-size: 16px;
    text-transform: none;
    cursor: pointer; transition:400ms;
}
.video-main .small-tags .transcript.active,
.video-main .small-tags .transcript:hover{background:#fff;}
.video-main .small-tags .transcript:hover{border-color:#fff;}

.video-main .video-content strong{font-family:var(--headingfont);font-size:40px;font-weight:700;display:block;margin:0 0 15px;}

.allSubscribe{padding:60px 0 0;text-align:center;}
.allSubscribe .list-wrapper{gap: 30px;justify-content:center;}

.main-list-wrapper {
    margin: 60px 0 0 0;
}
/* .main-list-wrapper .container{max-width:1270px;} */

.main-list-wrapper .ttl{font-size:15px;font-weight:700;padding:0 0 14px;}

.main-list-wrapper .top-filter{position:relative;padding-right:150px;}
.main-list-wrapper .top-filter:after{position:absolute;right:0;top:-25px;width:117px;height:156px;background:url(https://2777863.fs1.hubspotusercontent-na1.net/hubfs/2777863/theme-revX/images/green-x.svg) no-repeat center;content:'';}

.main-list-wrapper .top-filter .filter-list{display:flex; gap:10px;}
.main-list-wrapper .top-filter .filter-list input[type=checkbox]{opacity:0;position: absolute; pointer-events:none;}
.main-list-wrapper .top-filter .filter-list > label{padding:0;cursor: pointer;}
.main-list-wrapper .top-filter .filter-list span{background:#edeeef;border:1px solid #edeeef;display:block; color:#949494;font-family:var(--headingfont);font-size:15px;padding:5px 10px;font-weight:400; transition:400ms;}
.main-list-wrapper .top-filter .filter-list input[type=checkbox]:checked + span{background: #ccffb9; border-color: #87df67; color: #000;}

.main-list-wrapper .list-wrapper{flex-wrap:wrap;gap:35px;}
.main-list-wrapper .list{width: calc(100% / 2.12);background:#161619;border-radius:16px;overflow:hidden;}
.main-list-wrapper .list .image{position:relative;height:300px;}
.main-list-wrapper .list .image > a{background:url(https://2777863.fs1.hubspotusercontent-na1.net/hubfs/2777863/theme-revX/images/play-btn.svg) no-repeat center / auto 100%;height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:62px;z-index:2;}
.main-list-wrapper .list .image img{opacity:.7;transition:.4s;display:block;width:100%;height:100%;object-fit:cover;transition:400ms;}
.main-list-wrapper .list .box{padding:30px;}
.main-list-wrapper .list .box .ep{
   color: var(--Light-grey, #A1A7C0);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 27px; /* 150% */ transition:400ms;
     margin-bottom:20px;
.}
/* .main-list-wrapper .list .box .title{
    color:#FFF;font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: normal; 
    transition:400ms;
} */
.main-list-wrapper .list .box .content{color:#EDEEEF;font-size:18px; transition:400ms;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;white-space: pre-wrap;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.main-list-wrapper .list .box .content p {margin:0;}
.main-list-wrapper .list [class*=button-]{margin:25px 0 0;transition:400ms;}

.main-list-wrapper .list.active{background:#87df67;}
.main-list-wrapper .list.active .image img{opacity:1;}
.main-list-wrapper .list.active .image > a{pointer-events:none;background:url(https://2777863.fs1.hubspotusercontent-na1.net/hubfs/2777863/theme-revX/images/now-playing.png) no-repeat center;width:175px;height:48px;}
.main-list-wrapper .list.active .box .ep,.main-list-wrapper .list.active .box .title,.main-list-wrapper .list.active .box .content,.main-list-wrapper .list.active .box .content p{color:#000;}
.main-list-wrapper .list.active .box .ep{color:#fff!important;}
.main-list-wrapper .list.active .button-1.small .play{opacity:0;pointer-events:none;}
.main-list-wrapper .list.active .button-1.small .podcast-link-btn{color:#000;}

@media(max-width:1199px){
    .video-main .thumbnail_image{height:54vw;}
}
@media(max-width:767px){

 .banner-podcast h1 img{display:block;margin:0 auto 20px;max-width:30px;}
    .banner-podcast{padding:40px 0 120px;}
    
    .video-main .thumbnail_image > a{background-size:auto 100%;top:65%;}
    .video-main .small-tags .transcript{margin:20px 0 60px;text-align:center;}
    
    .main-list-wrapper .top-filter{padding:0;}
    .main-list-wrapper .top-filter:after{display:none}
    .main-list-wrapper .top-filter .filter-list{flex-flow:row wrap;}
    .main-list-wrapper .allCat{display:flex;flex-flow:row wrap;}
    .main-list-wrapper .list-wrapper{margin:60px 0 0;}
    .main-list-wrapper .list{width:100%;margin:0 0 30px;}
    .allSubscribe .list-wrapper{display:flex;flex-wrap:wrap;}
}

.podcast-share-img{width:180px;height:auto;
}

@media (max-width: 620px) {
    .video-main .small-tags .transcript {
        display: none;
    }
}

.button-1.small {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 25px;
}
