@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

/*font-family: 'Roboto', sans-serif;      Regular 400     Medium 500     Bold 700 

.national-currency-main [class*="col-lg-3"] {margin-bottom: 30px;}
*/


@font-face {
    font-family: 'Droid Arabic Kufi';
    src: url('../fonts/DroidArabicKufi.eot');
    src: url('../fonts/DroidArabicKufi.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DroidArabicKufi.woff2') format('woff2'),
        url('../fonts/DroidArabicKufi.woff') format('woff'),
        url('../fonts/DroidArabicKufi.ttf') format('truetype'),
        url('../fonts/DroidArabicKufi.svg#DroidArabicKufi') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Droid Arabic Kufi';
    src: url('../fonts/DroidArabicKufi-Bold.eot');
    src: url('../fonts/DroidArabicKufi-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DroidArabicKufi-Bold.woff2') format('woff2'),
        url('../fonts/DroidArabicKufi-Bold.woff') format('woff'),
        url('../fonts/DroidArabicKufi-Bold.ttf') format('truetype'),
        url('../fonts/DroidArabicKufi-Bold.svg#DroidArabicKufi-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica.eot');
    src: url('../fonts/Helvetica.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Helvetica.woff2') format('woff2'),
        url('../fonts/Helvetica.woff') format('woff'),
        url('../fonts/Helvetica.ttf') format('truetype'),
        url('../fonts/Helvetica.svg#Helvetica') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica-Bold.eot');
    src: url('../fonts/Helvetica-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Helvetica-Bold.woff2') format('woff2'),
        url('../fonts/Helvetica-Bold.woff') format('woff'),
        url('../fonts/Helvetica-Bold.ttf') format('truetype'),
        url('../fonts/Helvetica-Bold.svg#Helvetica-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}







select::-ms-expand { display: none; }
a{  -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
h1 {font-size:38px;color:#097648; margin:0px 0px 20px 0px;padding:0px;line-height: 1.2;font-family: 'Roboto', sans-serif;font-weight: 500;}
h2 {font-size:32px;color:#097648; margin:0px 0px 20px 0px;padding:0px;line-height: 1.2;font-family: 'Roboto', sans-serif;font-weight: 500;}
h3 {font-size:26px;color:#097648; margin:0px 0px 20px 0px;padding:0px;line-height: 1.2;font-family: 'Roboto', sans-serif;font-weight: 500;}
h4 {font-size:22px;color:#097648; margin:0px 0px 20px 0px;padding:0px;line-height: 1.2;font-family: 'Roboto', sans-serif;font-weight: 500;}
h5 {font-size:20px;color:#097648; margin:0px 0px 15px 0px;line-height: 1.4;font-family: 'Roboto', sans-serif;font-weight: 500;}
h6 {font-size:18px;color:#097648;margin:0px 0px 15px 0px;line-height: 1.2;font-family: 'Roboto', sans-serif;font-weight: 500;}

.spacer1px {clear:both;line-height:0;font-size:0;overflow:hidden;height:1px; background:none; margin:0px 0px 0px 0px;width:100%; border:none;}
.spacer10px {clear:both;line-height:0;font-size:0;overflow:hidden;height:10px; background:none; margin:0px 0px 0px 0px;width:100%; border:none;}
.spacer20px {clear:both;line-height:0;font-size:0;overflow:hidden;height:20px; background:none; margin:0px 0px 0px 0px;width:100%; border:none;}
.spacer30px {clear:both;line-height:0;font-size:0;overflow:hidden;height:30px; background:none; margin:0px 0px 0px 0px;width:100%; border:none;}
.spacer50px {clear:both;line-height:0;font-size:0;overflow:hidden;height:50px; background:none; margin:0px 0px 0px 0px;width:100%; border:none;}
.spacer80px {clear:both;line-height:0;font-size:0;overflow:hidden;height:50px; background:none; margin:0px 0px 0px 0px;width:100%; border:none;}


body {
	overflow-x:hidden;
	color:#666666;
	font-size:16px;
	line-height:1.6; 
	margin:0px; 
	padding:0px; 
	outline:none;
	text-decoration:none;
	list-style:none;
	box-sizing: border-box;
	font-family: 'Roboto', sans-serif;
	background-color:#fff;font-weight: normal;
}

p{color:#666666;font-size:16px;line-height:1.6;  margin:0px 0px 20px 0px;font-family: 'Roboto', sans-serif; font-weight: normal;}
ul, ol {list-style: none;margin: 0;padding: 0;}
a:hover{ text-decoration:none;}
-webkit-input-placeholder {color:rgba(32,46,63,0.5) !important; opacity:1 !important;}
-moz-placeholder {color: rgba(32,46,63,0.5) !important; opacity:1 !important;}
-ms-input-placeholder {color: rgba(32,46,63,0.5) !important; opacity:1 !important;}
-moz-placeholder {color:rgba(32,46,63,0.5) !important; opacity:1 !important;}
.form-control::-webkit-input-placeholder {color: rgba(32,46,63,0.5) !important; opacity:1 !important;}
.form-control::-moz-placeholder {color:rgba(32,46,63,0.5) !important; opacity:1 !important;}
.form-control:-ms-input-placeholder {color:rgba(32,46,63,0.5) !important; opacity:1 !important;}
.form-control:-moz-placeholder {color: rgba(32,46,63,0.5) !important; opacity:1 !important;}
:focus, button:focus {outline-style:none;box-shadow:none;border-color:transparent;}
*:focus {outline: none;}
input:focus{outline:none;}
img{max-width:100%;height:auto; outline:none;}
a{outline:none; border:none;}

.pagetitle{ position:relative; text-align:center; padding:0px 15px 10px 15px;max-width: 1100px;
margin: 0 auto 10px;  }
.pagetitle h2 {font-size:28px;color:#097648; margin:0px 0px 40px 0px;padding:0px;line-height: 1.2; position: relative; font-weight: normal !important;}
.pagetitle h4 {font-size:23px;color:#097648; margin:0px 0px 20px 0px;padding:0px;line-height: 1.2;}
.pagetitle p{color: #666666;}
.pagetitle h2:after{ position: absolute; margin: 0 auto; left: 0px; right: 0px; bottom: -20px; background: #097648; width: 50px; height: 5px; border-radius: 15px; content: '';}

.pagetitle2{ position:relative; }
.pagetitle2 h2 {font-size:28px;color:#097648; margin:0px 0px 20px 0px;padding:0px;line-height: 1.2; position: relative; font-weight: normal;}
.pagetitle2 h4 {font-size:23px;color:#097648; margin:0px 0px 20px 0px;padding:0px;line-height: 1.2;}
.pagetitle2 p{color: #666666;}


/*=========================== Header ===========================*/

.header-blue {position: relative;padding:10px 0px;background: #097648; color: #fff; font-size: 14px;}
.header-blue-right{ text-align: right;}
.header-blue-right ul li a{ display: inline-flex; background: #fff;color: #097648; width: 26px; height: 26px; align-items: center; justify-content: center; border-radius: 50%;}
.header-blue-right ul li a:hover{background: #097648; color: #fff;}
.header-blue-right ul li{ display: inline-block; margin:0px 0px 0px 7px;}
.lang-bar,.header-blue-right ul {display: inline-block;}
.lang-bar img{ display: inline-block; padding: 0px 7px;}
.lang-bar{ border-right:1px solid #fff;padding: 0 15px 0 0px;margin: 0px 10px 0 0;font-family: 'Droid Arabic Kufi'; font-weight: bold;}
.lang-bar a{color: #fff;}
.header-logo{ position: relative; padding: 15px 0px;}
.download{ position: relative;}
.download a{border:1px solid #097648; color: #097648;font-size: 15px; border-radius: 50px; display: inline-flex; padding: 10px 20px;font-weight: 500;align-items: center;}
.download a:hover{color: #fff; background: #097648;}
.download i{ display: inline-block; margin:  0px 10px 0px 0px; font-size: 22px;}
.download.active a {background: #097648;color: #fff;}

.header-logo .container{ position: relative;}
.download-app-popup{ background: #fff; border-top: 5px solid #097648; width: 200px;box-shadow: 0 3px 12px 0px rgba(0,0,0,0.08); text-align: center;padding: 15px;position: absolute;top: 70px;z-index: 9;right: 45px;width: 100%;max-width: 200px;display: none;}
.download-app-popup li{ margin: 0px 0px 10px 0px;}
.download-app-popup h6{ font-weight: normal; margin-bottom: 0px; color: #097648;}
.download-app-popup p{ font-size: 13px !important; color: #172328;}
.download-app-popup.active{ display: block;}
.download .fa-mobile{ display: block;}
.download .fa-times{ display: none;}
.download.active .fa-mobile{ display: none;}
.download.active .fa-times{ display: block;}



.fixedhead{position: fixed;top:0px;animation:slide-down 0.7s;opacity:1;width: 100%;background:#fff;z-index: 99;left:0px;padding:0px 0px;}    
header.fixedhead{ background:rgb(255 255 255); border-bottom: 1px solid #f2f3f3;}
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}


.banner-btm{ position: relative; padding: 10px 0px; background-color: #097648; color: #fff;}
.banner-btm a{ color: #fff;}
.banner-btm ul{ display: flex;}
.banner-btm ul li{flex: 1 1 auto;text-align: center;position: relative; font-size: 18px; padding: 7px 0px;}
.banner-btm ul li:after{ width: 1px; content: ''; position: absolute; right: 0px;  top: 0px; height: 100%; background: #fff;}
.banner-btm ul li:last-child:after{ background: none;}
.banner-btm ul li img{ display: inline-block; padding: 0px 5px 0px 0px;}
.banner-btm a:hover{ opacity: 0.5;}



/********************** Main Slider ************************/

.main-slider{position:relative;background:none;color:#1c1c1c;z-index:1;}
.main-slider h1{line-height:1.8em;font-size:52px;}
.main-slider h2{line-height:1.4em;font-size:42px;display:block;}
.main-slider p{font-size:16px;font-style:normal!important;display:inline-block;}
.main-slider h3{line-height:2em;font-size:42px;}
.main-slider .slide-text{font-size:20px;font-style:italic;}
.tp-bullets.preview4 .bullet{background:#ffc13b !important;border-color:#202020 !important;}
.tp-bullets.preview4 .bullet:hover,
.tp-bullets.preview4 .bullet.selected{border-color:#ffc13b !important;}
.text-white{color:#000000 !important;}


.banner-content-deisgn {text-align: left; padding: 200px 0px 0px 200px !important;}
.banner-content-deisgn h2{color: #005281; font-size: 40px; display: block; font-weight: 700;}
.banner-content-deisgn p{color: #097648; font-size: 40px;display: block;font-weight: 700;}
.banner-content-deisgn h1{font-size: 40px;display: inline-block;background: #005281;border-radius: 25px;color: #fff; padding: 5px 20px;font-weight: 700;}



/*=========================== Welcome ===========================*/

.welcome-main {position: relative;padding: 60px 0px;}
.fm-tower {display: grid;  grid-template-columns:1fr 1fr;  grid-column-gap: 10px;margin-bottom: 20px;}
.fm-tower1{box-shadow: 0 3px 12px 0px rgba(0,0,0,0.08); color:#097648; padding: 14px;font-size: 12px;align-items: center;display: flex;}
.fm-tower1 i{ border: 1px solid #097648; width: 35px; height: 35px; border-radius: 50%; text-align: center; line-height: 35px;}
.fm-tower2 {flex: 0 0 45px;}
.fm-tower3 {font-weight: 700;}
.fm-tower3 small{font-weight: 400;}
.welcome-img{ position: relative;}
.welcome-img-pics1{ position: relative;}
.welcome-img-pics2{ position: relative;}
.welcome-img-pics2 img{ border-radius:20px;}
.welcome-img-pics3 {position: absolute;top: 0;border-right: 10px solid #fff;border-bottom: 10px solid #fff;z-index: 1;}
.welcome-img-pics3 img{border-radius: 20px 0 0 0;}
.welcome-img-pics4{position: absolute;bottom: 0;border-right: 10px solid #fff; background: #1a1c26; height:200px;width: 250px;border-radius: 0px 0 0 20px; color: #fff;display: flex;align-items: center;justify-content: center;}
.welcome-img-pics4 i{ font-size: 32px;}
.welcome-img-pics4-sub2{ color: #fff;margin: 0px 0px 0px 10px;}
.welcome-img-pics4-sub2 h6{ color: #fff; font-size: 40px; margin-bottom:0px;}


/*=========================== Best Song Month ===========================*/

.best-song-month {position: relative;padding: 80px 0px 80px 0px; margin-bottom: 100px; margin-top: 60px;}
.best-song-month-shape{position: absolute;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index: -1; top: -50px;}

.round-circle-shape{ position: relative; border: 1px solid #eff1f4; width: 150px; height: 150px; border-radius: 50%; display: block; margin: 0 auto;transform: scale(1);}
.round-circle-shape:after{ content: ''; position: absolute; margin: 0 auto; width: 200%; height: 200%;border: 1px solid #eff1f4;position: absolute;
top: 50%;left: 50%;border-radius: 100%;transform: translate(-50%, -50%);}

.round-circle-shape:before{ content: ''; position: absolute; margin: 0 auto; width:300%; height: 300%;border: 1px solid #eff1f4;position: absolute;
top: 50%;left: 50%;border-radius: 100%;transform: translate(-50%, -50%);}

.round-circle-no1{position: relative;z-index: 1;width: 130px;}
.round-circle-no1{}
.round-circle-no1-photo{ position: relative;transform: scale(0.9);}
.round-circle-no1-photo img{ border-radius: 50%;border: 5px solid #fff;box-shadow: 0 3px 12px 0px rgba(0,0,0,0.10); }
.round-circle-no1-photo span {position: absolute;z-index: 1;background: #fff;width: 35px;height: 35px;border-radius: 50%;box-shadow: 0 3px 12px 0px rgba(0,0,0,0.10);display: flex;align-items: center;justify-content: center;font-weight: 500;right: -10px;top: 75px;  color:#097648;}
.round-circle-no1-content {text-align: center;}
.round-circle-no1-content h5{ color: #097648; margin: 10px 0px 0; font-size: 16px;}
.round-circle-no1-content p{ color: #097648; margin: 0px 0px; font-weight: 600;font-size: 14px !important;}

.round-circle-no1.position1{position: absolute;left: -130px;top: -110px;}
.round-circle-no1.position2{position: absolute;right: -160px;top: -150px;}
.round-circle-no1.position3{position: absolute;left: -130px;top: 110px;}
.round-circle-no1.position4{position: absolute;right: -180px;top: 90px;}
.round-circle-no1.position5{position: absolute;left: 10px;top: 40px;}
.best-song-month .pagetitle2 p{ line-height: 2.0;}


/*=========================== Our Programs ===========================*/

.program-main {position: relative;padding: 60px 0px;background: #f9f9f9;}
.program-box{background: #fff;box-shadow: 0 3px 12px 0px rgba(0,0,0,0.08); position: relative;  border-radius: 5px;}
.program-box-content{ text-align: center; padding: 20px 15px 15px 15px;}
.program-box-content h4{ margin-bottom: 15px;font-size: 20px;}
.program-box-content p{ color:#666666;}
.program-box-content2 .btn-style-two{ margin-top: 10px;}
.program-box-content2 li{ padding-bottom: 10px; color: #097648;}


/*=========================== Latest News ===========================*/

.latest-news{position: relative;padding: 60px 0px;background: #fff;}
.news-white-box{height: 100%;background: #fff;box-shadow: 0 3px 12px 0px rgba(0,0,0,0.08); position: relative; display: flex; padding: 20px; border-radius: 5px;}
.latest-main [class*="col-lg-6"] {margin-bottom: 30px;}
.news-white-box-img {flex: 0 0 230px;}
.news-white-box-content h4{ font-size: 20px; margin-bottom: 10px;}
.news-white-box-content .timer{ display: block; padding-bottom: 10px; color: #097648;}
.news-white-box-content {width: 100%;margin: 0px 20px 0px 0px;}
.news-white-box-img img{ width: 100%;}

/*=========================== Team ===========================*/

.team-main {position: relative;padding: 20px 0px 120px; background: url("../images/shape-bg2.png") no-repeat left top; }
.team-white-box {height: 100%;background: #fff;text-align: center;box-shadow: 0 3px 12px 0px rgba(0,0,0,0.12);padding:100px 15px 15px 15px; position: relative;}
.team-white-pics {background: #f7f7f7;border: 5px solid #fff;border-radius: 50%;width: 150px;height: 150px;display: inline-block;line-height: 150px;box-shadow: 0 3px 12px 0px rgba(0,0,0,0.12);top: -150px;position: relative;top: -80px;position: absolute;left: 0;right: 0;margin: 0 auto;}
.team-main-box{ margin-top: 70px;}
.team-white-box h4{margin: 0px 0px 10px 0px;}
.team-white-box h6{color: #097648; font-weight: normal !important;}
.team-white-box p{color: #666666; font-weight: bold !important;font-size: 14px !important;}


/*=========================== Advertise ===========================*/

.advertise-with-box { position: relative; padding: 60px 0px; background: url("../images/avert-bg.jpg") no-repeat center center ; background-size: cover; }
.advertise-with-box:after{ background-color: rgba(255,255,255,0.9); position: absolute; left: 0; top: 0px; width: 100%; height: 100%; content: '';}
.advertise-with-box .container{ position: relative; z-index: 2;}
.advertise-links li{ display: inline-flex;align-items: center;margin: 0px 10px;color: #097648;}
.advertise-links li i{display: inline-flex; border: 1px solid #097648; border-radius: 50%; width: 50px; height: 50px; align-items: center; justify-content: center; font-size: 20px; font-weight: normal;flex: 0 0 50px;margin: 0px 10px 0px 0px;}
.advertise-links {text-align: center;align-items: center; font-weight: 500;}
.advertise-with-box .pagetitle p{color:#097648}
.advert-logo{ padding-bottom: 30px;}
.advert-logo img{ max-width: 250px;}


/*=========================== Phoneapp ===========================*/

.phoneapp-box{ position: relative; padding: 60px 0px; background: url("../images/shape-bg1.png") no-repeat right top;}
.phonebox-appdwnload{ display: flex;gap: 10px;padding-top: 10px;}
.phoneapp-box h5{ color: #097648;font-weight: 600;}
.phoneapp-box h3{ color: #097648; font-weight: normal;}
.phoneapp-box p{ color: #666666; font-weight: 700;}



/*=========================== Suggestion ===========================*/

.suggestion-box { position: relative; padding: 60px 0px; margin-bottom: 70px;background: url("../images/suggestion-bg.jpg") no-repeat center center ; background-size: cover; }
.suggestion-box:after{ background-color: rgba(0,0,0,0.8); position: absolute; left: 0; top: 0px; width: 100%; height: 100%; content: '';}
.suggestion-box .container{ position: relative; z-index: 2;}
.suggestion-box .pagetitle h2{ color: #fff;font-weight: 500;}
.suggestion-box .pagetitle h2::after{background: #fff;}
.suggestion-box-form{ margin-bottom: 30px;}
.suggestion-box-form label{ color:#fff; display: block; margin-bottom: 10px;font-weight: 500;}
.suggestion-box-form input[type=text]{ border-radius: 25px;}
.social-box{position: relative; padding: 30px 0px 70px 0px; }
.suggestion-box .pagetitle{margin: 0 auto 10px;}

/*=========================== Footer ===========================*/

.footer-newsletter2{box-shadow: 0 3px 12px 0px rgba(0,0,0,0.12); position: relative; padding: 40px; border-radius: 5px;background: #fff;z-index: 1;margin-bottom: -50px;}
.footer-newsletter2 .input-group{border:1px solid #097648;padding: 5px;border-radius: 55px;}
.footer-newsletter2 .btn.btn-success{ background-color: #097648; min-width: 150px; text-align: center; border-radius: 55px !important;border: none !important;}
.footer-newsletter2 .form-control{ border: none;border-radius: 20px !important;text-align: right;}
.footer-newsletter2 p{ margin: 0px;font-size: 20px;}
.footer-body{ background-color: #097648; text-align: center; position: relative; padding: 80px 0px 30px 0px; color: #fff;font-weight: 500;font-size: 15px;}
.footer-body a{color: #fff; }
.footer-body a:hover{ text-decoration: underline;}
.footer-newsletter2 h4{ margin: 0px 0px 2px 0px; color: #097648;}
.footer-newsletter2 .btn.btn-success:hover{ background-color: #097648;}


/*=========================== Banner Inner ===========================*/

.banner-inner{position: relative; padding: 100px 0px; text-align: center; background-size: cover;min-height: 330px;display: flex;align-items: center;}
.banner-inner::after {position: absolute;left: 0px;top: 0px;background: rgba(0,0,0,0.6);width: 100%;height: 100%;content: '';}
.banner-inner-content{ position: relative; z-index: 1;}
.banner-inner-content h1{ color:#fff; margin-bottom:20px;}
.banner-inner-content p{ color:#fff;max-width: 100%;margin: 0 auto 20px;font-weight: 500;font-size: 16px;}



.banner-inner2{position: relative; padding: 100px 0px 0; background: url("../images/subbanner.jpg") no-repeat right top; text-align: center; background-size: cover;min-height: 330px;display: flex;align-items: center;}
.banner-inner2::after {position: absolute;left: 0px;top: 0px;background: rgba(0,0,0,0.5);width: 100%;height: 100%;content: '';}
.banner-inner-content2{ position: relative; z-index: 1; text-align: left;}
.banner-inner-content2 h1{ color:#fff; margin-bottom:20px;}
.banner-inner-content2 p{ color:#fff;max-width: 100%;margin: 0 auto 20px;font-weight: 500;font-size: 20px;}

.banner-inner-content2 .audioplayer{ border: none; background: none;}
.banner-inner-content2 .audioplayer:not(.audioplayer-playing) .audioplayer-playpause{background: #fff;}
.banner-inner-content2 .audioplayer-time{ color: #fff;}
.banner-inner-content2 .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a{border-left: 12px solid #06ade7;}



/*=========================== Videos ===========================*/

.bodywork-main{ position: relative; padding: 40px 0px 40px 0px;}

.video-box-main{position: relative;display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 30px; margin-bottom: 40px;}

.video-box{box-shadow: 0 3px 7px 0px rgba(0,0,0,0.12); height: 100%; border-radius: 5px;}
.video-box  img{ border-radius: 5px 5px 0px 0px;}
.video-box-content {padding: 20px;}
.video-box-img{position: relative;}
.video-box-img::after {position: absolute;left: 0px;top: 0px;background: rgba(0,0,0,0.4);width: 100%;height: 100%;content: '';border-radius: 5px;}
.video-box-img i{ color: #ff0000; z-index: 1;position: absolute; text-align: center; font-size: 50px;top: 50%;left: 0;right: 0;transform: translateY(-50%); }
.video-box-content p{ font-weight: 500; margin: 0px 0px 10px 0px;color: #097648;}
.video-box-content .date-yr {display: flex;align-items: center; color: #666666; font-size: 14px;}
.video-box-content .date-yr i{ display: inline-block; margin: 0px 10px 0px 0px; color: #666666; font-size: 22px;}


.white-box-filter {display:flex;align-items: center; background: #fff;box-shadow: 0 3px 12px 0px rgba(0,0,0,0.08); border-radius: 5px; padding: 20px; color: #2F88C2; margin-bottom: 40px;}
.white-box-filter li{ display: inline-block; margin: 0px 20px 0px 0px;flex: 1 1 auto;margin: 0px !important;flex-basis: 0;}
.fancy-select{height: 45px;background-color: #fff;width: 100%;padding: 10px 5px;border-radius: 5px;appearance: none;background-image: url(../images/down-arrow.png);background-repeat: no-repeat;background-size: 20px;background-position: 94% 50%;cursor: pointer; font-size: 14px; color: #828282;border: 1px solid #dcdcdc;}
.white-box-filter .fancy-select { width: 100%;}
.white-box-filter ul {display: flex;flex-wrap: wrap;align-items: end;width: 100%;justify-content: space-between;gap: 18px;align-items: center;}
.white-box-filter ul li.flexnone{flex: 0;}
.white-box-filter ul li:last-child {margin: 0px;}
.white-box-filter .form-control{border: 1px solid #dcdcdc; min-width: 300px;}
.white-box-filter ul li.text-center{ color: #097648; font-weight: 500;white-space: nowrap;}


/*=========================== News ===========================*/

.latest-news.inner-latest{ position: relative;background:#f9f9f9;padding: 40px 0px; margin-bottom:60px; }
.timer-date{ display: block; padding-bottom: 10px; color: #097648;}
.timer-date i{ font-size: 20px; display: inline-block; margin: 0px 5px 0px 0px;}
.news-dtls p{ line-height: 1.8;}
.image-thumb-box{position: relative;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 30px; margin-bottom: 30px;}
.image-thumb-box img{ border-radius: 5px; width: 100%;}


.news-whitebox{position: relative;background-color: #fff; border: 1px solid #d1d1d1; border-radius: 5px;display: flex;align-items: center;margin-bottom: 30px; padding: 20px;}
.news-whitebox-img{flex: 0 0 280px;margin: 0 20px 0 0;position: relative;}
.news-whitebox-img img{ border-radius: 5px; width: 100%;}
.news-whitebox .latest-news-btn-sec{ position: relative;}
.news-whitebox .date-time{margin: 0 0px 15px 0; display: flex;align-items: center;color: #097648;}
.news-whitebox .date-time i{ padding: 0px 6px 0px 0px;font-size: 22px; display: inline-flex;}
.news-dtls img{ width: 100%; border-radius: 5px; margin-bottom: 20px;}
.news-whitebox:hover{box-shadow: 0 0px 12px 0px rgba(0,0,0,0.10); border: 1px solid #fff; }

/*=========================== Program ===========================*/
.program-frame{ margin-bottom: 40px;}
.program-frame [class*="col-md-6"] {margin-bottom: 30px;}
.program-white-box{box-shadow: 0 0px 12px 0px rgba(0,0,0,0.10); padding: 15px; height: 100%; border-radius: 5px;}
.program-white-box .timer-date{ color: #666666;padding-bottom:0px;}
.program-white-box h6{ margin-bottom: 10px;font-size: 16px;}




/*=========================== Button ===========================*/

.btn-style-one{color: #fff; border-radius:35px; min-width:150px; text-align:center; border:1px solid #097648;padding: 8px 30px;background:#097648; transition: 0.5s ease-in-out; display:inline-block;}
.btn-style-one:hover{background:#333;color: #fff;border:1px solid #333;}
.btn-style-one.dark{border:1px solid #097648;background:#097648;}
.btn-style-one.dark:hover{background:#097648;color: #fff;border:1px solid #097648;}


.btn-style-two{color: #097648; border-radius:35px; min-width:150px; text-align:center; border:1px solid #097648;padding: 8px 30px;background:#fff; transition: 0.5s ease-in-out; display:inline-block;}
.btn-style-two:hover{background:#097648;color: #fff;border:1px solid #097648;}


.btn-style-three{color: #fff; border-radius:5px; min-width:120px; text-align:center; border:0px solid #097648;padding: 8px 30px;background:#097648; transition: 0.5s ease-in-out; display:inline-block;}
.btn-style-three:hover{background:#333;color: #fff;border:0px solid #333;}
.btn-style-three.dark{background:#097648;}
.btn-style-three.dark:hover{background:#333;color: #fff;border:0px solid #333;}


/*=========================== Arabic ===========================*/

body.body_arabic{ font-size: 15px; direction:rtl;text-align:right;font-family: 'Droid Arabic Kufi';font-weight: normal;}
body.body_arabic p
{font-size: 15px;font-family: 'Droid Arabic Kufi'; font-weight: normal;}

body.body_arabic h1,body.body_arabic h2,body.body_arabic h3,body.body_arabic h4,body.body_arabic h5,body.body_arabic h6, body.body_arabic .round-circle-no1-content p, body.body_arabic .advertise-links li, body.body_arabic .banner-inner-content p,body.body_arabic .video-box-content p
{font-family: 'Droid Arabic Kufi'; font-weight: bold;}

body.body_arabic .phoneapp-box h3
{font-family: 'Droid Arabic Kufi'; font-weight: normal;}

body.body_arabic .eng-font1, body.body_arabic .lang-bar
{font-family: 'Roboto', sans-serif !important;font-weight: normal !important;}

body.body_arabic .pagetitle2 h2
{font-weight: normal !important;}

body.body_arabic .header-blue-right,body.body_arabic .welcome-img-pics4-sub2
{text-align: left;}

body.body_arabic .banner-inner-content2
{text-align: right;}


body.body_arabic .banner-content-deisgn p span, body.body_arabic .round-circle-no1-photo span, body.body_arabic .eng-font2
{font-family: 'Roboto', sans-serif !important;font-weight: 700 !important;}


.eng-font1.numbers {direction: ltr;unicode-bidi: embed;}
.eng-font2.numbers {direction: ltr;unicode-bidi: embed;}


body.body_arabic .banner-content-deisgn {text-align: right; padding: 200px 200px 0px 0px !important;}
body.body_arabic #cssmenu > ul > li > a{font-weight: bold;}
body.body_arabic .download i {margin: 0px 0px 0px 10px;}
body.body_arabic .banner-btm ul li img {padding: 0px 0px 0px 5px;}
body.body_arabic .banner-btm ul li::after {right: inherit; left: 0px;}
body.body_arabic .banner-content-deisgn p{font-weight: bold !important; font-size: 40px !important; line-height: 1.6 !important;}
body.body_arabic .footer-newsletter2 .form-control{text-align: left;}
body.body_arabic .advertise-links li i{margin: 0px 0px 0px 10px;}
body.body_arabic .lang-bar {border-right: 0px solid #fff;border-left: 1px solid #fff;padding: 0 0px 0 15px;margin: 0px 0px 0 10px;}
body.body_arabic .welcome-img-pics4 {border-left: 10px solid #fff;border-right: 0px solid #fff;border-radius: 0px 0px 20px 0px;}
body.body_arabic .welcome-img-pics3 {border-right:0px solid #fff;border-left: 10px solid #fff;order-bottom: 10px solid #fff;}
body.body_arabic .welcome-img-pics3 img {border-radius: 0px 20px 0 0;}
body.body_arabic .round-circle-no1.position1{right: -130px;top: -110px; left: inherit;}
body.body_arabic .round-circle-no1.position2{left: -160px;top: -150px; right: inherit;}
body.body_arabic .round-circle-no1.position3{right: -130px;top: 110px; left: inherit;}
body.body_arabic .round-circle-no1.position4{left: -180px;top: 90px; right: inherit;}
body.body_arabic .round-circle-no1.position5{right: 10px;top: 40px; left: inherit;}
body.body_arabic .download-app-popup{left: 45px;right: inherit;}
body.body_arabic .banner-inner2{background: url("../images/subbanner-ar.jpg") no-repeat right top; background-size: cover; text-align: right;}
body.body_arabic .news-whitebox-img {margin: 0 0px 0 20px;}
body.body_arabic .news-whitebox .date-time i {padding: 0px 0px 0px 6px;}
body.body_arabic .video-box-content .date-yr i {margin: 0px 0px 0px 10px;}
body.body_arabic .btn-style-three{padding: 8px 10px;}
body.body_arabic .fancy-select{background-position: 10px;}
body.body_arabic .banner-inner-content2 .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a{border-right: 12px solid #06ade7;border-left: 0 solid #06ade7;}


@media only screen and (min-width:1801px) and (max-width:3400px) {

}
@media only screen and (min-width:1401px) and (max-width:1500px) {

}
@media only screen and (min-width:1301px) and (max-width:1400px) {
h3{ font-size: 24px;}	
.welcome-img-pics3{max-width: 320px;}
.logo img{ max-width: 80px;}		
.download a {padding: 10px 15px;font-size: 14px;}
.welcome-img-pics3 img {width: 300px;}	
.best-song-month {margin-bottom: 50px;margin-top: 0px;}
.news-white-box-content h4 {font-size: 18px;}
.banner-content-deisgn h2{font-size: 34px;}
.banner-content-deisgn p{font-size: 34px;}
.banner-content-deisgn h1{font-size: 34px;}
.advertise-links li{ font-size: 15px;}
.download-app-popup{ right: 35px;}
.news-white-box-img {flex: 0 0 200px;}	
body.body_arabic .download-app-popup{left: 35px;right: inherit;}	
}
@media only screen and (min-width:1200px) and (max-width:1300px) {
.download a { font-size: 12px;padding: 5px 10px; margin: 0px 0px 0px 0px;}
.download i {font-size: 16px;}	
.download {text-align: center;}	
.logo img{ max-width: 70px;}	
.welcome-img-pics3 img {width: 300px;}
.download-app-popup{ right: 25px;}	
body.body_arabic .download-app-popup{left: 25px;right: inherit;}	
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.download a { font-size: 12px;padding: 5px 10px; margin: 0px 0px 0px 0px;}
.download i {font-size: 16px;}	
.download {text-align: center;}	
.logo img{ max-width: 70px;}	
.news-white-box-img {flex: 0 0 160px;}
.best-song-month {margin-bottom: 0px;margin-top: 0px;}	
.welcome-img-pics3 {width: 250px;}	
.welcome-img-pics4 {height: 150px;width: 200px;}	

	
	
}
@media only screen and (min-width:768px) and (max-width:991px) {
h1 {font-size: 32px;}
h2 {font-size: 28px;}
h3 {font-size: 22px;}	
h4 {font-size: 22px;}
.white-box-filter ul {display: block;}	
.white-box-filter ul li{ margin-bottom: 20px !important; display: block;}	
.white-box-filter ul li:last-child{flex: 0;display: inline-block;}
.white-box-filter ul li:nth-last-child(2){flex: 0;display: inline-block;}
li.text-center.flexnone {text-align: left !important;}
.video-box-main {grid-template-columns: 1fr 1fr;}	
.footer-newsletter2 p{ margin-bottom: 20px;}
.logo img{max-width: 70px;}	
.download i {font-size: 16px;}	
.header-logo .col-md-12.d-flex.justify-content-between.align-items-center{ display: block !important;}	
.download {text-align: center;}	
.image-thumb-box{grid-template-columns: 1fr 1fr ;}
.news-whitebox{ display: block;}	
.news-whitebox-img {margin: 0 0px 20px 0;}	
.welcome-img{ margin-bottom: 30px;}
.banner-content-deisgn {padding: 100px 50px 0px 0px !important;}	
.banner-btm ul {display: block;}
.banner-btm ul li:after{ display: none;}	
.banner-btm ul li{ text-align: left;}	
.fm-tower {grid-template-columns: 1fr ;}	
.pagetitle h2,.pagetitle2 h4,.pagetitle2 h2,.pagetitle2 h4 {font-size: 20px;}	
.best-song-month {padding: 0px 0px 40px 0px;margin-bottom: 0px;margin-top: 0px;}
.welcome-img-pics3 {width: 200px;}	
.welcome-img-pics4 {height: 150px;width: 150px; display: none;}
.suggestion-box-form label {margin-bottom: 0px;}	
.suggestion-box-form {margin-bottom: 15px;}	
.social-boximg{ margin-bottom: 30px;}
.phonebox-appdwnload img{ width:120px;}	
.phoneapp-box {padding:30px 0px}	
.advertise-links li{ text-align: left; margin: 0 0 10px 0;display: flex;}
.footer-newsletter2 .btn.btn-success {min-width: 100px;}	
.team-white-box {height: inherit;margin-bottom: 120px;}	
.team-main {padding: 20px 0px 0px;}	
.news-white-box-content h4 {font-size: 18px;}	
.news-white-box-img{ margin-bottom: 20px;}
.round-circle-shape {margin-bottom: 200px;margin-top: 200px;}
	
	
	

}
@media only screen and (max-width:767px) {
h1 {font-size: 32px;}
h2 {font-size: 28px;}
h3 {font-size: 22px;}	
h4 {font-size: 22px;}	
	
.white-box-filter ul {display: block;}	
.white-box-filter ul li{ margin-bottom: 20px !important; display: block;}	
.white-box-filter ul li:last-child{flex: 0;display: inline-block;}
.white-box-filter ul li:nth-last-child(2){flex: 0;display: inline-block;}
li.text-center.flexnone {text-align: left !important;}
.video-box-main {grid-template-columns: 1fr;}	
.footer-newsletter2 {padding: 15px;}	
.footer-newsletter2 p{ margin-bottom: 20px;font-size: 16px;}
.banner-inner {padding:50px 0px;min-height: 250px;}	
.header-blue,.header-blue-right{ text-align: center !important;}	
.header-blue-right{ margin-top: 10px;}
.download a { font-size: 12px;padding: 5px 10px; margin: 0px 0px 0px 0px;}
.logo img{ max-width: 70px;}	
.download i {font-size: 16px;}	
.header-logo .col-md-12.d-flex.justify-content-between.align-items-center{ display: block !important;}	
.download {text-align: center;}	
.image-thumb-box{grid-template-columns: 1fr 1fr ;}
.news-whitebox{ display: block;}	
.news-whitebox-img {margin: 0 0px 20px 0 !important;}	
.banner-content-deisgn {padding: 100px 0px 0px 50px !important;}	
.round-circle-shape{ transform: scale(0.5);}	
.banner-btm ul {display: block;}
.banner-btm ul li:after{ display: none;}	
.banner-btm ul li{ text-align: left;}	
.fm-tower {grid-template-columns: 1fr ;}	
.pagetitle h2,.pagetitle2 h4,.pagetitle2 h2,.pagetitle2 h4 {font-size: 20px;}	
.best-song-month {padding: 0px 0px 90px 0px;margin-bottom: 0px;margin-top: 0px;}
.welcome-img-pics3 {width: 200px;}	
.welcome-img-pics4 {height: 150px;width: 150px; display: none;}
.suggestion-box-form label {margin-bottom: 0px;}	
.suggestion-box-form {margin-bottom: 15px;}	
.social-boximg,.welcome-img{ margin-bottom: 30px;}
.phonebox-appdwnload img{ width:120px;}	
.phoneapp-box {padding:30px 0px}	
.advertise-links li{ text-align: left; margin: 0 0 10px 0;display: flex;}
.footer-newsletter2 .btn.btn-success {min-width: 100px;}	
.team-white-box {height: inherit;margin-bottom: 120px;}	
.team-main {padding: 20px 0px 0px;}	
.news-white-box{ height: inherit;display: flex;flex-direction: column-reverse;}	
.news-white-box-content h4 {font-size: 18px;}	
.news-white-box-img{ margin-bottom: 20px;}
.news-white-box-content {margin: 0px;}	
.download-app-popup{margin: 0 auto;left: 0;right: 0;top:110px;}
body.body_arabic .download-app-popup{left: 0;right: 0;}	
.program-white-box{height: inherit;}	
body.body_arabic .banner-content-deisgn p{ font-size:20px !important; }
body.body_arabic .banner-content-deisgn {padding: 50px 50px 0px 0px !important;}
body.body_arabic .banner-btm ul li{ text-align: right;}	
.best-song-month .pagetitle2 {padding-bottom: 50px;}	
	
}
input,textarea {-webkit-user-select:text;}
select{-webkit-appearance: none;-moz-appearance: none;appearance: none;}

.back-to-top {border: 1px solid #fff;border-radius: 5px;width:40px;height:40px;line-height:40px;text-align:center;background:#097648;position:fixed;bottom:0px;right:0px;text-decoration:none;color:#fff;font-size:14px;display:none;z-index:999;}
.back-to-top:hover {opacity:.6;filter:alpha(opacity=60)}
.back-to-top:focus, .back-to-top:hover {color:#fff!important}




/*custom css starting from here*/


.our-programs-home-slider .owl-stage{
    display: flex;
}

.our-programs-home-slider .owl-stage .program-box{
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}


.our-programs-home-slider .owl-stage .program-box-content{
    height: 100%;
    position: relative;
}

.our-programs-home-slider .program-conent-2-container{
    position: relative;
    display: block;
    margin-top: auto;
}


.our-programs-home-slider .program-box-content{
    display: flex;
    flex-direction: column;
}