.listilce-line-clamp {
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:7;
-webkit-box-orient:vertical;
}

.indi-news-line-clamp {
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
}

.View-All-Button-Layout-Desktop {
width:37%;
background-color:#ea5029;
color:#f9f9f9;
line-height:38px;
font-weight:600;
text-align:center!important;
margin:auto;
}

.View-All-Button-Layout-Mobile {
width:100%;
background-color:#ea5029;
color:#f9f9f9;
line-height:38px;
font-weight:600;
text-align:center!important;
margin:auto;
}

.card-size {
font-family:'OpenSans-Regular';
font-size:17px;
line-height:22px;
color:#363636;
}

.card-total-size {
width:100%;
height:170px;
}

.card-size1 {
font-family:'OpenSans-Regular';
font-size:16px;
line-height:22px;
color:#363636;
}

.card-size2 {
font-family:'OpenSans-Regular';
font-size:18px;
line-height:22px;
color:#363636;
}

.card-size3 {
font-family:'OpenSans-Regular';
font-size:20px;
line-height:22px;
color:#363636;
}

.card-size4 {
font-family:'OpenSans-Regular';
font-size:20px;
line-height:22px;
color:#363636;
letter-spacing:1px;
}

.card-title-color {
font-family:'OpenSans-Regular';
font-size:26px;
color:#FFF;
}

.card-background-color {
background-color:#2372b7;
}

.card-position {
margin-left:-10px;
}

.investor-size {
font-size:25px;
}

.investor-title {
font-family:'OpenSans-Regular';
font-size:21px;
color:#202020;
}

.investor-address-size {
font-size:12px;
color:#202020;
}

.section-title {
font-family:'OpenSans-Regular';
font-size:26px;
color:#202020;
}

.other-podcast-title {
font-family: 'OpenSans-Regular';
font-size: 23px;
color: #202020;
line-height: 0;
border-bottom: 2px solid #e92c18;

}

@media screen and (max-width: 600px) {
.other-podcast-title {
font-size: 15px;
margin-left: 3px
}
}

.web-radio-content {
font-family: 'OpenSans-Regular';
font-size: 23px;
color: #202020;
line-height: 0;
}

@media screen and (max-width: 600px) {
.web-radio-content {
font-size: 15px;
margin-left: 3px
}
}

.director-box-size {
width:100%;
height:auto;
}

.director-title {
font-family:'OpenSans-Regular';
font-size:24px;
color:#202020;
}

.director-position-size {
font-family:'OpenSans-Regular';
font-size:16px;
color:#202020;
}

.read-more-position {
float:left;
}

.load-more-size {
width:180px;
height:70px;
}

.accordion .card-header:after {
font-family:'FontAwesome';
content:"\f068";
float:right;
color:#FFF;
}

.accordion .card-header.collapsed:after {
content:"\f067";
color:#FFF;
}

.web-radio-image-size {
width:100%;
height:auto;
}

.web-radio-content {
font-family:'OpenSans-Regular';
font-size:18px;
line-height:22px;
color:#363636;
}

.web-radio-title {
font-family:'OpenSans-regular';
font-size:16px;
line-height:22px;
color:#363636;
}

.audio-size {
width:280px;
height:auto;
}

.image-position {
width:175px;
height:215px;
}

.onhover-image-position {
aspect-ratio:263/308;
height:auto!important;
width:87%!important;
}

.rj-text {
text-align:center;
}

.loadmore-position {
width:150px;
height:50px;
}

.rj-position {
width:100%;
height:450px;
overflow-y:auto;
overflow-x:hidden;
}

.rj-facebook-text {
font-size:18px;
font-family:'OpenSans-regular';
}

.rj-twitter-text {
font-size:18px;
font-family:'OpenSans-regular';
}

.rj-instagram-text {
font-size:18px;
font-family:'OpenSans-regular';
}

.radiocity-originals .swiper-pagination {
bottom:-5px!important;
}

.episode-position {
margin-top:-20px;
}

.MultiCheckBox {
border:1px solid #e2e2e2;
padding:5px;
border-radius:4px;
cursor:pointer;
}

.MultiCheckBox .k-icon {
font-size:15px;
float:right;
font-weight:bolder;
margin-top:-7px;
height:10px;
width:14px;
color:#787878;
}

.MultiCheckBoxDetail {
display:none;
position:absolute;
border:1px solid #e2e2e2;
overflow-y:hidden;
z-index:999;
top:10px;
}

.MultiCheckBoxDetailBody {
overflow-y:scroll;
}

.MultiCheckBoxDetail .cont {
clear:both;
overflow:hidden;
padding:4px;
background-color:#fff;
}

.MultiCheckBoxDetailBody > div > div {
float:left;
}

.MultiCheckBoxDetailHeader {
overflow:hidden;
position:relative;
height:28px;
background-color:#3d3d3d;
width:198px;
}

.MultiCheckBoxDetailHeader>input {
position:absolute;
top:10px;
left:3px;
}

.MultiCheckBoxDetailHeader>div {
position:absolute;
top:5px;
left:24px;
color:#fff;
width:198px;
}

.recommended-image-position {
width:100%;
height:150px;
}

.recommended-title {
font-size:16px;
line-height:22px;
color:#363636;
}

.camera-icon-photos-page {
text-align:center;
width:50px;
height:50px;
margin-right:20px;
border-radius:50%;
font-size:10px;
line-height:26px;
display:flex;
align-items:center;
justify-content:center;
}

.video-overlay-photos-page {
position:absolute;
left:15px;
bottom:15px;
color:#fff;
}

.camera-icon-photos-page .fa-camera:before {
font-size:20px;
}

.see-photos-size {
font-size:18px;
line-height:22px;
color:#363636;
}

.about-size {
font-size:14px;
line-height:22px;
color:#363636;
}

.stations-background-grey {
width:100%;
height:auto;
display:table;
background:#f4f4f4;
}

.stations-background-white {
width:100%;
height:auto;
display:table;
background:#fff;
}

.station-size {
font-family:'OpenSans-Regular';
font-size:14px;
line-height:22px;
color:#363636;
}

.bullet-size {
font-size:14px;
line-height:22px;
color:#363636;
margin-left:-15px;
}

.list-position {
color:red;
font-size:24px;
}

.tandc-title-size {
font-size:20px;
}

.tandc-title-position {
color:red;
font-size:20px;
}

.corporate-media-dateandtime {
font-size:16px;
line-height:22px;
color:#363636;
}

.gptw-content {
font-size:16px;
}

.gptwphotos .swiper-container .swiper-pagination {
/* left:237px!important;
bottom:92px!important; */
left: 0%!important;
bottom: 42% !important;
--swiper-theme-color:#fff;
}

.gptw-section-slider-background {
background:#f3953e;
}

.gptw-section-slider-content {
font-size:17px;
color:#fff;
}

.newsletter-background-white {
width:100%;
height:auto;
display:table;
background:#fff;
}

.newsletter-option-size {
font-size:13px;
}

.corporate-menus-size {
width:985px!important;
}

.corporate-advertise-date-background {
background:#777;
}

.corporate-advertise-date-color {
color:#fff;
}

.corporate-advertise-date-size {
font-family:'OpenSans-Regular';
font-size:15px;
line-height:22px;
color:#363636;
}

.corporate-advertise {
font-family:'OpenSans-Regular';
font-size:20px;
line-height:22px;
color:#363636;
}

.corporate-advertise-area {
font-family:'OpenSans-Regular';
font-size:16px;
line-height:22px;
color:#363636;
}

.corporate-help-size {
font-family:'OpenSans-Regular';
font-size:14px;
line-height:22px;
color:#363636;
}

.corporate-help-color {
color:red;
}

.rcsb-background {
background-color:#fff;
}

.rcsb-title {
font-family:'OpenSans-Regular';
font-size:24px;
color:#202020;
}

.rcsb-content {
font-size:16px;
line-height:22px;
color:#363636;
}

.rcsb-content2 {
font-size:13px;
line-height:22px;
color:#363636;
}

.rcsb-program {
font-size:20px;
color:#939393;
font-family:'OpenSans-Regular';
}

.rcsb-image {
width:70px;
height:70px;
}

.rcsb-content-background {
background:#f7f7f7;
}

.rcsb-program2 {
font-size:18px;
color:#939393;
font-family:'OpenSans-Regular';
}

.rcsb-program3 {
font-size:15px;
color:#939393;
}

.rcsb-modules-content {
font-size:16px;
}

.rcsb-modules-contens-heading {
font-size:17px;
color:#939393;
font-family:'OpenSans-Regular';
}

.rcsb-modeles-listitems {
font-size:20px;
color:#f3953e;
}

.rcsb-modeles-listitems-content {
font-size:16px;
color:#000;
}

.contact-agree-content {
font-size:13px;
}

.contact-button {
border:none;
}

.privacy-heading {
font-size:17px;
color:#e27c73;
font-family:'OpenSans-Regular';
}

.privacy-content {
font-size:15px;
color:#000;
}

.privacy-bullet {
list-style-type:none;
}

.privacy-underline-color {
color:#000;
}

.privacy-information {
font-size:15px;
color:#e27c73;
}

.cookie-policy-table {
border:1px solid #000;
}

.sitemap-content {
font-size:14px;
color:#939393;
}

.sitemap-content-size {
font-size:15px;
color:#000;
}

.time-line-box {
height:100px;
width:14%;
}

.time-line-box .timeline {
list-style-type:none;
display:flex;
padding:0;
text-align:center;
}

.time-line-box .timestamp {
margin:auto;
margin-bottom:5px;
padding:0 4px;
display:flex;
flex-direction:column;
align-items:center;
}

.time-line-box .status {
padding:0 10px;
display:flex;
justify-content:center;
border-top:2px solid #787878;
position:relative;
transition:all 200ms ease-in;
font-family:'OpenSans-Regular';
font-size:16px;
}

.time-line-box .status span {
padding-top:8px;
}

.time-line-box .status span:before {
content:'';
width:12px;
height:12px;
background-color:#939393;
border-radius:12px;
border:8px solid #939393;
position:absolute;
left:50%;
top:0;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
transition:all 200ms ease-in;
}

.time-line-box .active-circle span:before {
content:'';
width:12px;
height:12px;
background-color:red;
border-radius:12px;
border:8px solid red;
position:absolute;
left:50%;
top:0;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
transition:all 200ms ease-in;
}

.active-color {
color:red;
}

/* .entertainment-menus-size {
width:450px!important;
} */

.entertainment-menus-size {
    width:600px!important;
}
.search-menus-size {
width:580px!important;
}
.Breadcrumb {
font-size:16px;
color:#000;
font-family:'OpenSans-Regular';
}

.Breadcrumb-active {
font-size:16px;
font-family:'OpenSans-Regular';
}

.Breadcrumb-arrow {
font-size:16px;
font-family:'OpenSans-Regular';
}

.Breadcrumb-mobile {
font-size:13px;
color:#000;
font-family:'OpenSans-Regular';
}

.Breadcrumb-mobile-active {
font-size:13px;
font-family:'OpenSans-Regular';
}

.Breadcrumb-arrow-mobile {
font-size:14px;
font-family:'OpenSans-Regular';
}

.rj-image {
aspect-ratio:263/308;
object-fit:cover!important;
background-color:#d6d3d3;
}

.Videos-image {
aspect-ratio:16/9;
object-fit:contain!important;
background-color:#d6d3d3;
}

.gamehub {
aspect-ratio:1/1;
object-fit:contain!important;
background-color:#d6d3d3;
}

.Radiocity-orignals {
aspect-ratio:161/188;
object-fit:contain!important;
background-color:#d6d3d3;
}

.seemore {
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
}

.seemore-director {
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:4;
-webkit-box-orient:vertical;
}

.shine {
background:#f6f7f8;
background-image:linear-gradient(to right,#f1f4f7 0%,#e4e5e8 20%,#f6f7f8 40%,#f6f7f8 100%);
background-repeat:no-repeat;
background-size:contain;
display:inline-block;
position:relative;
-webkit-animation-duration:2s;
-webkit-animation-fill-mode:forwards;
-webkit-animation-iteration-count:infinite;
-webkit-animation-name:placeholderShimmer;
-webkit-animation-timing-function:linear;
}

@-webkit-keyframes placeholderShimmer {
0% {
background-position:-468px 0;
}

100% {
background-position:468px 1px;
}
}

.select-year {
border:2px solid red!important;
}

.view-all {
border:1px solid #e92c18;
padding:10px;
border-radius:20px;
margin-left:25px;
color:#e92c18;
}

@media screen and (max-width: 600px) {
.view-all {
font-size:11px;
margin-left:0;
}
}

.active-menus {
color:#e92c18;
border-bottom:1px solid #e92c18;
}

box481 {
width:100%;
height:481px;
}

box450 {
width:100%;
height:450px;
}

box420 {
width:100%;
height:420px;
}

box314 {
width:100%;
height:314px;
}

box308 {
width:100%;
height:308px;
}

box289 {
width:100%;
height:289px;
}

box237 {
width:100%;
height:237px;
}

box225 {
width:100%;
height:225px;
}

box200 {
width:100%;
height:200px;
}

box195 {
width:100%;
height:195px;
}

box176 {
width:100%;
height:176px;
}

box152 {
width:100%;
height:152px;
}

box150 {
width:100%;
height:150px;
}

box140 {
width:100%;
height:140px;
}

box144 {
width:100%;
height:144px;
}

Box115 {
height:115px;
width:100%;
}

Box110 {
height:110px;
width:100%;
}

Box105 {
height:105px;
width:100%;
}

Box100 {
height:100px;
width:100%;
}

Box88 {
height:88px;
width:100%;
}

Box90 {
height:90px;
width:100%;
}

Box70 {
height:70px;
width:100%;
}

bigbox {
height:340px;
width:100%;
}

Box174 {
height:174px;
width:100%;
}

Box250 {
height:250px;
width:100%;
}

lines {
height:10px;
margin-top:10px;
width:100%;
}

.hideBk {
display:none;
}

.hideBk1 {
display:none!important;
}

.fade {
animation-name:fade;
animation-duration:1s;
}

.fade:not(.show) {
opacity:1!important;
}

@keyframes fade {
from {
opacity:0;
}

to {
opacity:1;
}
}

.fades {
animation:fadeInAnimation ease 1s;
animation-iteration-count:1;
animation-fill-mode:forwards;
}


.webradio-dropdown-content {
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 3;
}

.webradio-dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}

.webradio-dropdown-content a:hover {background-color: #ddd;}

.weradio-dropdown:hover .webradio-dropdown-content {display: block;}

.weradio-dropdown:hover .weradio-dropdown {background-color: #3e8e41;}


.video-heading-thumb-title {
    font-family: 'OpenSans-Regular';
    font-size: 16px;
    line-height: 22px;
    color: #363636;

    }

    .burgerul{
        color: #2572b7;
        opacity: 0;
        display: none;
        transition: opacity 2s ease-out 0s;
    }

    .web-radio-submenus-scrollbar{
    height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 20px;
    }

    .web-radio-burgermenus-scrollbar{
    width: 100%;
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.anchor-tag{
cursor: pointer;
}


/* 09-06-2022 */

/* .bannerSwiper .banner-color {
    position: absolute !important;
    left: 0% !important;
    right: 0% !important;
    bottom: 0px !important;
    top: 240px !important;
    background: #00000018 !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 !important;
object-fit:cover !important;
}

.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; */
}

.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: 363/204; */
aspect-ratio: 16/9;
}

.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-img1{
    height: 238px
    }
.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: -87px;
right:0%;
left: 174px;
border-radius: 19px;
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;
}

.rjj-but .feature-podcast-position{
    font-size: 14px;
}
.vor-title{
    font-family: 'OpenSans-Regular';
    font-size: 18px;
    line-height: 20px;
    color: #000000;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 12px 20px 2px 0px !important;
    line-height: 24px;
}
.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;
}

.cursor-pointer{
    cursor:pointer;
}

@media screen and (min-width: 1281px){
    .h-50-repeat {
        height: 45.2%!important;
    }
    .episode-div-position{
        padding: 20px;
    }
    .h-96 {
        height: 95%!important;
    }
    .form-card-height{
        height: 468px;
    }
    .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: 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: 44%;
        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;
    }        
    .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; */
        aspect-ratio: 16/9 !important;
        padding: 0px !important;
    }
    .mobile-height{
        height: 100% !important;
    }
   
}

/*Santu Chatterjee 21-06-2022 */

.read-side-position{
    position: absolute;
    right: 0px;
    top: 0px;
    background: #fd7e14;
    color: #fff;
    border-radius: 0px 31px 0px 31px;
    padding: 0px 30px;
    text-align: center;
    }
.discovery-background{
    position: absolute;
    left: 0%;
    right: 0px;
    bottom: 0px;
    top: 120px;
    background: linear-gradient(to bottom, rgb(126 123 123 / -5%), #000000);
    border-radius: 0px 0px 15px 15px;
}
.discovery-text-position{
    font-size: 18px;
    line-height: 23px;
    color: #FFF;
    position: absolute;
    /* bottom: -7px; */
    bottom: 7px;
    left: 12px;
    right: 0px;
}
.discovery-background-second {
position: absolute;
left: 0%;
right: 0px;
bottom: 0px;
top: 40px;
background: linear-gradient(to bottom, rgb(126 123 123 / -5%), #000000);
border-radius: 0px 0px 15px 15px;
}
.discovery-text-position-second{
    font-size: 18px;
    line-height: 23px;
    color: #FFF;
    position: absolute;
    /* bottom: -7px; */
    bottom: 7px;
    left: 12px;
    right: 0px;
   
}
.watch-background {
    position: absolute;
    left: 0%;
    right: 0px;
    bottom: 0px;
    top: 0px;
    background: linear-gradient(to bottom, rgb(0 0 0 / 0%), #00000059);
    border-radius: 0px 0px 17px 19px;
}
.watch-text-position {
    font-size: 18px;
    line-height: 20px;
    color: #FFF;
    position: absolute;
    bottom: 0px;
    left: 18px;
    right: 0px;
}

.watch-play-icon-small {
    position: absolute;
    right: 10px;
    bottom: 28px;
    z-index: 99;
    height: auto;
    width: 53px;
    font-size: 25px !important;
    object-fit: contain;
    background: #FFF;
    color: #fd7e14;
    font-weight: bold;
    border-radius: 50%;
    border: 1px solid #fff;
    padding: 12px 18px;
}
.freedom-listen-title-position{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 0px 9px !important;
    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;
}
.freedom-listen-title-position:hover{
    color:#fd7e14;
}

.watch-line-clamp{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 0px 155px 0px 9px !important;
}
.watch-line-clamp-first-repeat{
    font-size: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 0px 100px 0px 10px !important;
}
.watch-line-clamp-second-repeat{
    font-size:15px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 0px 100px 0px 9px !important;
}
.form-alert{
    color:red;
    display:none;
    padding: 60px 0px 0px 0px;
}

@media screen and (min-width: 1281px){
    .listen-img-repeat{
        height: 300px;
    }
}

.listen-now-position{
    position: absolute;
    bottom: 0px;
    right: 10px;
    background: #fd7e14;
    color: #FFF;
    border-radius: 10px;
    padding: 0px 10px 0px 10px;
}
.listen-text-position {
    font-size: 18px;
    line-height: 20px;
    color: #FFF;
    position: absolute;
    bottom: 14px;
    left: 0px;
    right: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 0px 103px 0px 0px;
}
.listen-background-second{
    position: absolute;
    left: 0%;
    right: 0px;
    bottom: 0px;
    top: 70px;
    background: linear-gradient(to bottom, rgb(126 123 123 / -5%), #000000);
    border-radius: 0px 0px 15px 15px;
}
.listen-text-second-position{
    font-size: 15px;
    line-height: 20px;
    color: #FFF;
    position: absolute;
    bottom: 10px;
    left: -6px;
    right: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 0px 103px 0px 0px;
}
.listen-now-position-second {
    position: absolute;
    bottom: -4px;
    right: 8px;
    background: #fd7e14;
    color: #FFF;
    border-radius: 10px;
    padding: 0px 10px 0px 10px;
}

.submit-form{
    border-radius: 30px;
    background: #ced4da2e;
    border: none;
}
.textarea-submit-form{
    border-radius: 15px;
    background: #ced4da2e;
    border: none;
    margin-top: -10px;
    resize: none;
}
.btn-submit{
    background: #fd7e14;
    color: #FFF;
    border-radius: 20px;
    padding: 2px 20px;
    float: left;
}
.form-text-size{
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    padding: 0px 10px;
}
.privacypolicy-checkbox{
    position: absolute;
    bottom: -19px !important;
    left: 6px;
}
/* input#file {
    display: inline-block;
    width: 100% !important;
    padding: 36px 0px 0 0 !important;
    height: 10px !important;
    overflow: hidden !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    background: #ced4da2e !important;
    border-radius: 15px !important;
} */
.uploading-song{
    position: absolute !important;
    bottom: 17px !important;
    right: 9px !important;
    font-size: 12px;
}
.uploading-icon{
    position: absolute !important;
    bottom: 38px !important;
    left: 30px !important;
}
.freedom-read-swiper .swiper-button-prev:after {
    content: 'prev';
    font-size: 21px;
    border-radius: 50%;
    border: 2px solid #686868;
    padding: 11px 15px 8px 15px;
    color: #686868;
}
.freedom-read-swiper .swiper-button-next:after {
    content: 'next';
    font-size: 21px;
    border-radius: 50%;
    border: 2px solid #686868;
    padding: 11px 15px 8px 15px;
    color: #686868;
}
.freedom-read-swiper .swiper-button-next, .swiper-button-prev {
    width: calc(var(--swiper-navigation-size)/ 34 * 35) !important;
}
.freedom-read-swiper .swiper-button-prev {
    left: -15px;
    top:152px
}
.freedom-read-swiper .swiper-button-next {
    right: -15px;
    left: auto;
    top:152px
}
.freedom-discover-parent .swiper-button-next {
    right: 7px;
    top:96px
}
.freedom-discover-parent .swiper-button-prev{
    right: 7px;
    top:96px 
}

.freedom-discover-parent .swiper-button-next, .swiper-button-prev {
    width: calc(var(--swiper-navigation-size)/ 34 * 35) !important;
}

.freedom-discover-parent .swiper-button-next:after {
    content: 'next';
    font-size: 21px;
    border-radius: 50%;
    border: 2px solid #686868;
    padding: 8px 13px 8px 13px;
    color: #686868;
}

.freedom-discover-parent .swiper-button-prev:after {
    content: 'prev';
    font-size: 21px;
    border-radius: 50%;
    border: 2px solid #686868;
    padding: 8px 13px 8px 13px;
    color: #686868;
}

.privacypolicy-text-label{
    font-size: 13px;
    text-align: left;
    float: left;
    padding: 0px 0px 12px 22px;
}

.wordserachname{
    font-size: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 0px 3px 0px 0px;
}
.wordserachname-title{
    font-size: 17px;
    line-height: 24px;
    color: #000;
    font-weight: bold;
}

@media only screen and (max-width:600px) {
    .read-lineclamp-mobile {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    }
    .listen-text-second-position {
        bottom: 14px;
        font-size: 18px;
        font-weight: bold;
    }
    .listen-now-position-second {
        bottom: 0px;
    }
    #first {
        order: 2;
    }
    #second {
        order: 1;
    }
    #third {
        order: 3;
    }
    .discovery-background {
        top: 97px;
        border-radius: 15px;
    }
    .discovery-background-second {
    top: 97px;
    border-radius: 15px;
    }
    .watch-play-icon-small{
        bottom: 14px;
    }
    .mobile-font-size{
        font-size: 20px;
    }
    .freedom-listen-title-position{
        font-size: 20px;
    }
    .form-text-size{
        font-size: 15px;
        padding: 0px 16px;
    }
    .privacypolicy-checkbox{
        width: 18px;
        height: 18px;
    }

    .privacypolicy-text-label{
        font-size: 18px;
        padding: 0px 0px 12px 29px;
    }
    .form-alert {
        padding: 81px 0px 0px 0px;
    }

}

/* 24/06/2022 */


.rcss-page-title{
    font-family: ''OpenSans-Regular'';
    font-size: 25px;
    line-height: 24px;
    color: #363636;
    font-weight: bolder;
    color: #000000;
    text-shadow: 1px 0 #000000;
    letter-spacing: 1px;
}
.sartaj-font-position{
    /* font-size: 16px; */
    font-size: 14px;
    line-height: 21px;
    color: #000;
    font-family: 'OpenSans-Regular';
    padding: 0px 138px 0px 0px;
}
.rcss-tac-button{
    text-decoration: none;
    color: #f9f9f9;
    background: #eb7441;
    font-weight: bold;
    border-radius: 50px/50px;
    font-size: 15px;
    padding: 7px 36px 6px 36px;
}

@media screen and (min-width: 1281px){
        .rcss-tac-button{
        margin-left:-35px;
    }
}

@media screen and (max-width: 600px) {
        .rcss-tac-button {
        font-size: 20px;
        padding: 10px 40px 10px 40px;
        margin-left:0px;
    }

    .sartaj-font-position {
        /* font-size: 13px; */
        font-size: 18px;
        padding: 0px 7px 0px 0px;
    }

 }

 /* 01-07-2022 */

 .gigSwiper .gig-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;
}
.gigSwiper .gig-calendar-text-position {
    position: absolute;
    bottom: 39px;
    left: 0px;
    right: 0px;
}
.gigSwiper .gig-calendar-title-position {
    font-size: 18px;
    line-height: 30px;
    color: #FFF;
    font-weight: bold;
}
.gigSwiper .gig-calendar-position{
    font-size: 14px;
    line-height: 19px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    bottom: -10px;
}

.mobile-desktop-title-position-data .rj-title {
    font-family: ''OpenSans-Regular'';
    font-size: 26px;
    line-height: 24px;
    color: #363636;
    font-weight: bolder;
    color: #000000;
    text-shadow: 1px 0 #000000;
    letter-spacing: 1px;
}

.mobile-desktop-title-position-data .read-all-position {
    font-size: 14px;
    font-weight: bold;
    color: #fd7e14;
}
.read-now-button-bootstrap{
    background: #fd7e14;
    color: #FFF;
    border-radius: 20px;
    border: none;
    padding: 5px 20px 5px 20px;
    position: absolute;
    bottom: 12px;
    left: 0px;
}
.birthday-heading-line-clamp{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 0px 56px;
}

.birthday-content-line-clamp{
    font-size: 15px;
    line-height: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 2px;
}

.birthday-img{
    /* border-radius: 20px 0px 0px 20px;
    height: 100%;
    aspect-ratio: 1/1; */
    border-radius: 20px 0px 0px 20px;
    height: 100%;
    aspect-ratio: 16/9;
    width: 100%;
    object-fit: cover;
}
.birthdaySwiper .card{
    border-radius: 20px;
    box-shadow: 0px 0px 18px -14px grey;
}
.birthday-read-now-button-bootstrap{
    background: #fd7e14;
    color: #FFF;
    border-radius: 20px;
    border: none;
    padding: 5px 30px 5px 30px;
    position: absolute;
    bottom: 18px;
    left: 20px;
}

.birthday-div-height{
        padding: 0px 0px 60px;
    }
    
.disco-btn{
    background: #ffff;
    border-radius: 7px;
    padding: 5px 12px;
    width:100% !important;
}

.disco-btn:hover{
    background: #fd7e14;
    color: #FFF;
    border:none;
    cursor: pointer;
    height: 100%;
    border: 2px solid #fd7e14;
}
.freedomtrendSwiper .freedom-img-background-orange{
    padding: 30px 0px 0px 0px !important;
    background: #fd7e14 !important;
    border: none !important;
}
.freedomtrendSwiper .freedom-img-background-light-blue{
    padding: 30px 0px 0px 0px !important;
    background: #0171bb !important;
    border: none !important;
}
.freedomtrendSwiper .freedom-img-background-green{
    padding: 30px 0px 0px 0px !important;
    background: #00bb84 !important;
    border: none !important;
}
.freedomtrendSwiper .freedom-img-background-black{
    padding: 30px 0px 0px 0px !important;
    background: #1a1a1a !important;
    border: none !important;
}
.gigmo-play-icon-small {
    position: absolute;
    right: 10px;
    bottom: 7px;
    z-index: 99;
    height: auto;
    width: 53px;
    font-size: 25px !important;
    object-fit: contain;
    background: #FFF;
    color: #fd7e14;
    font-weight: bold;
    border-radius: 50%;
    border: 1px solid #fff;
    padding: 12px 18px;
}
.gizmos{
    border-radius: 20px;
    object-fit: cover;
    aspect-ratio: 16/9;
}
.gizmo-name{
    font-family: 'OpenSans-Regular';
    font-size: 18px;
    line-height: 24px;
    color: #363636;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.interviews-play-icon-small{
    position: absolute;
    left: 120px;
    bottom: 64px;
    z-index: 99;
    width: 40px;
    font-size: 15px !important;
    object-fit: contain;
    background: #000;
    color: #fff;
    font-weight: bold;
    border-radius: 10px;
    padding: 10px 16px;
}

.interview-read-now-button-bootstrap {
    background: #fd7e14;
    color: #FFF;
    border-radius: 20px;
    border: none;
    padding: 2px 13px 2px 13px;
    position: absolute;
    bottom: 15px;
    left: 0px;
}

.gigSwiper .freedom-review-position{
    font-size: 14px;
    line-height: 19px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    bottom: 0px;
}

.rjj-but .freedom-blogs-names {
    font-family: 'OpenSans-Regular';
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 75px;
}
.artist-of-the-month-play-icon{
    position: absolute !important;
    right: 2% !important;
    bottom: 10px !important;
    z-index: 99 !important;
    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;
}
.artist-of-the-month-paragraph{
    font-size: 14px;
    line-height: 18px;
    font-family: 'OpenSans-Regular';
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 0px 18px 0px 18px !important;
    text-align: justify;
}
.artist-of-the-month-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;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.artist-of-the-month-paragraph-repeat{
    font-size: 14px;
    line-height: 18px;
    font-family: 'OpenSans-Regular';
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 6px 30px 3px 3px !important;
    text-align: justify;
}

.watch-artist-of-the-month-paragraph-repeat{
    font-size: 14px;
    line-height: 18px;
    font-family: 'OpenSans-Regular';
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    /* padding: 0px 30px 3px 3px !important; */
    padding: 0px 38px 3px 3px !important;
    text-align: justify;
}
.artist-of-the-month-play-icon-repeat{
    position: absolute !important;
    right: 2% !important;
    bottom: 10px !important;
    z-index: 99 !important;
    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;
}
.artist-of-the-month-title-repeat{
    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;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 93%;
}
.indie-news-read-all-position-first{
    font-size: 15px;
    font-weight: bold;
    position: absolute;
    bottom: 0px;
    left: 18px;
    color: #fd7e14;
}

.artist-of-the-month-read-all-position{
    font-size: 15px;
    font-weight: bold;
    position: absolute;
    bottom: -7px;
    left: 18px;
    color: #fd7e14;
}

.indie-news-paragraph {
    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: 6px 18px 0px 18px !important;
    text-align: justify;
}
.indie-news-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;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.indie-news-title-repeat{
    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: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 94%;
}
.indie-news-read-all-position{
    font-size: 15px;
    font-weight: bold;
    position: absolute;
    bottom: 0px;
    left: 220px;
    color: #fd7e14;
}
.watch-artist-of-the-month-paragraph {
    font-size: 14px;
    line-height: 18px;
    font-family: 'OpenSans-Regular';
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 8px 112px 0px 18px !important;
    text-align: justify;
}
.watch-artist-of-the-month-play-icon{
    position: absolute !important;
    right: 2% !important;
    bottom: 6px !important;
    z-index: 99 !important;
    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;
}
.gigSwiper .jam-session-text-position{
    position: absolute;
    bottom: 28px;
    left: 0px;
    right: 0px;
}
.freeverse-section-play-icon-small{
    /* padding: 12px 19px;  */
    padding: 13px 18px;
    height: 51px;
}
.rcfa-season-font{
    font-size: 21px;
    color: #5c5959;
    font-weight: bold;
    text-align: right;
}
.rcfa-paragraph-position{
    font-size: 18px;
    line-height: 21px;
    text-align: right;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.season-btn{
    font-size: 24px;
    color: #5c5959;
    border-radius: 20px;
    padding: 6px 25px 6px 25px;
    border: 1px solid #5c5959;
}
.rcfa-play-icon {
    position: absolute !important;
    right: 2% !important;
    bottom: 0px !important;
    z-index: 99 !important;
    height: 45px;
    width: 45px;
    font-size: 15px !important;
    object-fit: contain;
    background: #fd7e14;
    color: #FFF;
    font-weight: bold;
    border-radius: 50%;
    border: 1px solid #fff;
    padding: 15px 17px;
}

.rjj-but .rj-shadow {
    height: 40%;
}

@media screen and (min-width: 1281px){
    /* .artist-of-the-month-height {
        height: 93%!important;
    } */
    .birthday-artist-of-the-month-height {
        height: 94.3%!important;
    }
    .artist-of-the-month-height {
        height: 95.5%!important;
    }
    .gizmos-artist-of-the-month-height {
        height: 95.5%!important;
    }
        .artist-of-the-month-height-repeat{
        /* height: 44.2%!important; */
        height: auto;
    }
    .watch-artist-of-the-month-height {
        height: 494px !important;
    }
    .watch-artist-of-the-month-height-repeat{
        height: 235px !important;
    }
    .rcfa-title{
    text-align: right;
}
}
@media screen and (max-width: 600px) {
    .gigSwiper .gig-banner-color {
        top: 100px;
        
    }
    .mobile-desktop-title-position-data .rj-title {
        /* font-size: 23px; */
        font-size: 18px;
        line-height: 26px;
    }
    .mobile-desktop-title-position-data .read-all-position {
        font-size: 18px;
    }
    .read-now-button-bootstrap{
        left:36px;
    }
    .birthday-img {
        border-radius: 20px 20px 0px 0px;
    }
    .birthday-heading-line-clamp {
        -webkit-line-clamp: 2;
        padding: 0px 0px;
    }
    .birthday-content-line-clamp {
        padding: 3px;
    }
    .birthday-read-now-button-bootstrap {
        left: 30px;
    }
    .birthday-div-height{
        padding: 0px 15px 60px 15px;
    }
    /* .artistswiper .rj-shadow {
        height: 417px;
    } */
    .interview-read-now-button-bootstrap {
        bottom: 14px;
        left: 37px;
    }
    .artist-of-the-month-paragraph-repeat {
        -webkit-line-clamp: 6;
        padding: 6px 22px 0px 17px !important;
    }
    .watch-artist-of-the-month-paragraph-repeat {
        -webkit-line-clamp: 6;
        padding: 6px 22px 0px 17px !important;
    }
    .artist-of-the-month-paragraph{
        padding: 6px 22px 0px 17px !important;
    }

    .artist-of-the-month-img{
        border-radius: 20px 20px 0px 0px !important;
        /* aspect-ratio: 1/1 !important; */
        aspect-ratio: 16/9 !important;
        padding: 0px !important;
    }
    .indie-news-paragraph {
        -webkit-line-clamp: 6;
    }

    .indie-news-read-all-position {
        left: 18px;
    }
    .watch-artist-of-the-month-paragraph {
        padding: 3px 31px 1px 18px !important;
    }
    .watch-artist-of-the-month-play-icon {
        height: 50px;
        width: 50px;
        font-size: 20px !important;
        padding: 15px 18px;
    }

    /* .watch-artist-of-the-month-paragraph-repeat{
        -webkit-line-clamp: 5;
    } */

    .freeverse-section-play-icon-big {
        width: 60px !important;
        height: 60px !important;
        font-size: 23px !important;
        padding: 13px 20px !important;
    }
    .rcfa-paragraph-position {
        text-align: left;
        padding: 15px 0px 0px;
    }
    .season-btn {
        font-size: 16px;
        padding: 3px 25px 3px 25px;
    }
    .rcfa-play-icon {
        bottom:-5px !important;
        height: 40px;
        width: 40px;
        padding: 13px 15px;
    }
    .rcfa-mobile-title{
        font-size: 16px;
    }
    .rcfa-season-font {
        font-size: 16px;
        text-align: left;
    }
    .interviews-play-icon-small {
        left: 45%;
        bottom: 40%;
    }
}
    /* .freedom-aspect-ratio1{
        aspect-ratio: auto;
        height: 100%;
        object-fit: cover;
    } */
    .freedom-aspect-ratio1{
        aspect-ratio: 16/8;
        height: 100%;
    }
    @media only screen and (max-width: 768px){
        .freedom-aspect-ratio1 {
            height: auto;
            aspect-ratio: 1/1;
        }
    }

    /* Navigation Sticky */

    .stickies {
        position: fixed;
        top: 0;
        width: 100%;
        padding:5px 6px;
        z-index: 9999;
    }
  
    @media screen and (max-width: 600px) {
        .navigation-position-add{
            margin-left: 18% !important;
        }
        .mobileburgernav {
            position: fixed;
            left: -100%;
            -webkit-transition: left 800ms ease-in;
            -moz-transition: left 800ms ease-in;
            -ms-transition: left 800ms ease-in;
            transition: left 800ms ease-in;
            z-index: 10000;
            width: 80%;
        }
        .searchmicmobile {
            position: fixed;
            right: 74px;
            /*ashraf */
            left: 73%;
            /*ashraf */
            top: 68px;
            z-index: 99;
            display: none;
            background: -webkit-linear-gradient(#2572b7,#ee7038);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .mobile-search {
            z-index: 99;
            position: fixed;
            right: 60px;
            top: 60px;
            width: 209%;
            display: none;
            font: inherit;
        }
    } 

    @media screen and (min-width: 1281px){
        .desktop-display-position{
            display: none !important;
        }
        .main-nav-Links-desktop-repeat{
            font-size: 14px;
        }
    }

    /* 04/08/2022 */


    .rjj-but .gig-date-font{
        font-size: 20px;
        color: #000000;
    }
    .rjj-but .discovery-blogs-names{
        font-family: 'OpenSans-Regular';
        font-size: 18px;
        line-height: 24px;
        color: #000000;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        padding: 0px;
    }
    .rjj-but .gig-event-content-line-clamp {
        font-size: 15px;
        line-height: 18px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        padding: 0px 0px 1px;
    }
    .rjj-but .gig-calendar-icon-position{
        width: 9%;
    }
    .rjj-but .gig-calendar-location-icon-position{
        width: 7%
    }
    .rjj-but .sup {
        vertical-align: super;
        font-size: smaller;
    }
    .rjj-but .gig-calendar-text-position{
        position: absolute;
        bottom: 16px;
        left: 45px;
        font-weight: 600;
        font-size: 12px;
    }
    .rjj-but .card{
        border: none;
        border-radius: 20px;
    }
    .gigdetailSwiper .swiper-slide img{
        aspect-ratio: 16/9 !important;
        object-fit: cover;
    }

    .gigdetailSwiper .swiper-pagination-bullet-active {
        background-color: #fd7e14 !important;
    }

    .gigdetailSwiper .swiper-pagination-bullet {
        background: #FFF;
        opacity: 1;
        width: 7px;
        height: 7px;
    }
    .mobile-desktop-title-position-data-repeat .rj-title{
        font-family: ''OpenSans-Regular'';
        font-size: 26px;
        line-height: 24px;
        color: #363636;
        font-weight: bolder;
        color: #000000;
        text-shadow: 1px 0 #000000;
        letter-spacing: 1px;
    }
    .mobile-desktop-title-position-data-repeat .read-all-position-repeat{
        font-size: 14px;
        font-weight: bold;
        color: #fd7e14;
    }

    .gigdetail .swiper-slide img {
        aspect-ratio: 16/9 !important;
        object-fit: cover !important;
    }
    .gigdetail .gig-calendar-location-icon-position{
        width: 9%
    }
    .gigdetail .gig-about{
        padding: 0px 18px;
        font-weight: 500;
    }
    .gigdetail .gig-coupon-card{
        height: 110px;
        background: #fbfeb1;
        border: 3px dotted #fe934d;
        border-radius: 15px;
    }
    .gigdetail .coupon-card-img {
        width: 10%;
        position: absolute;
        top: 11px;
        left: 15px;
    }
    .gigdetail .gig-coupon-name {
        position: absolute;
        top: 34px;
        left: 15px;
        font-size: 16px;
    }
    .gigdetail .gig-coupon-description {
        position: absolute;
        top: 57px;
        left: 15px;
        font-size: 13px;
        line-height: 17px;
        padding: 2px 16px 0px 0px;
    }
    .gig-thumbsup{
        width: 6%;
    }
    .interested-position{
        font-size: 18px;
        position: absolute;
        top: 4px;
        left: 38px;
        font-weight: 600;
    }
    .interested-number-position{
        font-size: 22px;
        font-weight: 900;
        text-shadow: 1px 0 #000000;
    }
    .gig-share{
        width: 100%;
        position: absolute;
        top: 4px;
        right: -340px;
        font-weight: 600;
        cursor: pointer;
    }
    .btn-fb{
        position: absolute;
        right: 88%;
        top: 0%;
        width: 13px;
    }
    /* .btn-insta{
        position: absolute;
        right: 81%;
        top: 18%;
        width: 25px;
    }
    .btn-yt{
        position: absolute;
        right: 73%;
        top: 24%;
        width: 24%;
    } */
    .btn-tr{
        position: absolute;
        right: 80%;
        top: 16%;
        width: 30px;
    }
    .btn-wa{
        position: absolute;
        right: 72%;
        top: 0%;
        width: 30px;
    }
    .gig-share-img:hover .btn-fb, .gig-share-img:hover .btn-tr, .gig-share-img:hover .btn-wa{
        display: block !important;
        /* background: url('/assets/images/FB.jpg') no-repeat;
        width: 9%; */
    }
    @media screen and (max-width: 767px){
        .btn-fb{
            position: absolute;
            right: 20%;
            top: 70%;
            width: 11px;
        }
        .btn-tr{
            position: absolute;
            right: 10%;
            top: 74%;
            width: 25px;
        }
        .btn-wa{
            position: absolute;
            right: 0%;
            top: 68%;
            width: 25px;
        }
        .collapsible{
            cursor: pointer;
            padding: 30px;
        }
    }

    .gig-booking-title{
        font-family: ''OpenSans-Regular'';
        font-size: 19px !important;
        line-height: 24px !important;
        color: #363636 !important;
        font-weight: bolder !important;
        color: #000000 !important;
        text-shadow: 1px 0 #000000 !important;
        letter-spacing: 1px !important;
    }
    .gig-interested-btn{
        width: 100px;
        height: 37px;
        font-size: 13px;
        border: none;
        border-radius: 5px;
        background: #fe934d;
        padding: 0px 8px;
        color: #FFF;
    }
    .gig-booking-detail{
        position: absolute;
        top: 7px;
        left: 30px;
        font-weight: 600;
        font-size: 13px;
    }
    .gig-book-now-btn{
        width: 130px;
        height: 40px;
        font-size: 16px;
        border: none;
        border-radius: 15px;
        background: #fe934d;
        padding: 0px 2px;
        color: #FFF;
    }
    .gig-booking-detail-time{
        width: 4%;
    }
    .gig-booking-detail-location{
        width: 3%;
    }
    .gig-booking-detail-text-position{
        padding: 0px 90px 0px 0px !important;
    }
    .gig-calender-artist-img{
        border-radius: 50%;
        object-fit: cover;
    }
    .gig-artist-title{
        font-family: ''OpenSans-Regular'';
        font-size: 15px;
        line-height: 24px;
        color: #363636;
        font-weight: bolder;
        color: #000000;
        text-shadow: 1px 0 #000000;
        letter-spacing: 1px;
    }
    .gig-calender-privacy-note{
        font-size: 14px;
        line-height:12px;
        font-weight: bold;
        text-shadow: 1px 0 #000000;
    }
    .gig-calender-privacy-policy-text{
        font-size: 13px;
        font-weight: 500;
        color: #000000;
    }
    .calender-position .card{
        border: none;
        border-radius: 20px;
        background: linear-gradient(130deg, #7e7b7b2e 5%,#fff 50%, #7e7b7b2e);
        height: 180px;
        box-shadow: 0px 5px 4px -5px;
    }
    .calender-position .calender-value-rotate{
        transform : rotate(-90deg); 
        font-size:20px
    } 
    .calender-position .calender-date{
        font-size: 17px;
        position: absolute;
        top: 19px;
        left: 25px;
        font-weight: bold;
    }
    .calender-position .calender-month{
        position: absolute;
        top: 19px;
        font-size: 15px;
        right: 40px;
        font-weight: bold;
    }
    .calender-position .calender-date-size{
        font-size: 40px;
        font-weight: 500;
        position: absolute;
        top: 17px;
        left: 58px;
    }
    .calender-position .border-top{
        border-top: 1px solid #a5a9ad!important;
    }
    .calender-position .border-bottom{
        border-bottom: 1px solid #a5a9ad!important;
    }
    .btn-calender-position{
        border-radius: 19px;
        color: #fff;
        padding: 0px 12px;
        border:none;
        position: absolute;
        bottom: 8px;
    }
    .Caribbean-Green-color{
        color: #00bc84;
    }
    .Caribbean-Green-color-btn{
        background: #00bc84;
    }
    .Moderate-blue-color{
        color: #3d8fc6;
    }
    .Moderate-blue-color-btn{
        background: #3d8fc6;
    }
    .Dixie-color{
        color: #e29b1d;
    }
    .Dixie-color-btn{
        background: #e29b1d;
    }
    .Magenta-color{
        color: #ed097d;
    }
    .Magenta-color-btn{
        background: #ed097d;
    }
    .Red-orange-color{
        color: #f7412c;
    }
    .Red-orange-color-btn{
        background: #f7412c;
    }
    .Tango-color{
        color:#F26f1f;
    }
    .Tango-color-btn{
        background:#F26f1f;
    }
    @media screen and (min-width: 1281px){
        .gigdetailSwiper .gig-banner-color {
            position: absolute;
            left: 0%;
            right: 0px;
            top: 171px;
            bottom: 0px;
            background: linear-gradient(to bottom, rgb(126 123 123 / -5%), #000000bf);
            border-radius: 0px 0px 20px 20px;
        }
        .gig-calender-photo-img{
            height: 194px;
        }

        .gig-calender-main .desktop-date-heading-position{
            font-family: ''OpenSans-Regular'';
            font-size: 24px;
            line-height: 24px;
            text-shadow: 1px 0 #000000;
            letter-spacing: 1px;
        }
        .gig-calender-main .calender-arrow-position{
            font-size: 20px;
            border-radius: 50%;
            width: 30px;
            height: 30px;
            border: 1px solid #969696;
            padding: 5px 21px 0px 8px;
        }
        .gig-calender-main .fa{
            font-weight: 600;
            color: #969696;
            cursor:pointer ;
        }
    }

    @media screen and (max-width: 767px){
        .rjj-but .gig-calendar-text-position{
            left: 55px;
        }
        .rjj-but .gig-calendar-icon-position{
            width: 7%;
        }
        .rjj-but .gig-calendar-location-icon-position{
            width: 6%
        }
        .mobile-desktop-title-position-data-repeat .rj-title{
            font-size: 17px;
            line-height: 26px;;
        }
        .mobile-desktop-title-position-data-repeat .read-all-position-repeat {
            font-size: 18px;
        }
        .gigdetail .gig-calendar-location-icon-position{
            width: 8%
        }
        .gigdetail .gig-calendar-icon-position{
        width: 9%;
        }
        .gig-about{
        padding: 0px;
        } 
        .gig-thumbsup{
            width: 8%;
        }
        .interested-number-position{
            font-size: 18px;
        }
        /* .gig-share-mobile {
            width: 6%;
            position: absolute;
            top: 7px;
            right: 66px;
            color:#000000;
        } */
        .gig-share-mobile {
            width: 6%;
            position: absolute;
            top: 7px;
            right: 52px;
            color:#000000;
        }
        /* .gig-share-text-font{
            background: #d1d1d1;
            width: 88px;
            height: auto;
            position: absolute;
            top: 4px;
            right: 6px;
            padding: 2px 0px 5px 36px;
            font-weight: bold;
            border-radius: 5px;
        } */
        .gig-share-text-font{
            background: #d1d1d1;
            width: 80px;
            height: auto;
            position: absolute;
            top: 4px;
            right: 0px;
            padding: 2px 0px 5px 36px;
            font-weight: bold;
            border-radius: 5px;
        }
        #Gig-Calendar .rj-title{
            font-size: 22px;
            line-height: 24px;
            color: #363636;
            font-weight: bolder;
            color: #000000;
            text-shadow: 1px 0 #000000;
            letter-spacing: 1px;
        }
        .interested-position {
            font-size: 18px;
            position: absolute;
            top: 4px;
            left: 9%;
            font-weight: 600;
        }
        .gig-booking-detail-time{
            width: 6%;
        }
        .gig-booking-detail-location{
            width: 5%;
        }
        .gig-booking-detail {
            top: 16px;
        }
        .gig-booking-detail-text-position{
            padding: 0px;
            line-height: 17px;
        }
        .gig-booking-detail-text-position{
            padding: 0px !important;
            line-height: 17px;
            font-size: 12px;
        }
        .gigdetail .gig-about{
            padding: 0px 18px 0px 0px;
        }

        .calender-position .calender-date-size {
            font-size: 40px;
            font-weight: 500;
            position: absolute;
            top: 22px;
            left: 21px;
        }
        .calender-position .calender-value-rotate-one {
            transform: none;
            font-size: 20px;
            position: absolute;
            top: 15px;
            left: 70px;
        }
        .calender-position .calender-value-rotate-two {
            transform: none;
            font-size: 16px;
            position: absolute;
            top: 35px;
            left: 70px;
        }
        /* .calender-position .gig-mobile-heading-text{
            font-size: 22px;
            text-shadow: 1px 0 #000000;
            position: absolute;
            top: 9px;
            left: -37px;
            font-weight: 500;
        } */
        .calender-position .gig-mobile-heading-text{
            font-size: 20px;
            text-shadow: 1px 0 #000000;
            position: absolute;
            top: 14px;
            left: -7%;
            font-weight: 500;
            padding: 0px 20px 0px 0px;
        }
        .calender-position .card {
            height: 90px;
            background: linear-gradient(166deg, #7e7b7b2e 5%,#fff 50%, #7e7b7b2e);
        }
        .calender-position .gig-calendar-location-icon{
            width: 8%;
            position: absolute;
            top: 40px;
            left: -53px;
        }
        /* .calender-position .gig-calendar-text{
            font-size: 15px;
            position: absolute;
            top: 40px;
            left: -14px;
        } */
        .calender-position .gig-calendar-text{
            font-size: 15px;
            position: absolute;
            top: 40px;
            left: -14px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            padding: 0px 20px 0px 0px;
        }
        .calender-position .gig-btn-more{
            color: #fff;
            border-radius: 15px;
            padding: 6px 20px;
            font-weight: 600;
            font-size: 16px;
            border:none ;
        }
        :root {
            --calendar-bg-color: #262829;
            --calendar-font-color: #FFF;
            --weekdays-border-bottom-color: #404040;
            --calendar-date-hover-color: #505050;
            --calendar-current-date-color: #1b1f21;
            --calendar-today-color: #ee6d2c;
            --calendar-today-innerborder-color: transparent;
            --calendar-nextprev-bg-color: transparent;
            --next-prev-arrow-color : #FFF;
            --calendar-border-radius: 16px;
            --calendar-prevnext-date-color: #484848
        }

    * {
        padding: 0;
        margin: 0;
    }

    .calendar {
        font-family: 'IBM Plex Sans', sans-serif;
        position: relative;
        max-width: 400px; /*change as per your design need */
        min-width: 320px;
        background: var(--calendar-bg-color);
        color: var(--calendar-font-color);
        margin: 20px auto;
        box-sizing: border-box;
        overflow: hidden;
        font-weight: normal;
        border-radius: 0px 0px 25px 25px;
    }

    .calendar-inner {
        padding: 10px 10px;
    }

    .calendar .calendar-inner .calendar-body {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        text-align: center;
    }

    .calendar .calendar-inner .calendar-body div>a {
        color: var(--calendar-font-color);
        text-decoration: none;
        display: flex;
        justify-content: center;
    }

    .calendar .calendar-inner .calendar-body div:hover {
        border: 1px solid var(--calendar-date-hover-color);
        border-radius: 4px;
    }

    .calendar .calendar-inner .calendar-body div.empty-dates:hover {
        border: 1px solid transparent;
    }

    .calendar .calendar-inner .calendar-controls {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .calendar .calendar-inner .calendar-today-date {
        display: grid;
        text-align: center;
        cursor: pointer;
        margin: 3px 0px;
        padding: 8px 0px;
        border-radius: 10px;
        width: 80%;
        margin: auto;
    }

    .calendar .calendar-inner .calendar-controls .calendar-year-month {
        display: flex;
        min-width: 100px;
        justify-content: space-evenly;
        align-items: center;
    }

    .calendar .calendar-inner .calendar-controls .calendar-next {
        text-align: right;
    }

    .calendar .calendar-inner .calendar-controls .calendar-year-month .calendar-year-label,
    .calendar .calendar-inner .calendar-controls .calendar-year-month .calendar-month-label {
        font-weight: 500;
        font-size: 20px;
    }

    .calendar .calendar-inner .calendar-body .calendar-today {
        background: var(--calendar-today-color);
        border-radius: 4px;
        width: 22px;
        padding: 2px 0px;
        margin-left: 14px;
    }

    .calendar .calendar-inner .calendar-body .calendar-today:hover {
        border: 1px solid transparent;
    }

    .calendar .calendar-inner .calendar-body .calendar-today span {
        outline: 2px solid var(--calendar-today-innerborder-color);
    }

    .calendar .calendar-inner .calendar-controls .calendar-next span,
    .calendar .calendar-inner .calendar-controls .calendar-prev span {
        color: var(--calendar-font-color);
        font-family: arial, consolas, sans-serif;
        font-size: 26px;
        text-decoration: none;
        padding: 4px 12px;
        display: inline-block;
        background: var(--calendar-nextprev-bg-color);
        margin: 10px 0 10px 0;
    }

    .calendar .calendar-inner .calendar-controls .calendar-next span svg,
    .calendar .calendar-inner .calendar-controls .calendar-prev span svg {
        height: 20px;
        width: 20px;
    }

    .calendar .calendar-inner .calendar-controls .calendar-next span svg path,
    .calendar .calendar-inner .calendar-controls .calendar-prev span svg path{
        fill: var(--next-prev-arrow-color);
    }

    .calendar .calendar-inner .calendar-body .prev-dates,
    .calendar .calendar-inner .calendar-body .next-dates {
        color: var(--calendar-prevnext-date-color);
    }

    .calendar .calendar-inner .calendar-body .prev-dates:hover,
    .calendar .calendar-inner .calendar-body .next-dates:hover {
    border: 1px solid transparent;
    pointer-events: none;
    }
    
    }

    @media screen and (max-width: 767px){
        .vor-title{
            /* padding: 0px 22px !important; */
            padding: 0px 80px 0px 25px !important;
        }
        .artist-of-the-month-title-repeat{
            width:100%;
        }
        .indie-news-title-repeat{
            width:100%;
        }
    }

    /* 06/08/2022 */

    .freedom-article-title{
        font-family: ''OpenSans-Regular'';
        font-size: 22px;
        line-height: 25px;
        color: #000000;
        text-shadow: 1px 0 #000000;
        letter-spacing: 1px;
    }
    .freedom-article-read-now-button-bootstrap{
        background: #fd7e14;
        color: #FFF;
        border-radius: 20px;
        border: none;
        padding: 4px 20px 4px 20px;
        font-size: 15px;
    }
    .freedom-article-name{
        font-family: 'OpenSans-Regular';
        font-size: 15px;
        line-height: 24px;
        color: #363636;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-shadow: 1px 0 #000000;
    }
    .freedom-article-detail-line-clamp{
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        padding: 2px;
    }
    @media only screen and (max-width: 768px){
        .article-btn-center {
            text-align: center;
        }
    }

    .gig-calendar-event-line-clamp{
        padding: 2px 0px 3px 0px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    /* 11-08-2022 */

    .blog-article-read-now-button-bootstrap{
        background: #fd7e14;
        color: #FFF;
        border-radius: 20px;
        border: none;
        padding: 8px 22px 8px 22px;
        font-size: 15px;
        font-weight: bold;
    }
    .new-artists .gizmo-name:hover{
        cursor: pointer !important;
        color: #fd7e14 !important;
    }
    .blogs .card{
        border-radius: 20px;
    }
    .blogs .blogs-line-clamp{
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        padding: 3px;
    }
    .blogs .blogs-line-clamp:hover{
        cursor: pointer !important;
        color: #fd7e14 !important;
    }
    @media only screen and (max-width: 768px){
        .vor .indie-news-mobile-img {
            border-radius: 20px 20px 0px 0px !important;
            object-fit: cover !important;
        }
        .vor .card-img-mobile {
          padding: 0px 15px 15px 15px !important;;
        }
        .vor .vor-paragraph-mobile{
            padding: 6px 24px 0px 24px !important;
        }
        .blog-article-read-now-button-bootstrap{
            padding: 10px 25px 10px 25px;
            font-size: 18px;
        }
    }

    /* 12-08-2022 */

    .gig-calendar-event-list-card{
        height:364px;
    }
    .gig-calendar-event-list{
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        padding: 0px;   
    }

    .gig-calendar-event-list-calendar{
        position: absolute;
        bottom: 23%;
        left: 0px;
    }

    .gig-calendar-event-list-location{
        position: absolute;
        bottom: 12%;
        left: 0px;
    }

    .gig-calendar-event-list-rupee{
        position: absolute;
        bottom: 0%;
        left: 0px;
    }

    .gig-calendar-text-position-calendar{
        position: absolute;
        bottom: 28%;
        left: 18%;
    }

    .gig-calendar-text-position-location{
        position: absolute;
        top: 76%;
        left: 18%;
        padding: 0px 13px 0px 0px;
    }

    .gig-calendar-text-position-rupee{
        position: absolute !important;
        bottom: 4% !important;
        left: 18% !important;
        
    }

    @media only screen and (max-width: 768px){
        .gig-calendar-event-list-card {
            height: 470px !important;
        }
        .gig-calendar-text-position-calendar {
            bottom: 27%;
        }
        .gig-calendar-text-position-location {
            top: 78% ;
            padding: 0px 50px 0px 0px;
        }
        .gig-calendar-text-position-rupee {
            bottom: 3% !important;
        }
    }


    /* 22-08-2022 */

    .gig-calendar-event-list-location-detail{
        position: absolute;
        bottom: 10%;
        left: 0px;
    }

    .gig-calendar-event-list-rupee-detail{
        position: absolute;
        bottom: -2%;
        left: 0px;
    }

    .gig-calendar-text-position-rupee-detail {
        position: absolute !important;
        bottom: 2% !important;
        left: 18% !important;
    }

    @media only screen and (max-width: 768px){
        .fpSwiper .swiper-slide .gig-calendar-event-list-card{
            height:400px !important;
        }

        .gig-calendar-event-list-mobile{
            bottom: 22% !important;
        }
        .gig-calendar-text-position-calendar-mobile {
            bottom: 27% !important;
        }

        .gig-calendar-event-list-location-detail-mobile{
            bottom: 10% !important;
        }
        .gig-calendar-text-position-location-mobile{
            top: 77% !important;
            padding: 0px 10px 0px 0px !important;
        }
        .gig-calendar-event-list-rupee-detail-mobile{
            bottom: -2% !important;
        }

        .gig-calendar-text-position-rupee-detail-mobile{
            position: absolute !important;
            bottom: 2% !important;
            left: 18% !important;
        }
    }

    /* 30-08-2022 */

    .listen-web-radio-card-position{
        height: 96%;
    }

    /* 02-09-2022 */

    .gigSwiper .listen-playlists-session-text-position{
        position: absolute;
        bottom: 36px;
        left: 0px;
        right: 0px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    /* 14-09-2022 */

    .jam-session-text-position-lineclamp{
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        padding: 0px 6px;
    }

    /* 19-09-2022 */

    .fvom-play-icon{
        position: absolute !important;
        right: 42% !important;
        bottom: 68px !important;
        z-index: 99 !important;
        height: 60px;
        width: 60px;
        font-size: 25px !important;
        object-fit: contain;
        background: #f5f3f5;
        color: #fd7e14;
        border-radius: 50%;
        border: 1px solid #fff;
        padding: 18px 22px;
    }

    .aotm-img{
        border-radius: 20px 20px 0px 0px;
        aspect-ratio: 16/9;
    }

    .entheightdesk-mobile{
        height: 100% !important;
    }


    /* 27-09-2022 */

    .vertical-small-add{
        width: 300px;
        height: 250px;
        background-color: #D3D3D3;
    }

    .vertical-big-add{
        width: 300px;
        height: 600px;
        background-color: #D3D3D3;        
    }

    .horiozontal-add{
        width: 728px;
        height: 90px;
        background-color: #D3D3D3;
    }

    .advertisement-text{
        font-size:10px;
        margin-bottom: 0px;
    }

    /* 03-10-2022 */

    @media only screen and (max-width: 600px){
        .main-navbar ul {
            overflow-x: auto;
            width: 100%;
            /* margin-left: 10%; */
        }
    }

    /* 06-10-2022 */

    .home-freedom-line-clamp{
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 84px;
    }