.bannerSwiper .banner-color {
    position: absolute !important;
    left: 0% !important;
    right: 0% !important;
    bottom: 0px !important;
    top: 240px !important;
    background: #00000078 !important;
    border-radius: 0px 0px 18px 18px !important;
}
.bannerSwiper .banner-title-position {
    font-size: 18px !important;
    line-height: 21px !important;
    color: white !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;  
    overflow: hidden !important;
    text-align: center !important;
    font-weight: normal !important;
}

.bannerSwiper {
    border-radius: 22px;
    position: relative;
    padding-bottom: 34px;
}

.card{
    border:none;
}


.rjj-but .swiper-button-prev:after 
{
    content: 'prev';
    font-size: 18px;
    border-radius: 50%;
    border: 2px solid #686868;
    padding: 10px 15px;
    color: #686868;
}

.rjj-but .swiper-button-next:after 
{
    content: 'next';
    font-size: 18px;
    border-radius: 50%;
    border: 2px solid #686868;
    padding: 10px 15px;
    color: #686868;
}

.rjj-but .swiper-container { 
    height:auto; 
}
.rjj-but .rj-names {
    font-family: 'OpenSans-Regular';
    font-size: 18px;
    line-height: 24px;
    /* color: #363636; */
    color:#000000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding:18px;
}
.rjj-but .swiper-slide img{
aspect-ratio: 1/1;
object-fit:cover;
}

.fpSwiper .swiper-button-next, .fpSwiper .swiper-button-prev 
{
width: calc(var(--swiper-navigation-size)/ 27 * 16) !important;
display: flex !important;
}
.rjj-but .swiper-button-next, .rjj-but .swiper-button-prev 
{
width: calc(var(--swiper-navigation-size)/ 37 * 46) !important;
}
.rjj-but .swiper-button-prev{
left:11px !important;
top:53% !important;
}
.rjj-but .swiper-button-next{
right:0px !important;
top:57% !important;
}

.fpSwiper .swiper-button-prev:after 
{
content: 'prev';
font-size: 22px;
border-radius: 50%;
border: 2px solid #686868;
padding: 9px 14px 8px 13px;
color: #686868;
}
.fpSwiper .swiper-button-next:after 
{
content: 'next';
font-size: 22px;
border-radius: 50%;
border: 2px solid #686868;
padding: 9px 11px 7px 15px;
color: #686868;
}
.fpSwiper .swiper-slide{
background: none;
}
.fpSwiper .swiper-slide .card{
border-radius: 20px;
background: #FFF;
box-shadow: 0px 0px 10px -10px;

}
.fpSwiper .featured-podcast-play-icon{
position: absolute;
left: 50%;
top: 0%;
transform: translate(-50%, -50%);
z-index: 99;
height: 53px;
width: 53px;
object-fit: contain;
background: #f5f3f5;
border-radius: 50%;
padding: 12px 10px;
font-size: 20px;
color: #fd7e14;
border: 4px solid #FFF;
}

.ftrsSwiper .swiper-slide{
background: none;
}
.ftrsSwiper .podcast-banner-color{
position: absolute;
left: 0%;
right: 0px;
top: 175px;
bottom: 0px;
background: linear-gradient(to bottom, rgb(126 123 123 / -5%), #000000);
border-radius: 0px 0px 20px 20px;
}
.ftrsSwiper .podcast-text-position{
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
}
.ftrsSwiper .podcast-banner-title-position{
font-size: 18px;
line-height:30px;
color: #FFF;
font-weight: bold;
}
.ftrsSwiper .studio-img{
    border-radius:20px;
    aspect-ratio: 255/356;
}
.rco .rco-img{
    border-radius: 20px 20px 0px 0px;
    object-fit: cover;
    aspect-ratio:16/9;
}

.rco .card{
border-radius: 20px;
}

.rco-play-icon-small{
position: absolute;
right: 2%;
bottom: 10px;
z-index: 99;
height: 60px;
width: 60px;
font-size: 25px !important;
object-fit: contain;
background: #f5f3f5;
color: #fd7e14;
font-weight: bold;
border-radius: 50%;
border: 1px solid #fff;
padding: 18px 22px;
}
.rc-showcase-big-title{
font-family: 'OpenSans-Regular';
font-size: 30px;
line-height: 24px;
color: #363636;
}
.rcoo .card{
border-radius: 20px 20px 20px 20px;
}
.rcoo img{
border-radius: 28px;
aspect-ratio: 1/1;
/* padding: 11px;
object-fit: cover; */
}

.rco-paragraph{
font-size: 14px !important;
font-weight: 600;
line-height: 18px;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
font-family: 'OpenSans-Regular';
text-align:justify;
}
.rco-paragraph-first{
font-size:14px; 
line-height:18px;
font-family:'OpenSans-Regular';
font-weight: 600;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;  
overflow: hidden;
padding: 3px;
text-align:justify;
}
.rco .rc-showcase-title{
    font-family: 'OpenSans-Regular';
    font-size: 17px;
    padding-bottom: 2px;
    line-height: 20px;
    font-weight: bold;
    color: #000000;
    text-shadow: 0px 0 #000000;
    letter-spacing: 1px;
    margin-top: 4px;
}
.podcast-episode-position {
font-size: 15px;
position: absolute;
bottom: 6%;
left: 0%;
right: 0%;
}
.podcast-episode-position-first {
font-size: 15px;
position: absolute;
bottom: 3%;
left: 0%;
right: 0%;
}
.vor .card{
border-radius: 20px;
}
.vor .card-img{
padding: 15px 15px 15px 28px !important;
}
.vor img{
border-radius: 20px;
object-fit: cover;
aspect-ratio: 317/204;
}

.vor-paragraph {
font-size: 14px !important;
line-height: 17px;
}
.vor-episode-box{
font-size: 14px;
border-radius: 20px;
border: 1px solid #afa9a9;
padding: 2px;
color: #000;
text-align: center !important;
font-weight: bold;
width: 115px !important;
}

.latest-podcast-position{
color: #FFF;
font-size: 20px;
padding: 0px 29px 35px 0px;
font-family: 'OpenSans-Regular';
border:none;
}
.latest-podcast-icon{
color: #FFF;
font-size: 25px;
position: absolute;
right: 0%;
left: 26px;
bottom: 0%;
}
.latest-podcast-img{
height: 206px
}
.latest-podcast-card-position1{
/* background: #395cb6; */
background: linear-gradient(to left, rgb(45 70 136 / 158%), #395cb6);
border-radius: 20px;
height: 151px !important;
}
.latest-podcast-card-position2{
/* background: #62be3f; */
background: linear-gradient(to left, rgb(69 135 45 / 158%), #62be3f);
border-radius: 20px;
height: 151px !important;
}
.latest-podcast-card-position3{
/* background: #3a91ad; */
background: linear-gradient(to left, rgb(46 117 139 / 158%), #3a91ad);
border-radius: 20px;
height: 151.4px !important;
}
.latest-podcast .banner-size1{
position: absolute;
top: -55px;
right:0%;
left: 175px;
border-radius: 23px;
object-fit: cover;
}

.latest-podcast .banner-size2{
position: absolute;
top: -55px;
right:0%;
left: 174px;
border-radius: 20px;
object-fit:cover;
}
.latest-podcast .banner-size3{
position: absolute;
top: -54px;
right:0%;
left: 174px;
border-radius: 20px;
object-fit: cover;
}
.latest-podcast-play-icon{
padding: 23px 0px 0px 0px;
}
.rco-play-icon-position{
position: absolute;
bottom:0%;
left: 0% !important;
}
/* .rj-but .card{
    max-height: 317px;
} */

.rjj-but .feature-podcast-position{
    font-size: 14px;
}
.vor-title{
    font-family: 'OpenSans-Regular';
    font-size: 18px;
    line-height: 20px;
    color: #000000;
}
.vor-play-icon-small {
    position: absolute;
    right: 2%;
    bottom: 6%;
    z-index: 99;
    height: 50px;
    width: 50px;
    font-size: 15px !important;
    object-fit: contain;
    background: #f5f3f5;
    color: red;
    font-weight: bold;
    border-radius: 50%;
    border: 1px solid #fff;
    padding: 17px 20px;
}

@media screen and (min-width: 1281px){
.h-50-repeat {
    height: 45.2%!important;
}
.h-96 {
    height: 95%!important;
}
.vor-paragraph {
display: -webkit-box !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
}
}
@media screen and (max-width: 767px){
    .bannerSwiper .banner-color {
        left: 0px !important;
        right: 68% !important;
        bottom: 1px !important;
        top: 0px !important ;
    }
    .bannerSwiper .banner-title-position {
        font-size: 16px !important;
        line-height: 20px !important;
        -webkit-line-clamp: 4 !important;
        padding: 7px 0px 0px 10px !important;
    }
    .bannerSwiper .banner-color {
        left: 0px !important;
        right: 0% !important;
        bottom: 1px !important;
        top: 62px !important;
    }
    .bannerSwiper .banner-title-position {
        font-size: 16px !important;
        line-height: 20px !important;
        -webkit-line-clamp: 1 !important;
        padding: 7px 0px 0px 10px !important;
    }
    .fpSwiper .featured-podcast-play-icon {
        height: 70px;
        width: 70px;
        padding: 16px 21px;
        font-size: 30px;
    }
    .ftrsSwiper .podcast-banner-color{
        top: 210px;
    }
    .ftrsSwiper .podcast-banner-title-position{
        font-size: 20px;
        padding: 0px 0px 0px 12px;
    }
    .rco .podcast-episode-position {
        font-size: 18px;
        position: absolute;
        bottom: 6%;
        left: 5%;
        right: 0%;
    }
    .rco .podcast-episode-position-first {
        font-size: 18px;
        position: absolute;
        bottom: 3%;
        left: 6%;
        right: 0%;
    }
    .rco-play-icon-small {
        position: absolute;
        right: 4%;
        bottom: 2%;
        z-index: 99;
        height: 70px;
        width: 70px;
        font-size: 28px !important;
        object-fit: contain;
        background: #f5f3f5;
        color: #fd7e14;
        font-weight: bold;
        border-radius: 50%;
        border: 1px solid #fff;
        padding: 23px 25px;
    }
    .rco-paragraph{
        font-size: 19px !important;
        font-weight: normal;
        -webkit-line-clamp: 5;
        line-height: 25px;
        padding: 0px 10px 2px 18px !important;
        text-align: start;
        }

        .rco-paragraph-first{
        font-size: 19px !important;
        font-weight: normal;
        -webkit-line-clamp: 5;
        line-height: 25px;
        padding: 0px 10px 2px 18px !important;
        text-align: start;
        }


    .vor-paragraph{
        padding: 14px 0px 40px !important;
        
    }
    .vor-episode-box {
        font-size: 18px;
        padding: 8px;
        width: 154px !important;
    }
    .latest-podcast-icon {
        font-size: 26px;
        left: 27px;
        bottom: 0px;
        top:110px;
        position: absolute;
    }
    .latest-podcast-position {
        height: 120px;
        font-size: 20px;
        line-height: 20px;
        padding: 0px 175px 70px 0px;
        border:none;
    }
    .latest-podcast .banner-size1 {
        position: absolute;
        top: 0px;
        bottom:-12%;
        left: 45%;
        right:0%;
        width: 52%;
        margin-top: auto;
        object-fit: inherit;
    }
    .latest-podcast .banner-size2 {
        position: absolute;
        top: 0px;
        bottom:-12%;
        left: 44%;
        width: 52%;
        margin-top: auto;
        object-fit: inherit;
    }
    .latest-podcast .banner-size3 {
        position: absolute;
        top: 0px;
        bottom:-12.1%;
        left: 44%;
        width: 52%;
        margin-top: auto;
        object-fit: inherit;
    }
    
    .rco-play-icon-position{
        left: 10% !important;
    }
    /* .rj-but .rj-names {
        font-size: 24px;
        line-height: 30px;
    }
    
        .rj-but .feature-podcast-position{
            font-size: 17px;
            position: absolute;
            bottom: 0px;
        } */
        
        .vor .card-img {
        padding: 15px 33px 12px 32px !important;
    }
    .vor-play-icon-small {
        position: absolute;
        right: 2%;
        bottom: 2%;
        z-index: 99;
        height: 70px;
        width: 70px;
        font-size: 20px !important;
        object-fit: contain;
        background: #f5f3f5;
        color: red;
        font-weight: bold;
        border-radius: 50%;
        border: 1px solid #fff;
        padding: 26px 28px;
    }
    .rco .rc-showcase-title {
        font-size: 24px;
        line-height: 30px;
        margin-top:0px;
    }
    .fpSwiper .swiper-slide .card {
        height: 100% !important;
        max-height:100%;
    }
    .fpSwiper .rj-names{
        font-size: 20px;
        text-shadow: 1px 0 #000000;
        padding: 0px 0px 48px 20px;;
    }
    .rjj-but .feature-podcast-position{
        font-size: 18px;
    }
    .fpSwiper .swiper-slide {
        height: 100%;
    }
    .rjj-but .swiper-button-prev {
        display: none !important;
    }
    .rjj-but .swiper-button-next {
        display: none !important;
    }
    .latest-podcast-card-position1{
        height: 112% !important;
    }
    .latest-podcast-card-position2{
        height: 112% !important;
    }
    .latest-podcast-card-position3{
        height: 112% !important;
    }
    .rco img{
        border-radius: 30px;
        aspect-ratio: 1/1;
        padding: 18px;
    }
    .rco .rco-img{
        border-radius: 20px 20px 0px 0px !important;
        object-fit: cover !important;
        aspect-ratio: 1/1 !important;
        padding: 0px !important;
    }
    .mobile-height{
        height: 100% !important;
    }
   
}