@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
* {box-sizing: border-box; text-decoration: none; list-style: none; padding: 0; margin: 0; margin-bottom: 0px;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, li ul, li ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, .shimmer-main-content, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;}
h1, h2, h3, h4, h5, h6 {font-weight: 600; line-height: 1;}
h2 {font-size: 15px; line-height: 1;}
h3 {font-size: 15px; font-weight: 700;}
h4 {font-size: 14px; font-weight: 700;}
h5 {font-size: 10px;}
p {font-size: 14px; margin-bottom: 0px;}
a, button {outline: none; text-decoration: none !important; transition: all 0.2s; cursor: pointer;}
select {outline: none;}
html{scroll-behavior: smooth;}
.disabled {opacity: 0.5; pointer-events: none;}
h1, h2, h3, h4, h5, h6, a { font-family: var(--primary-family); }
p { font-family: var(--primary-family); }
.use-icon-box {position: absolute; height: 0; width: 0; opacity: 0;}
::selection { background-color: var(--blue-500); color: var(--blue-50); }
::-moz-selection { background-color: var(--blue-500); color: var(--blue-50); }
a br {
    /* content: "";
    display: block;
    margin-bottom: 10px;
    clear: both; */
}

/* -------------
    Font Family
--------- */
@font-face { font-family: 'Ofelia Text'; font-weight: 500; src: url('../../assets/fonts/ofelia-text.otf') format('opentype'); }
@font-face { font-family: 'Almoni'; font-weight: 100; src: url('../../assets/fonts/almoni/almoni-thin-aaa.otf') format('opentype'); }
@font-face { font-family: 'Almoni'; font-weight: 200; src: url('../../assets/fonts/almoni/almoni-ultralight-aaa.otf') format('opentype'); }
@font-face { font-family: 'Almoni'; font-weight: 300; src: url('../../assets/fonts/almoni/almoni-light-aaa.otf') format('opentype'); }
@font-face { font-family: 'Almoni'; font-weight: 400; src: url('../../assets/fonts/almoni/almoni-regular-aaa.otf') format('opentype'); }
@font-face { font-family: 'Almoni'; font-weight: 500; src: url('../../assets/fonts/almoni/almoni-medium-aaa.otf') format('opentype'); }
@font-face { font-family: 'Almoni'; font-weight: 600; src: url('../../assets/fonts/almoni/almoni-demibold-aaa.otf') format('opentype'); }
@font-face { font-family: 'Almoni'; font-weight: 700; src: url('../../assets/fonts/almoni/almoni-bold-aaa.otf') format('opentype'); }
@font-face { font-family: 'Almoni'; font-weight: 800; src: url('../../assets/fonts/almoni/almoni-ultrabold-aaa.otf') format('opentype'); }
@font-face { font-family: 'Almoni'; font-weight: 900; src: url('../../assets/fonts/almoni/almoni-black-aaa.otf') format('opentype'); }
@font-face { font-family: 'Almoni'; font-weight: 950; src: url('../../assets/fonts/almoni/almoni-ultrablack-aaa.otf') format('opentype'); }

/* scrollbar */
.search-body-items::-webkit-scrollbar, .player-list-items::-webkit-scrollbar { width: 4px; height: 4px; }
.search-body-items::-webkit-scrollbar-thumb, .player-list-items::-webkit-scrollbar-thumb { background: var(--primary-lightgray); border-radius: 10px; }
.card-news-container::-webkit-scrollbar, .player-list-items::-webkit-scrollbar { width: 3px; }
.card-news-container::-webkit-scrollbar-thumb { border-radius: 10px; }
.red-type .card-news-container::-webkit-scrollbar-thumb { background: #FF97A0; }
.blue-type .card-news-container::-webkit-scrollbar-thumb { background: #335CFF; }
/* .blue-type .card-news-container {
    scrollbar-width: thin;
    scrollbar-color: #335CFF #fff;
}
.red-type .card-news-container {
    scrollbar-width: thin;
    scrollbar-color: #335CFF #fff;
} */



/* -----------------
    Theme Primary Color's
------------------- */
:root {
    --primary-family: 'Google Sans';
    --secondary-family: 'Almoni';
    --number-family: 'Inter';
	--primary-dark: #171717;
    --primary-white: #EBEBEB;
    --primary-gray: #5C5C5C;
    --primary-lightgray: #A3A3A3;
	--black: #000000;
    --white: #FFFFFF;
    --gary: #D1D1D1;
    --secondary-white: #F7F7F7;
    --primary-red: #D02533;
}

/* -----------------
    All Color's
------------------- */
:root {
    --darkgreen:    #0B463E;
    --aquagreen:    #22D3BB;
    --softgreen:    #F1FDFB;
    --emeraldgreen: #0B4627;
    --freshgreen:   #1FC16B;
    --lightgreen:   #E0FAEC;
    --darkmaroon:   #681219;
    --rosered:      #FB3748;
    --blushpink:    #FFEBEC;
    --olivebrown:   #624C18;
    --sunflower:    #F6B51E;
    --warm-white:   #FFFAEB;
    --darkbrown:    #71330A;
    --orange:       #FF8447;
    --softcream:    #FFF3EB;
    --darkmagenta:  #68123D;
    --magentarose:  #FB4BA3;
    --softpink:     #FFEBF4;
    --navyblue:     #124B68;
    --skyblue:      #47C2FF;
    --softblue:     #EBF8FF;
    --blue-950:     #122368;
    --blue-900:     #182F8B;
    --blue-800:     #1F3BAD;
    --blue-700:     #2547D0;
    --blue-600:     #3559E9;
    --blue-500:     #335CFF;
    --blue-400:     #4D82FF;
    --blue-300:     #97BAFF;
    --blue-200:     #C0D5FF;
    --blue-100:     #D5E2FF;
    --blue-50:      #EBF1FF;
}

/* -----------------
    All Theme Multipal Color's
------------------- */
:root .dark {
    --linear-carousel-start: #e3e0e0;
    --linear-carousel-end: rgb(227 224 224 / 0%);
    --linear-bg-color: rgb(227 224 224 / 50%);
    --bg-color: #e3e0e0;
    --text-color: #171717;
    --svg-color: #A3A3A3;
    --svg-primary: #A3A3A3;
    --svg-secondary: #;
}
:root .red {
    --linear-carousel-start: #fff5f6;
    --linear-carousel-end: rgba(255 235 236 / 0%);
    --linear-bg-color: rgba(255 235 236 / 50%);
    --bg-color: #FFEBEC;
    --text-color: #681219;
    --svg-color: #FB3748;
    --svg-primary: #D02533;
    --svg-secondary: #FF97A0;
}
:root .yellow {
    --linear-carousel-start: #fdf9f0;
    --linear-carousel-end: rgb(251 243 226 / 0%);
    --linear-bg-color: rgb(251 243 226 / 50%);
    --bg-color: #fbf3e2;
    --text-color: #6c541c;
    --svg-color: #F6B51E;
    --svg-primary: #E6A819;
    --svg-secondary: #FFE097;
}
:root .green {
    --linear-carousel-start: #f2fdfc;
    --linear-carousel-end: rgb(228 251 248 / 0%);
    --linear-bg-color: rgb(228 251 248 / 50%);
    --bg-color: #E4FBF8;
    --text-color: #0B463E;
    --svg-color: #22D3BB;
    --svg-primary: #22D3BB;
    --svg-secondary: #22D3BB;
}
:root .blue {
    --linear-carousel-start: #f6f8ff;
    --linear-carousel-end: rgba(235 241 255 / 0%);
    --linear-bg-color: rgba(235 241 255 / 50%);
    --bg-color: #EBF1FF;
    --text-color: #351A75;
    --svg-color: #335CFF;
    --svg-primary: #3559E9;
    --svg-secondary: #97BAFF;
}
:root .purple {
    --linear-carousel-start: #fff5f9;
    --linear-carousel-end: rgb(255 234 244 / 0%);
    --linear-bg-color: rgb(255 234 244 / 50%);
    --bg-color: #ffeaf4;
    --text-color: #771b49;
    --svg-color: #FB4BA3;
    --svg-primary: #FB4BA3;
    --svg-secondary: #ffc1c5;
}
:root .orange {
    --linear-carousel-start: #fdf6f1;
    --linear-carousel-end: rgb(251 236 228 / 0%);
    --linear-bg-color: rgb(251 236 228 / 50%);
    --bg-color: #fbece4;
    --text-color: #6c391f;
    --svg-color: #FF8447;
    --svg-primary: #FF8447;
    --svg-secondary: #FFF3EB;
}
:root .skyblue {
    --linear-carousel-start: #F5F8FF;
    --linear-carousel-end: rgba(245, 248, 255, 0);
    --linear-bg-color: rgb(232 248 255 / 50%);
    --bg-color: #e8f8ff;
    --text-color: #1d526c;
    --svg-color: #47C2FF;
    --svg-primary: #47C2FF;
    --svg-secondary: #EBF8FF;
}

/* Dark Color */
:root .darkgreen {
    --linear-carousel-start: #ecfefe;
    --linear-carousel-end: rgba(236, 254, 254, 0);
    --linear-bg-color: rgb(216 252 255 / 50%);
    --bg-color: #D8FCFF;
    --text-color: #00484E;
    --svg-color: #097E89;
    --svg-primary: #097E89;
    --svg-secondary: #1A9EAB;
}
:root .darkred {
    --linear-carousel-start: #fef0f5;
    --linear-carousel-end: rgba(254, 240, 245, 0);
    --linear-bg-color: rgb(255 226 237 / 50%);
    --bg-color: #FFE2ED;
    --text-color: #44001A;
    --svg-color: #89093A;
    --svg-primary: #89093A;
    --svg-secondary: #E984AB;
}
:root .darkyellow {
    --linear-carousel-start: #fdfef0;
    --linear-carousel-end: rgba(253, 254, 240, 0);
    --linear-bg-color: rgb(251 255 225 / 50%);
    --bg-color: #F4FF9F;
    --text-color: #454E00;
    --svg-color: #7A8909;
    --svg-primary: #7A8909;
    --svg-secondary: #E0EA94;
}


/* Secondary Color (Alt) */
:root .altblue {
    --linear-carousel-start: #f7f5ff;
    --linear-carousel-end: rgb(239 235 255 / 0%);
    --linear-bg-color: rgb(239 235 255 / 50%);
    --bg-color: #EFEBFF;
    --text-color: #351A75;
    --svg-color: #7D52F4;
    --svg-primary: #7D52F4;
    --svg-secondary: #C8B7F7;
}
:root .altgreen {
    --linear-carousel-start: #EFFDF5;
    --linear-carousel-end: rgba(239, 253, 245, 0);
    --linear-bg-color: rgba(224 250 236 / 50%);
    --bg-color: #E0FAEC;
    --text-color: #0B4627;
    --svg-color: #1FC16B;
    --svg-primary: #1DAF61;
    --svg-secondary: #84EBB4;
}

/* Number Color (Alt) */
:root .pastelgreen {
    --linear-carousel-start: #fdfef0;
    --linear-carousel-end: rgba(255, 255, 255, 0);
    --linear-bg-color: rgba(209, 247, 206, .5);
    --bg-color: #D1F7CE;
    --text-color: #074E00;
    --svg-color: #074E00;
    --svg-primary: #138209;
    --svg-secondary: #93EB8B;
}
:root .soft_blue {
    --linear-carousel-start: rgb(216 233 254 / 50%);
    --linear-carousel-end: rgba(255, 255, 255, 0);
    --linear-bg-color: rgb(216 233 254 / 50%);
    --bg-color: #D8E9FE;
    --text-color: #002070;
    --svg-color: #002070;
    --svg-primary: #0049E2;
    --svg-secondary: #BAD4F5;
}





/*                                          <===============>   <===============>   <===============>
*                                        <===============>      Yiddish 24 CSS HERE       <===============>
*                                           <===============>   <===============>   <===============>
*/

.grecaptcha-badge { z-index: 8; }
.prefix { font-size: smaller; top: -0.15em; position: relative; color: var(--blue-500); }

.main-page-wrapper .container-fluid { padding: 0; }
.main-page-wrapper .container-lg { max-width: 1680px; padding: 0; transition: all 0.3s; }
.main-page-wrapper .container { max-width: 1440px; padding: 0; }
.main-page-wrapper .container-sm { max-width: 1200px; padding: 0; }
.dir-rtl { direction: rtl; }
.main-content-area { position: relative; min-height: calc(100dvh - 658px); }
.text-center { width: 100%; text-align: center; }
.main-video-wrapper .channels-strip-inner, .main-video-wrapper .videos-block-area { max-width: 1440px; margin: 0 auto; }

/* Svg Color */
.fill-dark { fill: var(--primary-dark); }
.fill-white { fill: var(--white); }

/* Loader */
/* <div class="loader-box"></div> */
.loader-box { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9; background: rgb(255 255 255 / 70%); }
.loader-box:before { content: ''; position: absolute; inset: 0; width: 75px; height: 75px; background: transparent; border-top: 4px solid #2548d0; border-right: 4px solid transparent; border-radius: 50%; -webkit-animation: 1s loader-spin linear infinite; animation: 1s loader-spin linear infinite; aspect-ratio: 1; margin: auto; }
@keyframes loader-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

/*-----------------
    Button Area
    --------------*/
.blue-btn, .primary-btn { display: flex; align-items: center; gap: 4px; justify-content: center; font-family: var(--primary-family); font-weight: 500; font-size: 14px; line-height: 20px; border-radius: 4px; border: initial; padding: 4px 10px; outline: none; cursor: pointer; letter-spacing: -0.6%; transition: all 0.3s; white-space: nowrap; }
.default-btn { display: flex; align-items: center; gap: 10px; justify-content: center; font-family: var(--primary-family); font-weight: 500; font-size: 14px; line-height: 92%; letter-spacing: -3%; border-radius: 4px; border: initial; padding: 8px; outline: none; cursor: pointer; transition: all 0.3s; }
.default-btn i { width: 19px; height: 19px; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; font-size: 10px; }
.blue-btn { background: var(--blue-700); color: var(--white); }
.blue-btn:hover { background: var(--blue-800); }
.primary-btn { background: var(--white); color: var(--primary-dark); }
.primary-btn:hover { background: var(--secondary-white); }
.loader-btn .blue-btn {
    width: 100%;
    padding: 10px;
    gap: 10px;
}

/*-----------------
    Right Scroll Bar Area
    --------------*/
.scroll-bar-wrapper { position: relative; right: -6%; transition: all 0.3s; width: 0; z-index: 8; opacity: 0; visibility: hidden; }
.scroll-bar-container { position: sticky; top: 50%; left: 0; transform: translateY(-50%); }
.scroll-bar-wrapper.scroll-up { opacity: 1; visibility: visible; }
.scroll-items { padding: 0px 12px; display: inline-block; }
.tab-link { display: flex; flex-direction: column; align-items: center; color: var(--primary-dark); font-family: var(--primary-family); font-weight: 700; font-size: 12px; line-height: 130%; padding: 12px 6px 12px; gap: 8px; fill: var(--svg-color); letter-spacing: -0.6%; text-align: center; border-radius: 4px; }
.tab-link:hover, .tab-link.active { background: var(--bg-color); }
.more-info-area .blue-btn { background: var(--blue-500); color: var(--blue-50); line-height: 91.978%; letter-spacing: -0.42px; white-space: nowrap; height: 31px; padding: 0 10px; justify-content: space-between; gap: 10px; border-radius: initial; }
.more-info-area { padding: 13px 20px; }

/*-----------------
    horizontal scroll section
    --------------*/
.scroll-area-wrapper { padding: 20px; }
.scroll-area-layout { display: flex; align-items: stretch; overflow: hidden; padding: 0px 30px; }
.scroll-block { overflow: hidden; white-space: nowrap; position: relative; width: 100%; display: flex; align-items: center; }
.scroll-list { display: flex; gap: 4px; width: max-content; }
.slide-item { display: flex; align-items: center; justify-content: center; flex-shrink: 0; min-width: 150px; }
.scroll-contant { display: flex; padding: 8px 12px; justify-content: center; align-items: center; gap: 12px; cursor: pointer; border-radius: 4px; border: 0.5px solid var(--primary-white); background: #FFF; }
.scroll-contant .info-details-area { color: var(--svg-color); }
.scroll-contant h4 { color: var(--text-color); font-family: 'Almoni'; font-size: 14.92px; font-weight: 600; line-height: 91.978%; letter-spacing: -0.298px; }
.scroll-contant p { color: var(--text-color); font-family: 'Almoni'; font-size: 14.92px; font-weight: 400; line-height: 91.978%; letter-spacing: -0.298px; position: relative; padding-right: 10px; }
.scroll-contant p:before { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: calc(100% + 6px); width: 1px; background: var(--svg-color); }

/*                                          =============== ***
.                                                   Header Area
.                                                   *** ===================== 
*/

body.menu-open, .modal-show { overflow: hidden; }
.header-wraper { background: var(--white); padding: 20px 24px; border-bottom: 1px solid var(--primary-white); margin-bottom: 10px; position: sticky; top: 0; left: 0; z-index: 9; }
.header-division { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.header-content-wrapper { display: flex; align-items: center; gap: 28px; }
.head-logo-area img { max-height: 34px; }
.menu-toggle-button, .on-mob { display: none; }

/* toggle-btn */
.toggle-btn { width: 24px; height: 24px; position: relative; cursor: pointer; background: initial; border: initial; outline: initial; display: flex; align-items: center; justify-content: center; }
.toggle-btn-ico { display: block; width: 16px; height: 14px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; }
.toggle-btn span { display: block; position: absolute; height: 1.5px; width: 50%; background: #171717; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.toggle-btn span:nth-child(even) { left: 50%; }
.toggle-btn span:nth-child(odd) { left:0px; }
.toggle-btn span:nth-child(1), .toggle-btn span:nth-child(2) { top: 0px; }
.toggle-btn span:nth-child(3), .toggle-btn span:nth-child(4) { top: 6.5px; }
.toggle-btn span:nth-child(5), .toggle-btn span:nth-child(6) { top: 12.5px; }
.open-menu .toggle-btn span:nth-child(1), .open-menu .toggle-btn span:nth-child(6) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.open-menu .toggle-btn span:nth-child(2), .open-menu .toggle-btn span:nth-child(5) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.open-menu .toggle-btn span:nth-child(1) { left: 1.5px; top: 3.5px; }
.open-menu .toggle-btn span:nth-child(2) { left: calc(50% - 1.5px); top: 3.5px; }
.open-menu .toggle-btn span:nth-child(3) { left: -50%; opacity: 0; }
.open-menu .toggle-btn span:nth-child(4) { left: 100%; opacity: 0; }
.open-menu .toggle-btn span:nth-child(5) { left: 1px; top: 9px; }
.open-menu .toggle-btn span:nth-child(6) { left: calc(50% - 1px); top: 9px; }


/*-----------------
    Head Navigation Area
    --------------*/
.nav-items { display: flex; align-items: center; gap: 16px; position: relative; }
.nav-items .link-nav { font-family: var(--primary-family); font-weight: 500; font-size: 14px; line-height: 92%; letter-spacing: -3%; display: inline-block; align-items: center; gap: 2px; color: var(--primary-dark); white-space: nowrap; }
.up-down-arrow { width: 19px; aspect-ratio: 1/1; color: var(--primary-lightgray); display: inline-flex; align-items: center; justify-content: center; font-size: 12px; cursor: pointer; }
.up-down-arrow i { transition: all 0.3s; }
.nav-items .nav-item:hover .up-down-arrow i { transform: rotate(180deg); }
.nav-items .nav-item:hover .link-name { text-decoration: underline; text-decoration-thickness: 1.5px; }
.side-tab-items .rl-lr-arrow { display: none; }
.tab-pannel-links { display: none; }

/* Sub Navigation */
.sub-nav-items { position: absolute; top: 100%; right: -40px; padding-top: 40px; z-index: 11; width: max-content; transition: all .3s; opacity: 0; visibility: hidden; display: none; }
.nav-items li:hover .sub-nav-items,
.nav-items li.is-subnav-open .sub-nav-items { opacity: 1; visibility: visible; padding-top: 34px; transition: all .6s; display: block; }
@media (min-width: 992px) {
    .nav-items li.nav-dismissed .sub-nav-items,
    .nav-items li.nav-dismissed:hover .sub-nav-items,
    .nav-items li.nav-dismissed.is-subnav-open .sub-nav-items { opacity: 0; visibility: hidden; display: none; }
}
.sub-nav-inner { display: flex; align-items: flex-start; gap: 12px; background: var(--white); border-radius: 12px; padding: 18px; box-shadow: 0px 96px 96px -32px rgba(51, 51, 51, 0.06), 0px 48px 48px -24px rgba(51, 51, 51, 0.04), 0px 24px 24px -12px rgba(51, 51, 51, 0.04), 0px 12px 12px -6px rgba(51, 51, 51, 0.04), 0px 6px 6px -3px rgba(51, 51, 51, 0.04), 0px 3px 3px -1.5px rgba(51, 51, 51, 0.02), 0px 1px 1px 0.5px rgba(51, 51, 51, 0.04), 0px 0px 0px 1px rgba(51, 51, 51, 0.04), 0px -1px 1px -0.5px rgba(51, 51, 51, 0.06) inset; }
.side-tab-items .tab-pannel-links { padding: 12px; }
.main-cat-menu .sub-nav-inner { gap: initial; padding: 12px; border-radius: 8px; align-items: stretch; }
.side-tab-items { min-width: 260px; padding-left: 0; }
.side-tab-items > .sub-nav-item { position: relative; padding-left: 12px; }
#showSubnav .side-tab-items > .sub-nav-item:hover::after,
#showSubnav .side-tab-items > .sub-nav-item.active::after { content: ""; position: absolute; top: 0; bottom: 0; left: -16px; width: 16px; z-index: 2; }
.main-cat-menu .tab-pannel { padding: 12px; border-radius: 4px; background: var(--secondary-white); }
.side-tab-items .sub-link-nav { display: flex; align-items: center; gap: 8px; padding: 6px; color: var(--primary-dark); border-radius: 4px; }
.link-nav-info h4 { font-family: var(--primary-family); font-weight: 500; font-size: 12px; line-height: 92%; letter-spacing: -1%; }
.link-nav-info p { font-family: var(--primary-family); font-weight: 400; font-size: 11px; line-height: 92%; color: var(--primary-gray); margin-top: 4px; }
.nav-ico { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; aspect-ratio: 1/1; padding: 8px; border: 1px solid #F5F5F5; border-radius: 4px; font-size: 22px; mix-blend-mode: luminosity; background: var(--white); transition: all 0.3s; }
.sub-nav-item:hover, .sub-nav-item.active { background: var(--secondary-white); }
.sub-nav-item:hover .sub-link-nav .nav-ico, .sub-nav-item.active .sub-link-nav .nav-ico { mix-blend-mode: initial; }
/* Keep first/active podcast submenu item visually selected while parent is open */
#showSubnav:hover .side-tab-items > .sub-nav-item.active,
#showSubnav.is-subnav-open .side-tab-items > .sub-nav-item.active { background: var(--secondary-white); }
#showSubnav:hover .side-tab-items > .sub-nav-item.active .sub-link-nav .nav-ico,
#showSubnav.is-subnav-open .side-tab-items > .sub-nav-item.active .sub-link-nav .nav-ico { mix-blend-mode: initial; }
.tab-pannel .listing-group:not(.active) { display: none; }
.listing-group { display: grid; gap: 10px; grid-template-columns: repeat(4, 1fr); }
.main-cat-menu .tab-pannel-links .listing-group { grid-template-columns: repeat(4, 1fr); }
.list-item { width: 120px; aspect-ratio: 1/1; transform: scale(1); transition: all 0.3s; }
.list-item img { width: 100%; height: 100%; object-fit: cover; border-radius: 4px; outline: 1px solid rgba(0, 0, 0, 0.1); outline-offset: -1px; }
.card-item { min-width: 150px; max-width: 150px; }
.card-item .card-head-area { padding: 10px 18px; min-height: 96px; border-radius: 6px; display: flex; align-items: center; justify-content: center; }
.card-item .card-head-title { text-align: center; }
.card-item .card-head-title h3 { text-align: center; font-weight: 500; font-size: 28px; line-height: 85%; letter-spacing: -0.34px; }
.card-item .red-box { font-size: 14px; padding: 3px 4px; }
.sub-nav-bottom { text-align: center; margin-top: 10px; }
.sub-nav-bottom .bottom-link { font-family: var(--primary-family); font-weight: 500; font-size: 12px; line-height: 92%; letter-spacing: -1%; color: var(--primary-dark); display: inline-flex; align-items: center; gap: 4px; justify-content: center; }
.sub-nav-bottom .bottom-link i { display: flex; align-items: center; justify-content: center; width: 14px; aspect-ratio: 1; }
.sub-nav-items .listing-group { overflow-x: hidden; overflow-y: auto; max-height: calc(90dvh - 250px); gap: 18px; }
.listing-group::-webkit-scrollbar { width: 0px; height: 0px; }

/*-----------------
    Head Button Area
    --------------*/
.head-btn-area { display: flex; align-items: center; gap: 12px; position: relative; width: 100%; max-width: 700px; }
.btn-group-wrapper { position: relative; }

/* Search Engine */
.head-search-wrapper { position: relative; flex: 1; }
.search-btn-mobile { font-size: 18px; width: 24px; aspect-ratio: 1; display: none; align-items: center; justify-content: center; cursor: pointer; color: var(--primary-dark); }
.search-input { position: relative; }
.search-input input { background: var(--secondary-white); outline: none; border: 1px solid var(--primary-white); padding: 4px 36px 4px 8px; border-radius: 4px; font-family: var(--primary-family); font-weight: 600; font-size: 14px; line-height: 20px; letter-spacing: -0.6%; width: 100%; }
.search-icon, .cross-ico { position: absolute; height: 100%; display: flex; align-items: center; cursor: pointer; top: 0; }
.search-icon {
    color: #A3A3A3;
}
.cross-ico { font-size: 12px; }
.dir-rtl .search-icon { padding-right: 8px; right: 0; }
.dir-rtl .cross-ico { padding-left: 8px; left: 0; }
.dir-rtl .head-search-wrapper .search-output-wrapper { left: 0; }
.head-search-wrapper .search-output-wrapper { display: none !important; }

/* search Head */
.search-head { margin-bottom: 8px; }
.search-head-listing { display: flex; align-items: stretch; gap: 11px; }
.search-head-listing a { display: block; font-family: var(--primary-family); font-weight: 600; font-size: 13.5px; line-height: 18px; padding: 4px 8px; border-radius: 4px; color: var(--primary-gray); text-align: center; }
.search-head-listing a:hover, .search-head-listing .active a, .search-head-listing .search-cat-active a { background: #171717; color: var(--white); }

/* search-body */
.search-body-items { max-height: 320px; overflow-y: auto; }
.search-item { padding: 4px; display: flex; align-items: center; justify-content: space-between; border-radius: 4px; cursor: pointer; transition: all 0.3s; color: #171717; }
.search-item:not(:last-child) { margin-bottom: 8px; }
.search-news-img { width: 100%; max-width: 49px; aspect-ratio: 1/1; }
.search-news-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 4px; }
.news-title { font-family: var(--secondary-family); font-weight: 500; font-size: 14px; line-height: 100%; color: #171717; }
.news-details { font-family: var(--secondary-family); font-weight: 400; font-size: 12px; line-height: 131%; }
.search-content, .ico-list { display: flex; align-items: center; gap: 12px; }
.search-content { flex: 1; min-width: 0; color: inherit; text-decoration: none; }
.ico-list {
    --width: 18px;
    position: relative;
}
.search-ico-wrapper .ico-list a {
    color: #171717;
    display: flex;
    width: var(--width);
    min-width: var(--width);
    aspect-ratio: 1/1;
    justify-content: center;
    align-items: center;
    font-size: 16px;
}
.search-ico-wrapper .ico-angle {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
    visibility: visible;
}
.search-ico-wrapper li, .search-item:hover .search-ico-wrapper .ico-angle  { opacity: 0; visibility: hidden; transition: all 0.2s; }
.search-item:hover { background: var(--secondary-white); }
.search-item:hover .search-ico-wrapper li { opacity: 1; visibility: visible; }

/* Modal Search Area */
.modal-content.search-item-container {
    border-radius: 12px;
    border: 1px solid #EBEBEB;
    background: #FFF;
    box-shadow: 0 1px 2px 0 rgba(10, 13, 20, 0.03);
}
.search-modal .absolute-close {
    right: 0;
    left: 0;
    margin-bottom: 24px;
}
.modal-search-wrapper .search-input input {
    background: var(--white);
    border: initial;
    border-bottom: initial;
    padding: 12px 12px 12px 40px;
    border-radius: 12px;
}
.dir-rtl .modal-search-wrapper .search-icon, .dir-rtl .modal-search-wrapper .cross-ico {
    padding-left: 12px;
    padding-right: initial;
    left: 0;
    right: initial;
}
.modal-search-wrapper .search-output-wrapper {
    padding: 12px;
    border-top: 1px solid var(--primary-white);
}
.modal-search-wrapper .search-head-listing {
    flex-wrap: wrap;
}
.modal-search-wrapper .search-head-listing a {
    white-space: nowrap;
}
.modal-search-wrapper .search-item {
    padding: 8px;
}
.modal-search-wrapper .search-body-items {
    max-height: calc(100dvh - 322px);
}
.search-modal .modal-dialog {
    max-width: 640px;
}
.modal-search-wrapper .search-icon {
    display: none;
}
.modal-search-wrapper :has(.cross-ico[style="display: none;"]) .search-icon {
    display: flex;
}

/* Top Ads */
.top-ads-area { margin-bottom: 10px; padding: 0px 24px; }
.main-popular-inner .content-area-ads { margin-top: initial; margin-bottom: 20px; }
.content-area-ads { margin-top: 10px; margin-bottom: 10px; padding: 12px; border: 1px solid rgba(39, 39, 42, 0.15); border-radius: 8px; }
.ads-images { display: flex; align-items: stretch; gap: 10px; }
.ads-img { width: 100%; }
.ads-img img { width: 100%; height: 100%; border-radius: 4px; outline: 1px solid rgba(0, 0, 0, 0.1); outline-offset: -1px; }
.mobile-img { display: none; }

/*                                          =============== ***
.                                                   Footer Area
.                                                   *** ===================== 
*/

.footer-wrapper { padding: 120px 24px; background: #1570EF; margin-top: 80px;}
.footer-logo img { width: 100%; }
.footer-inner-panel { display: flex; align-items: stretch; gap: 10px; flex-direction: column; position: relative; z-index: 3; }
.footer-logo { max-width: 238px; }
.top-widget-areas, .support-subscribe-area, .copyright-with-menu { display: flex; align-items: center; gap: 29px; justify-content: space-between; border-bottom: 1px solid rgba(255, 255, 255, 0.24); }
.top-widget-areas { border-top: 1px solid rgba(255, 255, 255, 0.24); padding: 22px; }
.support-subscribe-area { padding-left: 22px; }
.copyright-with-menu { padding: 22px; }
.footer-content-area .top-widget-areas a, .footer-content-area .top-widget-areas span { font-family: var(--primary-family); }
.top-widget-areas .widget-menu { display: flex; align-items: center; gap: 29px; padding-left: 29px; }
.footer-content-area a, .footer-content-area span, .footer-content-area p { font-weight: 500; font-size: 20px; line-height: 100%; letter-spacing: -3%; color: var(--white); }
.text-content-area { white-space: nowrap; }
.app-store-panel { display: flex; align-items: center; gap: 14px; }
.text-content-area { display: flex; align-items: center; gap: 24px; }
.widget-menu { position: relative; display: flex; align-items: center; gap: 12px; padding-left: 24px; }
.widget-menu:before { content: ''; position: absolute; top: 0; left: 0; width: 2px; height: 100%; background: var(--white); border-radius: 6px; opacity: 50%; }
.copyright-with-menu span, .copyright-with-menu a, .copyright-with-menu p { font-family: var(--number-family); line-height: 31px; display: block; }
.copyright-with-menu .text-content-area a, .copyright-with-menu p, .copyright-with-menu .text-content-area span { letter-spacing: normal; }
.copyright-with-menu .copyright-team { display: flex; align-items: center; gap: 5px; }
.support-text { display: flex; align-items: center; gap: 29px; flex-direction: row-reverse; }
.subscribe-btn { padding: 31px; border: initial; background: var(--white); outline: initial; font-family: var(--primary-family); font-weight: 500; font-size: 20px; line-height: 100%; letter-spacing: -3%; text-align: center; color: #1570EF; min-width: 269px; }
.subscribe-form {display: flex;direction: ltr;}
.subscriber-input-control { padding: 25px;border: 1px solid var(--white); background: initial; outline: initial;font-family: var(--primary-family);font-weight: 500;font-size: 20px; line-height: 100%;letter-spacing: -3%; color: var(--white); text-align: left;}
.subscriber-input-control::placeholder {color: #fff;}
.subscribe-form .blue-btn { padding: 31px; border: initial; background: var(--white); outline: initial; font-family: var(--primary-family); font-weight: 500; font-size: 20px; line-height: 100%; letter-spacing: -3%; color: #1570EF; text-align: left; border-radius: initial; }
.subscribe-success-msg { padding: 25px 0px; font-size: 20px; color: #18ec7b; }
.subscribe-error-msg { padding: 25px 0px; font-size: 20px; color: #ec1834; }


/*                                          =============== ***
.                                                   Main Content Area (Home Page)
.                                                   *** ===================== 
*/

.main-content-wrapper { padding: 0px 24px; }
.main-content-inner { display: flex; align-items: stretch; gap: 12px; }
.additional-content, .news-side-baar { width: 100%; }
.additional-content { display: flex; flex-direction: column; }
.main-news-wrapper { flex: 1; }
.more-news-area { padding: 6px 4px; background: var(--primary-white); display: flex; align-items: center; justify-content: space-between; }
.bottom-news-block { background: var(--primary-white); display: flex; align-items: center; justify-content: center; }
.more-news-block { background: var(--primary-white); }
.date-bulletin { display: flex; align-items: center; gap: 10px; }
.date-bulletin p span { font-weight: 600; position: relative; margin-left: 6px; padding-left: 6px; }
.date-bulletin p span:before { content: ''; position: absolute; top: 50%; left: -2px; transform: translateY(-50%); background: var(--primary-gray); width: 3px; aspect-ratio: 1/1; }

/*--------------->
    Additional More News
<-------------------*/
.more-news-area p, .additional-more-bottom p { font-family: var(--secondary-family); font-weight: 400; font-size: 14.92px; line-height: 92%; letter-spacing: -2%; margin-bottom: 0px; color: var(--primary-gray); }
.additional-more-news p { text-decoration: underline; cursor: pointer; }
.news-input-inner { display: flex; align-items: stretch; direction: ltr; border-bottom: 1px solid var(--black); position: relative; }
.news-input-control { font-family: var(--secondary-family); font-weight: 600; font-size: 14.92px; line-height: 18px; background: transparent; border: initial; color: var(--primary-gray); width: 100%; outline: none; max-height: 18px; }
.news-input-control::placeholder { color: var(--gary); line-height: 18px; }
.submit-btn { outline: none; border: initial; display: flex; align-items: center; gap: 2px; font-family: var(--secondary-family); font-weight: 400; font-size: 14.92px; line-height: 92%; color: var(--primary-gray); background: initial; }
.more-news-area .submit-btn i { height: 18px; }
.msg-info { padding: 3px; border-radius: 2px; background: var(--white); }
.msg-info span { font-family: var(--secondary-family); font-weight: 400; font-size: 14.92px; line-height: 92%; text-align: center; display: block; padding: 0px 4px; }
.msg-info.success span { color: var(--freshgreen); }
.news-input-inner .msg-info.error { position: absolute; width: 100%; display: flex; align-items: center; justify-content: space-between; }
.msg-info.error span { color: var(--primary-red); }
.contact-newsletter .msg-info.error span { color: var(--primary-red); display: inline-block; }
.additional-news-head { display: flex; align-items: center; gap: 16px; }
.additional-content .additional-more-news { min-width: 265px; }
.more-news-area svg { fill: var(--primary-gray); }
.more-news-area i, .bulletin-more i { color: var(--primary-gray); font-size: 14px; width: 19px; height: 19px; display: flex; align-items: center; justify-content: center; }
.bulletin-more { font-family: var(--secondary-family); font-weight: 600; font-size: 14.92px; line-height: 92%; text-align: center; color: var(--primary-gray); display: flex; align-items: center; justify-content: center; gap: 8px; white-space: nowrap; padding: 6px 4px; }
.more-news-area .bulletin-more i, .bulletin-more i { font-size: 12px; }
.additional-more-bottom { padding: 2px 34px 6px; display: none; }


/*--------------->
    Main News Area
<-------------------*/
.main-news-wrapper { display: flex; align-items: stretch; border: 1px solid var(--primary-white); }
.main-news-content { column-count: 2; position: relative; gap: 0px; }
.main-news-content::before { border-right: 1px solid var(--primary-white); content: ''; position: absolute; left: 0; width: 50%; height: 100%; z-index: -1; pointer-events: none; }
.large-content-card, .medium-content-card, .small-content-card { padding: 16px 20px; display: flex; gap: 10px; position: relative; align-items: stretch; transition: all 0.3s; break-inside: avoid; }
.large-content-card, .medium-content-card { flex-direction: column; }
/* .side-news-content .small-content-card { align-items: flex-start; } */
.side-news-content .small-content-card:first-child { min-height: 164px; }
.small-content-card { border-top: 1px solid var(--primary-white); }
.medium-content-card { width: calc(50% - 0px); display: inline-flex; min-height: 305px; float: right; }
.medium-content-card + .medium-content-card::before { border-right: 1px solid var(--primary-white); content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 100%; }
.large-content-card .info-details-area { font-weight: 700; font-size: 36px; letter-spacing: -2%; line-height: 92%; }
.additional-content .large-content-card .info-details-area { margin-bottom: 32px; }
.large-content-card .icon-wrap { width: 27px; height: 27px; top: -1px; }
.info-group-panel { display: flex; flex-direction: column; flex: 1; justify-content: space-between; }
.additional-content .info-details-area { margin-bottom: 6px; }
.info-details-area { font-family: var(--secondary-family); font-weight: 500; font-size: 20px; line-height: 100%; color: var(--primary-dark); width: 100%; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; position: relative; z-index: 1; cursor: pointer; }
.card-img { aspect-ratio: 3/2; width: 100%; position: relative; overflow: hidden; z-index: 1; }
.card-img img { width: 100%; height: 100%; border-radius: 4px; object-fit: cover; outline: 1px solid rgba(0, 0, 0, 0.1); outline-offset: -1px; }
.main-news-content .small-content-card .card-img { max-width: 170px; }
.large-content-card .info-details-area, .small-content-card .info-details-area { -webkit-line-clamp: 4; }
.medium-content-card .info-details-area { -webkit-line-clamp: 5; }
.medium-content-card .card-img, .small-content-card .card-img  { aspect-ratio: 16/9; }
.elapsis-conent { display: inline; }
img.share-modal-btn, .img-block.share-modal-btn { cursor: pointer; }

/*--------------->
    Card Play Btn
<-------------------*/
.icon-wrap { position: relative; display: inline-flex; width: 12px; height: 12px; align-items: center; justify-content: center; cursor: pointer; vertical-align: middle; }
.large-content-card .icon-wrap:before { font-size: 27px; }
.icon-wrap:before { content: '\f02a'; position: absolute; right: 0; top: 0; height: 100%; width: 100%; font-family: "fa-yiddish"; line-height: 1; font-size: 12px; display: flex; align-items: center; justify-content: center; }
.playing-now .icon-wrap:before { content: '' !important; background-image: url(/assets/images/music.svg) !important; background-position: center; background-repeat: no-repeat; background-size: calc(100% - 0px); }
.info-details-area:hover .icon-wrap:before { content: '\f02b'; }
.played-card .icon-wrap:before { content: '\f038'; }
.played-card .info-details-area, .played-card .card-sub-title { color: var(--primary-lightgray); }
.card-list.played-card .info-details-area { opacity: .5; }
.card-list.played-card .info-details-area, .card-list.played-card .card-sub-title { color: var(--darkmaroon); }

/*--------------->
    Additional Content hover
<-------------------*/
.additional-content .large-content-card:hover, .additional-content .medium-content-card:hover, .additional-content .small-content-card:hover {
    box-shadow: 0px 16px 32px -12px #0E121B1A;
}
.additional-content .card-bottom-btn .card-item-btn {
    white-space: nowrap;
}
.large-content-card:hover .card-bottom-btn .card-item-btn, .medium-content-card:hover .card-bottom-btn .card-item-btn, .small-content-card:hover .card-bottom-btn .card-item-btn {
    opacity: 1;
}

/*--------------->
    News Side Baar 
<-------------------*/
.main-content-inner .card-news-inner { position: relative; padding-top: 12px; }
/* .main-content-inner .card-news-inner::after { content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 30px; z-index: 1; background: linear-gradient(0deg, #FFF8F9 23%, rgb(255 248 249 / 0%) 83%); } */
.news-side-baar { max-width: 392px; }
.red-type { background: #FFF8F9; border-left: 1px solid #FFD5D8; }
.red-type .more-news-area { background: var(--primary-red); }
.red-type .more-news-area i { color: #FFC0C5;}
.more-title { font-family: var(--primary-family); font-weight: 500; font-size: 14px; line-height: 92%; text-align: center; color: var(--blushpink); letter-spacing: -3%; }
.main-content-inner .card-news-container { max-height: calc(640px - 74px); overflow-y: auto; margin-left: 4px; padding-left: 4px; }
.news-side-baar .small-content-card .card-img { max-width: 48px; aspect-ratio: 1/1; align-self: flex-start; }
.main-content-inner .news-side-baar .small-content-card { border-top: initial; padding: 12px 20px; }
.main-content-inner .news-side-baar li:first-child .small-content-card { padding-top: initial; }
.news-side-baar .info-details-area { font-weight: 600; font-size: 16px; transition: all 0.3s; line-height: 1; }
.red-type .info-details-area { color: var(--darkmaroon); }
.red-type .icon-wrap:before { filter: sepia(100%) saturate(7471%) brightness(65%) contrast(112%); }
.card-list:hover .icon-wrap:before { opacity: 0.5; }
.red-type .card-list:hover .info-details-area { color: var(--rosered); }
.card-news-container .news-item { display: block; margin-bottom: 10px; transition: all 0.6s; }
.news-side-baar .card-img img { border: 1px solid rgba(0, 0, 0, 0.1); }
@keyframes slideInFromLeft { from { opacity: 0; transform: translateX(-100px); } to { opacity: 1; transform: translateX(0); } }
.animate-news-in { animation: slideInFromLeft 0.6s; }
.news-side-baar .bulletin-more { width: 100%; }
.red-type .bottom-news-block { background: #FFE2ED; }
.red-type .bulletin-more { color: var(--darkmaroon); }

/* .glide-bullets-wrapper { display: none; align-items: center; justify-content: center; padding: 12px; gap: 3px; }
.glide-bullets-wrapper .glide-bullet-dot { width: 4px; height: 4px; aspect-ratio: 1/1; cursor: pointer; background: #FFD5D8; border-radius: 100px; transition: all 0.3s; border: initial; }
.glide-bullets-wrapper .glide-bullet-dot.glide__bullet--active { width: 15px; background: #FF97A0; } */

/*                                          =============== ***
.                                                   Main Popular Area
.                                                   *** ===================== 
*/

/* .main-popular-wrapper { position: relative; padding: 20px 24px; } */
.main-popular-wrapper { position: relative; padding: 20px 24px; display: flex; align-items: stretch; justify-content: center; }
.main-popular-wrapper .row { margin: 0px; position: relative; z-index: 3; align-items: flex-start; }
.main-popular-wrapper .popular-card-wrapper { padding-left: 14px; padding-right: 0px; width: 82%; flex: 1; }
.main-popular-wrapper .sidebaar-wrapper { padding: 0px; max-width: 250px; width: 18%; z-index: 1; }
.main-popular-inner { max-width: 100%; }
.popular-news-layout { margin-bottom: 20px; }

/*-----------------
    News News
    --------------*/
.news-side-wrapper .news-side-baar.wa-group-messages { max-width: initial; }
.news-side-wrapper .news-top-head { margin-bottom: 12px ; }
.news-side-wrapper .news_slider { list-style: none; margin: 0; padding: 0; }
.news-side-wrapper .news_slider:not(.owl-loaded) { display: flex; align-items: stretch; gap: 10px; padding: 0 30px; overflow: hidden; }
.news-side-wrapper .news_slider:not(.owl-loaded) > .card-list { flex: 0 0 calc(25% - 8px); min-width: 0; }
.news-side-wrapper .prime-carousel .owl-stage-outer { overflow: visible; }
.news-side-wrapper .news-side-baar .info-details-area { -webkit-line-clamp: 3; }
.news-side-wrapper .small-content-card { border-top: initial; padding: initial; }
/* .news-side-wrapper .news-side-baar .small-content-card .card-img { max-width: none; width: 100%; aspect-ratio: 16 / 9; align-self: stretch; }
.news-side-wrapper .wa-group-msg-item { height: 100%; }
.news-side-wrapper .owl-carousel .owl-item .elapsis-conent .wa-msg-avatar img { width: 12px; height: 12px; } */
.news-side-wrapper .prime-carousel .owl-nav button i { top: calc(50% - 10px); transform: translateY(-50%); width: 40px; }


/*-----------------
    Popular Card
    --------------*/
.popular-group-layout { padding: 20px 0px; border-radius: 4px; background: var(--linear-bg-color); overflow: hidden; }
.popular-group-layout[id^="cat-"] { scroll-margin-top: 80px; }
.popular-group-layout:not(:last-child) { margin-bottom: 20px; }
.popular-group-layout .news-top-head.bottom-area { display: none; margin-bottom: initial; margin-top: 10px; }

/* ------> Card Head <------ */
.news-top-head { display: flex; align-items: center; gap: 20px; justify-content: space-between; margin-bottom: 10px; padding: 0px 30px; }
.head-title { display: flex; align-items: center; gap: 4px; color: var(--text-color); fill: var(--svg-color); }
/* .head-title svg { fill: var(--svg-color); } */
.head-title i { color: var(--svg-color); font-weight: 600; }
.head-title h2 { font-family: var(--primary-family); font-weight: 500; font-size: 14px; line-height: 92%; letter-spacing: -3%; margin: 0px; }
.news-top-head .default-btn { background: var(--bg-color); color: var(--text-color); }

/* ------> Card Listing <------ */
.news-card-items { display: grid; column-gap: 9px; grid-template-columns: repeat(5, minmax(0, 1fr)); padding: 0px 20px; }
.news-card-item { padding: 10px; border-radius: 8px; background: transparent; transition: all 0.3s; display: flex; flex-direction: column; align-items: stretch; }
.img-block { position: relative; padding-top: 100%; overflow: hidden; }
.img-block img { position: absolute; top: 0; right: 0; border-radius: 4px; width: 100%; height: 100%; object-fit: cover; outline: 1px solid rgba(0, 0, 0, 0.1); outline-offset: -1px; }
.news-action { display: flex; align-items: center; gap: 10px; justify-content: space-between; margin-top: 12px; padding: 0px 4px; }
.play-btn { position: relative; display: flex; align-items: center; gap: 6px; font-family: var(--secondary-family); font-weight: 500; font-size: 12px; border: 1px solid #E1E4EA; border-radius: 100px; padding: 4px 6px 4px 5px; color: #222530; line-height: 92%; background: var(--black); color: var(--primary-white); }
.play-btn i { display: inline-flex; align-items: center; justify-content: center; width: 12px; height: 12px; font-size: 12px; color: var(--primary-white); }
.play-btn span { padding-top: 1px; }
.play-btn svg { width: 12px; height: 12px; transition: all 0.3s; }
.news-date { font-family: var(--primary-family); font-weight: 500; font-size: 11px; line-height: 131%; color: var(--primary-lightgray); }
.heading-content-area { margin: 12px 0; display: flex; align-items: center; gap: 12px; }
.ico-img-wrap { width: 100%; max-width: 35px; aspect-ratio: 1/1; }
.ico-img-wrap img { border-radius: 4px; width: 100%; height: 100%; outline: 1px solid rgba(0, 0, 0, 0.1); outline-offset: -1px; }
.heading-content-text { width: 100%; }
.headline-desc { font-family: var(--primary-family); font-weight: 500; font-size: 14px; letter-spacing: -3%; margin-bottom: 6px; color: #0E121B; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; min-height: 25px; }
.popular-card-listing .headline-desc { text-align: right; }
.english-text { text-align: left; direction: ltr; }
.card-content-details p.english-text,
.card-content-details .card-sub-title.english-text,
.card-content-details .card-sub-title.english-text p,
.card-content-details .info-details-area.english-text,
.card-content-details .info-details-area.english-text p {
    text-align: left;
    direction: ltr;
}
.headline-sub-desc { word-break: break-word; font-family: var(--secondary-family); font-weight: 500; font-size: 16px; line-height: 100%; color: var(--primary-dark); width: 100%;}
.card-btn-group { display: flex; align-items: center; gap: 10px; }
.card-bottom-btn { display: flex; gap: 10px; justify-content: space-between; flex: 1; align-items: flex-end; position: relative; }
.card-bottom-btn .card-item-btn { position: relative; display: flex; align-items: center; gap: 10px; justify-content: center; font-family: var(--secondary-family); font-weight: 400; font-size: 14px; line-height: 92%; border-radius: 4px; border: initial; outline: none; cursor: pointer; transition: all 0.3s; color: var(--black); opacity: 0; }
.playing-next .card-bottom-btn .card-btn-group .card-item-btn i:not(.share-info-wrapper .card-item-btn i) { opacity: 1; color: var(--blue-500); }
.card-btn-group .card-item-btn i { font-size: 14px; }
.news-card-item:hover { background: var(--white); box-shadow: 0px 16px 32px -12px #0E121B1A; }
.news-card-item:hover .card-bottom-btn .card-item-btn { opacity: 1; }
.card-bottom-btn i { color: #525866; font-size: 12px; display: flex; align-items: center; justify-content: center; width: 19px; aspect-ratio: 1 / 1; height: 19px; }

/* Share Info Wrapper */
.share-details-wrapper { padding-bottom: 0px; position: absolute; bottom: 13px; left: 50%; opacity: 0; width: 324px; transform: translateX(-50%); visibility: hidden; transition: all 0.3s; z-index: 1; }
.share-info-wrapper.active .share-details-wrapper { opacity: 1; padding-bottom: 13px; visibility: visible; }
.owl-carousel .owl-item:has(.share-info-wrapper.active) { z-index: 9; }
.share-inner-wrapper { background: var(--white); border-radius: 12px; border: 1px solid var(--primary-white); padding: 10px 12px; box-shadow: 0px 12px 24px 0px #0E121B0F, 0px 1px 2px 0px #0E121B08; }
.copy-link-wrap { position: relative; display: flex; flex-direction: row-reverse; align-items: stretch; border: 1px solid var(--primary-white); border-radius: 4px; box-shadow: 0px 1px 2px 0px #0A0D1408; }
.link-ico { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); display: flex; z-index: 1; }
.copy-link-wrap input.copy-link-control { border: initial; background: transparent; color: #121213; padding: 10px 12px 10px 40px; width: 100%; outline: initial; text-align: left; font-family: var(--number-family); font-weight: 400; font-size: 14px; line-height: 20px; z-index: 2; direction: ltr; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-overflow: ellipsis; }
.copy-link-wrap i { width: 21px; height: 21px; font-size: 15px; }
.icon-copy-area { position: relative; width: 20px; height: 20px; }
.copy-icon, .check-icon { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; }
.check-icon { opacity: 0; transform: scale(0.25); }
.copy-btn.copied .copy-icon { opacity: 0; transform: scale(0.25); }
.copy-btn.copied .check-icon { opacity: 1; transform: scale(1); }
.copy-link-wrap .copy-btn { color: var(--primary-dark); }
.share-inner-wrapper .copy-btn { display: flex; align-items: center; justify-content: center; padding: 5px 8px; background: var(--white); outline: initial; border: initial; cursor: pointer; border-left: 1px solid var(--primary-white); }
.share-items { display: flex; align-items: center; gap: 9px; margin-top: 12px; flex-direction: row-reverse; }
.share-list { display: flex; align-items: center; }
.share-list .social-icon { display: flex; flex-direction: column; align-items: center; justify-content: space-between; border: 0.79px solid var(--primary-white); border-radius: 4px; box-shadow: 0px 1px 2px 0px #0A0D1408; padding: 4px; }
.share-list-ico { display: flex; align-items: center; margin-left: 12px; cursor: pointer; }
.share-list-ico i { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; font-size: 16px; }
.snackbar {display: none;}
.news-card-item.left .share-info-wrapper, .news-card-item.right .share-info-wrapper, .large-content-card.right .share-info-wrapper { position: static; }
.share-info-wrapper { position: relative; }
.news-card-item.left .share-details-wrapper, .large-content-card.right .share-details-wrapper { right: 0px; left: auto; transform: initial; }
.news-card-item.right .share-details-wrapper { left: 0; transform: initial; }
.owl-carousel .owl-item:first-child .share-details-wrapper, .owl-carousel .owl-item:last-child .share-details-wrapper { right: -30px; left: auto; transform: initial; }
.owl-carousel .owl-item:first-child { z-index: 1; }

/*--------------->
    Popular Video 
<-------------------*/
.news-card-items[data-item-count="8"] { row-gap: 10px; column-gap: 0px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.popular-video .img-block { padding-top: 56%; cursor: pointer; }
.popular-video .heading-content-area { margin: 4px 0px 0px; align-items: flex-start; }
.popular-video .play-btn-link { position: absolute; bottom: 5px; left: 5px; }
.popular-video .play-btn { color: var(--white); line-height: 92%; /* background: var(--black); */ border: 0.5px solid #FFFFFF80; backdrop-filter: blur(10px); }
.popular-video .play-btn i { /* color: var(--white); */ }

/*--------------->
    Interviews Block 
<-------------------*/


/*--------------->
    Owl Slider 
<-------------------*/
.popular-card-listing .prime-carousel .owl-stage-outer { overflow: visible; }
.prime-carousel .owl-nav button.owl-next, .prime-carousel .owl-nav button.owl-prev { position: absolute; top: 0; color: var(--primary-dark); font-size: 14px; display: flex; align-items: center; justify-content: center; aspect-ratio: initial; height: calc(100% + 20px); border: initial; outline: initial; width: 100%; max-width: 150px; }
.prime-carousel .owl-nav button.owl-next { left: 0; }
.prime-carousel .owl-nav button.owl-prev { right: 0; }
.prime-carousel .owl-nav button i { position: absolute; top: 95px; z-index: 2; display: flex; align-items: center; justify-content: center; background: rgb(90 90 90 / 80%); box-shadow: 0px 4px 12.2px 0px rgba(0, 0, 0, 0.04); width: 44px; aspect-ratio: 1 / 1; border-radius: 50%; color: var(--white); visibility: hidden; opacity: 0; transition: all 0.3s; }
.prime-carousel .owl-nav button.owl-next i { left: 40px; }
.prime-carousel .owl-nav button.owl-prev i { right: 40px; }
.prime-carousel .owl-nav button:hover i { visibility: visible; opacity: 1; }
.prime-carousel .owl-next:after, .prime-carousel .owl-prev:after { content: ''; position: absolute; top: 0; height: 100%; width: 100%; z-index: 1; pointer-events: none; }
.prime-carousel .owl-next:after { left: 0px; background: linear-gradient(90deg, var(--linear-carousel-start) 15%, var(--linear-carousel-end) 100%); }
.prime-carousel .owl-prev:after { right: 0px; background: linear-gradient(-90deg, var(--linear-carousel-start) 15%, var(--linear-carousel-end) 100%); }
.owl-prev.disabled, .owl-next.disabled { display: none !important; }


/* --------------------
    Stop List Box  / Play List Box 
----------------------- */
.stop-list .play-btn, .play-list .play-btn { /* background: #E1E4EA; */ } 
.popular-video .stop-list .play-btn, .popular-video .play-list .play-btn { /* background: var(--black); */ }

/* --------------------
    Played Box 
----------------------- */
.played-podcast .headline-desc { color: var(--primary-lightgray); }
.played-podcast .play-btn, .played-podcast .play-btn i { color: #525866; }

/* --------------------
    Play Live Box 
----------------------- */
.play-live .play-btn { background: var(--primary-red); border-color: var(--primary-red); color: var(--white); }
.play-live .play-btn i { color: var(--white); }

/* --------------------
    Stop Live Box 
----------------------- */
.stop-live .play-btn { background: var(--rosered); border-color: var(--rosered); color: var(--white); }
.stop-live .play-btn i { color: var(--white); }

/* ------------------------
    Sidebaar Wrapper
-------------------- */
.sidebaar-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.sidebaar-head h4 { font-family: var(--number-family); font-size: 12px; font-weight: 500; text-align: center; line-height: 16px; color: var(--blue-500); border: 1px solid rgba(192, 213, 255, 1); border-radius: 5px; padding: 3px 8px; }
.sidebaar-head .primary-btn { font-family: var(--number-family); font-size: 12px; font-weight: 500; text-align: center; line-height: 16px; color: #111115; border: 1px solid var(--border-default, rgba(39, 39, 42, 0.1)); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05), 0px -1px 0px 0px rgba(0, 0, 0, 0.08) inset; border-radius: 6px; padding: 3px 6px; z-index: initial; }
.bulletin-news-ads:not(:last-child) { margin-bottom: 10px; }
.bulletin-news-ads a { display: block; }
.bulletin-news-ads img { border-radius: 8px; outline: 1px solid rgba(0, 0, 0, 0.1); outline-offset: -1px; }
.sidebaar-ads-area { padding: 12px; border: 1px solid rgba(39, 39, 42, 0.15); border-radius: 8px; }
.home-sidebar-player { margin-bottom: 12px; overflow: hidden; }
.home-sidebar-player .more-news-area { justify-content: center; }
.home-sidebar-player .more-title { width: 100%; }
.home-sidebar-player .home-player-body { padding: 12px 10px; }
.home-sidebar-player .bulletin-more { width: 100%; }
/* Left sidebar only. In RTL the first sidebar of a two-sidebar row is the right column. */
.column-block-wrapper > .sidebaar-wrapper:first-child:not(:last-child) .home-sidebar-player { display: none; }
.home-player-title { display: none; margin: 0 0 12px; font-family: var(--secondary-family); font-size: 13px; font-weight: 600; line-height: 18px; text-align: right; color: var(--darkmaroon); }
.home-player-controls { display: flex; align-items: center; justify-content: center; gap: 8px; direction: ltr; }
.home-player-controls a { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; border: 1px solid rgba(39, 39, 42, 0.15); color: #111115; font-size: 16px; }
.home-player-controls .home-player-toggle { width: 44px; height: 44px; font-size: 18px; background: #111115; color: #fff; border-color: #111115; }
.home-player-audio { display: none; }

/* ------------------------
    Audio Custom Player
-------------------- */
.audio-custom-player { position: fixed; bottom: 30px; left: 0; right: 0; width: calc(100% - 48px); background: rgba(90, 90, 90, 0.8); border-radius: 100px; box-shadow: 0px 4px 12.2px 0px rgba(0, 0, 0, 0.04); z-index: 9999; padding: 0px 40px; max-width: 1680px; margin: 0 auto; -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); transition: all 0.3s; }
.audio-custom-player .song-time { justify-content: right; }
.audio-custom-player img { width: 100%; height: 100%; border-radius: 4px; object-fit: contain; }
.audio-content { display: flex; align-items: stretch; justify-content: space-between; gap: 20px; flex-direction: row-reverse; min-height: 77px; }
.scroll-down { position: absolute; width: 100%; top: -10px; left: 0; right: 0; max-width: 145px; margin: 0 auto; height: 4px; border-radius: 10px; background: rgb(255 255 255 / 20%); display: none; }

/*  *** Player Collapsed Mode ***  */
.audio-custom-player.collapsed-mode { max-width: 185px; left: 50px; right: initial; }
.collapsed-mode .collapse-btn i { transform: rotate(180deg); }
.collapsed-mode .player-controls li:not(.play-pause-btn), .collapsed-mode .player-controls-btn, .collapsed-mode .songInfo-wrapper { display: none; }
/* KolMavesar session on inner pages: hide center metadata so transport-only mode is obvious */
.audio-custom-player.kol-mavesar-active .songInfo-wrapper { visibility: hidden; pointer-events: none; }

/* -------------
    Player Control Button
    ------------------*/
.player-more-info { display: none !important; }
.player-controls-block { display: flex; align-items: stretch; gap: 25px; }
.player-controls-btn { display: flex; align-items: stretch; gap: 12px; padding-right: 24px; position: relative; }
.player-controls-btn:before { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: calc(100% - 40px); width: 2px; border-radius: 6px; background: #fff; }
.collapse-btn { cursor: pointer; display: flex; align-items: center; justify-content: center; width: 24px; aspect-ratio: 1; font-size: 24px; color: var(--white); /* opacity: .3; */ transition: all 0.3s; }
.player-collapse-wrapper, .audio-volume-wrapper, .player-listing-wrapper, .play-back-speed, .player-more-info { display: flex; align-items: center; }
.player-btn, .speed-add, .player-more-info, .volume-up, .volume-mute, .volumn-text { cursor: pointer; }
.volumn-text, .player-btn, .player-more-info { display: flex; align-items: center; justify-content: center; width: 23px; aspect-ratio: 1; font-size: 19px; color: var(--white); opacity: .3; transition: all 0.3s; }
.speed-add { font-family: var(--number-family); font-weight: 500; font-size: 19.16px; line-height: 131%; width: 60px; direction: ltr; text-align: right; color: var(--white); opacity: .3; }

/*  *** Volume Up Down ***  */
.active-volume .audio-volume-wrapper .volume-updown-wrapper { opacity: 1; visibility: visible; bottom: calc(100% - 8px); }
.active-volume .audio-volume-wrapper .volumn-text { opacity: 1; }
.volume-updown-wrapper { position: absolute; bottom: calc(100% - 20px); z-index: -1; right: 20px; width: 100%; max-width: 290px; min-width: 290px; padding-bottom: 20px; opacity: 0; visibility: hidden; transition: all 0.3s; }
.volume-updown-inner { background: var(--white); padding: 8px; border-radius: 8px; box-shadow: 0px -2px 27px 0px #00000026; display: flex; align-items: center; gap: 8px; font-size: 19px; direction: ltr; }
.volume-updown-wrapper input { display: none; }
.volume-bar { width: 100%; height: 8px; background: var(--gary); border-radius: 4px; position: relative; cursor: pointer; direction: ltr; }
.bar-fill { position: absolute; top: 0; left: 0; height: 100%; background: var(--black); border-radius: 4px; }

/*  *** Player List wrapper ***  */
.active-playerList .player-listing-wrapper .player-list-wrapper { opacity: 1; visibility: visible; bottom: calc(100% - 8px); }
.active-playerList .player-listing-wrapper .player-btn { opacity: 1; }
/* .player-btn { opacity: 1; } */
.player-list-wrapper { position: absolute; bottom: calc(100% - 20px); z-index: -1; right: 20px; width: 100%; max-width: 340px; min-width: 340px; padding-bottom: 20px; opacity: 0; visibility: hidden; transition: all 0.3s; }
.player-list-inner { background: var(--white); padding: 8px; border-radius: 8px; box-shadow: 0px -2px 27px 0px #00000026; min-height: 250px; display: flex; align-items: stretch; justify-content: center; }
.player-list-items { display: flex; align-items: stretch; gap: 8px; flex-direction: column; max-height: calc(100vh - 143px); overflow-y: auto; width: 100%; height: 340px; padding-left: 8px; }
.player-list-items .ico-list { flex-direction: row-reverse; }
.player-list-item { justify-content: space-between; }
.player-list-item, .player-content { display: flex; align-items: center; gap: 10px; justify-content: space-between; }
.player-news-img { width: 100%; max-width: 49px; aspect-ratio: 1/1; }
.player-description .news-title { font-weight: 500; font-size: 12px; }

/*  *** PlayBack Speed ***  */
.active-playBack .play-back-speed .sub-list-wrapper { opacity: 1; visibility: visible; bottom: calc(100% - 8px); }
.active-playBack .play-back-speed .speed-add { opacity: 1; }
.sub-list-wrapper { position: absolute; bottom: calc(100% - 20px); z-index: -1; right: 20px; width: 100%; max-width: 290px; min-width: 290px; padding-bottom: 20px; opacity: 0; visibility: hidden; transition: all 0.3s; }
.sub-list-inner { background: var(--white); padding: 8px 8px 28px; border-radius: 8px; box-shadow: 0px -2px 27px 0px #00000026; position: relative; }
.sub-list-content { display: flex; align-items: center; justify-content: space-between; margin: 0px 6px; background: var(--gary); border-radius: 4px; position: relative; height: 6px; cursor: pointer; }
.slide-tab { position: relative; appearance: none; height: 8px; width: 8px; z-index: 1; flex: 1; }
.slide-tab:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; max-width: 8px; height: 100%; aspect-ratio: 1/1; background: var(--primary-lightgray); border-radius: 50%; right: 0; margin: 0 auto; transition: all 0.3s; }
.slide-tab:after { content: attr(value); display: block; position: absolute; top: 16px; left: 0; direction: ltr; font-family: var(--number-family); font-weight: 500; font-size: 12px; line-height: 100%; color: var(--primary-lightgray); width: 100%; text-align: center; transition: all 0.3s; }
.step-1.slide-tab:before { margin-left: 0; }
.step-5.slide-tab:before { margin-right: 0; }
.step-1.slide-tab:after { text-align: left; }
.step-5.slide-tab:after { text-align: right; }
.slider-bg { position: absolute; top: -3px; left: 0; width: 20%; height: 12px; transition: all 0.3s; }
.slider-bg:before { content: ''; position: absolute; top: 0; left: 0; width: 25px; height: 100%; border-radius: 100px; transition: all 0.3s; }
.slide-tab:checked:before { background: var(--black); }
.slide-tab:checked:after { color: var(--black); }
.sub-list-content .slide-tab:not(.step-1, .step-5):checked ~ .slider-bg::before { margin: 0 auto; right: 0; }
.sub-list-content .slide-tab.step-5:checked ~ .slider-bg::before { margin-right: 0; right: 0; }
.sub-list-content .slide-tab:checked ~ .slider-bg::before { background: var(--black); }
.sub-list-content .step-1:checked ~ .slider-bg { transform: translateX(calc(0%)); }
.sub-list-content .step-2:checked ~ .slider-bg { transform: translateX(calc(100%)); }
.sub-list-content .step-3:checked ~ .slider-bg { transform: translateX(calc(200%)); }
.sub-list-content .step-4:checked ~ .slider-bg { transform: translateX(calc(300%)); }
.sub-list-content .step-5:checked ~ .slider-bg { transform: translateX(calc(400%)); }

/*--------------->
    Empty Player 
<-------------------*/
.empty-player-wrapper { align-self: center; }
.empty-player-content { padding: 0px 14px; max-width: 196px; }
.empty-player-content h3 { font-family: var(--secondary-family); font-weight: 700; font-size: 36px; line-height: 74%; text-align: center; margin-bottom: 16px; }
.empty-player-content p { font-family: var(--secondary-family); font-weight: 500; font-size: 12px; line-height: 131%; text-align: center; }
.empty-player-content p i { margin: 0px 2px 0px; font-size: 10px; vertical-align: middle; }

/*--------------->
    Song Info 
<-------------------*/
.songInfo-wrapper { display: flex; align-items: center; gap: 10px; padding: 10px 0px; flex: 1; justify-content: flex-start; max-width: 475px; }
.icon-img { width: 100%; max-width: 67px; max-height: 44px; height: 100%; }
.song-info-content { width: 100%; }
.song-info { margin-bottom: 8px; }
.song-info h3 { font-family: var(--primary-family); font-weight: 500; font-size: 11px; line-height: 131%; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.song-info p { font-family: var(--secondary-family); font-weight: 700; font-size: 12px; line-height: 100%; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.song-progressbar-wrapper { display: flex; align-items: center; gap: 12px; }
.song-progress-bar { width: 100%; direction: ltr; }
.song-progress-bar input { display: none; }
.progress-fixed-bar { border-radius: 4px; position: relative; height: 8px; background: #262626; mix-blend-mode: plus-lighter; direction: ltr; }
.progress-move { position: absolute; top: 0; left: 0; height: 100%; background: var(--white); display: block; z-index: 1; border-radius: 4px; cursor: pointer; }
.song-duration-section { display: flex; align-items: center; gap: 6px; font-family: var(--primary-family); font-weight: 500; font-size: 11px; line-height: 131%; min-width: 82px; font-variant-numeric: tabular-nums; }
.songInfo-wrapper .song-duration-section, .songInfo-wrapper .song-info p, .songInfo-wrapper .song-info h3 { color: var(--white); }
.song-time { min-width: 36px; display: flex; justify-content: left; }

/* player-controls */
.player-controls { display: flex; align-items: center; gap: 12px; fill: var(--white); }
.player-controls a { font-size: 20px; color: var(--white); display: flex; align-items: center; justify-content: center; line-height: 1; width: 29px; aspect-ratio: 1; }
.player-controls .play-pause-btn a { width: 57px; }

/*                                          =============== ***
.                                                  Advertisement Modal
.                                                   *** ===================== 
*/

body.modal-open { overflow: hidden; }
.advertisement-wrapper{
    z-index:9999;
}
.advertisement-wrapper .modal-dialog { position: absolute; top: 50%; left: 0; margin: 0 auto; width: 100%; max-width: 320px; right: 0; transform: translateY(-50%) scale(0.8) !important; min-height: initial; max-height: calc(100dvh - 40px); overflow-y: auto; }
.advertisement-wrapper.show .modal-dialog { transform: translateY(-50%) scale(1) !important; }
.advertisement-wrapper .modal-header { border-bottom: initial; justify-content: space-between; padding: 0px 0px 16px; }
.advertisement-wrapper .skip-btn a, .advertisement-wrapper .skip-btn .time , .advertisement-wrapper .volume-btn { background: initial; border: initial; color: var(--white); fill: var(--white); cursor: pointer; outline: initial; font-size: 14px; text-decoration: none; }
.advertisement-wrapper .volume-btn { margin-left: auto; font-size: 18px; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; }
.advertisement-wrapper .volume-btn i { font-weight: 500; }
.skip-btn { display: flex; align-items: center; gap: 4px; flex-direction: row-reverse; }
.skip-btn .btn { padding: 0; line-height: normal; }
.advertisement-wrapper .modal-body { padding: 0; }
.advertisement-wrapper .modal-body img, .advertisement-wrapper .modal-body video { width: 100%; max-width: 100%; height: auto; object-fit: cover; border-radius: 6px; display: block; max-height: calc(100vh - 213px); margin: 0 auto; }
.advertisement-wrapper .modal-content { border: initial; background: initial; }
.jp-video-control-wrapper { position: relative; }
.jp-video-control-wrapper .video_controls { position: absolute; bottom: 0px; display: flex; justify-content: space-between; width: 100%; height: 45px; left: 0px; background: rgba(0, 0, 0, 0.2); padding: 10px 10px; color: var(--white); border-radius: 0 0 6px 6px; }
.jp-video-control-wrapper .videotime { display: flex; align-items: center; gap: 4px; }
.jp-video-control-wrapper .play { font-size: 16px; color: var(--white); }
.advertisement-wrapper .btn.btn-secondary,
.advertisement-wrapper .adv-bottom-box { background: var(--white); color: var(--black); display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; padding: 15px; border: initial; border-radius: 6px; margin: 0; font-weight: 600; font-size: 16px; text-decoration: none; text-align: center; line-height: 1.3; box-sizing: border-box; }
.advertisement-wrapper .adv-bottom-box--static { cursor: default; pointer-events: none; }
.advertisement-wrapper .adv-bottom-box .adv-bottom-text { flex: 1; min-width: 0; }
.advertisement-wrapper .adv-bottom-box .fy-external-link { flex-shrink: 0; font-size: 18px; }
.advertisement-wrapper .modal-footer { border-top: initial; padding: 0; margin-top: 16px; }

/* Audio ad: classic "player" look with an animated equalizer over a gradient. */
.y24-ads-audio { width: 100%; aspect-ratio: 1 / 1; max-height: calc(100vh - 213px); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; background: linear-gradient(135deg, #1d1f27 0%, #33374a 100%); border-radius: 6px; }
.y24-ads-audio-anim { display: flex; align-items: flex-end; justify-content: center; gap: 6px; height: 64px; }
.y24-ads-audio-anim span { display: block; width: 8px; height: 12px; border-radius: 4px; background: var(--white); animation: y24AdsEq 1s ease-in-out infinite; }
.y24-ads-audio-anim span:nth-child(1) { animation-delay: 0s; }
.y24-ads-audio-anim span:nth-child(2) { animation-delay: 0.2s; }
.y24-ads-audio-anim span:nth-child(3) { animation-delay: 0.4s; }
.y24-ads-audio-anim span:nth-child(4) { animation-delay: 0.6s; }
.y24-ads-audio-anim span:nth-child(5) { animation-delay: 0.8s; }
.y24-ads-audio-title { color: var(--white); font-size: 16px; font-weight: 600; text-align: center; padding: 0 16px; }
@keyframes y24AdsEq { 0%, 100% { height: 12px; } 50% { height: 56px; } }

/* Firewall/content-filter fallback: render the blocked URL (whitelist form) in an iframe. */
.y24-ads-iframe { width: 100%; height: 60vh; max-height: calc(100vh - 213px); border: 0; border-radius: 6px; background: var(--white); display: block; }

/*                                          =============== ***
.                                                  News Share Modal
.                                                   *** ===================== 
*/
.modal-wrapper .modal-dialog { padding-bottom: 90px; }
.absolute-close { position: absolute; bottom: 100%; right: -32px; width: 32px; height: 32px; margin: 0 auto; aspect-ratio: 1; color: var(--white); z-index: 1; background: initial; border: initial; outline: initial; text-shadow: 0px 0px 3px var(--black); cursor: pointer; }
.modal.show { backdrop-filter: blur(5px); background: #333333A3; }
.share-modal .modal-dialog { max-width: 600px; }
.share-modal .modal-content { background: var(--white); border-radius: 12px; margin: 56px 50px 0px; border: initial; box-shadow: 0px 1px 2px 0px rgba(10, 13, 20, 0.03); outline: 1px solid rgba(23, 23, 23, 0.1); outline-offset: -1px; }
.slide-btn-wrapper button { position: absolute; top: 50%; transform: translateY(-50%); z-index: 9; border: initial; background: initial; outline: initial; display: flex; align-items: center; justify-content: center; width: 30px; aspect-ratio: 1/1; cursor: pointer; color: #fff; text-shadow: 0px 0px 3px var(--black); font-size: 20px; transition: all 0.5s; }
.slide-btn-wrapper button.slide-prev { right: -50px; padding-right: 8px; }
.slide-btn-wrapper button.slide-next { left: -50px; padding-left: 8px; }
.slide-btn-wrapper button.slide-prev:hover { padding-right: 0px; }
.slide-btn-wrapper button.slide-next:hover { padding-left: 0px; }
.slide-btn-wrapper button[disabled] { cursor: not-allowed; padding: 0; opacity: .5; }
.share-content-details { max-height: calc(100dvh - 328px); overflow-x: hidden; overflow-y: auto; border-radius: 12px 12px 0px 0px; }
.share-content-details .card-content-block { flex-direction: column; gap: initial; }
.share-content-details .card-img { aspect-ratio: initial; /* max-height: 375px; */ transition: all 0.3s; }
.share-content-details .card-img img { border-radius: 12px 12px 0px 0px; object-fit: contain; }
.share-content-details .card-content-details { padding: 20px; }
.share-content-details .news-action { margin-top: initial; padding: initial; }
.share-content-details .new-time-block { gap: 20px; justify-content: initial; margin-bottom: initial; width: initial; }
.share-content-details .news-action-inner { display: flex; align-items: center; gap: 5px; }
.share-content-details .uploade-time { width: initial; }
.share-content-details .new-time-block .card-item-btn { font-size: 13px; min-width: 16px; height: 16px; }
.share-content-details .playing-next .new-time-block .card-item-btn { color: var(--blue-500); }
.share-content-details .news-date { color: var(--primary-dark); }
.share-content-details .play-btn i { width: 16px; height: 16px; font-size: 14px; }
.share-content-details .info-details-area { font-size: 32px; line-height: 92%; margin: 20px 0; cursor: initial; }
.share-content-details .info-details-area a { color: var(--primary-dark); }
.share-content-details .card-content-details p { -webkit-line-clamp: initial; }
.share-modal .modal-footer { position: relative; padding: 20px; overflow: hidden; background: var(--secondary-white); border: initial; }
.modal-footer .share-info-wrapper { position: relative; width: 100%; margin: 0px; }
.modal-footer .copy-link-wrap { border-radius: 10px; }
.modal-footer .copy-link-wrap input.copy-link-control { color: var(--primary-gray); padding: 10px; font-weight: 500; }
.modal-footer .copy-btn { position: relative; display: flex; align-items: center; gap: 4px; padding: 0px 10px 0px 12px; font-family: var(--number-family); font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: -0.6%; white-space: nowrap; background: initial; outline: initial; border: initial; }
.modal-footer .copy-btn:before { content: ''; position: absolute; left: 0; width: 1px; height: calc(100% - 20px); background: var(--primary-white); }
.modal-footer .copy-link-wrap i { width: 20px; height: 20px; font-size: 14px; color: var(--primary-gray); display: flex; align-items: center; justify-content: center; }
.modal-footer .share-social-wrapper { display: flex; align-items: center; justify-content: center; gap: 20px; direction: ltr; margin-top: 20px; }
.share-social-wrapper p { font-family: var(--number-family); font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: -0.6%; vertical-align: middle; color: var(--primary-gray); }
.modal-footer .share-items { gap: 20px; margin-top: initial; flex-direction: row; }
.modal-footer .share-list .social-icon { flex-direction: row; border: initial; border-radius: initial; box-shadow: initial; padding: initial; gap: 8px; font-family: var(--number-family); font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: -0.6%; color: var(--primary-dark); }
.modal-footer .share-list .social-icon i { color: var(--primary-gray); font-size: 20px; }
.modal-footer .copy-link-wrap { background-color: #fff; }

/* Share Podcast */
.podcast-modal .modal-dialog { max-width: 322px; }
.podcast-modal .share-social-wrapper { flex-direction: column; }
.podcast-modal .share-content-details .card-img { aspect-ratio: 1/1; }

/* Videos Popup share */
.modal.show:has(.popup-video-player) .modal-dialog { max-width: 1400px; }
.popup-video-player .card-content-block { align-items: stretch; max-height: initial !important; border-radius: initial; }
.popup-video-player .popup-video-details { display: flex; align-items: stretch; }
.popup-video-player .card-content-details { min-width: 375px; }
.popup-video-player .video-player-control .player-controls, .popup-video-player .video-player-inner { gap: 10px; }
.popup-video-player .card-img .playing-content-wrapper img { object-fit: cover; }
.popup-video-player .playing-img { border-radius: 9px 9px 0 0; max-height: calc(100dvh - 362px); padding: initial; width: 100%; }
.share-modal .popup-video-player .modal-footer { padding: 20px 30px; }
.popup-video-player .share-content-details, .share-content-details.popup-video-player .share-content-details { max-height: initial !important; min-height: initial !important; aspect-ratio: initial !important; }
.popup-video-player .share-content-details .card-img {
    max-height: initial;
}


/*                                          =============== ***
.                                                   News Landing Page
.                                                   *** ===================== 
*/

:root .violet { --color-code: #7D52F4; }
:root .red { --color-code: #FB3748; }
:root .blue { --color-code: #566FE7; }
:root .blue-gradient { --color-code: radial-gradient(56.09% 75.23% at 50% 124.12%, #566FE7 0%, #212950 100%); }
:root .darkpink { --color-code: #D03A79; }
:root .orange { --color-code: #FF7A16; }
:root .green { --color-code: #3B7622; }

.tab-menu-wrapper { margin-bottom: 10px; border-bottom: 1px; border-style: solid; border-color: var(--primary-white); display: flex; max-width: 1440px; margin: 0 auto 10px; align-items: center; }
.tab-menu-wrapper .tab-menu-slider { position: relative; display: flex; align-items: center; flex: 1; min-width: 0; }
.tab-menu-wrapper .tab-menu-list { display: inline-flex; align-items: center; justify-content: center; gap: 24px; margin: 0; white-space: nowrap; overflow-y: hidden; overflow-x: auto; flex: 1; min-width: 0; width: 100%; scrollbar-width: none; -ms-overflow-style: none; scroll-snap-type: x proximity; cursor: default; -webkit-overflow-scrolling: touch; }
.tab-menu-wrapper .tab-menu-list::-webkit-scrollbar { display: none; width: 0; height: 0; }
.tab-menu-wrapper.has-overflow .tab-menu-list { justify-content: flex-start; cursor: grab; }
.tab-menu-wrapper .tab-menu-list.is-dragging { cursor: grabbing; user-select: none; }
.tab-menu-wrapper .tab-menu-list.is-dragging .tabs-menu-link { pointer-events: none; }
.tab-menu-wrapper .tab-item-list { scroll-snap-align: center; flex-shrink: 0; }
.tab-menu-wrapper .tabs-menu-link { cursor: pointer; }
.tab-menu-list { display: inline-flex; align-items: center; gap: 24px; margin: 0 auto; white-space: nowrap; overflow-y: hidden; overflow-x: auto; }
.tab-item-list:first-child { padding-right: 24px; }
.tab-item-list:last-child { padding-left: 24px; }
.tab-menu-list .tabs-menu-link { font-family: var(--primary-family); font-weight: 700; font-size: 14px; line-height: 20px; letter-spacing: -0.6%; text-align: center; color: var(--primary-gray); border: initial; border-bottom: 2px solid transparent; background: initial; outline: initial; display: flex; padding: 13px 0px; align-items: center; gap: 6px; }
.tab-menu-list .tabs-menu-link i { font-size: 20px; }
.tab-menu-list .tabs-menu-link svg { width: 20px; height: 20px; }
.list-ico { font-size: 16px; display: flex; align-items: center; justify-content: center; width: 20px; aspect-ratio: 1; }
.list-ico img { width: 20px; height: 20px; object-fit: cover; border-radius: 50%; }
.tab-menu-list .tabs-menu-link.active { color: var(--primary-dark); border-color: var(--blue-950); }
.tab-menu-wrapper .tab-menu-nav { display: none; align-items: center; justify-content: center; flex-shrink: 0; width: 28px; height: 28px; border: none; outline: none; background: transparent; color: var(--primary-dark); cursor: pointer; padding: 0; z-index: 2; }
.tab-menu-wrapper .tab-menu-nav i { font-size: 16px; display: flex; align-items: center; justify-content: center; }
.tab-menu-wrapper.has-overflow .tab-menu-nav:not([hidden]) { display: inline-flex; }
.tab-menu-wrapper .tab-menu-nav:disabled,
.tab-menu-wrapper .tab-menu-nav.is-disabled { opacity: 0.35; pointer-events: none; cursor: default; }
.tab-menu-wrapper .tab-menu-slider:before,
.tab-menu-wrapper .tab-menu-slider:after { content: ''; position: absolute; top: 0; bottom: 0; width: 28px; z-index: 1; pointer-events: none; opacity: 0; transition: opacity 0.2s; }
.tab-menu-wrapper.has-overflow .tab-menu-slider:before,
.tab-menu-wrapper.has-overflow .tab-menu-slider:after { opacity: 1; }
.tab-menu-wrapper .tab-menu-slider:before { right: 28px; background: linear-gradient(-90deg, var(--linear-carousel-start, #fff) 15%, var(--linear-carousel-end, transparent) 100%); }
.tab-menu-wrapper .tab-menu-slider:after { left: 28px; background: linear-gradient(90deg, var(--linear-carousel-start, #fff) 15%, var(--linear-carousel-end, transparent) 100%); }
.tab-menu-wrapper .more-info-area { flex-shrink: 0; }
.tab-content-area { position: relative; width: 100%; padding: 0px 24px; }
.tab-content-area .tab-item-block { /*padding: 24px 0px;  position: absolute; top: 0; width: 100%; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all 600ms; transition: all 600ms; */ }
.tab-content-area .tab-item-block.active { position: relative; opacity: 1; visibility: visible; pointer-events: auto; -webkit-transform: translateY(0); transform: translateY(0); }

/* .card-group-area { padding: 0px 10px; } */
.card-title-area { display: flex; align-items: stretch; gap: 10px; justify-content: space-between; margin-bottom: 32px; margin-top: 34px; }
.left-title-inner h2 { display: flex; align-items: center; }
.card-title-area h2 i { display: inline-flex; align-items: center; justify-content: center; font-size: 25px; width: 50px; aspect-ratio: 1/1; }
.card-title-area h2, .sub-title p { font-family: var(--primary-family); font-weight: 500; font-size: 62px; line-height: 92%; letter-spacing: -4.34px; color: var(--primary-dark); }
.sub-title p { color: var(--gary); font-family: var(--secondary-family); }
.sub-title { display: flex; align-items: center; gap: 16px; }
.left-title-block p { text-align: left; }
.single-dot { position: relative; min-width: 32px; height: 32px; aspect-ratio: 1; border-radius: 50%; background: var(--sunflower); margin-right: auto; }
.card-items-wrapper { display: flex; align-items: stretch; gap: 32px; flex-wrap: wrap; }
.card-items-wrapper .card-box-wrapper { width: calc(33.33% - 22px); border: 1px solid rgba(39, 39, 42, 0.15); border-radius: 8px; overflow: hidden; }
.card-box-wrapper { position: relative; display: flex; flex-direction: column; }
.card-head-area { padding: 14px 18px 14px; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: var(--color-code); /* background-blend-mode: multiply; */ min-height: 180px; display: flex; align-items: stretch; flex-direction: column; justify-content: center; }
.card-head-title h3 { font-family: var(--primary-family); font-weight: 500; font-size: 62px; line-height: 92%; letter-spacing: -2px; text-align: right; color: var(--white); display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; text-overflow: ellipsis; padding-inline-start: 3px; }
.red-box { display: inline-block; font-family: var(--secondary-family); font-weight: 600; font-size: 28.89px; line-height: 66%; letter-spacing: -3%; text-align: right; background: #E72F2F; color: var(--white); padding: 5px; margin-top: 8px; }
.card-head-outer { display: flex; align-items: center; justify-content: space-between; }
.card-head-outer .bottom-card-btn { display: none; }
.card-head-outer h3 { margin-bottom: 5px; }
.bottom-details p { font-family: var(--primary-family); font-weight: 500; font-size: 11px; line-height: 12px; letter-spacing: 0px; color: var(--white); max-width: 370px; }
.bottom-details { display: flex; align-items: center; gap: 20px; justify-content: space-between; margin-top: 15px; }
.card-head-outer .bottom-card-btn, .bottom-details .bottom-card-btn { position: relative; border: initial; left: initial; bottom: 4px; }
.bottom-card-btn { text-align: left; position: absolute; bottom: 0px; left: 0px; z-index: 1; }
.card-button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; outline: initial; background: initial; padding: 10px 14px; font-family: var(--primary-family); font-weight: 500; font-size: 14px; line-height: 20px; color: var(--white); min-width: 100px; }
.card-button i { width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; font-size: calc(100% - 3px); transition: all 0.3s; }
.card-content-wrapper { padding: 12px; }
.card-items-wrapper .card-content-block:not(:last-child) { margin-bottom: 14px; }
.card-content-block { display: flex; align-items: center; gap: 15px; }
.card-items-wrapper .info-details-area { font-size: 16px; -webkit-line-clamp: 3; }
.card-content-block .icon-wrap { width: 14px; height: 14px; }
.card-content-block .icon-wrap:before { font-size: 12px; }
.card-items-wrapper .card-img { max-width: 74px; height: 42px; aspect-ratio: 1.76/1; }
.tab-menu-news.category-layout .bottom-details p { display: none; }
.tab-menu-news.category-layout .bottom-details .bottom-card-btn { margin-right: auto; }

/*--------------->
    Category Area
<-------------------*/
.col-3-block .layout-block-wrapper { padding-left: 20px; padding-right: 20px; }
.col-3-block .grid-block { grid-template-columns: repeat(3, 1fr); }
.column-block-wrapper { position: relative; display: flex; align-items: flex-start; margin-top: 10px; min-height: 400px; }
.column-block-wrapper .sidebaar-wrapper { width: 100%; max-width: 262px; }
.column-block-wrapper .layout-block-wrapper { width: 100%; padding-left: 24px; transition: all 0.3s;}
.card-additional-block .more-news-area { padding: 7px 19px; background: #e5e3e3; margin-top: 20px; }
.card-additional-block .same-date { display: none; }
.card-additional-content .same-date ~ .card-content-wrapper { border-top: initial; }
.card-additional-block .date-bulletin { gap: 2px; }
.card-additional-block .more-news-area p { font-family: var(--primary-family); font-weight: 500; font-size: 11px; color: var(--primary-dark); line-height: 131%; letter-spacing: 0;}
.card-additional-block .more-news-area i { font-size: 14px; width: 16px; height: 16px; color: var(--primary-dark); cursor: pointer;}
.card-additional-block .icon-wrap { margin-left: 4px; }
.card-additional-content .category-empty-message { margin: 0; padding: 48px 24px; text-align: center; font-family: var(--primary-family); font-size: 16px; line-height: 1.5; color: var(--primary-gray, #667085); }
.card-additional-content .card-content-wrapper { padding: initial; border: 1.25px solid var(--primary-white); }
.card-additional-content .card-content-block { padding: 20px; align-items: flex-start; transition: all 0.3s; }
.card-additional-content .card-content-block:hover { background: #F5F5F5; }
.uploade-time { display: flex; align-items: center; gap: 11px; position: relative; width: 100%; font-family: var(--primary-family); font-weight: 500; font-size: 11px; line-height: 131%; letter-spacing: 0%; text-align: right; color: var(--primary-dark); }
.new-time-block { display: flex; align-items: center; gap: 12px; justify-content: space-between; width: 100%;}
.column-block-wrapper .uploade-time:after { content: ''; position: relative; width: 100%; height: 1px; background: var(--gary); flex: 1; }
.uploade-time span { direction: ltr; }
.new-time-block  .card-item-btn { color: var(--primary-dark); font-size: 10px; min-width: 18px; height: 18px; aspect-ratio: 1/1; display: inline-flex; align-items: center; justify-content: center; }
.column-block-wrapper .card-content-details .info-details-area { font-weight: 700; font-size: 20px; line-height: 100%; margin: 20px 0 10px; letter-spacing: -1%; display: inline-block; }
.card-content-details { width: 100%; }
.card-content-details p { font-family: var(--primary-family); font-weight: 500; font-size: 14px; line-height: 150%; letter-spacing: 0%; display: block; text-align: right; color: var(--primary-dark); }
.card-content-details .card-sub-title { display: block; word-break: break-word; }
.desc-break { display: block; height: 0.85em; }
.share-content-details .info-details-area,
.share-content-details .card-title,
.share-content-details .card-title a { display: block; overflow: visible; -webkit-line-clamp: unset; }
.card-vertical-button { display: none; margin-top: 12px; }
.card-additional-content .vertical-layout .card-player-details .card-player-wrap { display: none; }
.card-content-details p + p { margin-top: 7px; }
.column-block-wrapper .card-img { max-width: 230px; aspect-ratio: 1.63; }
.listing-layout .column-block-wrapper .card-img { max-width: 74px; aspect-ratio: 1.6;}
.share-info-btn { height: 18px; display: flex; align-items: center; }
.card-additional-content .vertical-layout { flex-wrap: wrap; }
.tab-menu-podcast .vertical-layout .card-content-details p { font-weight: 500; }
.detail-item .vertical-layout .card-player-details .song-info-v4 p { -webkit-line-clamp: initial; font-weight: 900; }
.card-additional-content .vertical-layout .card-vertical-button { display: block; }
.tab-menu-podcast .vertical-layout .card-player-details { max-width: 100%; width: calc(100% - 35px); order: 1; }
.tab-menu-podcast .vertical-layout .card-content-details { order: 3; }
.tab-menu-podcast .vertical-layout .share-info-btn { order: 2; }
/* .card-additional-content .vertical-layout .card-content-details { width: calc(100% - 35px); } */
.column-block-wrapper:has(.vertical-area) .sidebaar-wrapper { max-width: 320px; }
.vertical-area:has(.vertical-layout) { max-width: 750px; margin: 0 auto; }
.vertical-area .card-additional-content .vertical-layout .card-content-details { display: contents; }
.vertical-area .vertical-layout .new-time-block { order: -1; margin-bottom: 10px; }
.vertical-area .vertical-layout .card-img { width: 100%; max-width: 100%; aspect-ratio: initial; }
.vertical-area .vertical-layout .card-img img { object-fit: contain; max-height: 430px; }
.vertical-area .vertical-layout .card-content-details .info-details-area { margin: initial; }

/*--------------->
    404 No Found Messages
<-------------------*/
.not-found-wrapper { padding: 70px 16px; }
.not-found-wrapper h3 { font-family: Ofelia Text; font-weight: 500; font-size: 309px; letter-spacing: 0%; text-align: center; color: var(--blue-300); margin-bottom: 10px; }

/*                                          =============== ***
.                                                   Podcast Pages
.                                                   *** ===================== 
*/

:root .podcast-blue { --color-code: #2547D0; }
:root .podcast-green { --color-code: #178C4E; }
:root .podcast-lightgreen { --color-code: #178C7D; }
:root .podcast-yellow { --color-code: #C99A2C; }
:root .podcast-red { --color-code: #EB3E5B; }
:root .podcast-orange { --color-code: #E16614; }

/* .tab-menu-podcast .card-head-area { background-blend-mode: soft-light; } */
/* .tab-menu-podcast .card-head-title h3 { font-weight: 500; } */
.tab-menu-podcast .card-title-area h2, .tab-menu-podcast .sub-title p { font-weight: 700; }
.tab-menu-podcast .card-items-wrapper .card-img { max-width: 54px; aspect-ratio: 1/1; height: initial; }
.tab-menu-podcast .card-items-wrapper .card-img img { border-radius: 8px; border: 1px solid rgba(17, 17, 17, 0.1); }

/*--------------->
    Podcast ( Category Area )
<-------------------*/
.tab-menu-podcast .column-block-wrapper .card-head-area { border-radius: 4px; min-height: 160px; background-position: center; display: flex; align-items: center; justify-content: center; }

/* Blue News Baar */
.blue-type { background: var(--blue-50); }
.column-block-wrapper .news-side-baar { padding: 12px; }
.sidebaar-top-title .title-wrap { display: flex; align-items: center; justify-content: center; gap: 4px; background: var(--white); border-radius: 4px; padding: 18px; color: var(--blue-900); }
.sidebaar-top-title .title-wrap h3 { font-family: var(--primary-family); font-weight: 500; font-size: 23px; line-height: 92%; letter-spacing: -3%; vertical-align: middle; }
.blue-type .info-details-area { color: var(--primary-dark); text-align: right; }
.blue-type .card-list.played-card .info-details-area, .blue-type .card-list.played-card .card-sub-title { color: var(--primary-dark); }
.blue-type .icon-wrap:before { color: #6895FF; }
.blue-type .small-content-card { border-top: initial; padding: initial; }
.blue-type .card-news-container .card-list { margin-top: 24px; }
.blue-type .bottom-news-block { background: var(--blue-100); }
.blue-type .bulletin-more { color: var(--black); }

/* Grid Column Area */
.column-grid-card { display: grid; gap: 20px; margin-top: 20px; grid-template-columns: repeat(4, 1fr); }
.column-grid-card .heading-content-text { margin-top: 12px; }
.column-grid-card .headline-desc { font-weight: 500; margin-bottom: 8px; min-height: initial; }
.column-grid-card .img-block img { border-radius: 8px; }

/*--------------->
    Podcast ( Category Detail Area )
<-------------------*/
.detail-item .column-card-group { display: flex; align-items: stretch; gap: 20px; background: linear-gradient(180deg, rgba(234, 228, 204, 0) 0%, #EAE4CC 100%); background-blend-mode: multiply; padding: 15px; border-radius: 4px; }
.detail-item .card-head-info { display: flex; flex-direction: column; justify-content: space-around; gap: 15px; }
.img-block-outer { width: 100%; max-width: 152px; }
.img-block-outer .info-top-btn { display: none; text-align: center; margin-bottom: 10px; }
.detail-item .headline-desc { font-weight: 500; font-size: 41px; line-height: 81%; margin-bottom: 8px; min-height: initial; }
.detail-item .headline-sub-desc { font-weight: 700; font-size: 14px; color: #0E121B; line-height: 92%; letter-spacing: -3%; }
.info-top-btn .card-button { gap: initial; padding: initial; color: #0E121B; }
.info-top-btn .card-button i { color: #111115; }
.info-bottom-btn .card-button { background: var(--black); border-radius: 4px; padding: 4px 8px; color: #EAE4CC; line-height: 1; }
.info-bottom-btn .card-button i { font-size: 12px; }
.detail-item .more-news-area { border-bottom: 1px solid var(--primary-white); }
.detail-item .card-content-block:not(:last-child) { border-bottom: 1px solid var(--primary-white); }
.detail-item .card-additional-content { margin-top: 20px; border: 1.25px solid var(--primary-white); border-radius: 4px; box-shadow: 0px 1px 2px 0px #0A0D1408; overflow: hidden; }
.detail-item .card-additional-block .more-news-area { margin-top: initial; }
.detail-item .card-additional-content .card-content-wrapper { border: initial; }
.detail-item .card-player-details .song-info-v4 p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; font-size: 15px; margin-bottom: initial; }
.detail-item .img-block img { outline: 1px solid rgba(0, 0, 0, 0.09); box-shadow: 0px 13.35px 26.71px -10.01px #0E121B1A; }
.card-player-details .song-info-v4 p, .card-player-details .song-info-v4 h3 { color: var(--primary-dark); font-family: var(--primary-family); }
.card-player-details .song-duration-section, .card-vertical-button .song-duration-section { min-width: initial; }
.card-player-details .song-progress-bar { min-width: 27px; display: none; }
.card-player-details .song-info-v4 h3 { font-weight: 500; font-size: 10px; line-height: 120%; margin-bottom: 12px; }
.card-player-details .song-info-v4 p { font-weight: 500; font-size: 12px; line-height: 140%; margin-bottom: 12px; }
.tab-menu-podcast .card-content-details p { color: var(--primary-dark); font-size: 16px; font-weight: 900; }
.tab-menu-podcast .played-card .card-content-details p { color: var(--primary-gray); }
.tab-menu-podcast .card-player-details { width: 100%; max-width: 111px; }
.card-player-wrap { margin-top: 12px; }
.card-player-btn { position: relative; padding: 4px 8px; border-radius: 4px; background: var(--black); color: var(--primary-white); display: inline-flex; align-items: center; gap: 8px; border: initial; outline: initial; font-family: var(--primary-family); font-weight: 500; font-size: 11px; line-height: 131%; }
.card-player-btn i { color: var(--primary-white); }
.player-ico { display: flex; align-items: center; justify-content: center; width: 14px; height: 14px; aspect-ratio: 1; font-size: 12px; }
.card-player-details .progress-fixed-bar { height: 3px; background: #999999; mix-blend-mode: initial; }
.card-player-details .progress-move { border-radius: 0px 4px 4px 0; }
.tab-menu-podcast .playing-now .card-player-btn, .tab-menu-podcast .stop-playing .card-player-btn { max-width: 110px; min-width: 110px; justify-content: center; }
.playing-now .card-player-btn, .stop-playing .card-player-btn { background: var(--black); color: var(--white); }
.playing-now .card-player-details .song-progress-bar, .stop-playing .card-player-details .song-progress-bar { display: block; }
.playing-now .card-player-btn i, .stop-playing .card-player-btn i { color: inherit; }
.tab-menu-podcast .img-block { transition: all 0.3s; }


/*                                          =============== ***
.                                                   Videos page
.                                                   *** ===================== 
*/

/* Video main Wrapper */
.video-channel-wrapper, .video-playing-wrapper { padding: 0px 16px; }

/*--------------->
    Video landing
<-------------------*/
.videos-block-area .headline-sub-desc { word-break: break-word; width: 100%; overflow: hidden; color: #414651; text-align: right; font-family: var(--primary-family); font-size: 11px; font-style: normal; font-weight: 500; line-height: 131%; }
.channels-strip-inner { position: relative; }
.view-more-wrapper { margin-bottom: 20px; text-align: left; }
.more-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-family: var(--primary-family); font-weight: 500; font-size: 14px; line-height: 100%; text-align: right; color: var(--primary-dark); background: #F4F4F5; border-radius: 4px; padding: 6px 8px; }
.more-btn i { display: flex; align-items: center; justify-content: center; width: 24px; aspect-ratio: 1; }

/* View Channel Mode (desktop expanded grid via "More") */
.view-channel { padding: 22px; }
.view-channel .slider-wrapper { display: grid; grid-template-columns: repeat(14, 1fr); gap: 20px 28px; }
.view-channel .channel-card-details { padding: inherit; }
/* .view-channel .view-more-wrapper { position: relative; top: initial; padding-top: 10px; } */
.hide_channel { display:none !important; }

/* Default channel strip is Owl slider (desktop + mobile) */
.channels-strip-wrapper:not(.view-channel) .channel_slider.slider-wrapper.owl-loaded { display: block; }

/* Pre-Owl layout: size cards like the carousel so refresh doesn't flash huge avatars.
   Skip /creators page (full grid) — those rules collapse grid cells via max-width %. */
.status-baar-area:not(.creators-page):not(.tags-statuses-page) .channels-strip-wrapper:not(.view-channel) .channel_slider.slider-wrapper:not(.owl-loaded) { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; gap: 10px; padding: 0 30px; overflow: hidden; width: 100%; }
.status-baar-area:not(.creators-page):not(.tags-statuses-page) .channels-strip-wrapper:not(.view-channel) .channel_slider.slider-wrapper:not(.owl-loaded) > .channel-card { flex: 0 0 calc((100% - 30px) / 4); /* matches Owl items: 4 */ min-width: 0; max-width: calc((100% - 30px) / 4); }

@media (min-width: 767px) {
    .status-baar-area:not(.creators-page):not(.tags-statuses-page) .channels-strip-wrapper:not(.view-channel) .channel_slider.slider-wrapper:not(.owl-loaded) > .channel-card {
        flex-basis: calc((100% - 50px) / 6);
        max-width: calc((100% - 50px) / 6);
    }
}
@media (min-width: 992px) {
    .status-baar-area:not(.creators-page):not(.tags-statuses-page) .channels-strip-wrapper:not(.view-channel) .channel_slider.slider-wrapper:not(.owl-loaded) {
        padding: 0 20px;
    }
    .status-baar-area:not(.creators-page):not(.tags-statuses-page) .channels-strip-wrapper:not(.view-channel) .channel_slider.slider-wrapper:not(.owl-loaded) > .channel-card {
        flex-basis: calc((100% - 70px) / 8);
        max-width: calc((100% - 70px) / 8);
    }
}
@media (min-width: 1280px) {
    .status-baar-area:not(.creators-page):not(.tags-statuses-page) .channels-strip-wrapper:not(.view-channel) .channel_slider.slider-wrapper:not(.owl-loaded) > .channel-card {
        flex-basis: calc((100% - 90px) / 10);
        max-width: calc((100% - 90px) / 10);
    }
}
@media (min-width: 1441px) {
    .status-baar-area:not(.creators-page):not(.tags-statuses-page) .channels-strip-wrapper:not(.view-channel) .channel_slider.slider-wrapper:not(.owl-loaded) > .channel-card {
        flex-basis: calc((100% - 100px) / 11);
        max-width: calc((100% - 100px) / 11);
    }
}



/* Status Slider */
.main-popular-wrapper .slider-wrapper .owl-nav button.owl-next {left: 30px;}
.main-popular-wrapper .slider-wrapper .owl-nav button.owl-prev { right: 30px; }
.main-popular-wrapper .slider-wrapper .owl-next:after { left: -20px; }
.main-popular-wrapper .slider-wrapper .owl-prev:after { right: -20px; }

/* Videos Slider */
/* .slider-wrapper .owl-stage { padding-right: initial !important; } */
.channel-card-details { position: relative; padding: 8px 12px; text-align: center; display: block; }
.avatar-img {
    position: relative;
    padding-top: 100%;
    overflow: hidden;
    max-width: 100px;
    margin: 0 auto;
}
.avatar-img img { position: absolute; top: 0; left: 0; width: 100%; aspect-ratio: 1/1; border-radius: 50%; outline: 1px solid rgba(0, 0, 0, 0.1); outline-offset: -1px; }
.channel-card-details .heading-content-text { margin-top: 12px; }
.channel-card-details .headline-desc { font-weight: 500; line-height: 100%; letter-spacing: initial; margin-bottom: initial; color: var(--primary-dark); min-height: initial; text-align: center; }
.badge-text { position: absolute; top: 18px; left: 26px; padding: 4px 8px; background: var(--blue-500); border-radius: 100px; font-family: var(--primary-family); font-weight: 500; font-size: 11px; line-height: 100%; color: var(--white); }
.slider-wrapper .owl-nav button.owl-next, .slider-wrapper .owl-nav button.owl-prev { position: absolute; top: 0; color: var(--primary-dark); font-size: 14px; display: flex; align-items: center; justify-content: center; aspect-ratio: initial; height: 100%; border: initial; outline: initial; }
.slider-wrapper .owl-nav button.owl-next { left: 0; }
.slider-wrapper .owl-nav button.owl-prev { right: 0; }
.slider-wrapper .owl-nav button i { position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; width: 24px; aspect-ratio: 1/1; border-radius: 50%; background: var(--white); border: 1px solid var(--gary); }
.slider-wrapper .owl-next:after, .slider-wrapper .owl-prev:after { content: ''; position: absolute; top: 0; height: 100%; width: 80px; z-index: 1; }
.slider-wrapper .owl-next:after { left: 0; background: linear-gradient(90deg, var(--white) 0%, transparent 100%); }
.slider-wrapper .owl-prev:after { right: 0; background: linear-gradient(-90deg, var(--white) 0%, transparent 100%); }

/*--------------->
    Video Channel
<-------------------*/
.main-video-wrapper .videos-block-area { margin-top: 20px; width: calc(100% - 24px); }
/* .video-inner-wrapper .column-block-wrapper { padding: initial; } */
/* .video-inner-wrapper .column-block-wrapper .sidebaar-wrapper { max-width: 328px; } */
.video-inner-wrapper .column-block-wrapper .layout-block-wrapper { padding-left: 20px; }
.channel-cover-img { width: 100%; display: none; }
.channel-cover-img img { width: 100%; }
.channel-meta-wrapper { display: flex; align-items: flex-end; gap: 20px; justify-content: space-between; margin: 20px 0px; }
.channel-meta-info { display: flex; align-items: center; gap: 32px; max-width: 694px; }
.thumb-img { width: 100%; max-width: 115px; }
.channel-meta-info img { border-radius: 50%; aspect-ratio: 1/1; width: 100%; object-fit: cover; outline: 1px solid rgba(0, 0, 0, 0.09); box-shadow: 0px 13.35px 26.71px -10.01px #0E121B1A; }
.channel-meta-details h3 { font-family: var(--primary-family); font-weight: 500; font-size: 36px; line-height: 81%; letter-spacing: -5%; color: var(--black); margin-bottom: 14px; }
.channel-meta-details p { font-family: var(--primary-family); font-weight: 500; font-size: 14px; line-height: 131%; color: var(--primary-gray); }
.share-meta-btn { display: flex; align-items: center; gap: 24px; }
.share-meta-btn .blue-btn { gap: 8px; padding: 4px 10px; margin-right: auto; }
.switch-btn-wrapper { display: flex; align-items: center; gap: 12px; cursor: pointer; white-space: nowrap; }
.switch-btn { display: inline-block; height: 20px; position: relative; width: 32px; }
.switch-btn-wrapper input { display:none; }
.switch-slider { background-color: #E9E9EC; left: 0; top: 0; position: absolute; transition: .4s; border-radius: 100px; cursor: pointer; height: 100%; width: 100%; padding: 3px; }
.switch-slider:before { content: ""; position: absolute; transition: .4s; width: 14px; height: 14px; left: 3px; background-color: var(--white); border-radius: 50%; background-image: url(/assets/images/music.svg) !important; background-position: center; background-repeat: no-repeat; background-size: calc(100% - 4px); }
.switch-box:checked + .switch-btn .switch-slider { background-color: var(--rosered); }
.switch-box:checked + .switch-btn .switch-slider:before { transform: translateX(calc(100% - 3px)); background-image: url(/assets/images/music-red.svg) !important; background-size: 100%; }

/* Video Grid Area */
.grid-block { display: grid; grid-template-columns: repeat(4, 1fr); row-gap: 16px; }
.block-item { padding: 10px; }
.video-block { position: relative; padding-top: 55%; overflow: hidden; cursor: pointer; }
.video-block:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); border-radius: 8px; z-index: 1; opacity: 0; transition: all 0.3s; }
.video-play-wrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 36px; cursor: pointer; line-height: 1; color: var(--white); opacity: 0; z-index: 2; transition: all 0.3s; }
.video-block:hover .video-play-wrapper { opacity: 1; }
.video-block:hover:after { opacity: 1; }
.video-block img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 8px; }
.video-block .play-btn-link { position: absolute; bottom: 5px; left: 5px; z-index: 2; }
.video-block .play-btn { color: var(--white); line-height: 92%; background: var(--black); border: 0.5px solid #FFFFFF80; backdrop-filter: blur(10px); }
.video-block .play-btn i { color: var(--white); }
.video-content-details { display: flex; align-items: stretch; justify-content: space-between; margin-top: 12px; gap: 6px; }
.video-content-details .ico-img-wrap img { border-radius: 100px; }
.video-content-details .heading-content-area { margin: initial; gap: 10px; }
.video-content-details .heading-content-text { width: initial; }
.video-content-details .headline-desc { margin-bottom: 4px; -webkit-line-clamp: 1; min-height: initial; line-height: 1; }
.video-content-details .news-action { align-items: self-end; gap: 4px; margin-top: initial; padding: initial; flex-direction: column; white-space: nowrap; }

/*--------------->
    Video Playing
<-------------------*/
.video-playing-wrapper .videos-block-area { padding: 24px; background: var(--secondary-white); transition: all 0.3s; }
.video-playing-wrapper .grid-block { grid-template-columns: repeat(3, 1fr); }
.playing-img { position: relative; padding-top: 55.5%; overflow: hidden; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 63.11%, rgba(0, 0, 0, 0.4) 90.78%); border-radius: 9px; }
.playing-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; }
.custom-video { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:contain; z-index:1; background: var(--black); }
.video-player-wrapper{ position:absolute; bottom:0; width:100%; z-index:2; opacity: 1; visibility: visible; transition: opacity 0.25s ease, visibility 0.25s ease; pointer-events: auto; }
.playing-img.controls-hidden .video-player-wrapper { opacity: 0; visibility: hidden; pointer-events: none; }
.playing-img { position:relative; overflow:hidden; cursor: pointer; aspect-ratio: 16 / 9; }
.progress-fixed-bar{ width:100%; height:4px; background:#666; cursor:pointer; direction: ltr; }
.progress-move { width:0%; height:100%; background:#fff; }
.home-btn { display: flex; justify-content: center; align-items: center; }
.playing-content-wrapper .channel-meta-wrapper { align-items: flex-start; }
.playing-content-wrapper .channel-meta-info { gap: 10px; max-width: initial; }
.playing-content-wrapper .thumb-img { max-width: 51px; }
.playing-content-wrapper .channel-meta-info img { border: initial; }
.playing-content-wrapper .channel-meta-details h3 { font-size: 32px; line-height: 92%; letter-spacing: -2%; margin-bottom: 4px; }
.meta-date { direction: ltr; color: var(--primary-lightgray); }
.channel-meta-details p span { position: relative; padding-right: 8px; margin-right: 8px; }
.channel-meta-details p span:before { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 3px; aspect-ratio: 1/1; background: var(--primary-gray); border-radius: 50%; }
.channel-meta-details p span.meta-date:before { background: var(--primary-lightgray); }
.playing-content-wrapper .share-meta-btn button { border: initial; position: relative; background: initial; outline: initial; font-size: 16px; width: 24px; aspect-ratio: 1; color: #525866; }

/* Videos Player */
.video-player-wrapper { padding: 18px; direction: ltr; position: absolute; left: 0; bottom: 0; width: 100%; }
.video-player-control { background: rgba(23, 23, 23, 0.24); backdrop-filter: blur(50.70000076293945px); padding: 4px 16px; display: flex; align-items: center; gap: 24px; cursor: initial; }
.video-player-inner { display: flex; align-items: center; gap: 24px; }
.video-player-control .player-controls { gap: 18px; }
.video-player-control .player-controls .play-pause-btn a, .video-player-control .player-controls a { width: 26px; }
.video-player-control .song-duration-section { font-family: var(--secondary-family); color: var(--white); font-size: 18px; line-height: 92%; }
.video-player-control .song-progress-bar { padding: 15px 0px; }
.video-player-control .progress-fixed-bar { height: 6px; mix-blend-mode: initial; background: rgba(255, 255, 255, 0.28); }
.video-player-control .progress-move { left: 0; }
.video-player-control .progress-move:after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 18px; aspect-ratio: 1/1; border-radius: 50%; background: var(--white); }
.video-player-control .progress-move[style="width: 1%;"]::after, .video-player-control .progress-move[style="width: 0%;"]::after { left: 0; }
.video-screen-mode a { display: flex; align-items: center; justify-content: center; width: 26px; aspect-ratio: 1/1; color: var(--white); font-size: 20px; }
.video-channel-wrapper .switch-btn-wrapper.all-songs-list p { font-weight: 500; color: #0E121B; }
.video-player-control { border-radius: 12px; }
.speed-outer-wrapper { position: relative; }
.video-player-control .player-controls .sub-list-wrapper { position: absolute; bottom: 34px; left: 0; display: flex; flex-direction: column; background: #191919; padding: initial; border-radius: 8px; opacity: 1; visibility: visible; min-width: 60px; }
.video-player-control .player-controls .sub-list-wrapper a { width: initial; font-family: var(--number-family); font-weight: 500; font-size: 14px; line-height: 100%; color: var(--primary-lightgray); aspect-ratio: initial; padding: 8px; }
.video-player-control .speed-add { opacity: 1; font-size: 14px; line-height: 92%; font-variant-numeric: tabular-nums; width: 45px; }

/* Video volume hover-reveal slider */
.video-player-control .player-controls .video-volume-wrap { position: relative; display: flex; flex-direction: row; align-items: center; gap: 8px; }
.video-player-control .player-controls .video-volume { width: 0; opacity: 0; overflow: hidden; pointer-events: none; transition: width 0.18s ease, opacity 0.18s ease; display: flex; align-items: center; direction: ltr; }
.video-player-control .player-controls .video-volume-wrap:hover .video-volume, .video-player-control .player-controls .video-volume-wrap:focus-within .video-volume { width: 88px; opacity: 1; pointer-events: auto; }
.video-player-control .player-controls .video-volume-input { width: 100%; height: 20px; margin: 0; accent-color: var(--white); cursor: pointer; background: transparent; direction: ltr; }
.video-player-control .player-controls .video-volume-input::-webkit-slider-runnable-track { height: 6px; background: rgba(255, 255, 255, 0.28); border-radius: 999px; }
.video-player-control .player-controls .video-volume-input::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 14px; height: 14px; background: var(--white); border-radius: 50%; margin-top: -4px; }
.video-player-control .player-controls .video-volume-input::-moz-range-track { height: 6px; background: rgba(255, 255, 255, 0.28); border-radius: 999px; }
.video-player-control .player-controls .video-volume-input::-moz-range-thumb { width: 14px; height: 14px; background: var(--white); border: none; border-radius: 50%; }

/*--------------->
    Video Enlarged (expanded)
<-------------------*/
.video-playing-wrapper.expanded { padding: initial; }
.expanded .video-inner-wrapper .column-block-wrapper .layout-block-wrapper { padding-left: initial; }
.expanded .video-inner-wrapper .column-block-wrapper .sidebaar-wrapper { display: none; }
.main-page-wrapper .expanded .container { max-width: 100%; }
.video-playing-wrapper.expanded .videos-block-area { padding: 49px; }
.video-playing-wrapper.expanded .grid-block { grid-template-columns: repeat(4, 1fr); max-width: 1680px; margin: 0 auto; }

/* Browser fullscreen for the in-page video player (incl. home share popup) */
.playing-img:fullscreen,
.playing-img:-webkit-full-screen,
.playing-img:-moz-full-screen,
.playing-img.is-fullscreen,
.popup-video-player .playing-img:fullscreen,
.popup-video-player .playing-img:-webkit-full-screen,
.popup-video-player .playing-img:-moz-full-screen,
.popup-video-player .playing-img.is-fullscreen {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: #000 !important;
    overflow: hidden !important;
}
.playing-img:fullscreen .custom-video,
.playing-img:-webkit-full-screen .custom-video,
.playing-img:-moz-full-screen .custom-video,
.playing-img.is-fullscreen .custom-video,
.popup-video-player .playing-img:fullscreen .custom-video,
.popup-video-player .playing-img.is-fullscreen .custom-video {
    object-fit: contain;
}
.playing-img:fullscreen .video-player-wrapper,
.playing-img:-webkit-full-screen .video-player-wrapper,
.playing-img:-moz-full-screen .video-player-wrapper,
.playing-img.is-fullscreen .video-player-wrapper,
.popup-video-player .playing-img:fullscreen .video-player-wrapper,
.popup-video-player .playing-img.is-fullscreen .video-player-wrapper {
    z-index: 3;
}

/*                                          =============== ***
.                                                   Streams page
.                                                   *** ===================== 
*/

.head-main-block, .left-head { display: flex; align-items: center; gap: 10px; justify-content: space-between; }
.head-main-block { display: flex; align-items: center; gap: 10px; justify-content: space-between; }
.stream-block-wrappper .right-head { overflow-y: hidden; overflow-x: auto; }
.custom-dropdown .dropdown-toggle::after { border-top: initial; border-right: initial; border-left: initial; content: "\f036"; font-family: 'fa-yiddish'; transform: all 0.3s; }
.custom-dropdown:has(.dropdown-menu.show) .blue-btn::after { transition: rotate(180deg); }
.stream-block-wrappper .videos-block-area { margin-top: 20px; }
.stream-block-wrappper .grid-block .block-item { width: 20%; }
.stream-block-wrappper .video-block { padding-top: 117%; }
.stream-block-wrappper .searchiso-option { position: relative; }
.stream-block-wrappper .searchiso-option input { background: var(--secondary-white); outline: none; border: 1px solid var(--primary-white); padding: 4px 36px 4px 8px; border-radius: 4px; font-family: var(--primary-family); font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: -0.6%; width: 100%; }
.stream-block-wrappper .searchiso-option .search-ico { position: absolute; height: 100%; display: flex; align-items: center; cursor: pointer; top: 0; padding-right: 8px; }
.stream-block-wrappper .tab-menu-list .tabs-menu-link.is-checked { color: var(--primary-dark); border-color: var(--blue-950); }
.stream-block-wrappper .video-block:after { background: rgba(136, 136, 136, 0.3); box-shadow: 0px 4.17472px 10.0193px rgba(0, 0, 0, 0.25); backdrop-filter: blur(7.51449px); -webkit-backdrop-filter: blur(7.51449px); }
.stream-block-wrappper .video-play-wrapper { font-size: 60px; display: flex; align-items: center; justify-content: center; }
.stream-block-wrappper .video-play-wrapper:before, .stream-block-wrappper .video-play-wrapper:after { content: ""; position: absolute; width: 100%; height: 100%; aspect-ratio: 1/1; border: 14px solid rgb(255 255 255 / 30%); top: 50%; left: 50%; border-radius: 50%; line-height: normal; transform: translate(-50%, -50%); transition: all 0.3s; opacity: 0; z-index: 2; }
.stream-block-wrappper .video-play-wrapper:before { width: calc(100% + 10px); height: calc(100% + 10px); }
.stream-block-wrappper .video-play-wrapper:after { width: calc(100% + 24px); height: calc(100% + 24px); }
.stream-block-wrappper .video-block:hover .video-play-wrapper:before, .stream-block-wrappper .video-block:hover .video-play-wrapper:after { opacity: 1; }
.stream-block-wrappper .playing-now .video-block:hover .video-play-wrapper:before { background: url(/assets/images/PlayButton.gif); background-size: contain; background-repeat: no-repeat; border: initial; }
.stream-block-wrappper .playing-now .video-block .video-play-wrapper:before { border: initial; }
.stream-block-wrappper .playing-now .video-block:hover .video-play-wrapper:after { opacity: 0; }
.stream-block-wrappper .playing-now .video-block:hover i, .stream-block-wrappper .playing-now .video-block .fy-pause { visibility: hidden; }
.stream-block-wrappper .tab-menu-list .tabs-menu-link i { font-size: 16px; }

/*                                          =============== ***
.                                                   Music page
.                                                   *** ===================== 
*/
.music-wrapper .card-head-area {
    /* background-position: left center; */
}

/*                                          =============== ***
.                                                   Contact Us page
.                                                   *** ===================== 
*/
.contact-us-wrapper { padding: 0 24px; }
.contact-us-main { display: flex; flex-direction: column; gap: 42px; padding: 60px 0; }
.contact-us-head h2 { font-weight: 500; font-size: 62px; line-height: 92%; letter-spacing: -7%; text-align: center; background: linear-gradient(360deg, var(--blue-50) -21.05%, var(--blue-500) 157.89%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.contact-us-inner { display: flex; gap: 28px; flex-wrap: wrap; }
.contact-right-area, .contact-left-area { flex: 1; }
.contact-right-area { float: right; width: 100%; display: flex; flex-direction: column; gap: 48px; }

/* Left Area */
.contact-left-area { float: left; width: 100%; max-width: 393px; text-align: left; display: flex; flex-direction: column; gap: 24px; direction: ltr; }
.info-card { height: 100%; display: flex; flex-direction: column; justify-content: space-between; background-color: #FAFAFA; padding: 32px; border-radius: 16px; gap: 12px; }
.contact-icon { width: 100%; max-width: 44px; min-width: 44px; height: 44px; display: flex; align-items: center; justify-content: flex-start; font-size: 30px; color: var(--primary-dark); }
.contact-info { display: flex; flex-direction: column; gap: 4px; }
.contact-info label { font-size: 14px; font-weight: 500; line-height: 120%; color: var(--primary-lightgray); font-variant: all-small-caps; }
.contact-info a { font-size: 18px; font-weight: 500; line-height: 120%; letter-spacing: -3%; color: #0E121B; }

/* Right Area */
.form-wrapper { display: flex; flex-direction: column; gap: 48px; }
.form-tab-content .row { margin: 0; }
.form-tab-content .row .col-sm-6.col-12, .form-tab-content .row .col-12 { padding: 0; }
.form-tab-content .row .col-sm-6.col-12:last-child { padding-right: 14px; }
.form-tab-content .row .col-sm-6.col-12:first-child { padding-left: 14px; }
.form-tab-content:nth-child(3) .tab-inner-content .col-sm-6.col-12 { padding: 0 }
.form-tab-content .form-input input.error { border-bottom: 1px solid #f00; }
.form-input textarea.error { border-color: #ff0000; }
.form-tab-content .form-input label.error { display: none !important; }
.form-description { font-weight: 500; font-size: 18px; line-height: 120%; letter-spacing: -3%; text-align: right; color: #0E121B; padding-bottom: 48px; }
.form-tabs-wrapper { display: flex; gap: 4px; padding: 4px; border-radius: 10px; background-color: var(--secondary-white); max-width: fit-content; }
.form-tab .form-tab-link { border-radius: 6px; opacity: 1; padding: 4px 13px; font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: -0.6%; text-align: center; display: inline-block; color: var(--primary-lightgray); min-width: 169px; outline: initial; border: initial; }
.form-tab.tab-active .form-tab-link, .form-tab:hover .form-tab-link { color: var(--primary-dark); background-color: var(--white); transition: all 0.3s; }
.tab-inner-content { display: flex; flex-direction: column; gap: 18px; padding-bottom: 48px; }
.form-action .blue-btn { width: 100%; max-width: 261px; padding: 10px; }
.form-input input, .form-input textarea, .form-input .upload-box { width: 100%; border: initial; border-bottom: 1px solid var(--primary-white); padding-bottom: 13px; color: var(--primary-lightgray); font-weight: 500; font-size: 18px; line-height: 24px; letter-spacing: -1.5%; text-align: right; outline: initial; margin-bottom: 26px; }
.form-input.form-textarea { max-height: 140px; }
.form-input textarea { resize: none; margin-bottom: 0; height: 100%; min-height: 140px; }
.form-input input::placeholder, .form-input textarea::placeholder  { color: var(--primary-lightgray); }
.upload-box input { display: none; }
.upload-box { display: flex; gap: 8px; justify-content: flex-end; direction: ltr; cursor: pointer; }
.upload-icon { width: 100%; max-width: 22px; min-width: 22px; height: 22px; display: flex; justify-content: center; align-items: center; font-size: 22px; color: var(--primary-gray); }

/* Newsletter Area */
.newsletter-head h3 { font-size: 32px; font-weight: 500; line-height: 120%; letter-spacing: -2%; text-align: center; color: #181D27; margin-bottom: 8px; }
.newsletter-head p { font-weight: 500; font-size: 18px; line-height: 120%; letter-spacing: -3%; text-align: center; color: var(--primary-lightgray); }
.contact-newsletter { display: flex; justify-content: center; align-items: center; background-color: #FAFAFA; border-radius: 16px; }
.newsletter-inner { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 32px; padding: 64px 24px; width: 100%; max-width: 784px; }
.contact-newsletter .form-input { display: flex; width: 100%; max-width: 600px; gap: 16px; }
.form-input .blue-btn { padding: 10px; width: 100%; max-width: 159px; }
.form-input .newsletter-input { padding: 8px 0 14px 0; margin: 0; background-color: #FAFAFA; }
.loader-contact .spinner { color: #008000; padding: 24px 0; font-family: var(--primary-family); font-size: 20px;}

/*--------------->
    Skelton Loading (Shimmer)
<-------------------*/
.main-content-area { display: block;}
/* .shimmer-news-items.skelton-wrapper {display: none; padding: initial;} */
.skelton-wrapper {display: none;}
/* .skelton-wrapper {display: none; padding: 0px 16px;} */
.skelton-wrapper.active-shimmer {display: block;}
.page-loading .main-content-area { display: none; }
.page-loading[data-shimmer="shimmer-default"] .main-content-area { display: block; }
/* show correct shimmer while loading */
.page-loading[data-shimmer="shimmer-home"] .shimmer-home,
.page-loading[data-shimmer="shimmer-home"] .shimmer-home,
.page-loading[data-shimmer="shimmer-news"] .shimmer-news,
.page-loading[data-shimmer="shimmer-music"] .shimmer-music,
.page-loading[data-shimmer="shimmer-news-items"] .shimmer-news-items,
.page-loading[data-shimmer="shimmer-podcast"] .shimmer-podcast,
.page-loading[data-shimmer="shimmer-podcast-items"] .shimmer-podcast-items,
.page-loading[data-shimmer="shimmer-podcast-details"] .shimmer-podcast-details,
.page-loading[data-shimmer="shimmer-video"] .shimmer-video,
.page-loading[data-shimmer="shimmer-video-items"] .shimmer-video-items,
.page-loading[data-shimmer="shimmer-video-details"] .shimmer-video-details,
.page-loading[data-shimmer="shimmer-main-items"] .shimmer-main-items,
.page-loading[data-shimmer="shimmer-stream"] .shimmer-stream,
.page-loading[data-shimmer="shimmer-video-podcast"] .shimmer-video-podcast,
.page-loading[data-shimmer="shimmer-contact"] .shimmer-contact
{ display: block; }
.w-xl { width: 100%; }
.w-md { width: calc(100% - 20%); }
.w-sm { width: calc(100% - 50%); }
.bg-skelton { background: var(--secondary-white); background-repeat: no-repeat; -webkit-animation-duration: 1.5s; -webkit-animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; -webkit-animation-name: placeholderShimmer; -webkit-animation-timing-function: linear; background-image: linear-gradient(to left, #f6f7f8 0%, #f3f3f3 20%, #f6f7f8 40%, #f6f7f8 100%); background-size: 468px 100%; min-height: 19px; min-width: 19px; border-radius: 4px; display: flex; }
@-webkit-keyframes placeholderShimmer { 0%{background-position:468px 0} 100%{background-position:-468px 0} }

/* Home Skelton */
.skelton-wrapper .more-news-area { padding: 6px 10px; }
.skelton-wrapper .side-news-content .small-content-card { width: 100%; }
.shimmer-home:not(.is-expanded) .side-news-rows { display: none; }
.shimmer-home.is-expanded .home-side-stack { display: none; }
.skelton-wrapper .more-news-block .date-bulletin { min-width: 170px; }
.skelton-wrapper .more-news-block .date-bulletin .bg-skelton { width: 100%; }
.skelton-wrapper .additional-more-news ~ .bg-skelton { min-width: 170px; }
.skelton-wrapper .main-news-content { width: 100%; }
.skelton-wrapper .additional-content .large-content-card:hover,
.skelton-wrapper .additional-content .medium-content-card:hover,
.skelton-wrapper .additional-content .small-content-card:hover { box-shadow: initial; }
.skelton-wrapper .news-side-baar .date-bulletin { min-width: 19px; }
.skelton-wrapper .card-btn-group ~ .card-item-btn { min-width: 60px; }
.skelton-wrapper .more-title { min-width: 70px; }
.skelton-wrapper .card-img .bg-skelton { width: 100%; height: 100%; }
.skelton-wrapper .info-details-area .bg-skelton { margin-bottom: 4px; }
.skelton-wrapper .red-type .card-news-container .bg-skelton { background: #ffe9ec; background-image: linear-gradient(to left, #ffe9ec 0%, #fcf2f3 20%, #ffe9ec 40%, #ffe9ec 100%); background-size: 468px 100%; background-repeat: no-repeat; }

/* Status baar */
.skelton-wrapper.status-area-wrapper .headline-desc { min-height: 19px; }
.skelton-wrapper.status-area-wrapper .head-title p { min-width: 80px; }

/* Tabs Skelton */
.tab-skelton.tab-menu-list { min-height: 48px; }
.tab-skelton.tab-menu-list .bg-skelton { min-height: 22px; min-width: 110px; }


/* News Skelton */
.skelton-wrapper .right-title-block { width: 100%; }
.skelton-wrapper .card-head-title { width: 100%; }
.skelton-wrapper .right-title-block .bg-skelton, .skelton-wrapper .card-head-title h3.bg-skelton { min-height: 57px; max-width: 250px; }
.skelton-wrapper .right-title-block .sub-title.bg-skelton { margin-top: 5px; max-width: 350px; }
.skelton-wrapper .red-box.bg-skelton { min-height: 30px; margin-top: 5px; max-width: 80px; }
.skelton-wrapper .bottom-card-btn { width: 100%; max-width: 110px; }
.skelton-wrapper .bottom-card-btn .bg-skelton { min-height: 40px; }
.skelton-wrapper .card-items-wrapper .info-details-area { height: initial; }
.skelton-wrapper .tab-content-area .info-details-area .bg-skelton { margin-bottom: 3px; min-height: 11px; }
.skelton-wrapper .card-content-details p { display: block; width: 100%; }
.shimmer-news-items .vertical-area .vertical-layout .card-img { aspect-ratio: 1.63; max-height: 400px; }

/* News Items Skelton */
.skelton-wrapper .bottom-details p { width: 100%; }
.skelton-wrapper .card-sub-title span { margin-bottom: 3px; min-height: 11px; }
.skelton-wrapper .uploade-time span { min-width: 60px; }
.skelton-wrapper .tab-content-area .more-news-area { background: var(--primary-white); }
.skelton-wrapper .tab-content-area .card-additional-block .more-news-area p { min-width: 100px; }

/* Ads SideBar */
.ad-xl .bg-skelton { aspect-ratio: 1/1; }
.ad-sm .bg-skelton { aspect-ratio: 1/.2; }
.ad-md .bg-skelton { aspect-ratio: 1/.9; }
.skelton-wrapper .sidebaar-head .primary-btn { width: 100%; max-width: 146px; min-height: 24px; }
.skelton-wrapper .sidebaar-head h4 { min-width: 24px; min-height: 24px; }

/* Podcasts Skelton */
.skelton-wrapper .right-title-block.text-center .bg-skelton, .skelton-wrapper .tab-menu-podcast .card-head-title h3.bg-skelton { margin: 0 auto; }
.skelton-wrapper .sidebaar-top-title .title-wrap { min-height: 57px; }
.skelton-wrapper .column-grid-card .heading-content-text .headline-sub-desc { margin-top: 4px; }
.skelton-wrapper .detail-item .card-head-info { flex: 1; }
.skelton-wrapper .detail-item .heading-content-text p { min-height: 40px; margin-bottom: 4px; }
.skelton-wrapper .detail-item .info-top-btn .bg-skelton, .skelton-wrapper .detail-item .info-bottom-btn .bg-skelton { max-width: 120px; }

/* Videos Page */
.shimmer-content { display: flex; align-items: stretch; gap: 5px; }
.shimmer-content .slider-item { flex: 1; }
.skelton-wrapper .avatar-img { border-radius: 50%; }
.skelton-wrapper .slider-item .channel-card-details .headline-desc { min-height: 19px; }
.skelton-wrapper .video-content-details .heading-content-area, .skelton-wrapper .video-content-details .news-date.bg-skelton { width: 100%; max-width: 50%; }
.skelton-wrapper .video-content-details .ico-img-wrap .bg-skelton { height: 100%; border-radius: 100%; }
.skelton-wrapper .video-content-details .heading-content-text { width: 100%; }
.skelton-wrapper .video-content-details .headline-desc { min-height: 19px; }
.skelton-wrapper .video-content-details .news-action { width: 100%; }
.skelton-wrapper .news-card-item:hover { background: initial; box-shadow: initial; }
.skelton-wrapper .video-block:hover:after { opacity: 0; }

/* Videos Items */
.channel-cover-img .bg-skelton { border-radius: 4px; aspect-ratio: 2/.5; }
.skelton-wrapper .channel-meta-info { width: 100%; }
.skelton-wrapper .thumb-img .bg-skelton { border: 4px solid var(--white); border-radius: 50%; aspect-ratio: 1 / 1; width: 100%; }
.skelton-wrapper .channel-meta-details { width: 100%; max-width: 150px; }
.skelton-wrapper .channel-meta-details h3 { min-height: 40px; }
.skelton-wrapper .video-channel-wrapper .share-meta-btn { width: 100%; max-width: 200px; }
.skelton-wrapper .video-channel-wrapper .share-meta-btn .switch-tab-area, .skelton-wrapper .video-channel-wrapper .share-meta-btn .bg-skelton { width: 100%; min-height: 30px; }
.skelton-wrapper  .video-playing-wrapper .videos-block-area { background: #f1ecec; }

/* Contact Page */
.skelton-wrapper .contact-us-head .bg-skelton { -webkit-background-clip: initial; -webkit-text-fill-color: initial; max-width: 350px; margin: 0 auto; height: 56px; background-image: linear-gradient(to left, #f6f7f8 0%, #f3f3f3 20%, #f6f7f8 40%, #f6f7f8 100%); background-size: 468px 100%; }
.skelton-wrapper .form-tabs-wrapper { background-color: #eae7e7; max-width: 523px; width: 100%; }
.skelton-wrapper .form-tab { width: 100%; }
.skelton-wrapper .form-tabs-wrapper .bg-skelton { min-height: 24px; }
.skelton-wrapper .form-input .bg-skelton { border-bottom: 1px solid var(--primary-white); padding-bottom: 13px; margin-bottom: 26px; min-height: 38px; }
.skelton-wrapper .form-action .bg-skelton { min-height: 40px; max-width: 260px; }
.skelton-wrapper .newsletter-head { width: 100%; }
.skelton-wrapper .newsletter-head h3 { max-width: 260px; margin: 0 auto 8px; min-height: 38px; }
.skelton-wrapper .newsletter-head p { margin: 0 auto; min-height: 21px; }
.skelton-wrapper .contact-newsletter .form-input .bg-skelton:last-child { width: 100%; max-width: 159px; border: initial; margin: initial; }
.skelton-wrapper .contact-newsletter .form-input .bg-skelton:first-child { margin: initial; }
.skelton-wrapper .form-input.form-textarea .bg-skelton { min-height: 140px; }
.skelton-wrapper .contact-icon .bg-skelton { min-width: 40px; min-height: 40px; }
.skelton-wrapper .contact-info label.bg-skelton { max-width: 56px; }
.skelton-wrapper .contact-info .bg-skelton { max-width: 156px; }
.scroll-to-div { background-color: #c7c7c7 !important; }

/*                                          =============== ***
.                                                   Modal 
.                                                   *** ===================== 
*/

.status-wrappper .modal-title {
    font-size: 16px;
}
.status-wrappper .modal-body {
    font-size: 14px;
    font-family: 'Inter';
    direction: ltr;
}
.modal-footer .blue-btn {
    padding: 6px 20px;
}

/*                                          =============== ***
.                                                   @media Screen {-> Skelton <-}
->                                                   *** =====================
*/

@media only screen and (max-width: 575px) {
    .skelton-wrapper .additional-more-news ~ .bg-skelton {
        min-width: 100px;
    }
}



/* -------------
    EnronVideoPlayer - Pre-roll ad overlay
--------- */
.playing-img .enron-ad-overlay { position: absolute; left: 0; right: 0; bottom: 24px; z-index: 6; display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse; gap: 10px; padding: 0 14px; width: 100%; min-height: 32px; }

/* Yellow ad progress line along the bottom edge of the video */
.playing-img .enron-ad-progress { position: absolute; left: 0; right: 0; bottom: 0; z-index: 5; height: 4px; background: rgba(255, 255, 255, 0.2); pointer-events: none; }
.playing-img .enron-ad-progress-bar { width: 0%; height: 100%; background: #ffc022; transition: width 0.15s linear; }
.playing-img .enron-ad-overlay .enron-ad-title { color: #fff; font-size: 14px; font-weight: 500; line-height: 1; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; background: rgba(23, 23, 23, 0.24); backdrop-filter: blur(16px); padding: 9px 18px; border-radius: 8px; display: flex; align-items: center; gap: 10px; justify-content: space-between; }
.playing-img .enron-ad-overlay .enron-ad-title a { color: inherit; text-decoration: none; display: inline-flex; align-items: center; gap: 10px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.playing-img .enron-ad-overlay .ads-area { display: flex; align-items: center; gap: 10px; pointer-events: auto; }
.playing-img .enron-ad-overlay .skp-sec { display: inline-flex; align-items: center; justify-content: center; min-width: 26px; height: 26px; padding: 0 6px; border-radius: 50%; background: #ffc022; color: #1a1a1a; font-size: 13px; font-weight: 600; font-variant-numeric: tabular-nums; }
.playing-img .enron-ad-overlay .skip-ads { display: none; text-decoration: none; }
.playing-img .enron-ad-overlay .skip-ads.activebg { display: inline-block; }
.playing-img .enron-ad-overlay .skip-button { display: inline-flex; align-items: center; padding: 8px 16px; border-radius: 6px; border: 1px solid rgba(255, 255, 255, 0.6); background: rgba(23, 23, 23, 0.24); backdrop-filter: blur(50.70000076293945px); }
.playing-img .enron-ad-overlay .skip-button h4 { display: inline-flex; align-items: center; gap: 6px; margin: 0; color: #fff; font-size: 14px; font-weight: 500; }

/* Hide the full player chrome while an ad plays */
.playing-img.is-ad-playing .video-player-wrapper { display: none !important; }

/* ------------- 
    EnronVideoPlayer - Audio (mp3) visualize
 --------- */
.playing-img .enron-audio-anim { position: absolute; inset: 0; z-index: 4; display: flex; align-items: center; justify-content: center; gap: 6px; pointer-events: none; background: rgba(0, 0, 0, 0.35); }
.playing-img .enron-audio-anim span { display: block; width: 6px; height: 46px; border-radius: 3px; background: #fff; transform: scaleY(0.35); transform-origin: center bottom; animation: enronAudioEq 1s ease-in-out infinite; animation-play-state: paused; }
.playing-img .enron-audio-anim span:nth-child(1) { animation-delay: 0s; }
.playing-img .enron-audio-anim span:nth-child(2) { animation-delay: 0.2s; }
.playing-img .enron-audio-anim span:nth-child(3) { animation-delay: 0.4s; }
.playing-img .enron-audio-anim span:nth-child(4) { animation-delay: 0.15s; }
.playing-img .enron-audio-anim span:nth-child(5) { animation-delay: 0.3s; }
.playing-img.is-audio-mode.is-playing .enron-audio-anim span { animation-play-state: running; } @keyframes enronAudioEq { 0%, 100% { transform: scaleY(0.35); } 50%      { transform: scaleY(1); } }

/*                                          =============== ***
.                                                   WA Group Messages
.                                                   *** ===================== 
*/

.home-side-stack { display: flex; flex-direction: column; gap: 12px; max-width: 392px; width: 100%; flex-shrink: 0; }
.home-side-stack .news-side-baar { max-width: 100%; flex: 1; display: flex; flex-direction: column; }
.home-side-stack .card-news-outer { flex: 1; }
.home-side-stack:is(:has(.wa-group-messages)) .card-news-container { max-height: 327px; }

/* Scrollbar width */
/* .blue-type .card-news-container::-webkit-scrollbar {
    width: 12px;
} */

/* Track (light background) */
/* .blue-type .card-news-container::-webkit-scrollbar-track {
    background: #edf2ff;
    border-radius: 20px;
} */

/* Thumb (blue bar) */
/* .blue-type .card-news-container::-webkit-scrollbar-thumb {
    background: #3d5afe;
    border-radius: 20px;
    border: 3px solid #edf2ff;
} */

/* Hover effect */
/* .blue-type .card-news-container::-webkit-scrollbar-thumb:hover {
    background: #304ffe;
} */

/* Blue group-messages sidebar on home */
.main-content-inner .wa-group-messages.blue-type .more-news-area { background: #1570EF; }
.main-content-inner .wa-group-messages.blue-type .more-title { color: #E0F2FE; }
.main-content-inner .wa-group-messages.blue-type .more-news-area i { color: #B2DDFF; }
.main-content-inner .wa-group-messages .card-news-inner::after { background: linear-gradient(0deg, var(--blue-50) 23%, rgb(239 246 255 / 0%) 83%); }
.home-side-stack:is(.wa-group-messages) .main-content-inner:not(.wa-group-messages) .card-news-container .wa-group-messages .wa-msg-avatar img { border-radius: 50%; }
.wa-group-messages .wa-msg-group-name { font-family: var(--secondary-family); font-weight: 700; font-size: 13px; line-height: 120%; color: var(--primary-dark); margin-bottom: 4px; }
.elapsis-conent .wa-msg-avatar { position: relative; display: inline-flex; width: 12px; height: 12px; align-items: center; justify-content: center; cursor: pointer; vertical-align: middle; border-radius: 50%; overflow: hidden; }
.wa-group-messages .wa-msg-caption { display: inline; }
.wa-group-messages .wa-msg-caption a { color: var(--blue-500); text-decoration: underline; }
.wa-group-messages .wa-group-msg-item { cursor: pointer; }
.wa-group-messages .wa-group-msg-item:hover .wa-msg-caption { opacity: 0.75; }
.main-content-inner .wa-group-messages.blue-type .small-content-card { padding: 12px 20px; gap: 10px; }
.main-content-inner .wa-group-messages.blue-type .card-news-container .card-list { margin-top: 0; }

/* Group message simple modal */
.wa-group-msg-modal[hidden] { display: none !important; }
.wa-group-msg-modal { position: fixed; inset: 0; z-index: 10050; display: flex; align-items: center; justify-content: center; }
.wa-group-msg-modal-backdrop { position: absolute; inset: 0; background: rgba(10, 13, 20, 0.72); }
.wa-group-msg-modal-dialog { position: relative; z-index: 1; width: min(480px, calc(100% - 48px)); max-height: calc(100dvh - 48px); overflow: auto; background: #fff; border-radius: 12px; padding: 20px; direction: rtl; }
.wa-group-msg-close { position: absolute; top: 10px; left: 12px; border: 0; background: transparent; font-size: 28px; line-height: 1; cursor: pointer; color: #344054; }
.wa-group-msg-modal-header { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; padding-left: 28px; }
.wa-group-msg-modal-avatar { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }
.wa-group-msg-modal-group { font-family: var(--secondary-family); font-weight: 700; font-size: 16px; color: var(--primary-dark); }
.wa-group-msg-modal-creator { font-size: 13px; color: var(--primary-gray); }
.wa-group-msg-media img, .wa-group-msg-media video { width: 100%; border-radius: 8px; display: block; max-height: 60dvh; object-fit: contain; background: #0A0D14; }
.wa-group-msg-media audio { width: 100%; margin: 12px 0; }
.wa-group-msg-text-only { padding: 24px; background: var(--blue-50); border-radius: 8px; font-family: var(--secondary-family); font-size: 18px; line-height: 140%; white-space: pre-wrap; }
.wa-group-msg-modal-caption { margin: 12px 0 0; font-family: var(--secondary-family); font-size: 15px; line-height: 140%; color: var(--primary-dark); white-space: pre-wrap; }

/* WA Groups page — message list (/wa-groups/{id}) */
#wa-groups-messages-container .wa-group-msg-row { cursor: pointer; }
#wa-groups-messages-container .wa-group-msg-row .song-info-v4 a { cursor: pointer; position: relative; z-index: 1; }
.tab-menu-podcast #wa-groups-messages-container .card-player-details { max-width: 100%; }
#wa-groups-messages-container .wa-group-msg-row .song-info-v4 p { display: block; word-break: break-word; }

/* WA Groups all feed — same card chrome as /news/{id} */
#wa-groups-messages-container.wa-groups-feed .wa-group-msg-row { cursor: default; }
#wa-groups-messages-container.wa-groups-feed .info-details-area { cursor: default; }
#wa-groups-messages-container.wa-groups-feed .card-sub-title a { color: inherit; }
#wa-groups-messages-container.wa-groups-feed .share-info-btn .card-item-btn { cursor: pointer; }
#wa-groups-messages-container.wa-groups-feed .card-sub-title.english-text {
    text-align: left;
    direction: ltr;
    width: 100%;
}

/* Inline feed video — News Vertical and the WhatsApp all-groups feed */
.card-img.inline-feed-video {
    cursor: pointer;
}
.card-img.inline-feed-video .playing-content-wrapper,
.card-img.inline-feed-video .playing-img {
    position: relative;
    inset: auto;
    width: 100%;
    height: auto;
    padding-top: 0;
    aspect-ratio: 16 / 9;
    border-radius: 4px;
}
.card-img.inline-feed-video .playing-img:after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.3);
    border-radius: inherit;
    z-index: 2;
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none;
}
.card-img.inline-feed-video .video-play-wrapper {
    font-size: 56px;
    color: #fff;
    z-index: 3;
    pointer-events: none;
    filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.45));
}
.card-img.inline-feed-video .playing-img:hover:after,
.card-img.inline-feed-video .playing-img:hover .video-play-wrapper {
    opacity: 1;
}
.card-img.inline-feed-video .playing-img.is-playing:after,
.card-img.inline-feed-video .playing-img.is-playing .video-play-wrapper {
    opacity: 0;
    visibility: hidden;
}



/*                                          =============== ***
.                                                   @media Screen
->                                                   *** =====================
*/

@media (max-height: 1200px) {
    /* .share-content-details .card-img { --height: 375px; aspect-ratio: 4/3; max-height: var(--height); min-height: var(--height); } */
}
@media (max-height: 1050px) {
    .large-content-card, .medium-content-card, .small-content-card { padding: 12px 16px; }
    .side-news-content .small-content-card:first-child { min-height: 130px; }
    .medium-content-card { min-height: 280px; }
    .additional-content .large-content-card .info-details-area { margin-bottom: 20px; }
    .medium-content-card .card-img { aspect-ratio: 1.883/1; }
    /* .card-img img { object-position: 50% 15%; } */
    .main-content-inner .card-news-container { max-height: calc(604px - 74px); }
    .home-side-stack:is(:has(.wa-group-messages)) .card-news-container { max-height: 302px; }
}

@media (max-height: 600px) {
  /* .share-content-details .card-img { max-height: 34dvh; } */
}

@media (min-width: 1441px) and (max-width: 1800px) {
    .scroll-bar-container {
        /* position: fixed;
        left: initial;
        right: 10px; */
    }
}

@media only screen and (max-width: 1700px) {
    .main-video-wrapper .channels-strip-inner, .main-video-wrapper .videos-block-area, .main-page-wrapper .container { max-width: 1220px; }
}
@media only screen and (max-width: 1600px) {
    /* .scroll-bar-wrapper { right: -24px; } */
    /* .main-popular-inner { width: 100%; } */
    .scroll-bar-wrapper {
        right: -8%;
    }
}
@media only screen and (max-width: 1440px) {
    /* .scroll-bar-wrapper { right: -24px; } */
    .main-content-area { min-height: calc(100dvh - 561px);}
    .head-btn-area { max-width: 650px; }

    /* -------------
        Container width
    --------- */
    .audio-custom-player { max-width: 1200px; width: 100%; }
    .main-page-wrapper .container-lg { max-width: 1200px; }
    .main-video-wrapper .channels-strip-inner, .main-video-wrapper .videos-block-area, .main-page-wrapper .container { max-width: 1200px; }

    /* -------------
        Footer Area
    --------- */
    .footer-wrapper { padding: 80px 24px; }

    /* -------------
        Main News Area
    --------- */
    .main-news-content .small-content-card .card-img { max-width: 100px; }
    .info-details-area { font-size: 18px; line-height: 100%; }
    .medium-content-card { min-height: 240px !important; }
    .main-content-inner .card-news-container { max-height: calc(556px - 74px); }
    .home-side-stack:is(:has(.wa-group-messages)) .card-news-container { max-height: 286px; }

    /* -------------
        Main Popular Area
    --------- */
    .news-card-items { gap: 4px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .news-card-items[data-item-count="8"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }

    /* -------------
        Podcast page
    --------- */
    .card-title-area h2, .sub-title p { font-weight: 700; }
    .column-block-wrapper .news-side-baar { max-width: 326px; }

    /* -------------
        Video Landing
    --------- */
    .view-channel .slider-wrapper { grid-template-columns: repeat(10, 1fr); }

    /* -------------
        Video Channel
    --------- */
    .video-inner-wrapper .column-block-wrapper .sidebaar-wrapper { max-width: 226px; }
    .grid-block { grid-template-columns: repeat(3, 1fr); }

    /* -------------
        Video Playing
    --------- */
    .video-playing-wrapper .videos-block-area { padding: 18px; }
    .video-playing-wrapper.expanded .videos-block-area { padding: 32px; }
    .video-playing-wrapper.expanded .grid-block { grid-template-columns: repeat(3, 1fr); }
    .channel-meta-wrapper .switch-btn-wrapper { white-space: nowrap; }

    /* -------------
        Stream Playing
    --------- */
    .stream-block-wrappper .videos-block-area { padding: 0px 10px; }
    .stream-block-wrappper .grid-block .block-item { width: 25%; }
    .stream-block-wrappper .left-head { padding-left: 20px; }

    /* -------------
        Skelton Video Slider
    --------- */
    .shimmer-content .slider-item:nth-last-child(-n + 4) { display: none; }

    /* -------------
        Videos Share Popup
    --------- */
    .modal.show:has(.popup-video-player) .modal-dialog { max-width: 1200px; }
    .share-modal .popup-video-player .modal-footer { padding: 20px 22px; }


}

@media only screen and (max-width: 1400px) {
    .scroll-bar-wrapper { display: none; }
}
@media only screen and (max-width: 1175px) {
    /* -------------
        Header Area
    --------- */
    .head-btn-area { width: initial; position: initial; }
    .head-logo-area, .search-btn-mobile, .menu-toggle-button, .primary-btn, .btn-group-wrapper, .head-navigation { position: relative; z-index: 11; }
    .head-search-wrapper { flex: initial; position: initial; }
    .search-btn-mobile { display: flex; }
    .head-search-wrapper .head-search-engine { position: absolute; top: -500px; left: 0; width: 100%; background: var(--white); border-top: 1px solid var(--primary-white); border-bottom: 1px solid var(--primary-white); z-index: 9; padding: 24px; transition: all 0.6s; }
    .head-search-wrapper .search-output-wrapper { position: relative; top: initial; margin-top: initial; box-shadow: initial; border-radius: initial; padding: 10px 0px 0px; width: 100%; min-width: inherit; }
    .head-search-wrapper .head-search-engine.active { top: 100%; }
    .header-wraper:before { content: ''; position: absolute; top: 0; left: 0; background: var(--white); width: 100%; height: 100%; z-index: 10; }

    /* -------------
        News Landing Page {Tabs}
    --------- */
    /* .tab-content-area { padding: 0px 24px; } */
    
}

@media only screen and (min-width: 1025px) {
    .main-news-content {
        display: flex;
        align-items: stretch;
        position: relative;
        gap: 0px;
    }
    .main-news-content > .large-content-card, .main-news-content > .side-news-content {
        width: 50%;
        min-width: 0px;
        flex: 1 1 50%;
    }
    .main-news-content > .side-news-content {
        display: flex;
        flex-wrap: wrap;
    }
    .main-news-content.bulletin-expanded::before { content: none; }
    .main-news-content.bulletin-expanded > .large-content-card,
    .main-news-content.bulletin-expanded > .side-news-content {
        width: 33.333%;
        flex: 1 1 33.333%;
    }
    .main-news-content.bulletin-expanded > .side-news-content {
        display: grid;
        grid-template-rows: repeat(4, minmax(0, 1fr));
        align-items: stretch;
        border-inline-start: 1px solid var(--primary-white);
    }
    .main-news-content.bulletin-expanded > .side-news-content:not(.side-news-rows) {
        grid-template-columns: 1fr 1fr;
    }
    .main-news-content.bulletin-expanded > .side-news-content:not(.side-news-rows) .medium-content-card {
        grid-row: span 2;
        width: auto;
        min-height: 0 !important;
        float: none;
    }
    .main-news-content.bulletin-expanded > .side-news-content:not(.side-news-rows) .small-content-card {
        grid-column: 1 / -1;
        width: 100%;
        min-height: 0;
    }
    .main-news-content.bulletin-expanded > .side-news-rows .small-content-card {
        width: 100%;
        min-height: 0;
        flex-direction: row;
    }
    .main-news-content.bulletin-expanded > .side-news-rows .small-content-card:first-child {
        border-top: 0;
    }
}
@media only screen and (max-width: 1024px) {

    /* -------------
        Footer Area
    --------- */
    .footer-wrapper { padding: 48px 24px; }

    /* .scroll-bar-wrapper { display: none; } */
    /* -------------
        Main Content Area
    --------- */
    .home-side-stack:is(:has(.wa-group-messages)) .card-news-container { max-height: 555px; }
    .news-side-baar { max-width: 351px; }
    .main-content-inner .card-news-container { max-height: calc(938px - 74px); }
    .info-details-area { font-size: 18px; line-height: 100%; }
    .main-popular-wrapper .sidebaar-wrapper { width: 23%; }
    .main-popular-wrapper .popular-card-wrapper { width: 77%; }

    /* -------------
        Main Popular Area
    --------- */
    .additional-more-bottom { display: block; text-align: center; }
    .more-news-area .additional-more-news { display: none; }
    .news-card-items { gap: 13px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .news-card-items[data-item-count="8"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .more-news-block .more-news-area { padding: 8px; }
    .date-bulletin { align-items: flex-start; }
    .date-bulletin p span { margin-left: initial; padding-left: initial; display: inline-block; margin-top: 2px; }
    .date-bulletin p span:before, .medium-content-card + .medium-content-card::before { content: initial; }
    .large-content-card, .medium-content-card, .small-content-card { padding: 16px; }
    .side-news-content .small-content-card { flex-direction: column; }
    .main-news-content.bulletin-expanded > .side-news-rows .small-content-card { flex-direction: row; width: 100%; min-height: 0; }
    .main-news-content .small-content-card .card-img { max-width: initial; }
    .card-img, .medium-content-card .card-img, .small-content-card .card-img { aspect-ratio: 1.77/1; }
    .medium-content-card { min-height: initial !important; width: 100%; display: flex; border-top: 1px solid var(--primary-white); }
    .additional-content .large-content-card .info-details-area { margin-bottom: 20px; }
    .large-content-card .info-details-area { font-size: 24px; }
    .large-content-card .icon-wrap { width: 15px; height: 15px; }
    .large-content-card .icon-wrap:before { font-size: 16px; }
    .main-news-content .card-btn-group { position: relative; }
    .main-news-content .share-info-wrapper { position: initial; }
    .main-news-content .share-details-wrapper, .main-news-content .side-news-content .small-content-card:first-child .share-details-wrapper { left: initial; right: 0px; transform: initial; z-index: 2; }

    /* -------------
        Prime carousel
    --------- */
    .prime-carousel .owl-nav button.owl-next i { left: 20px; }
    .prime-carousel .owl-nav button.owl-prev i { right: 20px; }

    /* -------------
        News Landing Page {Tabs}
    --------- */
    .tab-menu-news .card-items-wrapper { gap: 24px; }
    .card-items-wrapper .card-box-wrapper { width: calc(50% - 16px); }
    .bottom-details {
        gap: 14px;
    }

    /* -------------
        Podcast page
    --------- */
    .column-grid-card { grid-template-columns: repeat(3, 1fr); }

    /* -------------
        Video Landing
    --------- */
    .view-channel .slider-wrapper { grid-template-columns: repeat(8, 1fr); gap: 20px; }

    /* -------------
        Video Playing
    --------- */
    .video-playing-wrapper.expanded .videos-block-area { padding: 24px; }

    /* -------------
        Audio Playing
    --------- */
    .audio-custom-player { border-radius: initial; bottom: 0px; }
    .audio-custom-player.collapsed-mode { left: 0; border-radius: 0px 100px 100px 0px; } 
    .audio-custom-player:before {border-radius: initial;}
    .video-playing-wrapper.expanded .playing-content-wrapper .channel-meta-wrapper { padding: 0 24px; }
    .channel-meta-info { max-width: 480px; }

    /* -------------
        Videos Share Popup
    --------- */
    .modal.show:has(.popup-video-player) .modal-dialog { max-width: 900px; }
    .share-modal .popup-video-player .modal-footer { padding: 20px 16px; }
    .popup-video-player .share-social-wrapper p { display: none; }

    /* -------------
        Skelton Video Slider
    --------- */
    .shimmer-content .slider-item:nth-last-child(-n + 6) { display: none; }
    
}

@media only screen and (max-width: 991px) {
    /* -------------
        Top Ads
    --------- */
    .top-ads-area { padding: 0px 16px; }
    /* .content-area-ads { padding: 0px 16px; } */

    /* -------------
        Header Area
    --------- */
    .header-wraper { padding: 18px; z-index: 14; }
    .tab-pannel {display: none;}
    .menu-toggle-button { display: block; }
    .head-navigation { position: absolute; top: -500px; left: 0; width: 100%; background: var(--white); border-top: 1px solid var(--primary-white); z-index: 9; padding: 24px 0px 72px; transition: all 0.6s; overflow: hidden; height: 100%; }
    .open-menu .head-navigation { top: 100%; height: calc(100dvh - 70px); }
    .nav-logo { position: absolute; width: 100%; left: 0; bottom: -40px; display: flex; align-items: center; justify-content: center; opacity: 43%; }
    .nav-items { align-items: stretch; gap: 24px; flex-direction: column; overflow-y: auto; overflow-x: hidden; max-height: calc(100dvh - 166px); }
    .nav-item { position: relative; padding: 0px 24px; }
    .nav-items > .nav-item > .link-nav { display: flex; align-items: center; width: calc(100% + 48px); margin-inline: -24px; padding: 12px 24px; box-sizing: border-box; font-size: 18px; line-height: 100%; }
    .nav-items > .nav-item:has(> .up-down-arrow) > .link-nav { padding-inline-end: 68px; }
    .nav-items > .nav-item > .up-down-arrow { position: absolute; inset-inline-end: 12px; top: 0; width: 44px; height: 44px; float: none; z-index: 2; }
    .sub-nav-items { right: initial; width: 100%; padding-top: 24px; opacity: 1; visibility: visible; position: relative; top: initial; right: initial; display: none; }
    .nav-items li:hover .sub-nav-items,
    .nav-items li.is-subnav-open .sub-nav-items { padding-top: 24px; opacity: 1; visibility: visible; }
    .nav-items > .nav-item:not(.is-subnav-open) > .sub-nav-items { display: none; }
    .nav-items > .nav-item.is-subnav-open > .sub-nav-items { display: block; }
    .sub-nav-inner { gap: 10px; padding: 8px; }
    .card-item { min-width: initial; max-width: initial; }
    .listing-group { width: 100%; }
    .card-item .card-head-area { aspect-ratio: 1.417/1; padding: 16px 10px; min-height: 103px; }
    .sub-nav-item:hover .tab-pannel-links, .sub-nav-item.active .tab-pannel-links { display: block; }
    .side-tab-items { min-width: initial; width: 100%; padding-left: initial; }
    .side-tab-items > .sub-nav-item { padding-left: initial; position: static; }
    #showSubnav .side-tab-items > .sub-nav-item::after { content: none; display: none; }
    .list-item { width: 100%; }
    .nav-items .nav-item:hover .up-down-arrow i { transform: initial; }
    .nav-items .nav-item.active .up-down-arrow i { transform: rotate(180deg); }
    .main-cat-menu.sub-nav-items .listing-group, .sub-nav-items .listing-group { max-height: initial; }

    /* -------------
        Footer Area
    --------- */
    .footer-content-area a, .footer-content-area span, .footer-content-area p, .subscribe-btn, .subscribe-form .blue-btn { font-size: 16px; }
    .subscriber-input-control { padding: 25px 20px; font-size: 16px; width: 100%; }

    /* -------------
        Slider carousel
    --------- */
    .main-popular-wrapper .slider-wrapper .owl-nav button.owl-next {left: 20px;}
    .main-popular-wrapper .slider-wrapper .owl-nav button.owl-prev { right: 20px; }

    /* -------------
        Audio Custom Player
    --------- */
    .audio-custom-player { padding: 0px 20px; }
    .audio-custom-player.collapsed-mode { max-width: 125px; }
    .audio-content { gap: 12px; min-height: 65px; }
    .player-controls { gap: 5px; }
    .player-controls .play-pause-btn a { width: 46px; aspect-ratio: 1 / 1; height: 100%; }
    .play-pause-btn svg { width: 100%; height: 100%; }
    .songInfo-wrapper { padding: 10px 0px; }
    .icon-img { max-width: 55px; max-height: 38px; }
    .player-controls-btn { gap: 8px; }

    /* -------------
        Main Content Area
    --------- */
    .main-content-wrapper { padding: 0px 16px; }
    .main-content-inner { flex-direction: column; }

    /* -------------
        Main News Wrapper
    --------- */
    /* :=> News sidebaar <=: */
    .home-side-stack { max-width: 100%; }
    .main-content-inner .news-side-baar { max-width: 100%; margin-top: 20px; }
    .main-content-inner .news-side-baar .small-content-card { padding: 12px; }
    .main-content-inner .news-side-baar .small-content-card .card-img { max-width: 60px; }
    .home-side-stack:is(:has(.wa-group-messages)) .card-news-container, .main-content-inner .card-news-container { max-height: 313px; }

    /* -------------
        Main Popular Area
    --------- */
    .main-popular-wrapper { padding: 24px 16px; }
    .main-popular-wrapper .row { flex-direction: column-reverse; }
    .main-popular-wrapper .popular-card-wrapper { padding: 24px 0px 0px; width: 100%; }
    .news-top-head { padding: 0px 16px; }
    .main-popular-wrapper .sidebaar-wrapper { max-width: 100%; width: 100%; }
    .bulletin-news-ads:not(:last-child) { margin-bottom: 12px; }

    /* -------------
        News Landing Page {Tabs}
    --------- */
    .tab-menu-news.category-layout .tab-content-area { padding: initial; }
    .tab-menu-news.category-layout .column-block-wrapper .sidebaar-wrapper { padding: 0 16px; }
    .column-block-wrapper { flex-direction: column; margin: initial; gap: 24px; }
    .column-block-wrapper .sidebaar-wrapper, .column-block-wrapper:has(.vertical-area) .sidebaar-wrapper { max-width: 100%; }
    .column-block-wrapper .layout-block-wrapper { padding: initial; }
    .card-title-area h2, .sub-title p, .card-head-title h3 { font-size: 46px; letter-spacing: -1.34px; }
    .card-title-area h2 i { font-size: 20px; width: 40px; }
    .card-additional-block .more-news-area { margin-top: initial; }
    .vertical-area .layout-block-wrapper:has(.vertical-layout) { max-width: 100%;}

    /* -------------
        Podcast page
    --------- */
    .tab-menu-podcast .column-block-wrapper { margin-top: 10px; }
    .column-block-wrapper .news-side-baar { max-width: 100%; }

    /*--------------->
        Video Landing
    <-------------------*/
    .view-channel { padding: 22px 0px; }
    /* .view-channel .slider-wrapper { grid-template-columns: repeat(4, 1fr); } */
    .view-channel .slider-wrapper { display: block; }
    .hide_channel { display: block !important; }
    .view-more-wrapper { display: none; }

    /* -------------
        Video Channel
    --------- */
    .video-inner-wrapper .column-block-wrapper .sidebaar-wrapper { max-width: 100%; }
    .video-inner-wrapper .column-block-wrapper .layout-block-wrapper { padding-left: initial; }

    /* -------------
        Video Playing
    --------- */
    .video-playing-wrapper { padding: initial; }
    .video-playing-wrapper .videos-block-area { padding: 18px; }
    .video-playing-wrapper .sidebaar-wrapper { padding: 0 16px; }
    .playing-content-wrapper .channel-meta-wrapper { margin: initial; padding: 18px; }

    /* -------------
        Contact Us
    --------- */
    .contact-left-area { max-width: 100%; }
    .contact-us-inner { flex-direction: column-reverse; }

    /* -------------
        Stream Playing
    --------- */
    .stream-block-wrappper .grid-block .block-item { width: 33.33%; }
    .head-main-block { flex-wrap: wrap; }
    .stream-block-wrappper .left-head { padding-right: 20px; }

    /* -------------
        Skelton Video Slider
    --------- */
    .shimmer-content .slider-item:nth-last-child(-n + 8) { display: none; }

    /* -------------
        Videos Share Popup
    --------- */
    .modal-wrapper .modal-dialog { padding-bottom: 65px; }
    .popup-video-player .popup-video-details { flex-direction: column; }
    .popup-video-player .playing-img { max-height: calc(100dvh - 455px); }
    .share-modal .popup-video-player .modal-footer { padding: 20px 16px; }

}

@media only screen and (max-width: 767px) {


    /* -------------
        Header Area
    --------- */
    .listing-group { grid-template-columns: repeat(2, 1fr); }

    /* -------------
        Footer Area
    --------- */
    .top-widget-areas, .support-subscribe-area, .copyright-with-menu { flex-direction: column-reverse; }
    .support-subscribe-area { padding: 22px 0px 0px; }
    .subscribe-btn-area { align-self: stretch; }
    .subscribe-btn { width: 100%; }

    /* -------------
        Top Ads
    --------- */
    .ads-images { flex-direction: column; }

    /* -------------
        Main Content Area
    --------- */
    .main-news-content::before { content: initial; }
    .main-news-content { column-count: 1; }

    /* -------------
        Main Popular Area
    --------- */

    /* -------------
        News Landing Page {Tabs}
    --------- */
    .not-found-wrapper h3 { font-size: 159px; }
    .card-title-area h2, .sub-title p, .card-head-title h3 { font-size: 36px; }
    .column-block-wrapper .card-head-area, .tab-menu-podcast .card-head-area { min-height: 120px; }

    /* -------------
        Video Channel
    --------- */
    .grid-block, .video-playing-wrapper .grid-block, .video-playing-wrapper.expanded .grid-block, .col-3-block .grid-block { grid-template-columns: repeat(2, 1fr); }
    .big-span { grid-row: initial; grid-column: initial; }
    .channel-meta-info { gap: 16px; }
    /* .slider-wrapper .owl-next:after, .slider-wrapper .owl-prev:after { width: 100px; } */
    
}

@media only screen and (max-width: 650px) {
    /* -------------
        Share Popup
    --------- */
    .absolute-close { position: absolute; bottom: calc(100% + 16px); right: 0; left: 0; }
    .share-modal .modal-content { margin: 52px 0px 0px; }
    .slide-btn-wrapper button {
        padding: initial !important;
        font-size: 16px;
        top: initial;
        bottom: calc(100% + 16px);
        transform: initial;
    }
    .slide-btn-wrapper button.slide-prev { right: 20px; }
    .slide-btn-wrapper button.slide-next { left: 20px; }
    .modal-wrapper .modal-dialog { padding-bottom: initial; }
    .share-content-details { max-height: calc(100dvh - 214px); }

    /* -------------
        Audio Custom Player
    --------- */
    .audio-custom-player, .audio-custom-player:before { border-radius: 12px; }
    .audio-custom-player { width: calc(100% - 24px); bottom: 12px; padding: 12px; z-index: 9; }
    .audio-custom-player.collapsed-mode { left: 12px; border-radius: 12px; }
    .collapsed-mode .player-collapse-wrapper { top: 50%; transform: translateY(-50%); }
    .audio-content { gap: 12px; min-height: initial; flex-wrap: wrap; flex-direction: initial; position: relative; }
    .player-collapse-wrapper { position: absolute; top: 10px; right: 0; }
    .songInfo-wrapper { max-width: initial; padding: initial; order: -1; width: 100%; flex: initial; padding-right: 32px; }
    .player-controls-btn { gap: 16px; padding-right: initial; }
    .player-controls-btn:before { right: initial; left: 0; height: calc(100% - 20px); }
    .icon-img { max-width: 67px; max-height: 44px; }
    .song-info p { font-size: 14px; font-family: var(--primary-family); margin-top: 6px; line-height: 108%; }
    .song-info h3 { font-size: 12px; line-height: 100%; }
    .player-controls { gap: 16px; order: 2; }
    .speed-add { font-size: 14px; }
    .player-controls .play-pause-btn a { width: 36px; }
    .player-controls a { font-size: 18px; width: 18px; }

    /* play speed */
    .sub-list-wrapper { bottom: 0; z-index: 1; right: 0px; left: 0; margin: 0 auto; }
    .active-playBack .play-back-speed .sub-list-wrapper { bottom: 20px; }
    
    /* volume */
    .volume-updown-wrapper { bottom: 0; z-index: 1; right: 0px; left: 0; margin: 0 auto; }
    .active-volume .audio-volume-wrapper .volume-updown-wrapper { bottom: 20px; }
    
    /* Player */
    .player-list-wrapper { right: -7px; z-index: 2; padding-bottom: initial; }
    .player-list-inner { align-items: stretch; }
    .player-list-inner { width: 100%; }
    .player-list-items { height: 100%; }
    .active-playerList .player-listing-wrapper .player-list-wrapper { bottom: 46px; }
    /* .player-list-item { color: var(--white); }
    .player-list-item .fill-dark { fill: var(--white); } */
    
    /* -------------
        Full Open Player
    --------- */
    .video-player-control .player-controls { width: initial; padding: initial; bottom: initial; position: relative; }

    /*--------------->
        Video Landing
    <-------------------*/
    /* .view-channel .slider-wrapper { grid-template-columns: repeat(3, 1fr); } */

    /* -------------
        Video Playing
    --------- */
    .playing-content-wrapper .channel-meta-details h3 { font-size: 24px; }

    /* -------------
        News Landing Page {Tabs}
    --------- */
    .tab-menu-news .card-items-wrapper { gap: 12px; }
    .card-items-wrapper .card-box-wrapper { width: 100%; }
    .card-title-area h2 { font-size: 28px; }
    .card-title-area h2 i { font-size: 10px; width: 18px; }
    .card-title-area p { font-size: 16px; }
    .single-dot { min-width: 14px; height: 14px; }
    .column-block-wrapper .card-img { max-width: 110px; aspect-ratio: 1.41/1; }
    .column-block-wrapper .info-details-area { font-size: 18px; }
    
    /* Category Layout (Use Float) */
    .tab-menu-news.category-layout .card-additional-content .card-content-block:has(.card-img) { display: block; }
    .tab-menu-news.category-layout .card-additional-content .card-content-block:has(.card-img):first-child { margin-top: 32px; }
    .card-additional-content .card-content-block:after { content: ''; display: table; clear: both; order: 5; }
    .tab-menu-news.category-layout .column-block-wrapper .card-img { float: right; margin-bottom: 12px; margin-left: 12px; } 
    .tab-menu-news.category-layout .card-img ~ .card-content-details .new-time-block { margin-top: -26px; }
    .tab-menu-news.category-layout .card-img ~ .card-content-details .info-details-area { display: initial; }
    .tab-menu-news.category-layout .card-img ~ .card-content-details p { width: 100%; }
    .tab-menu-news.category-layout .vertical-layout .card-img ~ .card-content-details .info-details-area { width: initial; float: initial; }
    .loader-btn { padding: 0 20px; }

    /* -------------
        Stream Playing
    --------- */
    .stream-block-wrappper .grid-block .block-item { width: 50%; }
    .stream-block-wrappper .left-head { width:100%; padding-right: 20px; }
    .stream-block-wrappper .searchiso-option { width: 100%; }
    
}

@media only screen and (max-width: 575px) {
    .additional-content, .news-side-baar { width: 100%; overflow: hidden; }
    .mobile-img { display: block; }
    .ads-img img:not(.mobile-img) { display: none; }
    .scroll-area-wrapper { padding: 24px 16px; }
    .scroll-area-layout { flex-direction: column; }
    /* .button-area-block .blue-btn { width: 100%; } */

    /* -------------
        Header Area
    --------- */
    .mob-none { display: none; }

    /* -------------
        Footer Area
    --------- */
    .footer-wrapper { padding: 58px 18px; }
    .footer-logo { margin: 0 auto; }
    .footer-inner-panel { gap: 110px; }
    .text-content-area { justify-content: center; flex-direction: column-reverse; }
    .widget-menu:before { content: initial; }
    .top-widget-areas .widget-menu, .widget-menu { padding-left: initial; }

    /* -------------
        Additional More News
    --------- */
    .date-bulletin p span { display: block; }
    .additional-content .additional-more-news { min-width: initial; width: 100%; }
    .additional-more-bottom p { text-align: center; }
    .side-news-content .small-content-card:not(:first-child), .medium-content-card { flex-direction: row; align-items: flex-start; }
    .main-news-content .small-content-card:not(:first-child) .card-img, .main-news-content .medium-content-card .card-img { max-width: 110px; }

    /* -------------
        Main Popular Area
    --------- */
    .news-card-items, .popular-video .news-card-items { grid-template-columns: repeat(1, minmax(0, 1fr)); gap: initial; padding: 0px 12px; }
    .main-news-content .side-news-content .share-details-wrapper { left: 50%; right: initial; transform: initial; z-index: 2; transform: translateX(-50%); }

    /* -------------
        Popular Card
    --------- */
    .popular-group-layout .news-top-head .more-links { display: none; }
    .popular-group-layout .news-top-head.bottom-area { display: block; width: 100%; }
    .popular-group-layout .news-top-head.bottom-area .more-links { display: block; }
    .popular-group-layout { padding: 12px 0px; }
    .scroll-area-layout { padding: 0px 20px; }
    .news-top-head { justify-content: center; }
    .red-box { font-size: 18px; }
    .status-baar-inner { padding: 10px 0; }
    .has-overflow .status-baar-inner { padding: 10px 20px; }
    .prime-carousel .owl-nav button.owl-next, .prime-carousel .owl-nav button.owl-prev { height: 100%; }

    /* -------------
        Prime carousel
    --------- */
    .prime-carousel .owl-nav button.owl-next, .prime-carousel .owl-nav button.owl-prev { width: 100px; }
    .news-side-wrapper .prime-carousel .owl-nav button.owl-next, .news-side-wrapper .prime-carousel .owl-nav button.owl-prev { width: 50px; }
    .news-side-wrapper .prime-carousel .owl-nav button i { top: calc(50% - 0px); width: 35px; }
    .prime-carousel .owl-nav button i { top: 150px; }
    /* .prime-carousel .owl-next:after, .prime-carousel .owl-prev:after { width: 100px; } */
    /* .prime-carousel .owl-nav button.owl-prev { right: 10px; }
    .prime-carousel .owl-nav button.owl-next { left: 10px; } */

    /* -------------
        Share Modal
    --------- */
    .share-modal .modal-content, .search-modal .modal-content { margin-top: auto; border-radius: initial; }
    .share-modal .modal-dialog, .search-modal .modal-dialog { margin: 48px auto 0px; min-height: initial !important; transform: initial !important; height: calc(100dvh - 48px); }
    .video-player-control .speed-add { 
        font-size: 12px;
        width: 35px;
    }
    .share-content-details { max-height: calc(100dvh - 210px); border-radius: 4px 4px 0 0; }
    /* .share-content-details .card-img { --height: 280px; } */
    /* .share-modal .modal-content { border-radius: initial; } */
    .share-content-details .playing-img { border-radius: initial; }
    .share-content-details .card-img img { border-radius: 4px 4px 0px 0px; }
    .share-content-details .info-details-area { font-size: 24px; }
    /* .card-content-details p { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; } */
    .share-info-wrapper .share-social-wrapper { gap: 12px; flex-direction: column; }
    .modal-footer .share-social-wrapper p { display: none; }
    .popup-video-player .playing-img { max-height: calc(100dvh - 326px); }

    /* -------------
        News Cat page
    --------- */
    .card-head-outer .bottom-card-btn { display: block; } 
    .bottom-details .bottom-card-btn { display: none; }
    .card-head-area { padding: 24px 18px 24px; }
    
    /* -------------
        Podcast page
    --------- */
    .tab-menu-podcast .column-block-wrapper .card-head-area { min-height: 120px; }
    /* .tab-menu-podcast .card-additional-content .card-content-block.vertical-layout { flex-direction: column; } */
    .detail-item .share-info-btn {
        margin-right: auto;
        order: 2;
    }
    .detail-item .card-content-details {
        order: 3;
    }
    .tab-menu-podcast .card-additional-content .card-content-block {
    /* flex-direction: column; */
    flex-wrap: wrap;
}
    .card-player-details .card-player-wrap { display: none; }
    .card-vertical-button { display: block; }
    .detail-item .card-player-details .song-info-v4 p { font-weight: 900; }
    .tab-menu-podcast .card-content-details p {  font-weight: 500; }
    /* .tab-menu-podcast .card-content-wrapper .card-player-details { align-items: flex-end; } */
    /* .detail-item .card-player-details .song-info-v4 p { -webkit-line-clamp: initial; } */
    .tab-menu-podcast #wa-groups-messages-container.card-additional-content .card-content-block { flex-direction: initial; }
   /* .tab-menu-podcast .vertical-layout .share-info-btn{ order: -1; } */
    .tab-menu-podcast .card-player-wrap { margin-top: initial; }
    .tab-menu-podcast .card-content-wrapper .card-player-details {
    /* min-width: 100%; */
}
.tab-menu-podcast .card-content-wrapper .card-player-details {
    max-width: 100%;
    width: calc(100% - 35px);
    order: 1;
}
    .card-content-wrapper .card-player-details { width: 100%; display: flex; justify-content: space-between; gap: 10px; }
    .column-grid-card { grid-template-columns: repeat(2, 1fr); }
    .img-block-outer .info-top-btn { display: block; }
    .card-head-info .info-top-btn { display: none; }
    .img-block-outer { max-width: 100%; }
    .detail-item .column-card-group { flex-direction: column; }
    .detail-item .img-block { padding-top: initial; width: 100%; max-width: 152px; aspect-ratio: 1/1; margin: 0 auto; }
    .detail-item .card-head-info { text-align: center; }

    /* -------------
        Video Landing
    --------- */
    /* .view-channel .slider-wrapper { grid-template-columns: repeat(2, 1fr); } */
    .channel-card-details { padding: 8px 8px; }
    .slider-wrapper .owl-next:after, .slider-wrapper .owl-prev:after { width: 50px; }

    /* -------------
        Video Channel
    --------- */
    .video-channel-wrapper .channel-meta-wrapper { align-items: center; gap: 14px; margin: -16px 0px 20px; flex-direction: column; }
    .video-channel-wrapper .channel-meta-info { flex-direction: column; text-align: center; }
    .grid-block, .video-playing-wrapper .grid-block, .video-playing-wrapper.expanded .grid-block, .col-3-block .grid-block { grid-template-columns: repeat(1, 1fr); }

    /* -------------
        Video Playing
    --------- */
    .playing-content-wrapper .thumb-img { max-width: 34px; }
    .playing-content-wrapper .channel-meta-details h3 { font-size: 14px; }
    .playing-content-wrapper .channel-meta-wrapper { flex-direction: column; gap: 10px; align-items: stretch; position: relative; padding: 18px !important; }
    .playing-content-wrapper .channel-meta-info { max-width: calc(100% - 30px); align-items: flex-start; }
    .playing-content-wrapper .share-meta-btn.share-modal-btn { position: absolute; top: 18px; left: 18px; }
    .playing-content-wrapper .share-meta-btn { justify-content: space-between; }
    .channel-meta-details p { font-size: 11px; }
    .video-playing-wrapper .videos-block-area { padding: initial; }
    .video-playing-wrapper  .block-item { padding: 24px 24px 6px 24px; }
    .video-playing-wrapper .playing-content-wrapper .playing-img { border-radius: 0; }
    .video-player-control { padding: 7px 12px; }
    .video-player-wrapper, .video-playing-wrapper.expanded .videos-block-area { padding: initial; }
    .video-player-control { justify-content: space-between; }
    .video-player-control .song-progress-bar { padding: initial; position: absolute; top: -2px; left: 0; }
    .video-player-control .progress-fixed-bar { height: 3px; }
    .video-player-control .progress-move:after { width: 9px; }
    .video-player-control { border-radius: 0; }
    .video-player-control .player-controls { bottom: 8px; gap: 10px; padding: 0px 0 0 106px; position: absolute; gap: 8px; }
    .popup-video-player .video-player-control .player-controls, .popup-video-player .video-player-inner { gap: 8px; }
    .video-player-control .player-controls .video-volume-wrap { gap: 4px; }
    .video-player-control .player-controls .video-volume-wrap:hover .video-volume, .video-player-control .player-controls .video-volume-wrap:focus-within .video-volume { width: 50px; }
    .video-player-control .song-duration-section { min-width: 182px; font-size: 14px; }

    /* -------------
        Contact Us
    --------- */
    .contact-us-wrapper { padding: 0 16px; }
    .contact-us-head h2 { font-weight: 500; font-size: 40px; line-height: 110.00000000000001%; letter-spacing: -5%; }
    .contact-us-main { padding: 32px 0; }
    .contact-left-area { gap: 16px; }
    .info-card { padding: 20px; }
    .contact-info a { font-size: 16px; letter-spacing: -2%; }
    .contact-icon { max-width: 32px; min-width: 32px; height: 32px; font-size: 22px; }
    .form-tab-content .row .col-sm-6.col-12:last-child, .form-tab-content .row .col-sm-6.col-12:first-child { padding-right: 0; padding-left: 0; }
    .contact-us-main, .contact-right-area, .contact-us-inner, .form-wrapper { gap: 24px; }
    .tab-inner-content { gap: 0; padding-bottom: 20px; }
    .form-description { padding-bottom: 20px; font-size: 16px; line-height: 130%; letter-spacing: -2%; text-align: center; }
    .form-tab .form-tab-link { min-width: 100%; }
    .form-input textarea { min-height: 100%; }
    .form-input.form-textarea textarea { padding-bottom: 0; margin-bottom: 0; }
    .form-input input, .form-input textarea, .form-input .upload-box { margin-bottom: 16px; padding-bottom: 16px; font-size: 16px; }
    .newsletter-inner { gap: 20px; padding: 32px 16px; max-width: 100%; }
    .newsletter-head p { font-size: 14px; line-height: 140%; letter-spacing: -2%; }
    .newsletter-head h3 { font-size: 24px; }
    .contact-newsletter .form-input { max-width: 100%; gap: 12px; flex-direction: column; }
    .form-action .blue-btn, .form-input .blue-btn { max-width: 100%; }

    /* -------------
        Skelton Video Slider
    --------- */
    .shimmer-content .slider-item:nth-last-child(-n + 10) { display: none; }

    /* WA sections mobile */
    .home-side-stack { max-width: 100%; }
    .wa-group-msg-modal-dialog { width: calc(100% - 32px); }
    
}