@charset "utf-8";
@font-face {font-family: Changa-bold;src: url(../fonts/changa-bold/Changa-Bold.eot);
src: url(../fonts/changa-bold/Changa-Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/changa-bold/Changa-Bold.woff) format('woff'), url(../fonts/changa-bold/Changa-Bold.ttf) format('truetype'), url(../fonts/changa-bold/Changa-Bold.svg) format('svg');
font-weight: 400;font-style: normal;font-variant: normal;font-display: swap;}
@font-face {font-family: Changa-semibold;src: url(../fonts/changa-semibold/Changa-SemiBold.eot);src: url(../fonts/changa-semibold/Changa-SemiBold.eot?#iefix) format('embedded-opentype'), url(../fonts/changa-semibold/Changa-SemiBold.woff) format('woff'), url(../fonts/changa-semibold/Changa-SemiBold.ttf) format('truetype'), url(../fonts/changa-semibold/Changa-SemiBold.svg) format('svg');
font-weight: 400;font-style: normal;font-variant: normal;font-display: swap;}
@font-face {font-family: Changa-extrabold;src: url(../fonts/changa-extrabold/Changa-ExtraBold.eot);src: url(../fonts/changa-extrabold/Changa-ExtraBold.eot?#iefix) format('embedded-opentype'), url(../fonts/changa-extrabold/Changa-ExtraBold.woff) format('woff'), url(../fonts/changa-extrabold/Changa-ExtraBold.ttf) format('truetype'), url(../fonts/changa-extrabold/Changa-ExtraBold.svg) format('svg');font-weight: 400;font-style: normal;font-variant: normal;font-display: swap;}
@font-face {font-family: Changa-extralight;src: url(../fonts/changa-extralight/Changa-ExtraLight.eot);src: url(../fonts/changa-extralight/Changa-ExtraLight.eot?#iefix) format('embedded-opentype'), url(../fonts/changa-extralight/Changa-ExtraLight.woff) format('woff'), url(../fonts/changa-extralight/Changa-ExtraLight.ttf) format('truetype'), url(../fonts/changa-extralight/Changa-ExtraLight.svg) format('svg');font-weight: 400;font-style: normal;font-variant: normal;font-display: swap;}
@font-face {font-family: Changa-light;src: url(../fonts/changa-light/Changa-Light.eot);src: url(../fonts/changa-light/Changa-Light.eot?#iefix) format('embedded-opentype'), url(../fonts/changa-light/Changa-Light.woff) format('woff'), url(../fonts/changa-light/Changa-Light.ttf) format('truetype'), url(../fonts/changa-light/Changa-Light.svg) format('svg');font-weight: 400;font-style: normal;font-variant: normal;font-display: swap;}
@font-face {font-family: Changa-medium;src: url(../fonts/changa-medium/Changa-Medium.eot);
src: url(../fonts/changa-medium/Changa-Medium.eot?#iefix) format('embedded-opentype'), url(../fonts/changa-medium/Changa-Medium.woff) format('woff'), url(../fonts/changa-medium/Changa-Medium.ttf) format('truetype'), url(../fonts/changa-medium/Changa-Medium.svg) format('svg');font-weight: 400;font-style: normal;font-variant: normal;font-display: swap;}
@font-face {font-family: Changa-regular;src: url(../fonts/changa-regular/Changa-Regular.eot);src: url(../fonts/changa-regular/Changa-Regular.eot?#iefix) format('embedded-opentype'), url(../fonts/changa-regular/Changa-Regular.woff) format('woff'), url(../fonts/changa-regular/Changa-Regular.ttf) format('truetype'), url(../fonts/changa-regular/Changa-Regular.svg) format('svg');font-weight: 400;font-style: normal;font-variant: normal;font-display: swap;}

html,
body {padding: 0;margin: 0;scroll-behavior: smooth;height: 100%;
-webkit-touch-callout: none;-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;-ms-font-smoothing: antialiased;font-smoothing: antialiased;font-family: "Changa-regular", Arial, Helvetica, sans-serif;}
* { margin: 0;padding: 0;box-sizing: border-box; }
a {text-decoration: none !important;color: inherit;}
li {list-style: none;}
img {border: none}
button {cursor: pointer;}
input {outline: none;}
.overflow {overflow: hidden}
.main-container {margin: auto;width: 96%;max-width: 1200px;}
::-webkit-scrollbar {display: none;}
.poll-label{cursor: pointer;}
.rozana_radio_live_stream{cursor: pointer;}

a.toTop{display: none;font-size: 30px;color: #0BA89F;border: 3px solid #0BA89F;position: fixed;bottom: 100px;z-index: 1001;right: 30px;border-radius: 50%;width: 45px;height: 45px;text-align: center;background: rgba(255,255,255,.901961);box-shadow: 0 1px 2px rgba(0,0,0,.3);}
a.toTop i{position: relative; top: -5px;}
.podcast-inside-page p.no_results{width: fit-content;margin: 50px auto;font: normal normal 400 31px/42px Changa-bold;}

.article-page .main-grid .article-text-container .noReload.embed.inlineVideo.stories iframe{display: none !important;}


/* header */
.ad-section {height: 150px;width: 100%;text-align: center;align-items: center;display: flex;}
.ad-section div{width: 725px;height: 90px;margin: auto;border: 1px solid gray;}
.nav-upper-section{background-color: #1D1E20;}
.nav-upper-section ul{display: flex;color: #fff;}
.nav-upper-section li{padding: 0 0 0 35px;font-size: 12px;line-height: 21px;align-items: center;display: flex;}
.nav-main-container{margin: auto;width: 96%;max-width: 1200px;display: grid;align-items: center; position: relative;grid-template-columns: auto 330px;}
.nav-height{height: 40px;}
.english-btn {border: 1px solid #fff;padding: 0 40px !important;border-top: none;border-bottom: none;margin-left: 40px;}
.social-media-btns{display: flex;justify-content: left;}
.social-media-btns a{display: flex;align-items: center;padding: 0 0 0 15px;}
.nav-lower-section{background-color: #0BA89F;height: 90px;display: flex;align-items: center;}
.nav-lower-section ul{display: flex;color: #fff;align-items: center;}
.nav-lower-section ul > li{font-size: 18px;line-height: 31px;margin: 0 0 0px 50px;align-items: center;display: flex;height: 90px; cursor: pointer;}
.nav-lower-section ul > li > a{display: block; height: 100%; line-height: 90px;border-bottom: 7px solid transparent; transition: .25s}
.nav-lower-section ul > li > ul{width: 100%; max-width: 1200px;z-index: 3;position: absolute;height: 50px;background-color: #71BCB5; right: 0px; padding: 0 150px 0 0; bottom: -50px; opacity: 0; visibility: hidden; transition: .25s}
.nav-lower-section ul > li > ul > li{font-size: 18px;padding: 0 0 0 30px;display: inline-block;color: #fff; margin: 0; height: initial; border-bottom: none !important}
.nav-lower-section ul > li > ul > li > a{height: initial; line-height: initial; border-bottom: none !important}
.nav-lower-section ul > li.active a{border-bottom: 7px solid #F79E5D;}
.nav-lower-section ul > li:hover a{border-bottom: 7px solid #F79E5D;}
.nav-lower-section ul > li:hover > ul{opacity: 1; visibility: visible}
.homepage-logo{vertical-align: middle;margin: 0 0 0px 50px;}
.listen-btn{position:relative;width: 100%;max-width: 100%;display: flex;height: 86%;}
.listen-img{max-width: 100%;width: 100%;}
.listen-btn h3{font: normal normal 400 23px/20px Changa-semibold;padding: 10px 0 0 0;}
.listen-btn p{font-size: 15px;line-height: 26px;}
.listen-btn button{margin: 0 0 0 30px;border: none;background-color: transparent;position: absolute;top: 10px;right: 10px; outline: none;}
.listen-btn div{position: absolute;top: 10px;right: 90px;}
.header-btn-search{background-color: transparent;border: none;}
.search-container ul{background-color: #71BCB5;color: #fff;height: 50px;padding: 0 140px 0 0 ;margin: auto;max-width:1200px;display: flex;align-items: center;}
.search-container li{font-size: 18px;padding: 0 0 0 30px;display: inline-block;color: #fff;}
.mobile-menu,
.listen-btn-mobile,
.mobile-nav-lower-section{display: none;}
.media-icon{color: #fff;transition: 0.2s;}
.media-icon:hover{color: #0BA89F;}
.hidden{display: none !important;}

/* search */
.search-section{display: none;margin: 30px auto;position: absolute;top: 120px;z-index: 2;width: 100% !important;padding: 0 0 30px 0;max-width: 1220px;
left: 0;right: 0; background-color: #fff;}
.search-section.show{display: block !important;}
.search-result-page{padding: 45px 0 0 0;}
.search-form{width: fit-content;margin:30px auto 0 auto;}
.search-section button{float: left;margin: 20px 0 0 0; position: relative; left: 160px; top: -20px;}
.search-section button#clear-btn-search {left: 0; top: 0;}
.search-input{display: flex;border: 1px solid #0BA89F;border-radius: 20px;width: fit-content;margin: auto;}
.search-section .search-input form.form-to-submit{display: flex;}
.search-section button{background-color: transparent;border: none;}
.search-section p{color: rgba(29, 30, 32, 0.5);font-size: 13px;padding: 5px 20px 0 0;}
.search-section img{padding: 0 0 0 10px;}
.magnifying-glass{margin: 0 0 0 10px !important;}
.search-section input{width: 50%;height: 50px;border-radius: 0 20px 20px 0;width: 685px;padding: 0 20px 0 0;display: none;color: #0BA89F;display: flex;border: none;font: normal normal 400 21px/0px Changa-regular}
.search-section a{background-color: #0BA89F;color: #fff;font-size: 18px;border-radius: 20px 0 0 20px;width: 215px;text-align: center;line-height: 48px;transition: 0.2s;border: 2px solid transparent;}
.search-section a:hover{background-color: #fff;border: 2px solid #0BA89F;color: #0BA89F;}
#search-input::placeholder{font: normal normal 400 13px/18px Changa-regular;color: #71BCB5;}
.search-result-page .ias-trigger.ias-trigger-next a.more{margin-top: 50px !important;}

/*article paywall*/
.article-main-page article .article-text-container.inline-datawall{max-height: 230px; overflow: hidden;}
.article-main-page article div.datawall{position: relative; background-color: rgba(11, 168, 159, 0.5); text-align: center; padding: 25px 40px 40px 40px; margin: 0 0 20px 0; border-radius: 10px;}
.article-main-page article div.datawall::before{content: '';width: 100%;height: 135px;position: absolute;background: -webkit-linear-gradient(top,rgba(255,255,255,.4) 0,#fff 77%,#fff 23%);top: -135px;left: 0;}
.article-main-page article div.datawall a.close{position: absolute; left: 30px; top: 25px; cursor: pointer; background: url('/assets/images/icon-times-black.png'); width: 20px; height: 20px; background-size: contain;}
.article-main-page article div.datawall form input{width: 330px;height: 40px;border-radius: 10px;border: none;padding: 0 20px;font: normal normal 400 18px/23px Changa-regular;max-width: 100%;margin: 15px 0;}
.article-main-page article div.datawall form button.subscribe-datawall{display: inline-block;width: 190px;border-radius: 10px;background-color: #fff;padding: 0 20px;margin: 10px 0 40px 0;font: normal normal 400 18px Changa-bold;line-height: 40px;max-width: 100%;border: 3px solid transparent;transition: 0.2s;color: #0BA89F;}
.article-main-page article div.datawall form p.error{display: none; font-weight: bold;}
.article-main-page article div.datawall h2{font-size: 21px;}
.article-main-page article div.datawall h3{font-size: 16px;}

/*homepage stories*/
ul.stories{border-bottom: 2px solid #EFEFEF; padding: 0 0 255px 0; margin: 50px 0; font-size: 0; display: flex;}
ul.stories li{width: 25%; height: 330px; margin: 0 0 0 50px; vertical-align: top}
ul.stories li:last-child{ margin: 0;}
ul.stories li a {display:block}
ul.stories li a video{width: 100%; height: 500px; object-fit: cover; border-radius: 10px; pointer-events: none;}
ul.stories li a .story-title{margin: 15px 0 0 0;}
ul.stories li a h2{font: normal normal 400 16px/18px Changa-bold; color: #000; line-height: 25px;}

/* homepage */
.homepage-breaking-news .featured{display: flex; align-items: flex-start; gap: 15px; margin: 25px 0 0 0;}
.homepage-breaking-news .featured .right_col{width: 70%; position: relative;}
.homepage-breaking-news .featured .right_col img{width: 100%; height: 455px; object-fit: cover; border-radius: 10px;}
.homepage-breaking-news .featured .right_col .details{position: absolute;bottom: 9px;right: 0;padding: 25px;width: 100%;background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(black));border-radius: 10px;}
.homepage-breaking-news .featured .right_col .details h2{color: #fff;}
.homepage-breaking-news .featured .right_col img.video_icon_tag{position: absolute; bottom: 28px; left: 15px; width: 45px; height: 45px; object-fit: contain; z-index: 2;}
.homepage-breaking-news .featured .right_col img.video_icon_tag.mobile{display: none;}
.homepage-breaking-news .featured .left_col{width: 30%;}
.homepage-breaking-news .featured .left_col ul li {margin: 0 0 15px 0;}
.homepage-breaking-news .featured .left_col ul li a{display: flex; align-items: center; gap: 20px;}
.homepage-breaking-news .featured .left_col ul li a .main-image{width: 40%; position: relative;}
.homepage-breaking-news .featured .left_col ul li a .main-image img{width: 100%; height: 120px; object-fit: cover; border-radius: 10px;}
.homepage-breaking-news .featured .left_col ul li a .details{width: 60%;}
.homepage-breaking-news .featured .left_col ul li a .details h2{font-size: 19px; line-height: 26px;}
.homepage-breaking-news .featured .left_col ul.program_section{padding: 20px 15px 15px 15px; background-color: #F1F3F2; border-radius: 10px; height: 170px;}
.homepage-breaking-news .featured .left_col ul.program_section li a{align-items: flex-start !important;}
.homepage-breaking-news .featured .left_col ul.program_section .program_details{width: 60%;}
.homepage-breaking-news .featured .left_col ul.program_section .program_details p {margin: 0 0 10px 0; font-size: 14px;}
.homepage-breaking-news .featured .left_col ul.program_section .program_details h3{font-size: 15px; height: 54px; overflow: hidden;}
.homepage-breaking-news .featured .left_col ul.program_section img{height: 130px !important;}
.homepage-breaking-news .featured .left_col ul.program_section .program_details button{margin: 5px 0 0 0; font-family: "Changa-regular", Arial, Helvetica, sans-serif;}
.homepage-breaking-news .featured .left_col ul li a .main-image img.video_icon_tag{position: absolute; bottom: 15px; left: 5px; width: 30px; height: 30px; object-fit: contain; z-index: 1;}


.program-section{background-color: #F1F3F2;text-align: center;padding: 20px 0; display: inline-block; vertical-align: top; width: 330px; margin: 0 15px 0 0; height: 415px; border-radius: 10px;}
.program-section-container{max-width: 70%;margin: auto;}
.watch-btn{background-color: #0BA89F;width: 150px;display: flex;align-items: center;justify-content: center;border-radius: 25px;color: #fff;font-size: 13px;line-height: 30px;margin: auto;border: 2px solid transparent;}
.watch-btn:hover{background-color: #fff;color: #0BA89F;border: 2px solid #0BA89F;transition: 0.2s}
.play-btn-green-podcast{display: none !important;}
.slick-item .title{z-index: 2;position: relative;}

.watch-btn img{padding: 0 0 0 15px;}
.profile-image{height: 205px;border-radius:10px;object-fit: cover;width: 100%;}
.program-title {font: normal normal 400 15px/26px Changa-bold;border-bottom: 2px solid #F79E5D;color: #0BA89F;width: fit-content;margin: 0 auto 10px auto;padding: 0 0 3px 0 !important;}
.program-section h3{font: normal normal 400 24px/21px Changa-bold;padding: 0 0 10px 0;}
.program-section p{font: normal normal 400 13px/18px Changa-semibold;margin: 10px auto}
.program-text{max-height: 38px;font-family: Changa-regular !important;margin: 0 auto 26px auto !important; overflow: hidden}
.homepage-breaking-news .slick-slider .slick-list,
.slick-slider .slick-track{height: 415px !important;}
.homepage-breaking-news .slick-initialized .slick-slide{height: 100% !important;}
.news-grid img{object-fit: cover;width: 100%;}
.news-grid h2{position: absolute;}
.slick-custom-arrows{position: absolute;top: 360px;right: calc(100vw/2 - 1200px/2 - 45px)}
.slick-custom-arrows .slide-next{margin: 0 5px 0 0}
.slick-custom-arrows button {border: none;background-color: transparent;}
.slick-number{position: absolute;bottom: 20px;left: 15px;color: #fff;font-size: 15px;}
.slick-item{position: relative;}
.slick-arrow{transition: 0.2s;}
.slide-prev:hover{transform:translateX(4px);}
.slide-next:hover{transform: translateX(-4px);}
.slick-item h2{position: absolute;right: 70px;bottom: 20px;color: #fff;font: normal normal 400 31px/42px Changa-bold;max-width: 75%;text-align: right;}
.slick-track :not(.slick-active) .media-image-overlay-slick::after {background: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));border-radius: 0;}
.img-scale {transform: scale(1.1);}

.right-arrow{transform: rotate(180deg);}
.position-relative{position: relative;}
.listen-grid{display: grid;grid-template-columns: repeat(6,auto);grid-column-gap: 2%;text-align: center;margin: 20px auto 0 auto;width: 100%;max-width: 1200px;}
.listen-section{margin: 40px auto;}

.titles-section-grid a,
.media-grid a,
.listen-grid a{transition: ease 0.2s;}
.listen-grid a:hover{margin-top: -10px !important;}
.listen-grid img{width: 180px;height: 180px;object-fit: cover; border-radius: 50%;}
.listen-grid p{font: normal normal 400 19px/36px Changa-regular;}
.listen-section h2{font: normal normal 400 35px/62px Changa-bold;display: inline !important;padding: 0 10px 0 0;}
.listen-section span{padding: 0 50px 0 0;color: rgba(29, 30, 32, 0.5);font-size: 15px;line-height: 25px;}
.listen-section span img{padding: 0 10px 0 0;vertical-align: middle;transition: ease 0.2s;}
.listen-section span img:hover {margin-right: 10px;}
.podcast-section{background-color: #F1F3F2;display: grid;grid-template-columns: 30% 20% 44%;grid-column-gap: 3%;padding: 45px;margin: 70px auto 0 auto; border-radius: 10px;}
.podcast-section.listing {margin: 0 auto 50px auto;}
.main-title.main-container.podcast-listing{display: flex; align-items: center; gap: 10px; margin: 40px auto;}
.podcast-section h3{font: normal normal 400 15px/26px Changa-bold !important;color: #0BA89F;border-bottom: 2px solid #F79E5D;width: fit-content;margin: 0 0 30px 0 !important;}
.podcast-section h1{font: normal normal 400 24px/21px Changa-bold !important;margin: 0 0 15px 0;}
.podcast-section p{font-size: 13px;line-height: 18px;}
.podcast-watch-btn{background-color: #0BA89F;width: 150px;border-radius: 25px;color: #fff;font-size: 13px;line-height: 34px;display: flex;align-items: center;justify-content: center;margin: 0 0 0 20px;border: 2px solid transparent;}
.podcast-watch-btn:hover{background-color: #fff;color: #0BA89F;border: 2px solid #0BA89F;transition: 0.2s}
.podcast-watch-btn img{padding: 0 0 0 15px;}
.podcast-img{width: 100%;height: 180px; border-radius:10px; object-fit: cover;transition: 0.2s;}
.podcast-img:hover{transform: scale(1.1);}
.podcast-play button{background-color: transparent;border: none;display: inline-block;align-items: baseline;display: flex;margin: 25px 0 0 15px;}
.podcast-play-button{display: inline-block;align-items: baseline;display: flex;margin: 45px 0 0 15px;}
.podcast-play h2{display: inline-block;margin: 0 0 0 20px;font: normal normal 400 18px/18px Changa-bold;}
.podcast-play{display: flex;}
.podcast-details{display: inline-block;margin: 25px 0 0 0;}
.podcast-play time{color: #F79E5D;font-size: 13px;display: inline-block;}
.podcast-play-text{padding: 10px 0 35px 0;width: 70%;}
.play-section-media{display: flex;}
.play-section-media a{display: flex;align-items: center;margin: 0 0 0 10px;}
.watch-section {display: flex !important;align-items: center;}

.podcast-play-popup{background-color: #0BA89F;position: fixed; bottom: -100%; transition: .5s ease-in-out; width: 100%; padding: 35px 0; text-align: center;z-index: 2; left: 0;}
.podcast-play-popup.active{bottom:0}
.podcast-play-popup.active .main-container{position: relative;}
.podcast-play-popup.active .main-container a.close-popup{color: #fff;font-size: 30px;position: absolute;right: 0px;top: -20px; cursor: pointer;}
.podcast-play-popup h3 {color: #fff !important;font: normal normal 400 18px/18px Changa-bold !important ;display: inline-block; margin: 0 !important; border-bottom: 0;}
.podcast-play-popup #player{display: flex;align-items: center; justify-content: center;gap: 40px;direction: ltr!important;margin-top: 35px}
.podcast-play-popup #player .playInfo{width: 100%;display: flex;align-items: center;gap: 20px;position: relative;}
.podcast-play-popup #player .playInfo .progressBar{border: solid 0 transparent;height: 4px;width: 100%; outline: none; transition: background 450ms ease-in; -webkit-appearance: none; cursor: pointer;}
.podcast-play-popup button{background-color: transparent; border: none; margin: 0;}
#player #playPause i, #player #mute i {color: #fff;font-size: 26px;}
.podcast-play-popup #player .playInfo #currentTime,.podcast-play-popup #player .playInfo #totalTime{color: #fff;}


.podcast-play-mobile{display: none;}
.media-section{margin: 47px auto 0 auto;}
.media-grid{display: grid;grid-template-columns: repeat(3,32.67%);grid-column-gap: 1%;margin: 10px 0 0 0;}
.search-result-page .media-grid.articles{display: block; width: 100%; font-size: 0;}
.search-result-page .media-grid.articles a{display: inline-block; width: calc(33.33% - 15px); vertical-align: top; margin: 20px 0 0 15px;}
.media-section h2 {font: normal normal 400 35px/62px Changa-bold;display: inline !important;margin: 0 10px 0 0;}
.search-result-page .media-section h2{padding: 0;}
.search-result-page ins{display: none !important;}
.media-grid time{color: #1D1E20;font-size: 10px;line-height: 18px;padding: 10px 0 0 0;display: inline-block;}
.media-grid a{position: relative;display: inline-block;width: 100%;overflow: hidden;}
.media-grid-img{width: 100%;transition: 0.2s;}
.media-grid-img:hover {transform: scale(1.1);}
.media-section .media-grid img{height: 220px; object-fit: cover; border-radius: 10px;}
.media-caption{position: absolute;width: 35px;height: 35px;right: 8px;top: 178px;display: flex;align-items: center;z-index: 2;}
.media-grid h4{color: #fff;padding: 0 10px 0 0;font: normal normal 400 15px/21px Changa-bold}
.media-grid p{color: #0BA89F;font: normal normal 400 13px/23px Changa-bold;margin: 10px 0 20px 0;max-height: 25px;}
.media-grid.home-page p{font: normal normal 400 20px/23px Changa-bold;}
.media-grid.home-page img{object-position: 50% 50%; background-color: #0ba89f; object-fit: contain; padding: 13px;}
.media-grid.home-page img.scale{background-color: unset; object-fit: cover;transform: scale(1.1)}
.media-grid.home-page img.video_icon_tag{width: 65px; height: 65px; background-color: transparent; position: absolute; bottom: 50px; left: 5px; z-index: 1; object-fit: contain;}



.overlay{position: absolute;bottom: 0 ;right: 0;width: 100%;top: 52px;}
.titles-section-grid .overlay{top: 0px !important;}
.media-image-overlay{font-size: 0;position: relative;transition: 0.3s;}
.media-image-overlay img.media-placeholder{background-color: #0BA89F; object-fit: contain;}
.media-image-overlay-slick{font-size: 0;position: relative;}
.report-img{transition: 0.3s;}
.report-img:hover,
.media-image-overlay:hover {transform: scale(1.1);}
.media-image-container{overflow: hidden;border-radius: 20px;}
.media-image-overlay::after {content: '';background: linear-gradient(#0000,#0000,rgba(112,112,112,0.7),rgba(0,0,0,0.8));position: absolute;z-index: 1;top: 0;right: 0;left: 0;bottom: 0;height: 100%;border-radius: 15px;}
.media-image-overlay-slick::after {content: '';background: linear-gradient(#0000, #0000, rgba(112, 112, 112, 0.7), rgba(0, 0, 0, 0.8));position: absolute;z-index: 1;top: 0;right: 0;left: 0;bottom: 0;height: 100%;border-radius: 15px;}

.reports-section .media-image-container{position: relative;}
.reports-section .media-image-container img.video_icon_tag{width: 40px;height: 40px;object-fit: contain;position: absolute;bottom: 10px;z-index: 2;left: 15px;}

.foryou-section{margin:50px auto ;}
.foryou-section.main-container .foryou-form-grid .foryou-img{height: 350px; object-fit: cover; border-radius: 10px;}
.foryou-section h2{font: normal normal 400 35px/62px Changa-bold;display: inline !important;margin: 0 10px 0 0;}
.foryou-form-grid{display: grid;grid-template-columns: 59% 40%;
grid-column-gap: 1%;margin: 20px 0 0 0;;}
.foryou-img{width: 100%;object-fit: cover;}
.foryou-img-caption-mobile {display: none;}

.foryou-form-grid.home_page{height: 350px;}
.foryou-form-grid.home_page a{position: relative;}
.foryou-form-grid.home_page img.video_icon_tag{position: absolute; bottom: 10px; left: 10px; z-index: 1; width: 45px; height: 45px; object-fit: contain;}
.foryou-grid.list.home_page .media-image-container{position: relative;}
.foryou-grid.list.home_page .media-image-container img.video_icon_tag{position: absolute; bottom: 10px; left: 10px; z-index: 1; width: 35px; height: 35px; object-fit: contain;}
.foryou-form-grid.home_page .share-form.poll-section{height: 350px;}


.share-form{background-color: #F1F3F2;padding: 25px 20px; border-radius: 10px;}
.share-form h3{color: #0BA89F;width: fit-content;border-bottom: 2px solid #F79E5D;font: normal normal 400 15px/26px Changa-bold}
.share-form a{color: rgba(29, 30, 32, 0.5);font-size: 15px;line-height: 25px;}
.share-form a img{padding: 0 5px 0 0;vertical-align: middle;}
.article-main-page .share-form a img{width: 20px;}
.article-main-page .share-form form.no-choices input{width: 100% !important;}
.share-form-header{display: flex;justify-content: space-between;margin: 0 0 15px 0;}
.share-form.poll_with_choices form a.submit_poll{width: 90%;display: block;height: 45px; line-height: 45px; padding: 0 10px 0 0; border-radius: 5px; background: #fff; margin: 15px 0 0 0; color: #000 !important;}

.share-form h1{font: normal normal 400 17px/35px Changa-bold;padding: 0 0 20px 0;}
.share-form textarea{width: 100%;border: none;border-radius: 5px;height: 85px;outline: none;padding: 10px;}
.share-form input{width: 70%;border: none;height: 34px;border-radius: 5px;padding: 0 10px 0 0;font-size: 13px;margin: 10px 0 0 18px;}
.share-form form input{width: 20px; height: 20px; accent-color:cadetblue; cursor: pointer;}
.share-form form p.error{color: red; text-align: center; font-size: 17px;margin: 0 0 10px 0;}
.share-form form.no-choices p.error{margin: 10px 0;}
.share-form form a.submit-btn,.share-form form button.add-comment{color: #fff;width: 110px;display: inline-block;background-color: #0BA89F;line-height: 31px;border-radius: 25px;text-align: center;border: 2px solid transparent; font-family: "Changa-regular", Arial, Helvetica, sans-serif;}
.share-form form a.submit-btn{display: block; margin:15px auto 0 auto;width: 220px; }
.share-form form button.add-comment:hover{background-color: #fff;color: #0BA89F;border: 2px solid #0BA89F !important;transition: 0.2s}
.share-form form button.add-comment{margin: 20px 0 0 0 ;}

.share-form form.no-choices input{width: 49%; border: none; height: 34px; border-radius: 5px; padding: 0 10px 0 0; font-size: 13px; margin: 10px 0 0 2px;font-family:"Changa-regular", Arial, Helvetica, sans-serif;}
.share-form form.no-choices input::placeholder{font-family: "Changa-regular", Arial, Helvetica, sans-serif;font-size: 13px;}
.discussions-page .share-form form.no-choices input{width: 43%;}
.discussions-page .ias-trigger.ias-trigger-next a.more{margin: 50px auto !important; position: relative; left: 200px;}
.thank-you-section{background-color: rgba(70, 92, 90, 0.12) !important;display: none;}
.share-form-hide{display: none;}
.share-btn{color: #fff !important;display: inline-block;background-color: #0BA89F;line-height: 34px !important;border-radius: 25px;text-align: center;width: 160px;margin: 140px 0 0 0;}
.poll-results-section,
.poll-section{display: none !important;}
.thank-you-visible,
.poll-visible{display: block !important;}
.poll{height: 45px;border-radius: 10px;background-color: #fff;padding: 0 15px;display: flex;align-items: center;justify-content: space-between;margin: 0 0 20px 0;}
.poll div{height: 100%;border-radius: 0 10px 10px 0;padding: 0 12px 0 0;}
.poll .first-poll{background-color: #0BA89F;width: 20%;}
.poll .second-poll{background-color: #07746C;width: 70%;}
.poll .third-poll{background-color: #71BCB5;width: 1%;}
.poll p{font-size: 13px !important;color: #fff;width: 100px;height: 100%;display: flex;align-items: center;}
.poll p.dark{color: #1D1E20;}
.poll span{font-size: 10px;color: #1D1E20;}

.foryou-section h3{color: #0BA89F;font: normal normal 400 15px/21px Changa-bold}
.foryou-section p{padding: 10px 0 5px 0;font: normal normal 400 10px/18px Changa-regular}
.foryou-grid{display: grid;grid-template-columns: repeat(4,24.25%);grid-column-gap: 1%;}
.foryou-grid.articles{display: block; width: 100%; font-size: 0;}
.category-page .foryou-grid.articles a{display: inline-block; width: calc(25% - 10px); margin: 20px 0 0 10px;vertical-align: top}
.keyword-page .foryou-grid.articles a{display: inline-block; width: calc(25% - 15px); margin: 20px 0 0 15px;vertical-align: top}
.author-page .foryou-grid.articles a{display: inline-block; width: calc(25% - 15px); margin: 20px 0 0 15px;vertical-align: top}

.category-page a.more_articles{width: 150px !important; height: 35px; line-height: 35px; text-align: center; color: #0BA89F; font-size: 14px; background-color:#fff; border: 1px solid #0BA89F; margin: 25px auto 0 auto !important; display: block !important; border-radius: 7px;}

.search-noresult-page .foryou-grid img{height: 180px; object-fit: cover; border-radius: 10px;}
.foryou-grid img{width: 100%;transition: 0.2s;}
.foryou-grid img:hover{transform: scale(1.1);}

.foryou-grid img{width: 100%;}
.foryou-grid.list img{height: 170px; border-radius: 10px; object-fit: cover}
.keyword-page .foryou-grid img{height: 200px; object-fit: cover; border-radius: 10px;}
.author-page .foryou-grid img{height: 180px; object-fit: cover; border-radius: 10px;}
.foryou-grid a{font-size: 0;margin: 20px 0 0 0;position: relative;border-bottom: 2px solid transparent;transition: 0.3s;padding: 0 0 10px 0;}
.foryou-grid p {font-size: 10px;line-height: 18px;padding: 5px 0 !important;display: block;}
.foryou-grid h3 {font: normal normal 400 15px/21px Changa-bold;color: #0BA89F;max-width: 90%;}

.titles-section h2{font: normal normal 400 35px/62px Changa-bold;display: inline !important;margin: 0 10px 0 0;}
 .titles-section-grid{display: grid;grid-template-columns: repeat(3,32.3%);grid-column-gap: 1%;margin: 20px 0 0 0;}
 .titles-section-grid a>img{height: 100%;object-fit: cover;border-radius: 10px;width: 100%;}
 .category-page.main-container .grid-img{height: 240px; object-fit: cover; border-radius: 10px;}
 .category-page.main-container .foryou-grid img{height: 170px; object-fit: cover;}
.grid-img{width: 100%;transition: 0.2s;}
.grid-img:hover{transform: scale(1.1);}
.titles-section-grid a {position: relative;font-size: 0;display: inline-block;height: fit-content;}
.reports-section .titles-section-grid a img{width: 100%; height: 220px;}
.titles-section-grid h4 {color: #fff;padding: 0 10px 0 0;font: normal normal 400 19px/21px Changa-bold}
.media-badge{width: 35px;height: 35px !important;}

/*video icon*/
.category-page .titles-section-grid .media-image-container{position: relative;}
.category-page .titles-section-grid .media-image-container img.video_icon_tag{position: absolute; bottom: 15px; left: 15px; width: 40px; height: 40px; object-fit: contain; z-index: 1;}
.category-page .foryou-grid.articles .media-image-container{position: relative;}
.category-page .foryou-grid.articles .media-image-container img.video_icon_tag{position: absolute; bottom: 10px; left: 10px; width: 35px; height: 35px; object-fit: contain; z-index: 1;}
.keyword-page .foryou-grid.articles .media-image-container{position: relative;}
.keyword-page .foryou-grid.articles .media-image-container img.video_icon_tag{position: absolute; bottom: 10px; left: 10px; width: 35px; height: 35px; object-fit: contain; z-index: 1;}
.author-page .foryou-grid.articles .media-image-container{position: relative;}
.author-page .foryou-grid.articles .media-image-container img.video_icon_tag{position: absolute; bottom: 10px; left: 10px; width: 35px; height: 35px; object-fit: contain; z-index: 1;}

.reports-section{margin: 50px auto;}
.reports-section h2{font: normal normal 400 35px/62px Changa-bold;
display: inline !important;margin: 0 10px 0 0;}
.reports-section p{color: #1D1E20;font-size: 10px;padding: 10px 0 5px 0;}
.reports-section h3{color: #0BA89F;font: normal normal 400 15px/21px Changa-bold;max-width: 90%;}

.categories-section h2{font: normal normal 400 35px/62px Changa-bold;display: inline !important;margin: 0 10px 0 0;}
.categories-section{display: grid;grid-template-columns: repeat(4, 24.25%);grid-column-gap: 1%;padding:  0 0 80px 0;}
.categories-section.home-page{padding: 40px 0 80px 0;}
.categories-section li{border-bottom: 1.5px solid #0BA89F;padding: 0 0 20px 0;font-size: 15px;line-height: 19px;margin: 0 0 20px 0;border-width: 100%;}
.categories-section.home-page li a{display: block; max-height: 39px; overflow: hidden;}
.categories-section li:last-child{border-bottom: none;}
.categories-section ul{margin: 25px 0 0 0;}

/* footer */
footer{background-color: #1D1E20;border-radius: 25px 25px 0 0;padding: 60px 0 0 0;color: #fff;}
.footer-main-container{display: grid;grid-template-columns: 69% 30%;
grid-column-gap: 1%;margin: auto;width: 96%;max-width: 1200px;}
footer .list-grid{display: grid;grid-template-columns: repeat(6,15%);}
footer li{font-size: 12px;line-height: 21px;}
footer li a{transition: 0.2s;}
footer li a:hover{color: #0BA89F;}
footer .list-grid li:first-child a:hover{color: #fff;}
footer .list-grid li:first-child{font: normal normal 400 16px/32px Changa-bold;padding: 0 0 5px 0;}
footer h3,
footer .list-grid ul:last-child li{font: normal normal 400 18px/32px Changa-bold;}
footer p{font: normal normal 400 12px/23px Changa-regular;padding: 0 0 10px 0;}
footer input{width: 350px;height: 50px;border-radius: 20px;border: none;padding: 0 20px;font: normal normal 400 18px/23px Changa-regular;max-width: 100%;}
footer input::placeholder{color: #1D1E20;}
footer .share-button{display: inline-block;width: 350px;
 border-radius: 20px;background-color: #0BA89F;padding: 0 20px;margin: 10px 0 40px 0;font: normal normal 400 18px Changa-bold;line-height: 47px;max-width: 100%;border: 3px solid transparent;transition: 0.2s;}
 footer .share-button:hover{background-color: #fff;border: 3px solid #0BA89F;color: #0BA89F;}
 footer .apple-share{display: block;}
 footer .app-download{display: inline-block;margin: 20px 0 0 10px;}
 footer .google-play{margin: 0px -10px 0 -10px !important;width: 114% !important;}
 footer .barcode{vertical-align: top;margin: 20px 0 0 0;width: 90px;height: 90px;}
 footer .media-section{display: flex;border-bottom: 1px solid #71BCB5;padding: 0 0 40px 0;align-items: center;}
 footer .media-section a{display: flex;align-items: center;}
 footer .media-section h3{padding: 0 0 0 20px;}
 footer .media-icon{margin: 0 0 0 15px;}
 footer .contact-list{display: flex;margin: 10px 0 0 0;}
 footer .contact-list li{padding: 0 0 0 30px;}
 footer .develop_by{display: flex; align-items: center; gap: 8px; margin: 30px 0 0 0;}
 footer .develop_by img{width: 100px;}
 footer .develop_by.mobile{display: none;}
 footer .rights-text{font-size: 10px;}
 .contact-list-mobile,
 .rights-text-mobile,
 .media-section-mobile,
 .list-mobile{display: none;}

 /* cookies */
 .cookies-notice{background-color: rgba(29, 30, 32, 0.9);border-radius: 25px;display: flex;justify-content: space-between;height: 60px;align-items: center;padding: 0 20px;color: #fff;position: fixed;bottom: 60px;width: 900px;left: 50%;transform: translate(-50%, 0);max-width: 100%;z-index: 9}
 .cookies-notice.hide{bottom: -280px; transition: .75s;}
 .cookies-notice p{font-size: 15px;}
.cookies-notice a{display: inline-block;background-color: #F79E5D;border-radius: 25px;  width: 100px;line-height: 28px;font-size: 11px;text-align: center;transition: 0.2s;border: 2px solid transparent;}
.cookies-notice a.reject-btn{position: relative; left: 20px;}
.cookies-notice a.reject-btn-mobile{position: relative; right: 15px;}
.cookies-notice a:hover{background-color: #fff;border: 2px solid #F79E5D;color: #F79E5D;}
.cookies-notice button{background-color: transparent;border: none;}
#cookies-notice-mobile{display: none;}

/* discussins page */
.discussions-page{margin: 40px auto 0 auto;}
.discussions-page h1{font: normal normal 400 35px/62px Changa-bold;display: inline !important;margin: 0 10px 0 0;}
.discussions-page .share-form h1{font: normal normal 400 25px/60px Changa-bold;display: inline !important;margin: 0 10px 0 0;}
.discussions-page .share-form.poll_choices form a.submit-btn{    display: block;margin: 15px 0 0 auto;width: 220px;}
.discussions-page .discusions-link{padding: 0 50px 0 0;color: rgba(29, 30, 32, 0.5) !important;font-size: 15px;line-height: 25px;}
.discussions-page .discusions-link img{padding: 0 5px 0 0;vertical-align: middle;}
.discussions-page .share-form.poll-section.poll-visible{width: 760px; margin: 0 0 25px 0;}
.discussions-page .share-form.thank-you-section.thank-you-visible{margin: 0 0 25px 0;}
.article-page .share-form.poll-section.poll-visible img{width: unset; transform: unset !important;}
.discussions-page .thank-you-visible{width: 760px;}
.discussions-page .thank-you-visible h1{display: block !important;}
.text-template-form{display: none;}
.discussions-page h4{color: #0BA89F;font: normal normal 400 15px/26px Changa-bold;border-bottom: 1.5px solid #F79E5D;width: fit-content;}
.discussions-page h2{font: normal normal 400 24px/35px Changa-bold;margin: 20px 0 20px 0;}
.discussions-page textarea{display: block;width: 625px;height: 100px;border: none;border-radius: 5px}
.discussions-page input{border: none !important;height: 35px;margin: 10px 0 0 0;width: 540px;padding: 0 20px 0 0;border-radius: 5px;}
.discussions-page form button.add-comment{display: inline-block;background-color: #0BA89F;color: #fff;font-size: 13px;text-align: center;border-radius: 25px;line-height: 34px;width: 110px;font-size: 13px;}
.discussions-page input::placeholder{font: normal normal 400 13px/23px Changa-regular !important;color: rgba(29, 30, 32, 0.3);}
.comments-section{margin: 100px 0 0 0;}
.comments-section .name-title{color: #0BA89F;font: normal normal 400 13px/27px Changa-bold;display: inline-block;}
.comments-section h3{font: normal normal 400 24px/35px Changa-bold;margin: 0 0 50px 0;}
.comments-section time{padding: 0 10px 0 0;vertical-align: middle;}
.comments-text{font-size: 15px;line-height: 21px;max-width: 70%;margin: 15px 0;}
.comment-box{border-bottom: 1.5px solid #0BA89F;width: 80%;margin: 40px 0;padding: 0 0 30px 0;}
.comment-box:last-child{border-bottom: none;margin-bottom:100px ;}
.discussions-page form span{background-image: url(../images/comments.svg);background-repeat: no-repeat;color: #fff;width: 5%;
text-align: center; display: inline-block;margin: auto;
margin: 0 50px 0 0;height: 40px;}
.discussions-page form span.poll-label{background-image: unset; width: unset;color: #000; margin: 0 15px 0 0; height: 35px;}
.discussions-pagination{display: flex;align-items: center;margin: 120px 0;justify-content: left;}
.padination-number{color: rgba(113, 188, 181, 0.35);padding: 0 0 0 10px;font: normal normal 400 17px/30px Changa-bold}
.padination-number.active{color: rgba(113, 188, 181, 1);display: inline-block !important;}
.discussions-pagination button{background-color: transparent;border: none;margin: 0 0 0 10px;}
.opinion-input{width: 650px !important;}

/* article page */
.article-page{margin: 70px auto;}
.article-page .main-grid{display: grid;grid-template-columns: 68% 30%;grid-column-gap: 2%;}
.article-page .main-grid .article-text-container p:nth-child(2){color: #0BA89F;font: normal normal 400 18px/25px Changa-bold;}
.article-page .main-grid .article-text-container p{margin: 0 0 25px 0; line-height: 30px;}
.article-page .main-grid .article-text-container p.inline-contents{display: contents;}
.article-page .main-grid .article-text-container img.inlineImage{max-width: 100%; border-radius: 10px; margin: 20px 0 0 0; object-fit: contain;}
.article-page .main-grid .article-text-container img.inlineImage.note-float-left{width: 50% !important;}
.article-page h1{font: normal normal 400 31px/42px Changa-bold}
.article-page .main-image{height: auto;object-fit: cover;margin: 30px 0 0 0; border-radius: 10px;}
.article-page .main-grid .article-text-container iframe{width: 100% !important;}
.article-page .thumbnails-container{overflow: hidden; width: 100%;}
.article-page .thumbnails-container .thumbnails .thumbnail img{width: 150px; height: 80px; object-fit: cover; cursor: pointer; border-radius: 10px;}
.article-page .thumbnails-container .thumbnails .slick-track{display: flex; gap: 15px;}

.article-page img{width: 100%;}
.article-page .article-profile{display: flex;align-items: flex-start;margin: 30px 0 20px 0;}
.article-page .article-profile a{display: flex; align-items: center;}
.article-page .article-profile img{width: 38px !important;height: 38px;margin: 0 25px 0 10px; object-fit: cover;}
.article-page .article-profile p{color: #1D1E20;font-size: 10px;line-height: 27px;}
.article-page .article-profile span{color: #0BA89F;font: normal normal 400 12px/27px Changa-bold}
.article-page .main-caption{color: #0BA89F;font: normal normal 400 18px/25px Changa-bold}
.article-page .main-title{color: #DC713C;font: normal normal 400 15px/21px Changa-bold;padding: 0 0 10px 0;}
.article-page .related-keywords{margin: 55px auto;}
.article-page .related-keywords p{color: #0BA89F;font-size: 13px;line-height: 27px;padding: 0 0 5px 0;}
.article-page .related-keywords a{color: rgba(29, 30, 32, 0.5);line-height: 26px;width: fit-content;background-color: #F1F3F2;border-radius: 10px;font-size: 10px;display: inline-block;padding: 0 15px;transition: 0.2s;}
.article-page div.loading-article {width: 150px; margin: 30px auto 0 auto;}
.article-page audio{width: 100%; margin: 0 0 15px 0;}
.article-page div.article-text-container a{color:#0BA89F;}
.article-page div.article-text-container .relatedArticles{display: block; width: 100%; font-size: 0; margin: 15px 0;}
.article-page div.article-text-container .relatedArticles .item{display: inline-block; width: calc(50% - 10px); margin: 10px 0 0 10px;}
.article-page div.article-text-container .relatedArticles .item p{margin: 10px 0 0 0;}
.article-page div.article-text-container .relatedArticles .item img{border-radius: 10px;}
.article-page p.inline-image-caption{background-color: #000; color: #fff;position: relative; top: -20px; border-radius: 0 0 10px 10px; font-size: 15px; font-family: "Changa-regular", Arial, Helvetica, sans-serif; padding: 8px;}

.article-page div.article-text-container .inline-embeded-article{border: 1px solid #d1cfcf; border-radius: 10px; padding: 15px 40px;}
.article-page div.article-text-container .inline-embeded-article a{display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.article-page div.article-text-container .inline-embeded-article a div{width: 65%;}
.article-page div.article-text-container .inline-embeded-article a div h3{margin: 0 0 10px 0;}
.article-page div.article-text-container .inline-embeded-article a div h4{display: none;}
.article-page div.article-text-container .inline-embeded-article a figure{width: 35%;}
.article-page div.article-text-container .inline-embeded-article a figure img{height: 125px; object-fit: cover; border-radius: 7px; width: 100%;}

.related-keywords a:hover{background-color: #0BA89F;color: #fff;}
.more-title{display: flex;align-items: center;}
.more-title span{font: normal normal 400 28px/50px Changa-bold;padding: 0 10px 0 0;}
.more-title img{width: 10px;height: 10px;}

.more-title{display: flex;align-items: center;}
.more-title span{font: normal normal 400 28px/50px Changa-bold;padding: 0 10px 0 0;}
.more-title img{width: 10px;height: 10px;}
.article-page .foryou-grid img{margin: 0 0 10px 0; border-radius: 10px; height: 200px; object-fit: cover;}

.article-page .foryou-grid .read-more-text{color: #0BA89F;font: normal normal 400 15px/21px Changa-bold}
.article-page .article-image{margin: 30px 0;}
.social-media-links{border-right: 1.5px solid #0BA89F;padding: 0 30px 0 0;height: 75px;display: flex;align-items: center;}
.social-media-links a{margin: 0 0 0 15px;}
.social-media-links a img{width: 20px;height: 20px;}
.arrow-icon{width: 14px !important;height: auto;}
.article-page .share-form{margin: 38px 0 0 0;}
.article-page .share-form .form-title{font: normal normal 400 24px/35px Changa-bold;margin: 0 0 20px 0;}
.article-page .share-form form a{margin: 35px 0 0 0;border: 2px solid transparent;}
.article-page .share-form-header{align-items: center;}
.article-page .share-form-header p{color: #0BA89F;border-bottom: 2px solid #F79E5D;font: normal normal 400 15px/26px Changa-bold;}
.article-page .podcast-section{display: block;padding: 30px 35px;width: 100%;float: left;}
.article-page .watch-section{display: block !important;}
.article-page .podcast-watch-btn img{width: 25px;}
.article-page .podcast-img{margin: 20px 0;border-radius: 10px;}
.article-page .podcast-title{margin: 0 0 20px 0;font: normal normal 400 15px/26px Changa-bold;color: #0BA89F;border-bottom: 2px solid #F79E5D;width: fit-content;}
.article-page .podcast-caption{font: normal normal 400 24px/21px Changa-bold;
margin: 0 0 15px 0;}
.article-page .podcast-watch-btn{margin: 0 0 30px 0;}
.article-page .most-read{margin: 120px 0 0 0;width: 85%;float: left;}
.article-page .most-read li{font-size: 15px;line-height: 19px;border-bottom: 1.5px solid #0BA89F;padding: 0 0 20px 0;margin: 20px 0 0 0;}
.article-page .most-read img{width: 10px;height: 10px;}
.article-page .most-read p{font: normal normal 400 24px/42px Changa-bold;display: inline-block;padding: 0 10px 0 0;}
.most-read-mobile,
.share-form-mobile,
.podcast-section-mobile{display: none !important;}
.play-icon{padding: 0 0 0 15px;}
.podcast-audio-play-button .play-icon-btn{margin: 0 0 0 15px !important;}
.podcast-audio-play-button .pause-icon{margin: 0 0 0 15px !important;}
.shorthand-container {width: 100%; min-height: 100vh!important; border: none;}

.article-play-btn {position: absolute;top: 39%;left: 48%;width: 100px !important;background-color: transparent;border: none;}

/* category page */
.category-page{margin: 20px auto 30px auto;}
.category-page h2{font: normal normal 400 35px/62px Changa-bold;display: inline-block;padding: 0 5px 0 0;margin: 50px 0 0 0;}
.title-grid-caption {position: absolute;right: 10px;top: 175px;display: flex;align-items: center;z-index: 2;}
.category-page .titles-section-grid .media-badge{width: 35px}
.category-page .category-badge{top: 175px;position: absolute;right: 10px}
.category-page .foryou-grid a{margin: 50px 0 0 0;}
.category-page .titles-section-grid time{font-size: 10px;line-height: 18px;padding: 5px 0;display: block;}
.category-page .titles-section-grid h3{font: normal normal 400 15px/21px Changa-bold;color: #0BA89F;max-width: 80%;}
.titles-section-grid a img{max-width: 100%;}
.titles-section .titles-section-grid a img.grid-img{height: 245px; object-fit: cover; border-radius: 10px;}
/* keyword page */
.keyword-page{margin: 40px auto 100px auto;}
.keyword-page h1{font: normal normal 400 35px/62px Changa-bold;display: inline-block;
padding: 0 5px 0 0;}
.keyword-page .media-badge{position: absolute;top: 120px;right: 10px;width: 30px;}

/* author page */
.author-page {margin: 55px auto;}
.author-page h1 {color: #0BA89F;font: normal normal 400 31px/42px Changa-bold}
.author-page h4 {color: #DC713C;font: normal normal 400 18px/21px Changa-bold}
.author-grid{display: grid;grid-template-columns: 75% 25%;grid-column-gap: 1%;}
.author-page .author-profile-img{width: 65px;height: 65px;object-fit: cover;display: inline-block;margin: 0 0 0 10px; border-radius: 50%;}
.author-details{margin: 0 0 50px 0;}
.author-details p{font-size: 15px;line-height: 21px;margin: 30px 0 0 0;}
.author-profile{display: inline-block;}
.author-page .foryou-grid h3{width: 90%;}
.social-media-links-mobile{display: none;}
.author-page-media-icon{color: rgba(11, 168, 159, 0.5);transition: 0.2s;}
.author-page-media-icon:hover{color: rgba(11, 168, 159, 1) !important;}

/* text template page */
.text-template-page {padding: 45px 0 80px 0;}
.text-template-page div{max-width: 70%}
.text-template-page p{padding: 13px 0 ;font-size: 15px;line-height: 21px;}
.text-template-page p.no-pad{padding: 6px 0 ;}
.text-template-page h1{font: normal normal 400 35px/62px Changa-bold;display: inline-block;margin: 0 5px 30px 0;}
.text-template-page h3{color: #0BA89F;font: normal normal 400 18px/25px Changa-bold;}
.text-template-page h4{color: #DC713C;font: normal normal 400 15px/21px Changa-bold;margin: 20px 0 0 0;}

/* podcast page */
.podcast-page{padding: 45px 0 80px 0;}
.podcast-container{margin: auto;width: 96%;max-width: 1200px;}
.podcast-page h1{font: normal normal 400 35px/62px Changa-bold;display: inline-block;
margin: 0 5px 30px 0;}
.podcast-page h3{font: normal normal 400 31px/21px Changa-bold;color: #0BA89F;}
.podcast-page .podcast-section{margin: 30px  auto;}
.podcast-page .title{margin: 60px 0 30px 0}
.podcast-container {margin: auto;width: 96%;max-width: 1200px;}

/* podcast inside page */
.podcast-inside-page .podcast{background-color: #F1F3F2;margin: 10px auto;display: grid;grid-template-columns: 65% 30%;grid-column-gap: 5%;padding: 15px; border-radius: 10px;}
.podcast-inside-page h1{font: normal normal 400 31px/42px Changa-bold}
.podcast-inside-page time{font-size: 10px;}
.podcast-inside-page .podcast-image{width: 280px;height: 280px; object-fit: cover; border-radius: 50%;}
.podcast-inside-page .podcast-image.main_image{border-radius: 10px;width: 280px;height: 270px; object-fit: cover;}
.podcast-inside-page .podcast-header{display: flex;justify-content: space-between;}
.podcast-inside-page .podcast-text{width: 90%;margin: 30px 0 50px 0;font-size: 18px;}
.podcast-inside-page .watch-btn{margin: 0 0 0 20px;}
.podcast-inside-page .episodes-title{color: #0BA89F;font: normal normal 400 31px/21px Changa-bold;display: inline-block;margin: 0 0 40px 0;}
.episodes-section span{color: #DC713C;font: normal normal 400 18px/21px Changa-bold;padding: 0 20px 0 0;}
.episodes-section{margin: 40px auto 0 auto;}
.episodes{display: grid;grid-template-columns: 25% 59% 10%;grid-column-gap: 3%;margin: 0 0 50px 0;align-items: center;}
.episodes .episode-img{width: 100%;height: 180px;object-fit: cover;border-radius: 15px;transition: 0.2s;}
.episodes .episode-img:hover{transform: scale(1.1)}
.episodes button{background-color: transparent;border: none;display: block;}
.episodes time{color: #DC713C;font-size: 13px;}
.episodes p{font-size: 15px;line-height: 18px;}
.episodes p.article_content{margin: 10px 0 0 0;}
.episodes h4{font: normal normal 400 24px/21px Changa-bold;padding: 10px 0;}
.podcast-inside-page .listen-section{margin:100px auto;}
.episodes-mobile,
.podcast-image-mobile{display: none;}

/* radio schedule page */
.radio-schedule-page{margin: 40px auto;}
/* .radio-schedule-page .slick-initialized .slick-slide{width: 200px} */
.radio-page-container{display: grid;grid-template-columns: auto 250px;}
.radio-schedule-page .days-container{max-width: 950px; position: relative}
.radio-schedule-page-heder{display: flex;justify-content: space-between;align-items: center;}
.radio-schedule-page h1{font: normal normal 400 35px/62px Changa-bold;display: inline-block;padding: 0 5px 0 0;}
.radio-schedule-page span{color: #707070;font-size: 10px;}
.radio-schedule-page li {display: flex;align-items: center;border-bottom: 1.5px solid #0BA89F;padding: 30px 0;}
.radio-schedule-page li time{font-size: 15px;margin: 0 0 0 65px;transition: 0.2s;}
.radio-schedule-page li time:hover{color: #0BA89F;}
.radio-schedule-page li h3{font: normal normal 400 24px/21px Changa-bold;display: inline-block;transition: 0.2s;}
.radio-schedule-page li h3:hover{letter-spacing: 0.5px;}
.schedule-days-slick a{background-color: rgba(113, 188, 181, 0.5) !important;border-radius: 25px;color: #fff !important;font: normal normal 400 21px/37px Changa-regular;display: inline-block;text-align: center;margin: 0 10px;line-height: 50px;border: none; width: 215px !important}
/* .schedule-days-slick a.slick-current{width: 445px} */
.slick-slider .slick-list,
.slick-slider .slick-track{padding: 0 !important;}
.schedule-days-slick a.slick-center{background-color: #0BA89F !important;font: normal normal 400 21px/37px Changa-bold !important;line-height: 50px !important;width: 460px !important;}
.schedule-days-slick{margin: 40px 0;}
.radio-schedule-page .slick-custom-arrows{position:initial;}
.radio-schedule-page .slide-prev{position: absolute;top: 17px;right: 20px;}
.radio-schedule-page .slide-next{position: absolute;top: 17px;left: 20px;}
.slick-slider .slick-list,
.slick-slider .slick-track{height: fit-content !important;}
.shows li a {display: inline-block;}

/* search result page */
.search-result-page ul{display: flex;margin: 140px auto 0 auto;}
.search-result-page li{color: #0BA89F;font-size: 18px;margin: 0 0 0 50px;transition: 0.2s;cursor: pointer;}
.search-result-page li:hover{font-family: Changa-bold;border-bottom: 2px solid #F79E5D;}
.search-result-page li.active{font-family:Changa-bold;border-bottom: 2px solid #F79E5D;}
.search-result-page .media-section{margin: 100px auto 0 auto;display: none;}
.search-result-page .listen-section{display: none;}
.search-result-page .listen-section.podcasts_results.hidden{display: none !important}
.search-result-page .discussions-pagination{margin: 100px auto 60px auto;}
.search-result-page .media-grid a{font-size: 0;}
.search-result-page .media-grid p{margin: 10px 0;max-height: 40px;}
.active{display: block !important;}
.clear-btn-search {margin: 0 !important;}

.search-noresult-page h1{color: #07746C;font: normal normal 400 31px/65px Changa-bold;margin: 180px 0 0 0;}
.search-noresult-page h2{font: normal normal 400 35px/62px Changa-bold;display: inline-block;padding: 0 5px 0 0;}
.search-foryou{margin: 120px auto 100px auto;}


/*team page*/
.team-page .main-container h1{margin: 25px 0 0 0 ;}
.team-page .main-container p{margin: 10px 0 20px 0;}
.team-page .main-container .main-column{display: block; width: 100%; margin: 0 0 45px 0; font-size: 0;}
.team-page .main-container .main-column .authors{display: inline-block; width: calc(20% - 15px); margin: 10px 0 0 15px; vertical-align: top; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; border-radius: 10px;}
.team-page .main-container .main-column .authors img{width: 150px; height: 150px; object-fit: cover;  border-radius: 50%; position: relative;z-index: 1; margin:10px auto 7px auto; display: block;}
.team-page .main-container .main-column .authors .details{background-color: #fff;  padding: 10px; position: relative; top: -9px; height: 105px; overflow: hidden; text-align: center;}
.team-page .main-container .main-column .authors .details h3{color: #000; font-family: "Changa-regular", Arial, Helvetica, sans-serif; font-size: 15px; margin:  7px 0;}
.team-page .main-container .main-column .authors .details span{color: #000; font-family: "Changa-regular", Arial, Helvetica, sans-serif; font-size: 14px; display: block; max-height: 55px; overflow: hidden;}

/*careers*/
.careers-page .main-container h1{margin: 25px 0 20px 0;}
.careers-page .main-container .main-column .jobs{background-color: #F1F3F2; border-radius: 15px; margin: 0 0 40px 0; padding: 30px; position: relative;}
.careers-page .main-container .main-column .jobs img{width: 170px; height: 130px; object-fit: cover; border-radius: 10px; margin: 0 0 10px 0;}
.careers-page .main-container .main-column .jobs time{margin: 0 15px 0 0 ;}
.careers-page .main-container .main-column .jobs span.job-location{display: block; margin: 7px 0 0 0; color: #0BA89F;}
.careers-page .main-container .main-column .jobs p{margin: 15px 0;}
.careers-page .main-container .main-column .jobs a{position: absolute; left: 40px; background-color: #0BA89F; color: #fff; width: 100px; text-align: center; height: 35px; line-height: 35px;border-radius: 7px; bottom: 40px;}
.careers-page .main-container .main-column .jobs a:hover{background-color: #fff; color: #0BA89F; border: 1px solid #0BA89F;transition: .55s;}
.careers-page .main-container .main-column .jobs .job-details h2{display: none;}

/*career details*/
.career-page .main-container h2{margin: 25px 0 15px 0;}
.career-page .main-container .job{background-color: #F1F3F2; padding: 30px; border-radius: 10px; margin: 50px 0;}
.career-page .main-container .responsibilities{margin: 50px 0 0 0 ;}
.career-page .main-container .responsibilities ul{margin: 0 0 20px 0; padding: 0 20px;}
.career-page .main-container .responsibilities ul li{list-style: initial; margin: 0 0 10px 0;}
.career-page .main-container .contact-form{margin:60px 0;}
.career-page .main-container .contact-form form .first-form{display: flex; align-items: flex-start; gap: 35px;}
.career-page .main-container .contact-form form .first-form .left-form,.career-page .main-container .contact-form form .first-form .right-form{width: 49%;}
.career-page .main-container .contact-form form input{background-color: #F1F3F2; border: none; border-bottom: .75px solid #727b8d; width: 100%; margin-bottom: 25px; padding-bottom: 10px; outline: none;}
.career-page .main-container .contact-form form input::placeholder{font-family: "Changa-regular", Arial, Helvetica, sans-serif;}
.career-page .main-container .contact-form form label.uploadBtn { color: #727b8d; border-bottom: 0.75px solid #727b8d; padding-bottom: 10px; font-size: 14px; cursor: pointer; display: block;}
.career-page .main-container .contact-form form .first-form .right-form .file-upload{margin: 21px 0 0 0;}
.career-page .main-container .contact-form form input.big-text{margin: 20px 0 0 0;}
.career-page .main-container .contact-form form button.submit-button{margin: 35px 0 0 0; display: block; width: 130px; height: 35px; line-height: 35px; text-align: center; background-color: #0BA89F; color: #fff; border-radius: 7px; border: none;}
.career-page .main-container .contact-form form button.submit-button:hover{background-color: #fff; color:#0BA89F; border: 1px solid #0BA89F; transition: .55s;}
.career-page .main-container .contact-form p.error{text-align: center; color: red;}

/*quizzes page*/
.quizzes-page{margin: 40px 0;}
.quizzes-page h1{display: inline; padding: 0 10px 0 0;}
.quizzes-page .quizzes{display: block; width: 100%; margin: 40px 0;}
.quizzes-page .quizzes article{display: inline-block; width: calc(33% - 15px); margin: 0 0 15px 15px; vertical-align: top;}
.quizzes-page .quizzes article h2{margin: 0 0 10px 0; font-size: 18px; min-height: 62px;}
.quizzes-page .quizzes article img{width: 100%; height: 260px; object-fit: cover; border-radius: 10px;}

.quiz-page .quiz-results .quizzes-page{margin: 100px 0;}
.quiz-page .quiz-results .quizzes-page .main-container{width: 100%;}

/*quiz page*/
.quiz-page{margin: 60px 0}
.quiz-page h1{display:block; padding: 15px 20px 0 0;text-align: center;}
.quiz-page .quizz img.main_image{width: 100%; height: 400px; object-fit: contain; border-radius: 10px;}
.quiz-page .quizz form{width: 700px; background-color: #F1F3F2; padding: 25px; margin: 30px auto;}
.quiz-page .quizz h2{font:normal normal 400 30px/40px Changa-bold;  text-align: center; margin: 20px 0 0 0 ;}
.quiz-page .quizz h3{color: #0BA89F; width: fit-content;border-bottom: 2px solid #F79E5D; font: normal normal 400 15px/26px Changa-bold; margin: 0 0 10px 0;}
.quiz-page .quizz ul.results{margin: 35px 0 0 0;}
.quiz-page .quizz ul.results li {display: inline-block; width: 290px; min-height: 110px; vertical-align: top; line-height: 40px; border-radius: 10px; background-color: #0BA89F; color: #fff; margin: 0 0 20px 20px; text-align: center; cursor: pointer; font-size: 26px; position: relative; padding: 30px;}
.quiz-page .quizz button{font-size: 15px;display: block;width: 200px; margin: 25px auto 15px auto; background-color: #fff; color: #0BA89F; clear: both; padding: 8px; font-family: Changa-regular, Arial, Helvetica, sans-serif; border: 1px solid #0BA89F; border-radius: 7px;}
.quiz-page .quizz a.next_question{font-size: 15px;display: block;width: 200px; margin: 25px auto 15px auto; background-color: #fff; color: #0BA89F; clear: both; padding: 8px; font-family: Changa-regular, Arial, Helvetica, sans-serif; border: 1px solid #0BA89F; border-radius: 7px;}
.quiz-page .quizz ul.results li.error{background-color: #fff; color: red; border: 3px solid red;}
.quiz-page .quizz ul.results li.success{background-color: #fff; color: green; border: 3px solid green;}
.quiz-page .quizz ul.results li.disabled{ pointer-events: none; opacity: 0.7;}
.quiz-page .quizz ul.results li.success::after {content: "✓";position: absolute; top: 10px; left: 10px; width: 35px; height: 35px; line-height: 35px; background-color: green; color: #fff; border-radius: 50%; font-size: 20px;}
.quiz-page .quizz ul.results li.error::after {content: "X";position: absolute; top: 10px; left: 10px; width: 35px; height: 35px; line-height: 35px; background-color: red; color: #fff; border-radius: 50%; font-size: 20px;}
.quiz-page  button.retake-quiz{font-size: 15px;display: block;width: 200px;margin: 40px 0 15px 0;background-color: #fff;color: #0BA89F;clear: both;padding: 8px;font-family: Changa-regular, Arial, Helvetica, sans-serif;border: 1px solid #0BA89F;border-radius: 7px;}
.quiz-page  button.result-button{font-size: 15px;display: block;width: 200px; margin: 55px auto 15px auto; background-color: #fff; color: #0BA89F; clear: both; padding: 8px; font-family: Changa-regular, Arial, Helvetica, sans-serif; border: 1px solid #0BA89F; border-radius: 7px;}
.quiz-page .post_answer_text * {max-width: 100%;}
.result-card p.circle {border: 2px solid #e3e3e3; border-radius: 50%;height: 150px;line-height: 150px; width: 150px; text-align: center; position:relative; background:#fff;}
.result-card p.circle::after{ position:absolute;content:"";width:160px;height:160px;top:-5%;left:-5%;z-index:-1;border-radius:50%;}
.result-card .graph p{font-size: 23px; font-weight: bold; margin: 15px 0 0 0;}
.result-card .circle span {font-size: 25px;font-weight: bold; color: #0BA89F;}
.result-card p.result{font-size: 23px; margin: 15px 0 0 0; font-weight: bold;}

.error.shake {animation: shake 0.3s ease-in-out 2 alternate;}

.quiz-page h1.related_quizzes_title{display: unset; padding: 0 20px 0 0;}

@keyframes shake {
    0%, 100% {
        transform: translateX(0);
    }
    60% {
        transform: translateX(-10px);
    }
}


.podcast_audio_duration button.podcast-audio-play-button{width: 35px; height: 35px; border-radius: 50%; background-color: #F79E5D;position: relative;}
.podcast_audio_duration button.podcast-audio-play-button i{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff; font-size: 15px;}

.podcast-inside-page .podcast_audio_duration button.podcast-audio-play-button{width: 50px; height: 50px;}
.podcast-inside-page .podcast_audio_duration button.podcast-audio-play-button i {top: 50%; left: 50%; font-size: 21px;}

.podcast_audio_duration div.article-details{width: calc(100% - 50px);}

/* media queries */
@media (max-width:1320px) {
    .slick-custom-arrows{right: 20px}
}

@media (max-width:1266px) {
    .homepage-breaking-news{max-width: 1200px; width: 96%; margin: 20px auto 0 auto}
    .homepage-breaking-news .featured .slick-list{padding: 0 !important}
    .homepage-breaking-news .featured .slick-list .slick-item{margin: 0}
}
/* @media (min-width:1260px) {
    .homepage-breaking-news .featured .slick-list .slick-item{width: 855px !important;}
} */
/* @media (max-width:1200px) {
    .homepage-breaking-news {width: 100%;grid-template-columns: 69% 30%;}
} */
@media (max-width:1100px) {
.nav-lower-section ul>li{margin: 0 0 0 30px;}
}

@media (max-width:1000px) {
    ul.stories.slick-slider .slick-track{height: 280px !important;}

    .share-form.poll_with_choices form a.submit_poll{height: 35px; line-height: 35px; width: 100%;}
    .discussions-page .share-form h1{font:normal normal 400 15px/40px Changa-bold}
    .homepage-breaking-news .featured .right_col img.video_icon_tag.desktop{display: none;}
    .homepage-breaking-news .featured .right_col img.video_icon_tag.mobile{display: block; position: unset; width: 40px; height: 40px;}
    .homepage-breaking-news .featured .right_col .details{display: flex; align-items: center; gap: 5px; padding: 21px;}
    .homepage-breaking-news .featured .right_col .details h2{font-size: 15px;}

    .foryou-form-grid.home_page{height: auto;}
    .foryou-form-grid.home_page .share-form.poll-section{height: auto;}
    .article-page div.article-text-container .inline-embeded-article{padding: 12px;}
    .article-page div.article-text-container .inline-embeded-article a figure img{height: 80px;}
    .article-page div.article-text-container .inline-embeded-article a div h3,.article-page div.article-text-container .inline-embeded-article a div h4{font-size: 12px;}
    .article-page div.article-text-container .inline-embeded-article a div{width: 65%;}
    .article-page div.article-text-container .inline-embeded-article a figure{width: 35%;}

    .foryou-form-grid.home_page img.video_icon_tag{bottom: 80px;}
    .podcast_audio_duration button.podcast-audio-play-button{margin: 10px auto 0 auto;}
    .podcast-inside-page .podcast_audio_duration button.podcast-audio-play-button{width: 45px; height: 45px;}
    .podcast-inside-page .podcast_audio_duration button.podcast-audio-play-button i{top: 50%; left: 50%; color: #fff; font-size: 17px;}
    .podcast-play-popup{padding: 20px;}
    .podcast-play-popup.active h3{font-size: 15px !important;}
    .podcast-play-popup button#playPause{position: absolute; top: 55px; font-size: 15px;}
    .podcast-play-popup .playInfo{margin: 10px 0 0 0;}
    .podcast-play-popup .volumeWrapper{display: none;}

    .article-page div.article-text-container .relatedArticles .item{width: 100%;}


    .podcast-audio-play-button.desktop{display: none;}
    .podcast-audio-play-button.mobile{margin: 15px 0 0 0 !important;}
    .category-page .foryou-grid.articles a{width: 100%;}
    .author-page .foryou-grid.articles a{width: 100%;}
    .article-page .foryou-grid img{height: 120px;}
    .keyword-page .foryou-grid.articles a{width: 100%;}
    .search-result-page .media-grid.articles a{width: 100%;}

    .share-form form.no-choices input{width: 100%;}
    .share-form form button.add-comment{margin: 25px 0 0 0;}

    .career-page .main-container .contact-form form .first-form{display: block;}
    .career-page .main-container .contact-form form .first-form .left-form, .career-page .main-container .contact-form form .first-form .right-form{width: 100%;}
    .career-page .main-container .contact-form form .first-form .right-form .file-upload{margin: 0 0 25px 0;}

    /*discussions page*/
    .discussions-page .share-form.poll-section.poll-visible{width: 100%;}
    .discussions-page .share-form form.no-choices input{width: 100%;}
    .discussions-page .ias-trigger.ias-trigger-next a.more{left: 0px;}

    /*team page*/
    .team-page .main-container p{font-size: 13px;}
    .team-page .main-container .main-column .authors{width: calc(50% - 10px); margin: 10px 0 0 10px;}
    .team-page .main-container .main-column .authors img{width: 80px; height: 80px;}
    .team-page .main-container .main-column .authors .details h3{font-size: 12px;}
    /*careers*/
    .careers-page .main-container .main-column .jobs{padding: 20px;}
    .careers-page .main-container .main-column .jobs a{position: unset; display: block;}

    .article-main-page article div.datawall h2{font-size: 18px;}
    .article-main-page article div.datawall h3{font-size: 15px;}


    /*quizzes page*/
    .quiz-page h1{font-size: 16px;}
    .quiz-page .quizz img.main_image{width: 100%; height: 250px;}
    .quiz-page .quizz form{width: 100%; padding: 15px;}
    .quiz-page .quizz ul.results li{width: 100%; min-height: 85px; font-size: 20px;}
    .quiz-page .quizz h2{font: normal normal 400 20px/30px Changa-bold;}
    .quiz-page .quizz button{margin: 15px auto;}
    .quiz-page .quizz button.retake-quiz{margin: 15px 0;}
    .quiz-page button.result-button{margin: 35px auto 15px auto;}

    .quizzes-page .quizzes article{width: 100%;}
    .quizzes-page .quizzes article h2{min-height: auto;}
    .result-card .graph p{font-size: 20px;}
    .result-card p.result{font-size: 20px;}

    /*stories homepage*/
    ul.stories{border-bottom: 2px solid #EFEFEF; padding: 0 0 30px 0; margin: 0}
    ul.stories li{height: 220px; margin: 0 0 0 15px;}
    ul.stories li a video{height: 280px; width: 100%;}
    ul.stories li h2{display: none;}

    .article-page .thumbnails-container ul.thumbnails{gap: 5px;}
    .article-page .thumbnails-container ul.thumbnails li img{height: 45px; object-fit: cover;}

    .foryou-grid.list img{height: 100px;}
    .foryou-section.main-container .foryou-form-grid .foryou-img {height: 215px;}
    .titles-section .titles-section-grid a img.grid-img{height: 210px;}
    .reports-section .titles-section-grid a img{height: 120px;}
 .footer-main-container,
.main-container {max-width: 85%}
.main-container-mobile{max-width: 85%;margin: auto;}
 /* header */
.nav-lower-section,
.nav-upper-section{display: none;}
.mobile-nav-lower-section{display: block;background-color: #0BA89F;height: 60px;align-items: center;}
.nav-main-container-mobile{display: grid;grid-column-gap: 9%;grid-template-columns:57% 15% 10%;align-items: center;max-width: 85%;margin: auto;height: 100%;}
 .top-nav {align-items: center;justify-content: space-between;color: rgb(208, 205, 205);display: flex;}
 .menu-button-container {height: 100%;width: 35px;cursor: pointer;flex-direction: column;justify-content: center;align-items: center;}
 #menu-toggle {display: none}
 .menu-button,
 .menu-button::before,
 .menu-button::after {display: block;background-color: #fff;position: absolute;height: 2.5px;width: 30px;transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);border-radius: 2px;}
 .menu-button::before {content: '';margin-top: -8px;}
 .menu-button::after {content: '';margin-top: 8px;}
.top-nav-x .menu-button-container .menu-button::before { margin-top: 0px;transform: rotate(405deg);}
.top-nav-x .menu-button-container .menu-button { background: #ffffff}
.top-nav-x .menu-button-container .menu-button::after {margin-top: 0px;transform: rotate(-405deg);}
.mobile-menu{display: none;background-color: #0BA89F !important;width: 100%;padding: 25px 0 0 0;position: absolute;top: 0;background-color: #fff;height: 100%;z-index: 3}
.mobile-menu .search-input{width: 100%;margin: 10px auto;}
.mobile-menu .search-input form.form-to-submit{display: flex;}
.mobile-menu .menu-button{background-color: #0BA89F !important;}
.mobile-menu a img{width: 76px;}
.mobile-menu p{font-size: 13px;color: #fff;}
.mobile-menu section{display: grid;align-items: center;grid-template-columns: 66% 20% 10%;grid-column-gap: 2%;}
.us-menu{background-color: #1D1E20;border-radius: 20px 20px 0 0;margin: 50px 0 0 0;padding: 0 0 20px 0;}
.us-menu li{color: #fff;font-size: 12px; border-bottom: 1px solid #fff;padding: 15px  0;}
.us-menu ul li:last-child{border-bottom: none ;}
.us-menu img{width: 20px !important;}
.menu-move .social-media-btns{display: flex;justify-content: center;margin: 30px auto;}

header .search-input a img{width: 10px;margin: 0 0 0 5px;}
header .search-input input{background-color: #0BA89F;border: 1px solid #fff;border-radius: 0 25px 25px 0 ;border-left: none;padding: 0 10px 0 0 ;width: 100%;color: #fff;font: normal normal normal 11px/19px Changa-regular;height: 35px;align-items: center;display: flex;}
header .search-input input::placeholder{color: #fff;font: normal normal normal 11px/19px Changa-regular;}
header .search-input button{background-color: transparent;border: none;border-top: 1px solid #fff;border-bottom: 1px solid #fff;}
header .search-input a span{color: #0BA89F;font-size: 15px;}
header .search-input a{background-color: #fff;width: 100px;border-radius: 25px 0 0 25px;display: flex;align-items: center;justify-content: center;}
.mobile-menu .mobile-header-menu{background-color: #fff !important;}
.mobile-menu .mobile-header-menu li{padding: 20px 20px 20px 10px;font-size: 18px;color: #1D1E20;border-bottom: 1px solid #1D1E20;max-width: 85%;margin: auto;}
.mobile-menu .mobile-header-menu li img{margin: 0 30px 0 0;}
.menu-move{overflow: auto;-webkit-overflow-scrolling: touch;bottom: 0px;left: 0;position: absolute;z-index: 11;right: 0;top: 160px;background-color: #fff;}

.clicked{transform: rotate(-90deg);}
.list-submenu{display: none;}
.list-submenu li{font-size: 13px !important;border: none !important;margin: 0 !important;padding: 10px 0 0 0 !important;}

/* homepage */
.ad-section {height: fit-content;}
.ad-section div{max-width: 85%;height: 40px;margin: 15px auto;}
.homepage-breaking-news .featured{display: block; width: 100%}
.homepage-breaking-news .featured .right_col{width: 100%;}
.homepage-breaking-news .featured .left_col{width: 100%;}
.homepage-breaking-news .featured .right_col img{height: 250px;}
.homepage-breaking-news .featured .left_col ul li a {display: block;}
.homepage-breaking-news .featured .left_col ul li a .main-image{width: 100%;}
.homepage-breaking-news .featured .left_col ul li a .details{width: 100%;}
.homepage-breaking-news .featured .left_col ul li a .main-image img{height: 180px;}
.homepage-breaking-news .featured .left_col ul.program_section{margin: 0 0 25px 0; height: auto; padding: 15px;}
.homepage-breaking-news .featured .left_col ul li a .main-image img{height: 180px !important;}
.homepage-breaking-news .featured .left_col ul.program_section .program_details{width: 100%; text-align: center;}
.homepage-breaking-news .featured .left_col ul.program_section .program_details p{margin: 0 auto 15px auto;}
.homepage-breaking-news .featured .left_col ul.program_section .program_details button{margin: 0 auto;}

.homepage-breaking-news{display: block;height: fit-content;width: auto;}
.homepage-breaking-news .slick-slider .slick-list{padding: 0 20px 0 0 !important}
.homepage-breaking-news .slick-slider .slick-item{margin: 0 7px 0 0 !important}
.mobile-main-logo{vertical-align: middle;width: 55px;}
.slick-custom-arrows{display: none;}
.slick-number{position: relative; bottom: initial; left: initial; padding: 0 20px 0 0; direction: rtl}
.slick-item .title{position: absolute; bottom: 10px; direction: rtl}
.slick-item h2{font-size: 21px;line-height: 28px;max-width: 80%; position: relative; bottom: initial; left: initial; right: initial; max-width: 100%; padding: 0 20px}
.listen-grid{overflow-x: scroll;}
.listen-section{margin: 20px auto;width: 100%;max-width: 100%;}
.listen-section h2{font-size: 23px;}
.listen-grid img{width: 110px;height: 110px;}
.listen-btn-mobile {width: 100%;height: 25px;line-height: 54px;display: flex;background-color: #FBB885;border-radius: 25px;align-items: center;padding: 0 5px;max-width: 100% !important;}
 .listen-btn-mobile img {width: 18px; margin: 2px 0 0 0;}
 .listen-btn-mobile p {font: normal normal 400 11px/14px Changa-bold;padding: 0 5px 0 0;}
 .listen-btn-text {position: absolute;top: 10px;right: 20px;display: flex;}
 .podcast-play-mobile {display: grid;grid-column-gap: 1%; margin: 20px 0;align-items: flex-start;}
 .podcast-play-mobile h2 {font-size: 14px;}
 .podcast-play-button {display: none;}
 .podcast-play-mobile p {font-size: 11px;line-height: 13px;}
 .podcast-play-mobile time {font-size: 11px;color: #F79E5D;}
 .podcast-play-mobile button {background-color: transparent;border: none;margin: 15px 0 0 0}
 .podcast-watch-btn{line-height: 27px;margin: 0 0 0 20px !important;max-width: 100%;}
 .podcast-play-mobile button img {max-width: 70%; }
 .podcast-details{display: none;}
 .mobile-podcast-img {width: 100% !important;height: 140px;object-fit: cover;border-radius: 15px;}
.podcast-section{display: block;padding: 20px;}
.podcast-play{display: block;}
.title-grid-caption{position: absolute;right: 10px;top: 170px;display: flex;align-items: center;}
.titles-section-grid{display: block;}
.titles-section h2{font-size: 21px;}
.share-form h1{font-size: 19px;}
.foryou-section h3{font-size: 13px;}
.share-form a{font-size: 11px;}
.foryou-form-grid{display: block;margin: 0;}
.reports-section h2{font-size: 19px;}
.media-grid{display: block;margin: 0;}
.program-section{padding: 18px; width: calc(100% - 50px); margin: 30px auto; display: block;height: auto;}
.program-section-container{display: grid;grid-template-columns: 50% 42%;grid-column-gap: 8%;max-width: 100%;}
.listen-section span{font-size: 11px;padding: 0 15px 0 0;}
.listen-section span img{width: 19px;}
.listen-grid p{font-size: 13px;}
.podcast-section{margin: 0 auto}
.program-details{text-align: right;}
.profile-image{margin: 0px; height: 138px; width: 138px}
.program-title{margin: 0 5px 10px 0 !important;}
.program-section h3{font-size: 18px;}
.program-section p{font: normal normal 400 11px/13px Changa-bold;}
.program-text{margin: 0 0 10px 0 !important}
.watch-btn{width: 120px;margin: 0;line-height: 23px;}
.titles-section .overlay {bottom: 0}
.media-section .overlay {top: 43px;}
.poll{height: 40px;}
.search-clear-btn{padding: 0 0 0 10px;}

.podcast-section h3{font-size: 12px;margin: 0 0 10px 0 !important;}
.podcast-section h1{font-size: 19px !important;}
.podcast-img,
.podcast-play button,
.podcast-play p,
.podcast-play h2,
.podcast-play time{display: none;}
.podcast-play .watch-section{display: grid !important;grid-template-columns: 49% 48.5%;grid-column-gap: 2.5%;}
.podcast-play .watch-section .watch-btn{width: 100% !important;}
.play-section-media a img{width: 25px;}

.media-section h2{font-size: 23px;}
.media-section{margin: 20px auto 0 auto;}
.media-grid a{margin: auto auto 20px auto;}
.foryou-section h2{font-size: 21px;}
.media-caption{top: initial;bottom: 55px;}
.media-badge{width: 20px;height: 20px;}
.titles-section-grid h4{font-size: 13px;}
.share-form{margin: 20px 0 30px 0;}
.share-form input{width: 61%;}
.share-form input{margin: 10px 0 0 5px;}
.foryou-img-caption{display: none;}
.foryou-img-caption-mobile{display: block;padding: 0 !important;}
.foryou-grid a{display: grid;grid-template-columns: 39% 58%;grid-column-gap: 3%;margin: 10px 0 0 0;}
.foryou-grid h3{max-width: 100%;font-size: 13px;line-height: 21px;}
.reports-section{margin: 30px auto;}
.foryou-section{margin: 0px auto 30px auto ;}
.titles-section-grid{margin: 0;}
.categories-section{padding: 0 0 30px 0 ;}
.reports-section .titles-section-grid a{display: grid;grid-template-columns: 49% 49%;grid-column-gap: 2%;margin: 0 0 20px 0;}
.reports-section h3{font-size: 13px;line-height: 15px;}
.categories-section ul{margin: 0;}

.foryou-grid{display: block;}
.categories-section{display: block;}
.categories-section h2{font-size: 23px;}
.categories-section li{font-size: 13px;padding: 0 0 10px 0;}

/* cookies */
.cookies-notice{display: block;height: 85px;padding: 10px 15px;width: 90%;}
#cookies-notice-mobile {display: block;}
#cookies-notice {display: none;}
.cookies-notice > div{display: flex !important;justify-content: space-between;}
.cookies-notice>div p{display: flex !important;font-size: 13px;}
.cookies-notice>div button{display: flex !important}
.cookies-notice>div button img{width: 15px;}
.cookies-notice > div p{font-size: 13px;line-height: 15px;padding: 0 0 5px 0;}


/* footer */
footer{padding: 0;}
footer li{font-size: 9px;line-height: 15px;}
.footer-main-container{display: block;}
footer .contact-list{display: none;}
footer .list-grid li:first-child{font-size: 12px;}
footer .list-grid ul:last-child{display: none;}
footer .list-grid{display: flex;padding: 20px 0;justify-content: space-between;}
footer .rights-text,
footer .media-section{display: none;}
footer h3{font-size: 14px;}
footer p{font-size: 10px;padding: 0 0 5px 0;}
footer .share-button{height: 30px;font-size: 14px;line-height: 30px;border-radius: 10px;padding: 0 10px;width: 100%;}
 footer input{height: 30px;font-size: 14px;border-radius: 10px;padding: 0 10px;max-width: 100%;width: 100%;}
.list-mobile{display: flex;justify-content: space-between;margin: 0 0 30px 0;}
.list-mobile a{display: block !important;}
.list-mobile div{display: initial;font: normal normal 400 12px/21px Changa-bold;}
footer .upload-mobile{text-align: center;border-bottom: 1px solid #71BCB5;padding: 0 0 30px 0;}
.media-section-mobile{display: block;text-align: center;margin: 0 0 20px 0;}
.media-section-mobile img{margin: 0 0 0 10px;}
.rights-text-mobile{display: block;text-align: center;padding: 5px 0 30px 0;}
.contact-list-mobile{display: flex;justify-content: space-between;font: normal normal 400 9px/15px Changa-regular;margin: 20px 0 0 0;}
.contact-list-mobile div {display: initial}
.contact-list-mobile div a{display: block}

footer .develop_by.desktop{display: none}
footer .develop_by.mobile{display: flex; align-items: center; gap: 8px; justify-content: center;}
footer .develop_by.mobile img{width: 80px; margin: 4px 0 0 0;}

/* text template page */
.text-template-page h1{font-size: 21px;margin: 0 5px 0 0;}
.text-template-page{padding: 25px 0 10px 0;}
.text-template-page h3{font-size: 15px;line-height: 25px;}
.text-template-page div{max-width: 100%;}
.text-template-page p{font-size: 13px;line-height: 19px;}
.text-template-page h4{font-size: 13px;line-height: 21px;}

/* author page */
.author-page{margin:10px auto 30px auto;}
.author-page h1{font-size: 21px;line-height: 42px;}
.author-page h4{font-size: 15px;line-height: 20px;}
.author-details p{font-size: 13px;line-height: 21px;margin: 10px 0 0 0;}
.author-grid{display: block;}
.author-page .author-profile-img{width: 78px;height: 78px;}
.author-page .social-media-links{display: none;}
.author-page .foryou-grid a{display: block;}
.author-page .foryou-grid h3{font-size: 13px;line-height: 15px;}
.social-media-links-mobile{display: block !important;border-right: 1.5px solid #0BA89F;padding: 0 10px 0 0;height: fit-content;margin: 5px 0 0 0;}
.social-media-links-mobile a {margin: 0 0 0 5px;}
.social-media-links-mobile a img {width: 13px;height: 13px;}

/* keyword page */
.keyword-page{margin: 25px auto 50px auto;}
.keyword-page h1{font-size: 23px;line-height: 41px;}
.keyword-page .foryou-grid a {display: block;margin: 20px 0 0 0;}
.keyword-page .foryou-grid p{padding: 5px 0 0 0;}
.keyword-page .media-badge{display: none;}

/* article page */
.article-page{margin: 25px auto}
.article-page .main-grid{display: block;}
.article-page h1{font-size: 19px;line-height: 30px;margin: auto auto 0 0;}
.article-page .main-image{margin: 20px 0 0 0;}
.article-page .article-profile{margin: 10px 0; flex-wrap: wrap;}
.article-page .article-profile img{margin: 0 10px 0 10px;}
.article-page .main-grid .article-text-container p{margin: 0 0 10px 0;}
.article-page .main-grid .article-text-container img.inlineImage.note-float-left{width: 100% !important;}
.article-page .article-profile span{font:normal normal 400 10px/27px Changa-bold}
.article-page .main-caption{font-size: 15px;line-height: 21px;}
.article-page p{font-size: 13px;line-height: 19px;}
.article-page .article-image{margin: 30px auto 10px auto;}
.article-page .podcast-section,
.article-page .share-form,
.article-page .social-media-links{display: none;}
.more-title span{font-size: 23px;line-height: 41px;}
.article-page .foryou-grid .read-more-text{font-size: 13px;line-height: 15px;}
.article-page .watch-section{display: flex !important;}

.article-page .most-read{display: none;}
.article-page .most-read-mobile{margin: 10px 0 0 0;display: block !important;float: initial;width: 100%;}
.article-page .most-read-mobile p{font-size: 23px;}
.article-page .most-read-mobile li{font-size: 13px;line-height: 19px;padding: 0 0 10px 0;}
.podcast-section-mobile{display: block !important;float: initial !important;margin: 0 0 30px 0 !important;max-width: 100% !important;width: 100% !important;}
.article-page .podcast-watch-btn{margin: 0 0 0 20px;}
.article-page .podcast-caption{font-size: 19px;}
.article-page .podcast-title{font-size: 12px;margin: 0 0 10px 0;}
.article-page .podcast-section{padding: 20px;}
.article-page .related-keywords{margin: 30px auto;}
.share-form-mobile{display: block !important;}
.article-page .share-form {padding: 20px; margin: 0 0 20px 0;}
.article-page .share-form .form-title{font-size: 19px;line-height: 21px;}
.article-page .share-form .form-title{font-size: 19px;line-height: 21px;}
.article-page .share-form-header p{font-size: 13px;}
/* .article-page .share-form input{width: 63%;} */
.article-page .share-form form a{margin: 10px auto 0 auto;}
.article-play-btn {top: 42%;left: 45%;width: 40px !important;}
.article-page.main-container .article-text-container .noReload.embed.inlineVideo{width: 100%;}
.article-page.main-container .article-text-container .noReload.embed.inlineVideo.main-video{height: 190px !important;}
.article-page.main-container .article-text-container .noReload.embed.inlineVideo iframe{width: 100%;}


/* discussinns listing page */
.discussions-page h1{font-size: 23px;line-height: 41px;}
.discussions-page{margin: 25px auto 0 auto;}
.discussions-page form{width: 100%;height: auto ;padding: 0;}
.discussions-page h4{font-size: 13px;}
.discussions-page h2{font-size: 19px;line-height: 21px;}
.discussions-page textarea{width: 100%;}
.discussions-page input{width: 64%;}
.discussions-page form span{float: unset;margin: 10px 0;width: 13%;}
.discussions-page form span.count{margin: 10px 130px 0 0;}
.opinion-input{width: 100% !important;}
.discussions-pagination{margin: 40px 0 !important;flex-direction: column-reverse;display: flex;align-items: flex-end;}
.discussions-pagination a{font-size: 13px;}
.discussions-page .discusions-link{font-size: 11px;}
.discussions-page .discusions-link img{width: 15px;}
.comments-section h3{font-size: 16px;line-height: 35px;margin: 0;}
.comments-section{margin: 40px 0 0 0;}
.comment-box{width: 100%;margin: 30px 0 0 0 ;}
.comments-text{max-width: 100%;font-size: 13px;line-height: 19px;}
.comments-section time{font-size: 9px;}
.comment-box:last-child{margin-bottom: 0}
.text-template-form {height: fit-content !important;display: block;}
.text-template-form div {display: flex;justify-content: space-between;align-items: center;}

.form-text {color: #F79E5D;font: normal normal 400 11px/19px Changa-bold;}

/* podcast page */
.podcast-page h1{font-size: 23px;line-height: 41px;}
.podcast-page{margin: 25px auto ;padding: 0;}
.podcast-page h3{font-size: 21px;}
.podcast-page .podcast-section{margin: 20px auto 0 auto;}
.podcast-page .title{font-size: 19px;}
.podcast-container{ margin: 0;width: initial;max-width: initial;}
.podcast-title-container{margin: 60px auto 30px auto !important;width: 85%;}

/* podcast inside page */
.podcast-inside-page h1{font-size: 21px;line-height: 20px;}
 .podcast-image{display: none;}
.podcast-inside-page .podcast{display: block;}
.podcast-inside-page .podcast-text{font-size: 11px;line-height: 13px;margin: 20px 0;width: 100%;}
.podcast-image-mobile{display: block !important;width: 190px !important;height: 190px !important;margin: 20px auto;object-fit: cover;}
.podcast-image-mobile.main_image{display: block !important;width: 100% !important;height: 190px !important;margin: 20px auto;object-fit: cover;}
.podcast-inside-page .episodes-title{font-size: 21px;}
.episodes-section span{font-size: 15px;}
.episodes{display: none;}
.episodes.revamp{display: flex; flex-direction: column; position: relative; align-items: flex-start;}
.episodes.revamp .media-image-container{width: 100%;}
.episodes.revamp .epidsode-details a h4{font-size: 12px;}
.episodes.revamp .podcast_audio_duration{position: absolute; bottom: 5px; left: 0;}
.episodes p.article_content{font-size: 11px;width: 65%;}

.episodes-mobile{display: block !important;margin: 0 0 20px 0;}
.episodes-mobile h4{font-size:18px;display: inline-block;}
.episodes-mobile p{font-size: 13px;display: inline-block;max-width: 90%;}
.epidsode-details-mobile{display: flex;justify-content: space-between;}
.epidsode-details-mobile button img{width: 50px;}
.episodes .episode-img{height: 180px;object-fit: cover;}
.podcast-inside-page .listen-section{margin: 0 auto;}
.podcast-inside-page .listen-section{margin: auto auto 30px auto;}
.podcast-inside-page .listen-grid{margin: 0;}
.podcast-header .social-media-links{height: 25px;padding: 0 10px 0 0;}
.podcast-header .social-media-links a img{width: 13px;}
.podcast-header .social-media-links a {margin: -2px 0 0 10px;height: 100%;}


/* radio schedule page */
.radio-page-container{display: block}
.radio-schedule-page{margin: 25px auto;}
.radio-schedule-page h1{font-size: 23px;line-height: 41px;}
.radio-schedule-page li time{font-size: 13px;}
.radio-schedule-page li h3{font-size: 18px;}
.radio-schedule-page li{padding: 15px 0 ;}
.radio-schedule-page .slick-initialized .slick-slide {width: 210px !important;}
.schedule-days-slick a.slick-center {width: 350px !important;}
/* .schedule-days-slick a{font-size: 17px !important; margin: 0 5px} */
/* .schedule-days-slick a.active{width: 155px !important;} */
.radio-schedule-page .days-container{width: 100%}
.radio-schedule-page .shows{width: 100%;}

/* search result page */
.search-section{top: 115px;left: 0;right: 0;width: 85% !important;}
.search-result-page li{font-size: 15px;margin: 0 0 0 30px;}
.search-result-page .media-section{margin: 20px auto 0 auto;}
.search-result-page .listen-section{margin: 0;}
.search-result-page ul{margin: 140px auto 20px auto;}
.search-result-page .discussions-pagination{margin: 0 auto 40px auto !important;}
.search-section input{height: 35px;width: 85%;}
.search-section a{line-height: 35px;font-size: 15px;width: 100px;}
.search-noresult-page h1{font-size: 21px;margin: 100px 0 0 0;}
.search-noresult-page h2{font-size: 23px;}
.search-foryou{margin: 40px auto;}
.search-noresult-page .foryou-grid a{display: block;}
.search-form{margin: 0;}


/* category page */
.category-page{margin: 25px auto;}
.category-page h2{font-size: 23px;margin: 0;}
.category-page .titles-section-grid div{top: 0px;right: 5px;}
.titles-section-grid a{margin: 0 0 20px 0;}
.category-page .foryou-grid a{display: block;margin: 20px 0 0 0;}

}
@media (max-width:950px) {
    .nav-lower-section ul>li {
        margin: 0 0 0 20px;
    }
}
@media (max-width:760px) {
    input{font-size: 16px !important;}
    .radio-schedule-page .slick-initialized .slick-slide {width: 80px !important;}
    .radio-schedule-page .schedule-days-slick a.slick-center {width: 150px !important;}
    .nav-main-container-mobile {grid-template-columns: 47% 25% 10%;}
    .listen-grid{width: 100%;}
}
@media (max-width:410px) {
.radio-schedule-page .schedule-days-slick a.slick-center {width: 135px !important;margin: 0 !important; font-size: 19px !important;}
.radio-schedule-page .slick-slider .slick-list,
.slick-slider .slick-track {padding: 0 2px 0 0 !important;}
}
@media (max-width:375px) {
    .slick-item h2{font-size: 21px; line-height: 28px}
    .share-form input{width: 57%;}
    .title-grid-caption{top: 150px;}
    .discussions-page input{width: 59%;}
    .discussions-page form span{width: 15%;}
    .article-page .share-form input{width: 57%;}
    .article-page .share-form.poll-section.poll-visible input{width: 20px;}
    .search-result-page li{font-size: 12px;}
    .radio-schedule-page .slick-initialized .slick-slide{width: 75px !important; font-size: 13px;}
}
.display-visible {display: initial !important;}
.display-none {display: none !important;}