:root {
    --sttl-color-blue: #3A53E4; 
    --sttl-color-Drkblue: #0A034E;
    --sttl-color-Drkblue2: #1C1565; 
    --sttl-color-black:#000000;
    --sttl-color-gray: #00000029;
    --sttl-color-323232:#323232;
    --sttl-color-A30A0A:#A30A0A;
    --sttl-color-Lghblack:#282828;
    --sttl-color-white:#ffffff;
    --sttl-color-yellow:#ff0;
    --sttl-color-green:#80ff00;
    --sttl-font-12:0.75em; 
    --sttl-font-13:0.8125em; 
    --sttl-font-14:0.875em; 
    --sttl-font-16:1em; 
    --sttl-font-18:1.125em; 
    --sttl-font-20:1.25em; 
    --sttl-font-22:1.375em; 
    --sttl-font-24:1.5em; 
    --sttl-font-26:1.625em; 
    --sttl-font-28:1.75em; 
    --sttl-font-30:1.875em; 
    --sttl-font-32:2em; 
    --sttl-font-34:2.125em; 
    --sttl-font-36:2.25em; 
    --sttl-font-38:2.375em; 
    --sttl-font-40:2.5em; }
* { margin: 0; padding: 0; box-sizing: border-box; } 

/* Fonts */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 300; src: local('Poppins Light'), url('../fonts/Poppins-Light.woff') format('woff'); } 
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; src: local('Poppins Regular'), url('../fonts/Poppins-Regular.woff') format('woff'); } 
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; src: local('Poppins SemiBold'), url('../fonts/Poppins-SemiBold.woff') format('woff'); } 
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; src: local('Poppins Bold'), url('../fonts/Poppins-Bold.woff') format('woff'); } 
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; src: local('Poppins Regular'), url('../fonts/Poppins-Black.woff') format('woff'); } 
@font-face { font-family: 'Droid Serif'; font-style: normal; font-weight: normal; src: local('Droid Serif Regular'), url('../fonts/DroidSerif-Regular.woff') format('woff'); } 
@font-face { font-family: 'Droid Serif'; font-style: normal; font-weight: 600; src: local('Droid Serif Bold'), url('../fonts/DroidSerif-Bold.woff') format('woff'); } 
body { font-family: 'Poppins'; font-weight: 300; background-color: #F0F4FF; color:var(--sttl-color-black); } 
/* common css */
section { display: inline-block; width: 100%; } 
p { margin-bottom: 0; } 
a { text-decoration: none; color: var(--sttl-color-323232); } 
hr { margin: 0; opacity: .1; } 
b, strong { font-weight: 500; }
/*.form-control:focus { background-color: transparent; box-shadow: none; border-color: var(--sttl-color-Drkblue2); }*/
.form-control:focus { background-color: #ffffff; border: 2px solid #1C1565; outline: 0; box-shadow: 0 0 0 3px rgba(28, 21, 101, 0.25); }  
.videoWrapper { position: relative; padding-bottom: 54.25%; padding-top: 25px; height: 0; } 
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
.borderRadius { border-radius: 12px; overflow: hidden; } 
.label-none{ font-size: 0;height: 0;width: 0;visibility: hidden;display: block; }
.colorPrimary{ color: var(--sttl-color-blue); }

/* Social Icons */
.socialBox { z-index: 2; position: fixed; top: 50%; transform: translateY(-50%); width: 150px; display: flex; flex-direction: column; right: -112px; } 
.socialBox li img { width: 40px; margin-left: -2px } 
.socialBox a { border-radius: 20px 0 0 20px; display: block; } 
.socialBox a img { border-radius: 50%; margin-right: 0; transition: all 0.5s; } 
.socialBox li { position: relative; margin-bottom: 5px; } 
.socialBox li a span { position: absolute; right: 0; display: block; top: 3px; transition: all 0.8s; color: var(--sttl-color-white); padding: 5px 50px 5px 20px; border-radius: 20px; z-index: -1; opacity: 0; } 
.socialBox li a.facebook span { background: #243bc1; } 
.socialBox li a.twitter span { background: #5abdff; } 
.socialBox li a.instagram span { background: #ff7e9b; } 
.socialBox li a.youtube span { background: #ff8585; } 
.socialBox li a.rss span { background: #ffa352; } 
.socialBox li a.podcast span { background: #D287F8; } 
.socialBox li a.whatsapp span { background: #809b77; } 
.socialBox li a.koo span { background: #dbc357; } 
.socialBox li a:focus span, .socialBox li a:hover span { right: 114px; opacity: 1; } 

/* Header */
.mainHeader { padding: 10px 0 15px; background:var(--sttl-color-white); } 
.mainHeader { position: fixed; width: 100%; z-index: 4;top:0; } 
.mainHeader.stickyHeader { box-shadow: 0 0 10px #00000052; } 
.bottomStrip { display: flex; width: 100%; justify-content: end; align-items: center; } 
.searchBox { position: relative; width: 390px;z-index: 9; }
.searchFilter { box-shadow: 0px 3px 10px hsl(0deg 0% 0% / 20%);z-index: -1; background: var(--sttl-color-white); }
.searchFilter input { font-size:var(--sttl-font-14);width: 140px;border-radius: 6px!important;border: 1px solid #666666;padding: 10px!important;height: 35px!important; }
.searchFilter select { font-size:var(--sttl-font-14);width: 140px;border: 1px solid #666666; }
.searchFilter select:focus{ box-shadow: none; border-color: #666666; }
.searchBox .searchBtn input { border-radius:0; position: absolute; right: 0px; display: block; top: 50%; transform: translateY(-50% ); background-image: url(../images/search.svg); width: 16px; height: 90%; background-size: 16px 16px; background-repeat: no-repeat; background-color: transparent; border: 0; font-size: 0; background-color: white; background-position: center;padding: 0 15px 0 10px; } 
.filterBtn{ right: 35px;cursor: pointer; width:24px; height:24px; }
.searchFilter { opacity: 0; visibility: hidden; transition: 0.4s all ease-in-out; transform: translateY(-50px); }
.show { opacity: 1; visibility: visible; transition: 0.4s all ease-in-out; transform: translateY(-0px); }
.searchBox input { border-radius: 100px; height: 36px; padding: 0 70px 0 10px; color: var(--sttl-color-323232); } 
.appBox { display: flex; align-items: center; font-size: var(--sttl-font-12); font-weight: 500; line-height: 14px; padding: 0 10px 0 20px; border-right: 1px solid #C4C4C4; } 
.appBox a { border: 1px solid #8898EF; border-radius: 100%; width: 36px; height: 36px; text-align: center; line-height: 34px; margin-left: 10px; } 
.radioBox { display: flex; margin-left: 10px; } 
.skipContentBox img{  width: 20px; }
.radioIcn { background: #E10E0E; border-radius: 100%; width: 36px; height: 36px; text-align: center; line-height: 34px; } 
.langBox .form-select, .heading select { border-radius: 19px; font-size: var(--sttl-font-14); color: var(--sttl-color-323232); height: 36px; width: 100px; cursor: pointer; } 
.langBox { margin-left: 10px; } 
.navBox { background: #0B0E39; border-radius: 100%; width: 36px; height: 36px; line-height: 34px; text-align: center; margin-left: 10px; } 
.bottomHeader { background: var(--sttl-color-blue); color: var(--sttl-color-white); margin: 97px 0 20px; position: relative; }  
.bottomHeader span.plyr__tooltip { display: none; }
.headerSection .bottomHeader { margin: 97px 0 40px; } 
.bottomNav { display: flex; justify-content: space-between; align-items: center; } 
.bottomNav a{ color: var(--sttl-color-white); }
.bottomNav ul { display: flex;align-items: center; } 
.bottomNav ul li a { color: var(--sttl-color-white); padding: 15px; display: inline-block; } 
.bottomNav ul li:first-child a { background: #243bc1; font-weight: 500; text-transform: uppercase; }
.bottomNav .player { position: unset;width: auto;padding: 0;z-index: 0;transform: translateY(0); }
.bottomNav .plyr__wrap.progressPlayer { max-width: 45%; }

/*************Nav*************/
.menuBar { display: inline-block; vertical-align: middle; position: relative; } 
.toggleMenu { width: 16px; display: block; text-align: right; height: 20px; padding: 0; 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; cursor: pointer; } 
.toggleMenu.open { width: 40px; height:40px} 
.toggleMenu span { display: block; position: absolute; height: 2px; width: 100%; background: var(--sttl-color-white); border-radius: 9px; opacity: 1; right: 0; -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; } 
.toggleMenu span:nth-child(1) { top: 4px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } 
.toggleMenu span:nth-child(2) { top: 10px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; width: 80%; } 
.toggleMenu span:nth-child(3) { top: 16px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; width: 60% } 
.toggleMenu.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 2px; right: -8px; } 
.toggleMenu.open span:nth-child(2) { width: 0%; opacity: 0; } 
.toggleMenu.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 32px; right: -8px; width: 100%; } 
.toggleMenu:hover span:nth-child(1) { width: 60%; } 
.toggleMenu.open span:nth-child(1) { width: 100%; } 
.toggleMenu:hover span:nth-child(2) { width: 80%; } 
.toggleMenu:hover span:nth-child(3) { width: 100%; } 
.navigation__background { position: fixed; top: -6rem; right: -6rem; width: 6rem; height: 6rem; border-radius: 50%; background: rgba(19, 14, 8, 0.98); z-index: 99; transition: transform 0.8s cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition: transform 0.8s cubic-bezier(0.86, 0, 0.07, 1); } 
.menuOpen .navigation__background { transform: scale(120); -webkit-transform: scale(120); } 
.menuOpen .navigation__background__globe { opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); } 
.navigation__nav { position: fixed; top: 0; right: 0; height: 100vh; width: 100%; z-index: 99; visibility: hidden; opacity: 0; transition: all 1000ms ease 0s; -webkit-transition: all 1000ms ease 0s; transform: translateY(-100%); -webkit-transform: translateY(-100%); } 
.menuOpen .navigation__nav { visibility: visible; opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); } 
.navWrap { position: fixed; left: 0; top: 0; width: 100%; bottom: 0; background: rgba(19, 14, 8, 0.98); z-index: -2; opacity: 0; visibility: hidden; } 
#canvasNav { max-width: 775px; width: 100%; margin: 0 auto; position: relative; transform: translateY(-50%); -webkit-transform: translateY(-50%); top: 50%; } 
#canvasNav ul { margin: 0; padding: 0; list-style: none; width: 250px; } 
#canvasNav ul li { display: block; position: relative; } 
#canvasNav > ul > li:focus { border:1px solid red; }
/* #canvasNav > ul > li { position: relative; }  */
#canvasNav > ul > li:hover:before, #canvasNav > ul > li.selected:before, #canvasNav li li.parent:hover:before { opacity: 1; transform: scale(1); -webkit-transform: scale(1); } 
#canvasNav li li.parent:before { top: 16px; margin: 0; } 
#canvasNav ul li a { font-size: var(--sttl-font-16); color: #a7a7a7; font-weight: 600; display: block; text-decoration: none; position: relative; padding: 3px 80px 3px 0; } 
#canvasNav ul li:focus ul { border:1px solid red;visibility: visible; opacity: 1; margin-top: 0; }   
#canvasNav > ul > li > a:before, #canvasNav li li.parent > a:before { position: absolute; right: 0px; top: 50%; height: 1px; width: 0; background-color: var(--sttl-color-white); content: ""; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; visibility: hidden; opacity: 0; } 
#canvasNav li li.parent > a:before { left: 320px; top: 20px; } 
#canvasNav > ul > li:focus > a:after,
#canvasNav > ul > li > a:after, #canvasNav li li.parent > a:after { position: absolute; right: 0px; top: 50%; height: 12px; width: 12px; border-radius: 50%; background-color: var(--sttl-color-white); content: ""; margin-top: -6px; transition: all 600ms ease 0s; -webkit-transition: all 600ms ease 0s; visibility: hidden; opacity: 0; } 
#canvasNav li li.parent > a:after { top: 20px; } 
#canvasNav > ul > li:focus > a:before,
#canvasNav > ul > li:hover > a:before, #canvasNav > ul > li > a.active:before, #canvasNav li li.parent:hover > a:before { width: 55px; visibility: visible; opacity: 1; } 
#canvasNav > ul > li:focus > a::after,
#canvasNav > ul > li:hover > a:after, #canvasNav > ul > li > a.active:after, #canvasNav li li.parent:hover > a:after { visibility: visible; opacity: 1; transform: scale(1.3); -webkit-transform: scale(1.3); } 
#canvasNav > ul > li:focus > a,
#canvasNav > ul > li:hover > a, #canvasNav ul li a.active, #canvasNav > ul > li > ul > li:hover > a, #canvasNav ul li a.active { color: var(--sttl-color-white); } 
#canvasNav ul ul { position: absolute; left: 100%; top: 0; width: 380px; visibility: hidden; opacity: 0; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; margin-top: 20px; margin-left: 20px; } 
#canvasNav ul li:hover > ul { visibility: visible; opacity: 1; margin-top: 0; } 
#canvasNav ul ul:before { width: 1px; left: 0; top: 15px; bottom: 15px; content: ""; position: absolute; background-color: #2e2825; display: block; } 
#canvasNav li li a { font-size: var(--sttl-font-16); padding: 2px 80px 0px 20px; position: relative; } 
#canvasNav li li a:before { width: 1px; left: 0; top: 10px; bottom: 10px; content: ""; position: absolute; background-color: var(--sttl-color-white); transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; transform: scale(0); -webkit-transform: scale(0); opacity: 0; visibility: hidden; } 
#canvasNav li li a:hover:before, #canvasNav li li:hover > a:before { transform: scale(1); -webkit-transform: scale(1); opacity: 1; visibility: visible; } 
#canvasNav li li a:hover { color: var(--sttl-color-white); } 
.navWrap, .navWrap:before, #canvasNav { transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; } 
.menuOpen .navWrap { transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; visibility: visible; z-index: 2; } 
.navWrap.active:before { transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; visibility: visible; } 
#canvasNav > ul > li.selected > ul { visibility: visible; opacity: 1; margin-top: 0; } 
#canvasNav .menuIcon { display: none; } 

/* Category Box */
section.categoryBox { box-shadow: 0px 0px 16px var(--sttl-color-gray); margin-bottom: 30px; background: var(--sttl-color-white); } 
section.categoryBox h2 { font-family: Droid serif; font-weight: 600;font-size:  var(--sttl-font-24); padding: 15px 30px; background: #243bc1; color: var(--sttl-color-white); margin-bottom: 0; } 
section.categoryBox ul { padding: 25px 17px; margin-bottom: 0; } 
section.categoryBox ul li a img { margin-right: 6px; } 
section.categoryBox ul li a { color: var(--sttl-color-323232); font-weight: 500; } 
section.categoryBox ul li { padding: 16px 0; border-bottom: 1px solid #DADADA; } 
section.categoryBox ul li:first-child { padding-top: 0; } 
section.categoryBox ul li:last-child { border-bottom: 0; padding-bottom: 0px; } 
section.categoryBox a.exploreMore { color: var(--sttl-color-Drkblue2); font-weight: 500; padding: 0 17px 20px; display: flex; transition: 0.3s all ease-in-out; justify-content: space-between; } 
.waLink, .socialFeed { margin-bottom: 40px; }
.ytBox { margin-bottom: 20px; }

/* MainPost */
.banner { height: 404px; box-shadow: 0px 0px 16px var(--sttl-color-gray); } 
.banner img { height: 100%; object-fit: fill; } 
.latestPost { margin-bottom: 30px; } 
.childPost .blog-list-image, .subPost .blog-list-image { height: 386px; width: 100%; border-radius: 12px; overflow: hidden; } 
.childPost .blog-list-image img, .subPost .blog-list-image img { height: 100%; object-fit: fill; } 
.childPost h2 { font-size: var(--sttl-font-24); color: #121212; line-height: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } 
.childPost p.blogDisc { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #121212; font-weight: 400; } 
.childPost p.hrTime, .subPost p.hrTime { color: var(--sttl-color-A30A0A); font-size: var(--sttl-font-13); margin-top: 20px; font-weight: 400; } 
.subPost .blog-list-image { height: 184px; } 
.subPost h2 { font-size: var(--sttl-font-18); color: #121212; line-height: 22px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } 
.subPost:last-child { margin-top: 20px; } 
/* View Count Post */
.totalView { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0px; }
.childPost p.eyeView, .subPost p.eyeView { font-size: var(--sttl-font-13); margin-top: 20px; font-weight: 400; }
.childPost p.eyeView img, .subPost p.eyeView img { margin-top: -1px; }
.childPost p.eyeView span, .subPost p.eyeView span, .moreStoriesText p.eyeView span { font-size: var(--sttl-font-13); font-weight: 400; }

/* Live News */
section.liveNews { margin: 30px 0 30px; } 
.heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; } 
.heading h3 { font-size: var(--sttl-font-20); font-family: Droid serif; font-weight: 600; margin-bottom: 0; color: #0B0E39; } 
.heading select { width: 216px; font-size: var(--sttl-font-14); height: 36px; border: 1px solid #333333; border-radius: 37px; } 
.heading a { color: var(--sttl-color-A30A0A); font-weight: 400; transition: 0.3s all ease-in-out; } 
.heading a img { filter: invert(14%) sepia(95%) saturate(5116%) hue-rotate(13deg) brightness(60%) contrast(106%); margin-left: 3px; margin-top: -1px; transition: 0.3s all ease-in-out } 
.heading a:hover { color: var(--sttl-color-blue); } 
.heading a:hover img { filter: unset; } 
a.viewallbtn img{  filter: invert(14%) sepia(95%) saturate(5116%) hue-rotate(13deg) brightness(60%) contrast(106%);}
a.viewallbtn:hover { color: var(--sttl-color-blue); }
a.viewallbtn:hover img { filter: unset;}

.newsBox h3 { margin-top: 10px; margin-bottom: 0; font-size: var(--sttl-font-18); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } 
.newsBox p { font-size: var(--sttl-font-14); margin-top: 3px; font-weight: 400; } 
.newsBox .imgWrap:after { content: ''; background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(253,100,32,0) 100%); height: 100%; position: absolute; width: 100%; left: 0; bottom: 0; } 
.imgWrap.position-relative.videoWrapper:after { display: none; } 
.newsBox .imgWrap { border-radius: 12px; overflow: hidden; } 
.soundPlay { position: absolute; bottom: 20px; left: 16px; z-index: 1; } 
.soundPlay img { height: 40px; width: 40px; } 
section.liveNews .imgWrap { height: 164px; } 
section.liveNews .imgWrap img { height: 100%; object-fit: fill; } 
.newsBox.innerTitle .soundPlay { display: flex; color: var(--sttl-color-white); align-items: center; } 
.newsBox.innerTitle .soundPlay img { width: 40px; height: 40px; margin-right: 20px; } 
.newsBox.innerTitle .soundPlay h4 { margin-top: 0; line-height: 22px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } 
.newsBox.innerTitle .soundPlay a { color: var(--sttl-color-white); } 
.newsBox.innerTitle .soundPlay a p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } 
.highlightsList .newsBox .imgWrap{ height: 220px }
.highlightsList .newsBox .imgWrap img{ height: 100%;object-fit: fill;object-position: top; }
html[lang="hi-IN"] .newsBox h3 { line-height: 26px; }

/* News Magzin */
.newsMG { margin:30px 0 45px; } 
.newsMG .imgWrap { height: 184px;background:var(--sttl-color-Drkblue); } 
.newsMG .imgWrap img { height: 100%; object-fit: fill; }
.newsMG .imgWrap.videoWrapper, .videoWrapper { height: auto; overflow: hidden; padding-bottom: 50.25%; background: transparent; border-radius: 12px; }
.newsMG .imgWrap.videoWrapper, .videoWrapper iframe { border: 0; border-radius: 12px; }
.listenBroadCast .imgWrap { height: 179px; } 
.switches-container { position: relative; display: flex; padding: 0; position: relative; background: #DEE3FF; border-radius: 21px; margin-left: auto; margin-right: auto; width: 180px; } 
.switches-container input { visibility: hidden; position: absolute; top: 0; } 
.switches-container label { width: 50%; padding: 5px; margin: 0; text-align: center; cursor: pointer; color: var(--sttl-color-Drkblue2); } 
.switches-container input:nth-of-type(1):checked~.switch-wrapper { transform: translateX(0%); } 
.switches-container input:nth-of-type(2):checked~.switch-wrapper { transform: translateX(100%); } 
.switches-container input:nth-of-type(1):checked~.switch-wrapper .switch div:nth-of-type(1) { opacity: 1;display:block; } 
.switches-container input:nth-of-type(2):checked~.switch-wrapper .switch div:nth-of-type(2) { opacity: 1;display:block; } 
.switch-wrapper { position: absolute; top: 0; bottom: 0; width: 50%; z-index: 1; transition: transform .5s cubic-bezier(.77, 0, .175, 1); } 
.switch { border-radius: 21px; background: var(--sttl-color-Drkblue2); height: 100%; } 
.switch div { width: 100%; text-align: center; opacity: 0; display: none; color: var(--sttl-color-white); transition: opacity .2s cubic-bezier(.77, 0, .175, 1) .125s; will-change: opacity; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } 
section.specialProgram .imgWrap { height: 286px; background-color:var(--sttl-color-black); } 
section.newsMG .tab-content .heading { position: absolute; top: -60px; right: 0; } 
.heading ul li a { padding: 0; border-radius: 0!important; background-color: transparent!important; border: 0!important; color: #5c5c6c;text-decoration:none; } 
.heading ul li a:hover { color:#0B0E39; } 
.heading ul li a { padding-right: 15px; margin-right: 15px; border-right: 2px solid #C4C4C4!important; font-size: var(--sttl-font-24); font-family: Droid serif; font-weight: 600; margin-bottom: 0; } 
.heading ul li:last-child a { border-right: 0!important; padding-right: 0; margin-right: 0; } 
.toggleBox ul#myTab { background: #DEE3FF; border-radius: 21px; overflow: hidden; }
.toggleBox ul#myTab li.nav-item .nav-link { color: var(--sttl-color-Drkblue2); padding: 5px 15px; transition: all 0.4s;border-radius: 21px; }
.toggleBox ul#myTab li.nav-item .nav-link.active { border-radius: 21px; background: var(--sttl-color-Drkblue2); color: var(--sttl-color-white); }

/* Bulleting News */
.bulletinBox { background: var(--sttl-color-white); box-shadow: 0px 0px 16px #0000001F; border-radius: 12px; padding: 10px; } 
.bulletinBox .imgWrap { height: 84px;border-radius: 12px;overflow: hidden; } 
.bulletinBox .soundPlay { left: 50%; transform: translateX(-50%); } 
.bulletinBox h3 { font-size: var(--sttl-font-18); text-align: center; } 
.bulletinsList div#cityList .col { flex: auto; max-width: 20%; } 
.bulletinsList .bulletinBox h3{ font-size: var(--sttl-font-16); }
.bulletinsList .bulletinBox p{ font-size: var(--sttl-font-14);font-weight: 400;text-align: center; }
.bulletinBox .imgWrap img { height: 100%;object-fit: fill; }
/* Table */
.innerContent .customCMS thead th{ padding: 12px 20px;}
section.innerContent .table-responsive td { border-bottom: 1px solid gray;padding: 12px 20px; }
.bulletinsList table tbody tr td { padding: 10px; border-bottom: 1px solid gray; border-right: 1px solid gray; border-left: 1px solid gray; vertical-align: middle; }
section.innerContent .table-responsive table thead td, table thead th { vertical-align: middle; font-weight: 500; }
section.innerContent .table-responsive table tr:nth-child(even) td{ background: #fff; }
section.innerContent .table tbody tr:nth-child(even) td{ background: #f7f7f7; }
section.innerContent .table tbody tr:nth-child(even) td { background: var(--sttl-color-white); }
/* section.innerContent .table-responsive table tr:nth-child(odd) td{ background: #F0F4FF; } */
/* section.innerContent .bulletinsList .table tbody tr:nth-child(even) td { background: #f7f7f7;} */

table{ width: 100%;}
.bulletinTable.ptcDEtailsTable table { width: 100%; }
.table-responsive, .bulletinTable.ptcDEtailsTable .table-responsive{ border-radius: 12px 12px 0 0; overflow: hidden; border: 0; } 
.table thead tr th, .table thead tr td, .bulletinTable.ptcDEtailsTable table tr:first-child td { background: var(--sttl-color-blue); color: var(--sttl-color-white); padding: 12px; border-right: 1px solid gray;border-bottom: 1px solid gray; } 
.table tbody tr td, .bulletinTable.ptcDEtailsTable table tr td{ padding: 12px 20px; border-right: 1px solid gray; border-bottom: 0;font-weight: 400;vertical-align: middle; } 

.bulletinTable.ptcDEtailsTable table tbody tr:nth-child(odd) td{ background: #f7f7f7 }
.table tbody tr td a { display: flex;align-items: center;justify-content: space-between; }
.bulletinTable .table thead tr th:first-child{ width: 175px; }
.table tbody tr td a.downloadBtn { background: var(--sttl-color-blue);color: var(--sttl-color-white);border-radius: 6px;font-size: var(--sttl-font-12);padding: 8px 12px; }
.table tbody tr td a.downloadBtn img{ width: 16px;margin-left: 10px; }
.table tbody tr td audio{ height: 40px;border: 1px solid #8898EF;border-radius: 26px; }
.table tbody tr td audio::-webkit-media-controls-play-button, .table tbody tr td audio::-webkit-media-controls-panel { background-color: var(--sttl-color-white);color: var(--sttl-color-blue); }
.table thead tr th.date{ width: 150px; }
.table thead tr th.time{ width: 100px; }
.table thead tr th.lstBrodcast{ min-width: 300px; }
.table>thead { border: 1px solid #808080; }
.bulletinTable.ptcDEtailsTable table tr td p { font-weight: 400!important; }

/* Inner Page */
section.innerContent .table-responsive { box-shadow: none;border-right: 0;border-bottom: 0; }
section.innerContent .table-responsive td{ border-bottom:1px solid gray; }
section.innerContent .table-responsive table thead td, table thead th { vertical-align: middle;font-weight: 500; }
section.innerContent .table tbody tr td:last-child{ border-right: 1px solid gray;border-bottom: 1px solid gray; }
section.innerContent .table tbody tr:nth-child(even) td{ background: var(--sttl-color-white); }
section.innerContent { min-height: 200px; }
section.innerContent a{ transition: 0.3s all ease-in-out; }
section.innerContent a:hover{ color: #E10E0E; }
section.innerContent .table-responsive tfoot td { border: 1px solid #808080; }

/* Accordion */
.readNews .accordion-item { border: 0; } 
.readNews .accordion-item h3.accordion-header{font-size: 16px; }
.readNews .accordion-button:not(.collapsed) { background: var(--sttl-color-Drkblue); color: var(--sttl-color-white); border-radius: 12px 12px 0 0; } 
.readNews .accordion { border-radius: 12px; overflow: hidden; border: none; box-shadow: 0px 0px 30px var(--sttl-color-gray); margin-top: 20px; } 
.accordion-item button.accordion-button { background: #EFF2FF 0% 0% no-repeat padding-box; box-shadow: 0px 0px 30px var(--sttl-color-gray); font-size: var(--sttl-font-18); font-weight: 500; color: var(--sttl-color-323232); } 
.readNews .accordion-button:focus { box-shadow: 0px 0px 30px var(--sttl-color-gray); } 
.readNews button:focus:not(:focus-visible) { outline: 0; } 
.readNews .accordion-button:hover { z-index: 0; } 
.readNews .accordion-body { background: var(--sttl-color-white); position: relative; z-index: 1; box-shadow: 0px 0px 30px var(--sttl-color-gray); border-radius: 0 0 12px 12px; } 
.accordion-body .newsBox { background: #F0F4FF; border-radius: 10px; padding: 15px; } 
.accordion-body .newsBox ul li { color: var(--sttl-color-323232); margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #BCCEFF; font-weight: 400; } 
.accordion-body .newsBox ul li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } 
.accordion-item button.accordion-button span { font-size: var(--sttl-font-12); font-weight: 400; margin-left: 5px } 

/* Social Feed */
.feed { background: var(--sttl-color-white); box-shadow: 0px 0px 30px var(--sttl-color-gray); border-radius: 12px; overflow: hidden; } 
section.socialFeed h4, .readNews h4 { font-size: var(--sttl-font-26); font-family: Droid serif; font-weight: 600; margin-bottom: 0; color: #0B0E39; }
section.socialFeed h2, .readNews h2 { font-size: var(--sttl-font-24); font-family: Droid serif; font-weight: 600; margin-bottom: 0; color: #0B0E39; }
section.socialFeed .heading { margin-bottom: 20px; } 
.loading-spinner { display: flex; align-items: center; justify-content: center; min-height: 80px; }
.loading-spinner .spinner { width: 32px; height: 32px; border: 3px solid #ccc; border-top-color: #007bff; border-radius: 50%; animation: spin 0.8s linear infinite; }
@keyframes spin {
to { transform: rotate(360deg); }
}


/* Footer */
footer { background: var(--sttl-color-Drkblue2); color: var(--sttl-color-white); padding: 60px 0; } 
footer h4 { margin-bottom: 16px; } 
footer ul li { margin-bottom: 8px; padding-left: 20px; position: relative; } 
footer ul li:before { content: ''; background: url(../images/right.svg); position: absolute; left: 0; top: 6px; width: 6px; height: 11px; background-repeat: no-repeat; background-size: 100%; } 
footer ul li a { color: var(--sttl-color-white); font-weight: 300; transition: 0.3s all ease-in-out; } 
footer ul li a:hover, .copyRight ul li a:hover, .copyRight a:hover{ color: var(--sttl-color-A30A0A); } 
.socialIcon li:before { display: none; }
.socialIcon li { padding: 0; }
.socialIcon li img { width: 20px;height: 20px; }
.copyRight { background: var(--sttl-color-Drkblue); color: var(--sttl-color-white); padding: 20px 0 20px; } 
.copyRight a { color: var(--sttl-color-white);transition: 0.3s all ease-in-out; }
.page-template-HomePage .copyRight { padding: 20px 0 82px; } 
.copyRight ul { display: flex; margin-bottom: 10px; } 
.copyRight ul li { padding-right: 10px; margin-right: 10px; border-right: 1px solid rgb(255 255 255 / 25%); line-height: 16px; } 
.copyRight ul li a { color: var(--sttl-color-white); transition: 0.3s all ease-in-out; } 
.copyRight ul li:last-child { border: 0; } 

/* Page load popup - medium width desktop, full width mobile */
#pageLoadModal .modal-dialog { max-width: 900px; margin: 0 auto; }
#pageLoadModal .modal-content { border: none; border-radius: 12px; overflow: hidden; }
#pageLoadModal .banner-img { width: 100%; height: auto; }
/* Mobile - full width */
@media (max-width: 768px) {
    #pageLoadModal .modal-dialog { position: fixed; bottom: 0; left: 0; margin: 0; width: 100%; max-width: 100%; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35); animation: fadeInUp 0.4s ease-out; }
    #pageLoadModal .modal-content { border-radius: 0; padding: 0; }
    #pageLoadModal img { max-width: 100%; height: auto; }
    #pageLoadModal .close-btn { position: absolute; top: 10px; right: 10px; background: var(--sttl-color-white); border: none; border-radius: 50%; font-size: 22px; font-weight: bold; cursor: pointer; color: var(--sttl-color-black); width: 32px; height: 32px; line-height: 28px; box-shadow: 0 3px 6px rgba(0,0,0,0.2); z-index: 1000; }
}

/* Category Listing Page */
section.postTypeList .postTypeListItem { display: flex; padding: 30px 0 0; align-items: center; } 
section.postTypeList article:first-child .postTypeListItem { padding-top: 0; } 
.postTypeListItem figure.featured-media { max-width: 270px; width: 100%; margin-bottom: 0; min-width: 270px; } 
.postTypeListItem figure.featured-media .featured-media-inner { height: 175px; border-radius: 12px; overflow: hidden; } 
.postTypeListItem figure.featured-media img { width: 100%; height: 100%; object-fit: fill; } 
.postTypeListItem .entry-content .blogDisc { line-height: 22px; margin-bottom: 0; display: -webkit-box;} 
.postTypeListItem .entry-content { width: 100%; padding-left: 30px; } 
.postTypeListItem .entry-content h3.entry-title { font-size: var(--sttl-font-18); font-weight: 600; display: -webkit-box!important; } 
.moreStoriesItem { align-items: center; } 
.moreStoriesText h2, .moreStoriesText h3 { font-size: var(--sttl-font-16); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } 
.moreStoriesItem .postImageXS { height: 93px; width:120px; margin-right: 8px; } 
.moreStoriesItem .postImageXS img { height: 100%; width: 100%; object-fit: fill; } 
.moreStoriesItem .moreStoriesText { width: calc(100% - 120px); }
.moreStoriesText p.catDate { font-size: var(--sttl-font-14);color:var(--sttl-color-A30A0A); } 
.postTypeListItem p.colorPrimary, .blogCategory p.colorPrimary { color: var(--sttl-color-A30A0A); font-size: var(--sttl-font-13); font-weight: 400; padding-bottom: 5px; } 
.blogCategory p.colorPrimary { font-size: var(--sttl-font-16); } 
.moreStoriesItem .postImageXS a:focus { border: 1px solid #000000;box-shadow: 0 0 10px 0px rgb(0 0 0 / 50%) }
.moreStoriesItem .postImageXS a { display: inline-block; height: 100%; width: 100%; border-radius: 12px; overflow: hidden; }
.headingtitle { font-size: 1.4em;font-weight: 500; }

/* Details Page */
.detailsPage, .featuredNews, .innerContent { margin-bottom: 40px; } 
.detailsPage .postTypeListItem figure.featured-media .featured-media-inner { height: 500px; width: 100%; margin-top: 40px; } 
.detailsPage .postTypeListItem figure.featured-media .featured-media-inner img { object-position: top; } 
.detailsPage figure.featured-media { max-width: 100%; } 
.tooltip-div a.a2a_dd svg { display: none; } 
.tooltip-div a.a2a_dd { position: relative; } 
.tooltip-div a.a2a_dd span { background-color: transparent !important; } 
.tooltip-div a.a2a_dd:before { content: ''; position: absolute; top: 50%; transform: translateY(-50%) translateX(-50%); left: 50%; background-image: url(../images/share.svg); width: 20px; height: 22px; background-repeat: no-repeat; } 

/* Category Inner */
section.categoryList { margin-bottom: 20px; } 
section.categoryList .catBox { background: var(--sttl-color-white); text-align: center; border-radius: 12px; height: 100%; overflow: hidden; } 
section.categoryList .catBox img { width: 50px; margin-bottom: 15px; transition: 0.3s all ease-in-out; } 
section.categoryList .catBox a:hover img { transform: rotate(10deg); } 
section.categoryList .catBox span { font-size: var(--sttl-font-16); font-weight: 500; } 
section.categoryList .catBox a { display: block; padding: 30px; transition: 0.3s all ease-in-out; height: 100%; border: 1px solid var(--sttl-color-white); border-radius: 12px; } 
section.categoryList .catBox a:hover { background: #F0F4FF; border: 1px solid var(--sttl-color-blue); } 
.loadMoreButton, .innerContent input.btn.btn-danger { background: var(--sttl-color-blue);border: 0;padding: 8px 30px;color: var(--sttl-color-white);border-radius: 37px;transition: 0.3s all ease-in-out;border: 1px solid; }
.loadMoreButton:hover, .innerContent input.btn.btn-danger:hover{ background: transparent;color: var(--sttl-color-blue); }

/* Most Read */
.most-read-row .mostReadBox img { width: 100%; height: 200px; object-fit: fill; } 
.mostReadBox { border-radius: 12px; overflow: hidden; box-shadow: 0 0 30px #efefef; background: var(--sttl-color-white); transition: 0.3s all ease-in-out; } 
.mostReadBox .eventtext { padding: 15px 20px; } 
span.itemDate.fs-14.colorSecondary { color: #e10e0e; font-size: var(--sttl-font-14); font-weight: 400; padding-bottom: 5px; display: block; transition: 0.3s all ease-in-out; } 
.eventtext p a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: 400; transition: 0.3s all ease-in-out; } 
.mostReadBox:hover { background: var(--sttl-color-blue); color: var(--sttl-color-white); } 
.mostReadBox:hover a { color: var(--sttl-color-white); } 
.mostReadBox:hover span { color:var(--sttl-color-white)!important } 
.most-read-row.row.gy-4 {margin-bottom: 35px;}
.mostReadBox .eyeView { font-size: var(--sttl-font-13); font-weight: 400; padding-bottom: 5px; }
.mostReadBox .eyeView img {width:16px; height:16px; margin-top: -1px;}
.newsBox p.eyeView span, .eyeView span, .mostReadBox .eyeView span { font-size: var(--sttl-font-13); font-weight: 400; } 

/* Access Bulletins from cities start - Dharmesh */
/* Form */
.bulletins-filters select { max-height: 200px; overflow-y: auto; }
.bulletins-filters #bulletins_city, .bulletins-filters #bulletins_lang, .bulletins-filters #bulletins_date, .bulletins-filters #bulletins_time { font-size: var(--sttl-font-16); height: 42px; border-color: #333; border-radius: 23px; }
.bulletins-filters #listen_news_cat, .bulletins-filters #listen_news_lang, .bulletins-filters #listen_news_date, .bulletins-filters #listen_news_time { font-size: var(--sttl-font-16); height: 42px; background-color: transparent; border-color: #333; border-radius: 23px; }
.bulletins-filters #listen_broadcast_date, .bulletins-filters #listen_broadcast_time { font-size: var(--sttl-font-16); height: 42px; background-color: transparent; border-color: #575177; border-radius: 23px; }
.bulletins-filters #special_programs_cat, .bulletins-filters #special_programs_date, .bulletins-filters #special_programs_time { font-size: var(--sttl-font-16); height: 42px; background-color: transparent; border-color: #333; border-radius: 23px; }
.searchFlt { background: var(--sttl-color-blue); color: var(--sttl-color-white); padding: 8px 30px; border-radius: 23px; border: 1px solid var(--sttl-color-blue); }
.searchFlt:hover { background: transparent; color: var(--sttl-color-blue); border: 1px solid var(--sttl-color-blue); }
.resetFlt { background: #F0F4FF; color: #646464; padding: 8px 30px; border-radius: 23px; border: 1px solid #333; }
.resetFlt:hover { background: transparent; color: var(--sttl-color-blue); border: 1px solid var(--sttl-color-blue); }
.bulletin-card { position: relative; background: var(--sttl-color-white); border: 1px solid var(--sttl-color-blue); border-radius: 12px 0px 12px 12px; padding: 16px; display: flex; flex-direction: column; min-width: 0; box-shadow: 0 2px 8px rgba(0,0,0,0.05); margin: 20px 0; overflow: visible; }
.bulletin-city { position: absolute; top: -25px; right: -1px; background: var(--sttl-color-blue); color: var(--sttl-color-white); padding: 4px 12px; font-size: 11px; font-weight: 400; border-radius: 5px 10px 0 0; }                      
.bulletin-inner { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.bulletin-download img { margin-top: 12px; margin-left: 0; max-width: 24px; height: auto; }
.bulletin-info { flex: 1; min-width: 0; }
.bulletin-title { font-size: var(--sttl-font-16); font-weight: 500; margin: 0 0 6px; }                      
.bulletin-meta { font-size: 14px; color: #3B82F6; font-weight: 400; }                       
/* Grid System */
.dd-bulletins-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; }
/* Responsive */
@media (max-width: 768px) {
  .bulletin-inner { flex-direction: column; align-items: flex-start; }
}

/* Hide original select but keep it in the form */
.dd-hidden{ position:absolute!important; opacity:0; width:0; height:0; pointer-events:none; }
.dd-wrap{ position:relative; }
.dd-btn{ position: relative; width:100%; height:42px; border-radius:23px; border:1px solid #333; text-align:left; padding:8px 16px; padding-right:40px; line-height:24px; }
.dd-btn::after { content:""; position:absolute; right:7px; top:50%; transform:translateY(-50%); width:14px; height:15px; pointer-events:none; background-repeat:no-repeat; background-size:100%; background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); }
.dd-btn[aria-expanded="true"]::after { transform:translateY(-50%) rotate(180deg); }
button.dd-btn.form-select { background: var(--sttl-color-white); } 
.dd-btn, .dd-item { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.dd-btn:focus{outline:0; box-shadow:0 0 0 3px rgba(91,113,233,.25); }
.dd-panel{ position:absolute; left:0; right:0; top:calc(100% + 6px); background:var(--sttl-color-white); border:1px solid #333; border-radius:12px; box-shadow:0 10px 25px rgba(0,0,0,.08); display:none; z-index:9999; }
.dd-panel.open{ display:block; }
.dd-search{ width:calc(100% - 12px); margin:6px; height:38px; padding:6px 10px; border:1px solid #e5e7eb; border-radius:8px; }
.dd-list { max-height: 220px; overflow-y: auto; overflow-x: hidden; margin: 0; padding: 6px; list-style: none; overscroll-behavior: contain; white-space: nowrap; text-overflow: ellipsis; }
.dd-item { padding: 8px 10px; border-radius: 6px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; }
.dd-item:hover,.dd-item:focus{ background:#F0F4FF; outline:0; }
.dd-item.selected{ background:#EEF2FF; }
.bulletin-actions { display: block; align-items: center; gap: 8px; }
.bulletin-share { position: relative; }
.bulletin-share .share-toggle { background: var(--sttl-color-blue); border-radius: 6px; padding: 4px; display: inline-flex; align-items: center; justify-content: center; }
.bulletin-download a { padding: 4px; }
.share-menu { display: flex; gap: 8px; background: var(--sttl-color-white); border: 1px solid #ddd; padding: 6px 8px; border-radius: 8px; box-shadow: 0 2px 6px rgba(0,0,0,0.15); position: absolute; right: 100%; top: 50%; transform: translateY(-50%) scale(0.8); opacity: 0; pointer-events: none; transition: all 0.3s ease; z-index: 99; }
.bulletin-share.active .share-menu { transform: translateY(-50%) scale(1); opacity: 1; pointer-events: auto; }
.share-menu a { width: 28px; height: 28px; border-radius: 50%; background: #f1f1f1; display: flex; align-items: center; justify-content: center; transition: transform 0.2s ease, background 0.2s ease; }
.share-menu a:hover { transform: scale(1.1); background: #e2e2e2; }
.share-menu img { width: 28px; height: 28px; }
.bulletin-single { position: relative; background: var(--sttl-color-white); border: 1px solid var(--sttl-color-blue);border-radius: 12px 0px 12px 12px; padding: 16px; display: flex; flex-direction: column; min-width: 333px; max-width: 404px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); margin: 20px 0; overflow: visible; }

/* Player */
.player { position: fixed; z-index: 3; bottom: 0; left: 0; width: 100%; background-color: var(--sttl-color-blue); padding: 20px 15px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; transform: translateY(100%); transition: transform 0.5s ease; border-radius: 24px 24px 0 0; box-shadow: 0px -11px 30px #5B71E933; } 
.player__cover img { width: 44px; height: auto; display: block; border-radius: 12px; margin-right: 15px; } 
.player__track { font-size: var(--sttl-font-16); line-height: 24px; display: block; width: 100%; font-weight: 300; color: var(--sttl-color-white); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; } 
.player__track strong { font-weight: 500; color: var(--sttl-color-white); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;width: 200px;} 
span.player__artist{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;width: 200px;}
.player__content { width: 100%; } 
.player__btn { position: fixed; display: flex; flex-direction: row; justify-content: center; align-items: center; background-color: #16151a; border-radius: 12px 12px 0 0; height: 40px; width: 90px; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 103; color: var(--sttl-color-white); font-size: var(--sttl-font-14); border: 1px solid #222227; border-bottom: none; } 
.player__btn svg { width: 18px; height: auto; fill: #4153bb; margin-right: 8px; } 
.player--active { transform: translateY(0); } 
@media (min-width: 1200px){
 .player { padding: 9px 30px; transform: translateY(0); } .player__btn { display: none; } 
 }
.plyr__control { padding: 0; } 
button.plyr__control.plyr__control--prev svg, button.plyr__control.plyr__control--next svg { width: 14px; height: 14px; } 
.plyr__control svg { width: 32px; height: 32px; } 
.plyr__wrap svg { width: 26px; } 
.plyr__control svg path { transition: fill 0.4s ease; } 
.plyr__control:hover { background-color: transparent !important; } 
.plyr__control:hover svg path { fill: #4153bb; } 
.plyr__controls { display: flex; flex-direction: row; align-items: center; width: 100%; justify-content: space-between; } 
.plyr__actions { display: flex; flex-direction: row; align-items: center; width: 100%; max-width: 10%; } 
.plyr__wrap button.plyr__control { background: var(--sttl-color-white); border-radius: 50px; width: 32px; height: 32px;transition:all 0.4s; }
.plyr__wrap button.plyr__control svg { width: 20px; height: 26px; margin: 0 auto; filter: invert(100%) sepia(100%) saturate(1300%) hue-rotate(275deg) brightness(1.5); }
.plyr__wrap button.plyr__control:hover { background: var(--sttl-color-white) !important; }
.plyr__wrap button.plyr__control:hover svg { filter: none; }

/* Hide Button */
button.plyr__control.plyr__control--prev, button.plyr__control.plyr__control--next { display: none; }
.plyr__actions { max-width: 4%; } 
/* Hidd Button */
.plyr__actions button { margin: 0 5px; } 
.plyr__tooltip { background-color: #222227; box-shadow: none; color: var(--sttl-color-white); font-size: var(--sttl-font-14) !important; } 
.plyr__tooltip:before { border-top-color: #222227; } 
.plyr__wrap { display: flex; flex-direction: row; align-items: center; width: 100%; justify-content: end; max-width: 11%; } 
.plyr__time { margin-right: 15px; color: var(--sttl-color-white); font-size: var(--sttl-font-14); line-height: 100%; } 
.plyr__progress { width: 100%; } 
.plyr--audio .plyr__controls { padding: 0; color: var(--sttl-color-white); background-color: transparent; } 
.plyr--full-ui input[type="range"] { color: var(--sttl-color-white); } 
a.single-item__cover.play img.play { display: none; } 
a.single-item__cover img.pause { display: none; } 
a.single-item__cover.play img.pause { display: block; } 
.playerInner { display: flex; align-items: center; } 
.playerInner .player__cover { max-width: 300px; width: 100%; display: flex; align-items: center; } 
span.player__artist { color: var(--sttl-color-white); font-size: var(--sttl-font-12); display: block; line-height: 12px; } 
.plyr__wrap.progressPlayer { max-width: 79%; width: 100%; } 
/*Print Css*/

@media print { 
  html, body { width: 100%;height: 100%;}
  body { background: var(--sttl-color-white); color: var(--sttl-color-black); margin: 0 !important;padding: 0 !important; }
  * {box-sizing: border-box;}
    header, .headerSection, footer, .breadcrumb-wrap, .blog-list-info, .blog-list-info, .mostReadBar, .copyrightSection, .blogCategory, .showBar, .shareSec, .relatedArti, .copyRight, .player, .player__btn, .homeLeftBar { display: none !important; } 
    a[href]:after { content: none !important; }
    .newsBox .imgWrap:after, section.newsMG.mannKiBattSec{ display: none; } 
    section.liveNews{ margin: 0; }
  }

/* Multiselect */
.multiselect-dropdown { display: inline-block; padding: 7px 5px 0px 5px; border-radius: 23px; border: solid 1px #333; background-color: #f0f4ff; position: relative; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right .75rem center; background-size: 16px 12px; min-width: 246px; height: 42px; margin-right: 20px; color: #919191; } 
.multiselect-dropdown span.optext, .multiselect-dropdown span.placeholder { margin-right:0.5em; margin-bottom:2px; padding:1px 0; border-radius: 4px; display:inline-block; } 
.multiselect-dropdown span.optext { padding:1px 0.75em; } 
.multiselect-dropdown span.optext .optdel { float: right; margin: 0 -6px 1px 5px; font-size: 0.7em; margin-top: 2px; cursor: pointer; color: #666; display: none; } 
.multiselect-dropdown span.optext .optdel:hover { color: #c66; } 
.multiselect-dropdown span.placeholder { color:#f0f4ff; position: relative; display: block; cursor: pointer; } 
.multiselect-dropdown span.placeholder::before { content: 'Select Cities'; position: absolute; left: 0.75em; color:var(--sttl-color-black); font-weight:400 } 
.multiselect-dropdown-list-wrapper { z-index: 2; padding: 5px; border-radius: 18px 18px 10px 10px; border: solid 1px #ced4da; display: none; margin: -1px; position: absolute; top: 0; left: 0; right: 0; background: white; } 
.multiselect-dropdown-list-wrapper .multiselect-dropdown-search { margin-bottom:5px; border-radius: 20px; } 
.multiselect-dropdown-list label { position: relative; top: -3px; left: 4px; } 
.multiselect-dropdown-list { padding:2px; height: 15rem; overflow-y:auto; overflow-x: hidden; } 
.multiselect-dropdown-list::-webkit-scrollbar { width: 6px; } 
.multiselect-dropdown-list::-webkit-scrollbar-thumb { background-color: #bec4ca; border-radius:3px; } 
.multiselect-dropdown-list div { padding: 5px 5px 0px 5px; transition: 0.3s all ease-in-out; margin-bottom: 3px; } 
.multiselect-dropdown-list input { height: 16px; width: 16px; margin-right: 0.35em; } 
.multiselect-dropdown-list div:hover { background-color: #f0f4ff; color: var(--sttl-color-blue); } 
.multiselect-dropdown span.maxselected { width:100%; } 
.multiselect-dropdown-all-selector { border-bottom:solid 1px var(--sttl-color-blue); } 
.multiselect-dropdown-all-selector { display: none; } 
.multiselect-dropdown-list div{ cursor: pointer; user-select: none; -webkit-user-select: none; }
/* Breadcrumb */
.breadcrumbList ol { border-bottom: 1px solid #aaa; padding-bottom: 10px; margin-bottom: 20px; } 
.breadcrumbList ol li { font-weight: 400; color: var(--sttl-color-Drkblue2); } 
.breadcrumbList ol li a { color: #666666; } 
.titleRow h2 { font-size: var(--sttl-font-24); font-family: Droid serif; font-weight: 600; } 
.titleRow a { color: var(--sttl-color-A30A0A); } 
.breadcrumbList ol strong { overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 850px;display: block; }
.breadcrumb-item.active { color:#1C1565; }

/*Pagination*/
.pagination-wrapper.section-inner h2.screen-reader-text, .pagination-wrapper span.nav-prev-text, .pagination-wrapper span.nav-next-text, .pagination-wrapper.section-inner hr { display: none }
.pagination-wrapper.section-inner { padding: 20px 0; }
.pagination-wrapper.section-inner .nav-links { display: flex; align-items: center; }
.pagination-wrapper.section-inner nav.navigation.pagination { justify-content: center; }
.pagination-wrapper.section-inner .nav-links span.page-numbers.placeholder, .pagination-wrapper .page-numbers { height: 50px; width: 50px; border: 1px solid; font-size: var(--sttl-font-20); background: var(--sttl-color-Drkblue2); color: var(--sttl-color-white); text-align: center; line-height: 50px; opacity: 0.7; display: inline-block; text-decoration: none; }
.pagination-wrapper .page-numbers.current { opacity: 1; background: var(--sttl-color-A30A0A); }
.pagination-wrapper a.page-numbers { opacity: 1; transition: 0.3s all ease-out; }
.pagination-wrapper a.page-numbers:hover { background: transparent; color: var(--sttl-color-Drkblue2); }

/*Archive Search Filter*/
.filter-list{ background-color: var(--sttl-color-white) !important; border-radius: 10px; padding: 10px; margin-bottom: 10px; border: 1px solid #666666; }
.filter-list .nav-pills .nav-link { color: var(--sttl-color-Drkblue2); }
.filter-list .nav-pills .nav-link.active{ background-color: var(--sttl-color-Drkblue2); color:var(--sttl-color-white); }
.childPost .blog-list-image img { object-position: top center; }

/* Off Page */
body.page-id-28059 .headerSection, body.page-id-28059 .socialBox, body.page-id-28059 .postTypeListItem, body.page-id-28059 section.breadcrumb-wrap, body.page-id-28059 .col-lg-4, body.page-id-28059 footer, body.page-id-28059 .copyRight, body.page-id-28059 .titleRow, body.page-id-28059 .cover-header, body.page-id-28059 .footer-nav-widgets-wrapper{ display: none; }
body.page-id-28059{ background-color: var(--sttl-color-white); }
body.page-id-28059 div#post-inner { display: flex;align-items: center;justify-content: center;text-align: center; }
body.page-id-28059 main#site-content { display: flex;flex-direction: row;align-items: center;justify-content: center;height: 100vh; }
.site-logo img { width: auto;height: 67px; }
.bottomNav .player .plyr__time { display: none; }
.bottomNav .player .plyr__progress { margin-right: 30px; }

/* Feedback */
.feedBackForm { border-radius: 8px; padding: 30px 50px 20px; box-shadow: 0 0 10px #e7e7e7; background-color: var(--sttl-color-white); margin-bottom: 50px; }
.feedBackForm h2 { margin-bottom: 24px;font-weight: 600; }
.formFuild input{ height: 46px; }
.formFuild input, .formFuild select , .formFuild textarea { width: 100%; padding: 10px; margin: 0 0 20px 0; border: 1px solid #333; border-radius: 6px; color: var(--sttl-color-black); box-shadow: none; outline: none; }
.formFuild button { text-align: center; margin: 0 auto; padding: 10px 20px; border: 0; font-size: var(--sttl-font-18); font-weight: 500; background-color: #7e7e7e; color: var(--sttl-color-white); border-radius: 8px; }
.feedBackForm input[type=submit] { background: var(--sttl-color-Drkblue2); border: 1px solid; width: 150px; margin: 0 auto; display: block; margin-bottom: 0;}
.feedBackForm h2 { font-size: var(--sttl-font-20); }
.feedBackForm h2 span { font-size: 16px; margin-left: 5px; }
.feedBackForm p { margin-bottom: 8px;word-wrap: break-word; }
.feedBackForm p a { color: var(--sttl-color-black); text-decoration: underline; }
.displayNone { display: none }
.formFuild input.error, .formFuild select.error, .formFuild textarea.error{ margin:0; }
.formFuild textarea.error{ margin-bottom:-5px; }
label.error { margin: 0 0 20px 0; color: var(--sttl-color-A30A0A); font-size:13px; font-weight:600; }
.formCaptcha { position: relative; width: 100%; float: left; }
.formCaptcha .reqCaptachImg { position: absolute; right: 0; top: 28px; border: 1px solid #333; border-radius: 0 6px 6px 0; }
.feedBackForm .fieldMarked { font-size: 16px; margin-bottom: 10px; font-weight: 500; }
.feedBackForm .fieldMarked span { display: inline-block; color: #C81936; }
.feedBackForm label span, .formFuild label span { color: #C81936; }
.feedBackForm .formFuild label { font-size: 14px; font-weight: 400; margin-bottom: 5px; }
.feedBackForm .formCaptcha #playButton{right:120px; top: 39px; cursor: pointer;}

/* Web Info */
.webInfo { background: var(--sttl-color-white);box-shadow: 0 0 20px #00000045;padding: 20px;border-radius: 10px;display: inline-block; }
.webInfo h2 { font-size: var(--sttl-font-24);font-weight: 600; }
.webInfo h3 { font-size: var(--sttl-font-18);margin-bottom: 20px; }
.webInfo p{ margin-bottom: 5px; }
.webInfo p span{ font-weight: 600; }

/*Wcag2.2 changes*/
.clse-btn { position: absolute;right: 30px; top: 69px;width: 48px;height: 48px;border-radius: 50px;display: flex;align-items: center;justify-content: space-around; }
a.toggleMenuCloseBtn { width: 48px;height: 48px;border-radius: 50px;background:var(--sttl-color-Drkblue2); transition: all 0.4s; display: flex;align-items: center;justify-content: space-around; border: 1px solid var(--sttl-color-white); }
a.toggleMenuCloseBtn img { width: 15px;filter: grayscale(1); }
a.toggleMenuCloseBtn:hover{ background:var(--sttl-color-blue); }

/*smoke external css popup start*/ 
.smoke-base { position: fixed; top: 0; left: 0; bottom: 0; right: 0; visibility: hidden; opacity: 0; }
.smoke-base.smoke-visible { opacity: 1; visibility: visible; }
.smokebg { position: fixed; top: 0; left: 0; bottom: 0; right: 0; }
.smoke-base .dialog { position: absolute; }
.dialog-prompt { margin-top: 15px; text-align: center; }
.dialog-buttons { margin: 20px 0 5px 0 }
.smoke { text-align: center; font-size: var(--sttl-font-18); line-height: 150%; }
.dialog-buttons button { display: inline-block; vertical-align: baseline; cursor: pointer; font-style: normal; text-decoration: none; border: 0; outline: 0; margin: 0 5px; -webkit-background-clip: padding-box; font-size: var(--sttl-font-13); line-height: 13px; font-weight: normal; padding: 9px 12px; }
.dialog-buttons button:focus { font-weight: bold; }
.dialog-prompt input { margin: 0; border: 0; font-family: sans-serif; outline: none; border: 1px solid #aaa; width: 75%; display: inline-block; background-color: transparent; font-size: var(--sttl-font-16); padding: 8px; }
.smoke-base { background: rgba(0, 0, 0, .6); }
.smoke-base .dialog { top: 40%; width: 700px; left: 50%; margin-left: -350px; }
.smoke-base .dialog-inner { padding: 15px; color: #202020; }
.smoke { background-color: rgba(255, 255, 255, 0.95); box-shadow: 0 2px 8px #666; }
.dialog-buttons button { background-color: rgba(0, 0, 0, .85); border-radius: 0; color: var(--sttl-color-white); }
.dialog-buttons button.cancel { background-color: rgba(0, 0, 0, .40); }  /*smoke external css popup End*/

/*site map*/
.sitemap .sitemap-menu { list-style: none;padding: 0;position: relative;margin: 0; }
.sitemap .sitemap-menu a { display: inline-block; }
.sitemap .sitemap-menu li:before{ display: none; }
.sitemap .sitemap-menu > li > ul { border-left: 1px solid #e8e6e6;list-style: none;padding: 5px 0;margin: 0 0 15px 25px;position: relative; }
.sitemap .sitemap-menu > li { padding: 0 0 0 25px;position: relative;margin-bottom: 5px; }
.sitemap .sitemap-item ul li a { color: var(--sttl-color-black); }
.sitemap .sitemap-menu > li > ul > li { padding: 0 0 0 25px;position: relative; }
.sitemap .sitemap-item ul li ul li::before { position: absolute;height: 20px;width: 20px;content: "\f105";font-family: 'FontAwesome';font-size: var(--sttl-font-14);color: #e8e6e6;top: 10px;left: 7px;border-radius: 100%;text-align: center;line-height: normal; }
.sitemap .sitemap-menu > li > ul > li > a { transition: 500ms all;background: var(--sttl-color-white);padding: 5px 10px; }
.sitemap .sitemap-item ul li ul li > a::after { content: "";display: block;border-top: 1px solid #e8e6e6;height: 0;position: absolute;transition: 500ms all;top: 17px;left: 0px;width: 18px; }
.sitemap .sitemap-menu > li > ul:after { content: "";height: 7px;left: -4px;position: absolute;bottom: 0;width: 7px;background: #e8e6e6;border-radius: 50%; }
.sitemap .sitemap-menu > li > a, #site-map .nolink { color: var(--sttl-color-black);font-size: var(--sttl-font-16);line-height: 25px;text-decoration: none;padding: 7px 20px;transition: 500ms all;border: 1px solid #e8e6e6; }
.sitemap .sitemap-menu > li > ul > li > a:hover { transition: 500ms all;background: #e42101;color: var(--sttl-color-white);padding-left: 30px; }
.sitemap .sitemap-menu > li > a:hover, #site-map .nolink:hover { background: var(--sttl-color-primary);color: var(--sttl-color-white); }
.sitemap-item.sitemap-plugin--menu.sitemap-item--menu-main { margin-bottom: 0; }
.sitemap-item h2 { display: none; }
.sitemap .sitemap-menu > li > ul > li ul li { list-style: none; }
.sitemap .sitemap-menu > li > ul > li ul li a:hover { transition: 500ms all;background: #e42101;color: var(--sttl-color-white);padding-left: 30px; }
.sitemap .sitemap-menu > li > ul > li ul li a { padding: 5px 10px; }
/*Header*/
.textResizeWrapper ul { list-style: none; margin:0px; padding:0px; }
.heading h2 { font-size: 25px; }
/*Footer*/
footer h2{ font-size: 1.3em; }

/*Color Contrast*/
.searchBox + .appBox { padding: 6px 10px 6px 20px; }
.appBox #accessControl { padding: 6px 0px 6px 10px; }
.appBox #accessControl input { font-size: 0; width: 24px; height: 24px; border-radius: 100%; border: 4px solid  var(--sttl-color-white); display: block; }
.appBox.textSize{ font-size: 15px; }
.appBox.textSize #accessControl{ padding: 0px 0px 0px 10px; }
.appBox.textSize #accessControl input { background-color: transparent;border-radius: 0;border: 0;font-size: var(--sttl-font-14);text-align: left; }
.appBox #accessControl input.wob { background: var(--sttl-color-black); margin-top: 0; }
.appBox.textSize #fontaccessControl input { background-color: transparent; border-radius: 0; border: 0; font-size: var(--sttl-font-14); text-align: left; }
.appBox #fontaccessControl input { font-size: 0; width: 24px; height: 24px; border-radius: 100%; border: 4px solid var(--sttl-color-white); display: block; }
.appBox.textSize #fontaccessControl { padding: 0px 0px 0px 10px; }

/* Simple modal styles */
.ext-confirm-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center; z-index: 9999; }
.ext-confirm { background: var(--sttl-color-white); padding: 20px; max-width: 800px !important; width: 90%; border-radius: 0px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3); }
.ext-confirm p { margin: 0 0 16px 0; font-size: 18px !important; }
.ext-confirm .controls { text-align: center !important; font-weight: 500; }
.ext-confirm button { margin-left: 16px !important; padding: 10px 20px; border-radius: 6px; border: 1px solid #ccc; background: #f6f6f6; cursor: pointer; font-size: 14px; }
.ext-confirm .confirm { background: #00458a; color: white; border-color: #00458a; }
.reshead { display: flex; }
.searchBtn { position: absolute; right: 7px; top: 45%; width: 24px; height: 24px; transform: translateY(-50%); }

/*Back to top*/
#buttonTop { background-color:var(--sttl-color-Drkblue2); border: 1px solid var(--sttl-color-white); width:48px; height:48px; text-align:center; position:fixed; bottom:70px; right:30px; transition:background-color 0.3s, opacity 0.5s, visibility 0.5s; opacity:0; visibility:hidden; border-radius:50px; z-index:1000; text-decoration:none; }
#buttonTop:after { content: ""; background: url(../images/up-arrow.png) center center no-repeat; height: 48px; width: 48px; position: absolute; top: -2px; left: -1px; }
#buttonTop:hover { cursor:pointer; background-color:var(--sttl-color-blue); }
#buttonTop:active { background-color:var(--sttl-color-blue); }
#buttonTop.show { opacity:1; visibility:visible; }
#buttonTop.show:focus-visible { border-radius: 100%; outline: thin dashed; }
.heading select:focus { border: 1px solid var(--sttl-color-black); outline: none; /*box-shadow: none;*/ box-shadow: 0 0 0 3px #0056B3;}
.accordion-item button.accordion-button:focus { outline: -webkit-focus-ring-color auto 1px;border-radius:12px 12px 0 0 }
.searchBox input:focus { outline: -webkit-focus-ring-color auto 1px;outline-offset: 1px; }
.homeLeftBar .waLink:focus a{ outline: -webkit-focus-ring-color auto 1px;outline-offset: 1px; }
.langBox .form-select:focus-visible{ outline: -webkit-focus-ring-color auto 1px;outline-offset: 1px;  }
.plyr--audio .plyr__control:focus-visible{ outline: -webkit-focus-ring-color auto 1px;outline-offset: 1px;  }
.textResizeWrapper ul li { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; }
.appBox #accessControl input.contrastChanger { box-shadow: inset 0 0 0px 1px #8898EF; }
.readNews .accordion-button:not(.collapsed)::after{ filter: contrast(100) invert(1); }
.Highlights-title { display: flex; justify-content: space-between; align-items: center;margin-bottom:15px; }
.Highlights-title .heading { margin-bottom: 0; }
.playbtn { width: 36px; height: 36px; background-color: var(--sttl-color-Drkblue); border-radius: 50px; position: relative; border: none; display: flex; justify-content: center; align-items: center; }
.playbtn.is-playing:before { content: ""; background: url(../images/pause.png) center center no-repeat; height: 30px; width: 30px; filter: brightness(100); position: absolute; background-size: 13px; }
.playbtn.is-paused:before { content: ""; background: url(../images/play-buttton.png) center center no-repeat; height: 30px; width: 30px; filter: brightness(100); position: absolute; background-size: 13px; }
.highlightArrow button { background: var(--sttl-color-Drkblue2); border: none; width: 30px; height: 30px;border-radius: 50px; }
.highlightArrow .swiper-button-next:after, .highlightArrow .swiper-button-prev:after { color: var(--sttl-color-white); font-size: 14px; }
.nav-link:focus-visible {outline: -webkit-focus-ring-color auto 1px;outline-offset: 1px;  box-shadow:none; }
.searchBox button:focus:not(:focus-visible) { outline: thin dashed; }
.clearSearchBtn { position: absolute; right: 64px; top: 50%; transform: translateY(-50%); background: transparent; border: none; font-size: 18px; cursor: pointer; display: none; width: 30px; height: 30px; z-index: 1; }
button.clearSearchBtn{ background: url(/wp-content/themes/newsonair/assets/custom-assets/images/close.png) center center no-repeat; width: 30px; height: 30px; }
span.clearSearchText { display: none !important; }
.feedBackForm a[href^="tel:"]:hover{ color: #004080; }
.feedBackForm a[href^="tel:"]:focus { outline: 2px solid #005fcc; outline-offset: 2px; }
.feedBackForm input[type="submit"]:focus { outline: 2px solid #005fcc; outline-offset: 2px; background-color: #f0f8ff; color:#005fcc !important; }
.formFuild input:focus, .formFuild select:focus, .formFuild textarea:focus { outline: 2px solid #005fcc; outline-offset: 2px; background-color: #f0f8ff; box-shadow: none; }
.form-control{ border: 1px solid #333; }
.innerContent input.btn.btn-danger:focus { box-shadow: 0 0 0 2px var(--sttl-color-black); }
ul.innerLiting { margin-bottom: 15px; padding: 0;}
ul.innerLiting li { list-style: none; margin-bottom: 5px; }
.rtipage h3 { font-size: 22px; }
.rtipage h4 { font-size: 20px; }
.rtipage h5 { font-size: 18px; }
section.innerContent .table tbody tr:nth-child(even) td { background:var(--sttl-color-white); }
.ptc-details section.innerContent .table tbody tr:nth-child(odd) td { background:#f7f7f7; }
.ptc-details section.innerContent .table tbody tr:nth-child(even) td { background:var(--sttl-color-white); }
table.table tbody tr:nth-child(odd) td { background: #f7f7f7; }
.output-list { margin: 15px 0 0 0;padding: 0; }
.output-list li { list-style: none;line-height: 20px;margin-bottom: 10px;position: relative;padding-left: 20px; }
.output-list li:after { content: "";width: 8px;height: 8px;background: var(--sttl-color-black);position: absolute;left: 0;top: 6px;border-radius: 50px; }
.heading2 { font-size: var(--sttl-font-24); font-family: Droid serif; font-weight: 600;  }
.heading3 { font-size: 1.3em; }
.heading4 { font-size: 1.2em; }
.newsschedule ol { counter-reset: item; padding-left: 10px;padding:0; }
.newsschedule ol li { display: block; font-size: 1em; font-weight: 400; }
.newsschedule ol li:before { content: counters(item, ".") " "; counter-increment: item; font-weight:400;margin-right:7px; }
ol.sub-listing { margin: 5px 0; }
.detailsPage .entry-content p { font-size: var(--sttl-font-16); color: var(--sttl-color-black); font-weight: 400; margin-bottom: 15px; }
table.MsoNormalTable { width: 100%; }
table.MsoNormalTable tr:nth-child(even){ background: #F0F4FF; }
p.MsoNormal { text-align: left; }

/*table css*/
.page-template-RNU-details table.MsoNormalTable{ margin:15px 0; }
.page-template-RNU-details table.MsoNormalTable tbody tr td { background: var(--sttl-color-white);border: 1px solid gray; border-bottom: 1px solid gray; padding: 10px;vertical-align:middle; }
.page-template-RNU-details table.MsoNormalTable thead tr td { padding: 15px; border: 1px solid gray; vertical-align: middle; }
.page-template-RNU-details table.MsoNormalTable tbody tr td table.MsoNormalTable{ border:1px solid gray; }

table.table { width: 100%;background: var(--sttl-color-white);border:none }
table.table tbody tr td { padding: 10px; border-bottom: 1px solid gray; border-right: 1px solid gray; border-left: 1px solid gray;vertical-align:middle; }
table.table tbody tr td table { border: 1px solid gray; }
table.table tbody tr td table tbody tr td { border-right: 1px solid gray; border-bottom: 1px solid gray; }
.bulletinsList.ptc-details table{ margin: 0; }
/* table.table:first-child { padding: 0; margin: 0; } */
table.table tbody tr td table tbody tr td:first-child { padding: 10px; }   
table.table tbody tr td table tbody tr td:last-child { border-right: none; }
table.table tbody tr td table tbody tr td:first-child { border-right: 1px  solid gray;}
.featuredNews ul { padding: 0;margin-bottom:0; }
.featuredNews ul li { list-style: none; }
.featuredNews .heading{ margin-bottom: 8px; }
/*Archive Ajax Pagination*/
.featuredNews .pagination{ justify-content: center;padding: 50px 0px; }
.featuredNews .pagination a { font-weight: 400;width: 40px;height: 40px;line-height: 40px;text-align: center;border: 1px solid #b3b3b3;margin: 0px 5px; }
.featuredNews .pagination span { width: 40px;height: 40px;line-height: 40px;text-align: center;margin: 0px 5px; }
.featuredNews .pagination .next span, .featuredNews .pagination .prev span{ width: auto; }
.featuredNews .pagination a.next, .featuredNews .pagination a.prev{ width: auto; padding: 0px 6px; }
.featuredNews .pagination .prev { width: 100px; }
.featuredNews .pagination .current { color: var(--sttl-color-white);background: #5B71E9; }
.featuredNews .audio-source audio{ width: 100%; }
.mankibat a { padding: 10px; position: relative;font-size:1em; }
.mankibat a:after { content: ""; width: 2px; height: 15px; background: var(--sttl-color-white); position: absolute; top: 50%; transform: translate(-50%, -50%); right: -2px; }
.mankibat a:last-child:after { display: none; }
.page-template-RNU-details table.MsoNormalTable tbody tr td { padding: 10px; }
.waLink a { position: relative; display: block; }
.addressbox { background: var(--sttl-color-white); padding: 15px; border: 1px solid var(--sttl-color-Drkblue); box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%); }
.addressbox address:last-child { border-bottom: none; }
.addressbox address { border-bottom: 1px solid #1c1565; padding-bottom: 15px; }
.emaild, .rtibox p { word-break: break-all; }
.rtibox { background: var(--sttl-color-white); padding: 15px; border: 1px solid var(--sttl-color-Drkblue); box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%); height: 100%; }
.innerContent .customCMS thead th { padding: 10px;border-bottom: 1px solid #C9D2EB;border-right: 1px solid #C9D2EB; background: var(--sttl-color-blue);color: var(--sttl-color-white);padding: 12px 20px;  }
.innerContent .customCMS tbody tr:nth-child(even) td { background: #F0F4FF; }
.innerContent .customCMS tbody td:first-child { border-left: none; }
.innerContent .customCMS tbody tr.theadtitle{ background: var(--sttl-color-blue);color: var(--sttl-color-white); }
ul.list { margin: 0; padding: 0; }
ul.list li {list-style: none;position: relative;padding-left: 15px; } 
ul.list li:after { content: ""; width: 6px; height: 6px; background: var(--sttl-color-Drkblue2);position: absolute; left: 0; top: 8px; border-radius: 50px; }
.blogTitleXS { font-size: var(--sttl-font-16); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.mainWrap { overflow: hidden; }
.featuredNews .table tbody tr td a, .fileSize{ font-size: 14px; }
.featuredNews ul li .categoryLabel { color: var(--sttl-color-black); font-size: 1em; font-weight: 400; }

.category-current-affairs section.postTypeList{ padding-bottom: 20px; }



/*Contrast theme css start*/
body.wob { background-color:var(--sttl-color-black);color:var(--sttl-color-white); }
.wob a, .wob .childPost h2, .wob .plyr--full-ui input[type="range"], .wob .subPost h2, .wob .switches-container label, .wob .heading ul li a, .wob .blogCategory p.colorPrimary{ color:var(--sttl-color-yellow);transition: 0.3s all ease-in-out; }
.wob a:hover, .wob .childPost h2, .wob .childPost p.hrTime, .wob .subPost p.hrTime, .wob .heading ul li a.active, .wob .breadcrumbList ol li, .wob .moreStoriesText p.catDate, .wob .postTypeListItem p.colorPrimary{ color:var(--sttl-color-green); }
.wob .mainHeader, .wob footer{ background: #333; }
.wob .mainHeader input, .wob .langBox .form-select, .wob .multiselect-dropdown{ background-color: #555; border-color: #555; color: var(--sttl-color-white); }
.wob .mainHeader input::placeholder, .wob .childPost p.blogDisc, .wob .heading h3{ color: var(--sttl-color-white); }
.wob .appBox a { background-color: var(--sttl-color-white); }
.wob .bottomHeader, .wob section.categoryBox h2, .wob .player, .wob .readNews .accordion-button:not(.collapsed), .wob .multiselect-dropdown span.placeholder{ background: #555;box-shadow: none; }
.wob .navBox{ background:var(--sttl-color-yellow); }
.wob .toggleMenu span{ background:var(--sttl-color-Drkblue2); }
.wob .bottomNav ul li:first-child a, .wob .bulletinBox{ background: var(--sttl-color-Lghblack); }
.wob section.categoryBox, .wob .readNews .accordion-body{ background: #1c1b1b;border-radius:0; }
.wob .switches-container{ background: #1c1b1b; }
.wob section.categoryBox a img { filter: invert(86%) sepia(11%) saturate(4672%) hue-rotate(35deg) brightness(100%) contrast(111%); }
.wob section.ytBox.borderRadius, .wob .mostReadBox { border:1px solid var(--sttl-color-Lghblack);box-shadow:none; }
.wob section.socialFeed h2, .wob .readNews h2, .wob .multiselect-dropdown span.placeholder::before, .wob .multiselect-dropdown-list-wrapper .multiselect-dropdown-search, .wob .multiselect-dropdown-list-wrapper .multiselect-dropdown-search::placeholder{ color: var(--sttl-color-white); }
.wob .heading a img { filter: invert(100%) sepia(100%) saturate(1300%) hue-rotate(31deg) brightness(1.9); }
.wob section.categoryBox ul li { border-color: #888; }
.wob .accordion-body .newsBox, .wob .accordion-item{ background: var(--sttl-color-black); }
.wob .accordion-body .newsBox ul li{ border-bottom: 1px solid #b7b7b7; }
.wob .accordion-item button.accordion-button { background: var(--sttl-color-Lghblack);color:var(--sttl-color-white);box-shadow: 0 0px 0px 1px #626262; }
.wob .multiselect-dropdown span.placeholder { font-size: 0; }
.wob .multiselect-dropdown span.placeholder::before{ font-size: 16px!important }
.wob .multiselect-dropdown-list-wrapper { background: #333;border-color: var(--sttl-color-black); }
.wob .multiselect-dropdown-list div:hover { background-color: #888;color: var(--sttl-color-black); }
.wob .copyRight { background: #222; }
.wob .newsBox .imgWrap:after { background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(253, 100, 32, 0) 100%); }
.wob .breadcrumb-item+.breadcrumb-item::before { color: #666; }
.wob .pagination-wrapper .page-numbers.current { color: var(--sttl-color-black); border-color: var(--sttl-color-yellow); background-color: var(--sttl-color-yellow); }
.wob .pagination-wrapper .page-numbers { background: var(--sttl-color-green); color: var(--sttl-color-black) !important; border-color: var(--sttl-color-green);transition: 0.3s all ease-in-out; }
.wob .pagination-wrapper .page-numbers:hover { background: var(--sttl-color-yellow);border-color: var(--sttl-color-yellow); }
.wob .table tbody tr:nth-child(even) td, .wob .bulletinTable.ptcDEtailsTable table tr:nth-child(odd) td { background: #4c4c4c; }
.wob .table-responsive table { border-color: #555; }
.wob .innerContent .table-responsive tfoot td { background: var(--sttl-color-Lghblack); color: var(--sttl-color-white); }
.wob table tbody td { background:var(--sttl-color-Lghblack);color: var(--sttl-color-white);border-color: var(--sttl-color-Lghblack); }
.wob .loadMoreButton, .wob .innerContent input.btn.btn-danger, .wob .feedBackForm input[type=submit] { background: var(--sttl-color-yellow);color: var(--sttl-color-black) !important;transition: 0.3s all ease-in-out;border-color: var(--sttl-color-yellow); }
.wob .loadMoreButton:hover, .wob .innerContent input.btn.btn-danger:hover, .wob .feedBackForm input[type=submit]:hover { color: var(--sttl-color-yellow)!important;background: transparent; }
.wob .feedBackForm { box-shadow: none;background-color: var(--sttl-color-Lghblack); } 
.wob .feedBackForm h2, .wob .feedBackForm p a{ color:var(--sttl-color-yellow); }
.wob .feedBackForm p img{ filter:invert(100%) sepia(100%) saturate(1300%) hue-rotate( 2deg) brightness(1.9); }
.wob #buttonTop { background: var(--sttl-color-yellow); border:1px solid var(--sttl-color-yellow); }
.wob #buttonTop:after { filter: brightness(1.2) invert(100%); }
.wob #buttonTop:hover { background-color: var(--sttl-color-green); transform: rotate(360deg); border:1px solid var(--sttl-color-green); }
.wob a.toggleMenuCloseBtn{ background: var(--sttl-color-yellow); border: 1px solid var(--sttl-color-yellow); }
.wob a.toggleMenuCloseBtn img { filter: invert(1); }
.wob a.toggleMenuCloseBtn:hover{ background-color: var(--sttl-color-green); border:1px solid var(--sttl-color-green); }
.wob .searchBox input.searchBtn { background-image: url(../images/search-white.svg);}
.wob .appBox #accessControl input { border: 4px solid #333; }
.wob .appBox #accessControl input.contrastChanger { box-shadow: inset 0 0 0px 2px var(--sttl-color-white); }
.wob .filterBtn img, .wob .searchBtn img, .wob .emblemLogo{ filter:invert(100%) sepia(100%) saturate(1300%) hue-rotate(286deg) brightness(1.9); }
.wob .langBox .form-select{ background:#333 url(../images/select-dropdown.svg) 87% center no-repeat;background-size: 11px; }
.wob .playbtn { background-color: var(--sttl-color-yellow); }
.wob .playbtn.is-playing:before, .wob .playbtn.is-paused:before { content: ""; filter:contrast(100); }
.wob .highlightArrow button { background: var(--sttl-color-yellow); }
.wob .highlightArrow .swiper-button-next:after, .wob .highlightArrow .swiper-button-prev:after { color: var(--sttl-color-black); }
.wob section.socialFeed h4, .wob .readNews h4{ color:var(--sttl-color-yellow); }
.wob .ext-confirm { background: var(--sttl-color-Lghblack);border: 1px solid var(--sttl-color-yellow); }
.wob .ext-confirm .confirm { background: var(--sttl-color-yellow);color: var(--sttl-color-black);border-color: var(--sttl-color-yellow); }
.wob .feed .twitter-timeline {color: var(--sttl-color-black) !important; }
.wob section.socialFeed .bg-transparent img { filter: contrast(0.5); }
.wob footer ul li::before{  filter: invert(100%) sepia(100%) saturate(1300%) hue-rotate(31deg) brightness(1.9); }
.wob .readNews .accordion-button:not(.collapsed){ background:var(--sttl-color-Lghblack); }
.wob .readNews .accordion-button:not(.collapsed), .wob .accordion-item button.accordion-button:focus{ border-radius:0; }
.wob p.eyeView img{ filter: invert(100%) sepia(100%) saturate(1300%) hue-rotate(31deg) brightness(1.9); }
.wob .switch { background: var(--sttl-color-green); }
.wob .switch div{ color:var(--sttl-color-black); }
.wob .bottomPlayer svg path{fill:#000; }
.wob section.innerContent .table tbody tr:nth-child(odd) td{ background: #1a1616 !important; }
.wob a:focus { outline: thin dashed var(--sttl-theme-yellow); }
.wob section.categoryList .catBox { background: var(--sttl-color-Lghblack); } 
.wob section.categoryList .catBox img, .wob .shareSec a img, .wob .tooltip-div a.a2a_dd::before{ filter: invert(100%) sepia(100%) saturate(1300%) hue-rotate(31deg) brightness(1.9); }
.wob section.categoryList .catBox a{ border:1px solid #555; }
.wob section.categoryList .catBox a:hover { background: #0c0c0c; border: 1px solid var(--sttl-color-yellow); }
.wob .webInfo { background: var(--sttl-color-Lghblack); }
.wob .a2a_full_services .a2a_i, .wob .a2a_menu a{ color:#0166FF !important; }
.wob .bulletins-filters #listen_broadcast_date, .wob .bulletins-filters #listen_broadcast_time{ background-color:var(--sttl-color-white) !important; }
.wob .searchFlt, .wob .resetFlt { background: var(--sttl-color-yellow); border: 1px solid var(--sttl-color-yellow);color: var(--sttl-color-black); }
.wob .searchFlt:hover, .wob .resetFlt:hover { background: transparent;color: var(--sttl-color-yellow);border: 1px solid var(--sttl-color-yellow); }
.wob section.categoryBox a.exploreMore, .wob section.categoryBox ul li a{ color:var(--sttl-color-white); }
.wob section.categoryBox a.exploreMore img, .wob section.categoryBox ul li a img{ filter: invert(100%) sepia(100%) saturate(1300%) hue-rotate(31deg) brightness(1.9); }
.wob .bulletin-card{ background:var(--sttl-color-white);border:1px solid var(--sttl-color-yellow); }
.wob .bulletin-title{ color:var(--sttl-color-black); }
.wob .bulletins-filters #listen_news_cat, 
.wob .bulletins-filters #listen_news_lang, 
.wob .bulletins-filters #listen_news_date, 
.wob .bulletins-filters #listen_news_time{ background:var(--sttl-color-white); }
.wob .dd-bulletins-browser .form-select { background-color: var(--sttl-color-white); }
.wob .bulletinsList .dd-bulletins-browser .form-select{ color:var(--sttl-color-black); }
.wob .bulletin-city{ background:var(--sttl-color-yellow);color:var(--sttl-color-black); }
.wob .dd-list{ background:var(--sttl-color-black); }
.wob .dd-item.selected{ background:var(--sttl-color-white);color:var(--sttl-color-black); }
.wob .dd-item:hover, .wob .dd-item:focus, .wob .bulletin-meta{ color:var(--sttl-color-black); }
.wob .bulletin-share .share-toggle{ background:var(--sttl-color-black); color:var(--sttl-color-white); }
.wob #canvasNav > ul > li a:focus { border: 1px solid var(--sttl-color-white); }
.wob .clse-btn a:focus { border: 1px solid var(--sttl-color-white); }
.wob section.innerContent a:hover{ color:var(--sttl-color-green); }
.wob .pagination-wrapper.section-inner .nav-links span.page-numbers.placeholder, .wob .pagination-wrapper .page-numbers{ background:var(--sttl-color-green); }
.wob .searchFilter.show{ border:1px solid var(--sttl-color-yellow); }
.wob .searchFilter.show input{ background:var(--sttl-color-white); color:var(--sttl-color-323232);border: 1px solid #666666; }
.wob .searchFilter select{ border: 1px solid #666666; }
.wob .langBox .form-select{ border: 1px solid var(--sttl-color-white); }
.wob .form-select option, .wob .nav-pills .nav-link { color: var(--sttl-color-black); }
.wob .langBox .form-select option{ color:var(--sttl-color-white); }
.wob .nav-pills .nav-link.active{ color:var(--sttl-color-white); }
.wob .nav-pills .nav-link.active, .nav-pills .show>.nav-link{ background:var(--sttl-color-Lghblack); }
.wob .mainHeader input::-webkit-input-placeholder { color: var(--sttl-color-white);opacity:1; }
.wob .mainHeader input::-moz-placeholder { color: var(--sttl-color-white);opacity:1; }
.wob .mainHeader input:-ms-input-placeholder { color: var(--sttl-color-white);opacity:1; }
.wob .mainHeader input:-moz-placeholder { color: var(--sttl-color-white);opacity:1; }
.wob .breadcrumbList ol li a, .wob .colorPrimary{ color:var(--sttl-color-white); }
.wob .bulletin-inner .bulletin-icon a img { filter: invert(100%) sepia(100%) saturate(1300%) hue-rotate(31deg) brightness(1.9); }
.wob .player__btn{ border:1px solid var(--sttl-color-yellow); background-color:var(--sttl-color-yellow); color:var(--sttl-color-black); }
.wob .player__btn svg{ fill:var(--sttl-color-black); }
.wob .bulletin-download img{ filter: brightness(0.1); }
.wob .mostReadBox { background: var(--sttl-color-Lghblack); border: 1px solid var(--sttl-color-white); }
.wob .mostReadBox:hover { background: var(--sttl-color-gray); color: var(--sttl-color-black); }
.wob .pagination .current { color: var(--sttl-color-black); background: var(--sttl-color-yellow); border: 1px solid var(--sttl-color-black); }
.wob .table thead tr th, .wob section.innerContent .table thead tr th:last-child{ background: var(--sttl-color-yellow);color:var(--sttl-color-black);border-right: 1px solid #8c92a1; }
.wob .table tbody tr td, .wob .bulletinTable.ptcDEtailsTable table tr td{ border-color: #898989; }
.wob section.innerContent .table tbody tr:nth-child(even) td { background: var(--sttl-color-black); }
.wob .table thead tr td{ background: var(--sttl-color-yellow); color:var(--sttl-color-black); }
.wob .output-list li:after{ background:var(--sttl-color-yellow); }
.wob .detailsPage .entry-content p{ color:var(--sttl-color-white); }
.page-id-414.wob .bulletins-filters #special_programs_date, .page-id-414.wob .bulletins-filters #special_programs_time{ color:var(--sttl-color-white); }
.wob.page-template-RNU-details table.MsoNormalTable tbody tr td, .wob.page-template-RNU-details table.MsoNormalTable, .wob.page-template-RNU-details table.MsoNormalTable thead tr td { background: var(--sttl-color-Lghblack); } 
.wob.page-template-RNU-details table.MsoNormalTable tbody tr td p.MsoNormal font { color: var(--sttl-color-white); }
.wob .table tbody tr td a.downloadBtn { background: var(--sttl-color-yellow); color: var(--sttl-color-black); }
.wob .table tbody tr td a.downloadBtn img { filter: invert(100%) sepia(100%) saturate(1300%) hue-rotate(31deg) brightness(1.9); }
.wob .searchFilter span{ color:var(--sttl-color-black); }
.wob a.viewallbtn{ color: var(--sttl-color-yellow); }
.wob a.viewallbtn:hover{ color: var(--sttl-color-green); }
.wob a.viewallbtn img{ filter: invert(100%) sepia(100%) saturate(1300%) hue-rotate(31deg) brightness(1.9); }
.wob a.viewallbtn:hover img { filter: invert(100%) sepia(100%) saturate(1300%) hue-rotate(31deg) brightness(1.9); }
.wob .mankibat a:after{ background: var(--sttl-color-yellow); }
.wob .appBox{ border-right:1px solid #626262; }
.wob .bulletinsList table tbody tr td table tbody tr td font { color: var(--sttl-color-white); }
.wob .featuredNews .pagination a{ border: 1px solid var(--sttl-color-yellow); }
.wob .featuredNews .pagination span.page-numbers.dots { border: 1px solid var(--sttl-color-yellow); }
.wob .addressbox, .wob .rtibox { background: var(--sttl-color-Lghblack); border: 1px solid var(--sttl-color-yellow);box-shadow: none; }
.wob .addressbox address { border-bottom: 1px solid var(--sttl-color-yellow); }
.wob .addressbox address:last-child { border-bottom: none; }
.wob .innerContent .customCMS thead { background: #181515; }
.wob .innerContent .customCMS thead th{ background: var(--sttl-color-yellow); color: var(--sttl-color-black);border-right: 1px solid #8c92a1; border-bottom: 1px solid #8c92a1; }
.wob .innerContent .customCMS tbody tr.theadtitle, .wob .innerContent .customCMS tbody tr.theadtitle td{ background: var(--sttl-color-yellow); color: var(--sttl-color-black); }
.wob .innerContent .customCMS tbody tr:nth-child(even) td { background: #4c4c4c; }
.wob ul.list li:after{ background: var(--sttl-color-yellow); }
.wob .breadcrumbList ol { border-bottom: 1px solid var(--sttl-color-Lghblack);  }
.wob table.table tbody tr:nth-child(odd) td { background: #1a1616; }
.wob table.table tbody tr:nth-child(even) td { background: var(--sttl-color-black); }