:root {
    --color-5:#cf041c;
}
  
* { font-family: 'Cairo', sans-serif; font-weight:300; line-height:150%; box-sizing: border-box; }
body { direction:rtl; text-align:right; padding:0; margin:0; background-color: #fff; }

a:link, a:visited,a:active { color:#222 }
a:hover {color: #e2383b;}

a { text-decoration: none }
img { display:block; max-width:100%; }
ol,ul,li,p,h2,img,input,div,h1,h2,h3,h4,h5,h6,button,table,td,content,footer,textarea,input,audio,select,nav,text,b { font-size:12pt; outline-width:0; padding:0px; margin:0px;  font-weight:400;  }
li { list-style-type:none; }  
p,div { font-size:10pt;  }

.mainWidth { width:1200px; display:table; margin:auto; }

header {  display:flex; justify-content:space-between; align-items: center; border-bottom:1px solid #b62426; background-color: #fff; } 
header .mainWidth { display:flex; align-items: center;  } 
header img { width:200px; } 

.logoBoxOut { display: flex; justify-content: center; margin-top:20px; }

.mainMenu { position:sticky; top:0; z-index:4; background-color: #fff; margin-top:20px; padding:5px 0; } 
.mainMenu .mainWidth {  display:flex; justify-content: space-between; position:relative;} 
.mainMenu div.menuBottonsBoxes { display:flex; gap:5px; align-items: center; flex:1; } 
.mainMenu .mainWidth div.menuBottonsBoxes {  }
.mainMenu .logoBox { background-color: #fff; padding:6px 0; transform: scaleY(1.04); display:none }
.mainMenu .logoBox a { padding:5px 0 !important; }
.mainMenu .logoBox a:hover { background-color: transparent !important; }
.mainMenu .logoBox a img { width:130px; }
.mainMenu .mainWidth a { position:relative; padding:6px 8px;  text-align: center; color:#111; display:flex; align-items: center; font-size:12pt; font-weight:600; border-bottom:3px solid #df0307 } 
.mainMenu .mainWidth a:hover { background-color: #333; color:#fff; } 
.mainMenu .mainWidth a.checked {  }
.mainMenu .mainWidth a i { color: #2999d6; font-size:14pt; padding:0; border-radius:5px; }

/* search btn */
.mainMenu .formBox { transition: transform 0.3s; border:0; margin:0; padding:0; display:flex; align-items: center; position:absolute; left:0; top:55px; background-color: #222; box-shadow:0px 4px 5px rgba(0,0,0,0.2); padding:20px; transform: scaleY(0); transform-origin: top left; }
.mainMenu .formBox.open { transform: scaleY(1); }
.mainMenu .formBox input {  background-color: #fff; padding:9px 10px; flex:1; border:0; font-size:10pt; width:333px; border-radius:5px; }

.mainMenu .mainWidth a.searchBtn { border:0; margin:0; padding:0; margin-left:8px; margin-right:20px; }
.mainMenu .mainWidth a.searchBtn:hover { opacity:1; background-color: transparent; }
.mainMenu .mainWidth a.searchBtn ion-icon {  border-radius: 10px; background-color: #111; font-size:16pt; padding:8.5px; color:#fff  }


header .navBox { display:flex; align-items: center; gap:8px; border-right:1px solid #cdcdcd; padding-right:10px;  }
header .navBox .date { color:#111; display:flex; align-items: center; font-size:14pt; color:#666 }
header .navBox .date i { margin-left:4px; }
header .navBox hr { height:20px; border:0; border-left:1px solid #cdcdcd; }

header .headIcon { display:flex; gap:6px; }
header .headIcon a { color:#2999d6 }
header .headIcon a ion-icon { font-size:20pt; }
header .headIcon a img { width:24px; }


/* 
header {  margin-bottom:20px; }
header .mainHead { background-color: #fff; box-shadow:0 0 5px rgba(0,0,0,0.2) }

header .mainHead .mainWidth { display: flex; justify-content: space-between;  position:relative; }
header .mainHead .mainWidth .logo { border-left:1px solid #406db6; margin:15px 0; }
header .mainHead .mainWidth .logo img { height:60px; margin-left:20px; }

header .searchForm {  position:absolute; bottom:-100px; height:100px; z-index:1; padding:10px 0; width:100%; right:0; background: #23519b; display:flex;  justify-content: center;  }
header .searchForm div { border-radius:15px; display:table; margin:auto; width:80%; background: #fff; display:flex; flex-direction: row; }
header .searchForm div input { border:0; flex:1; padding:10px; background-color: transparent; }
header .searchForm div button { background-color: #41b170; border:0; padding:3px 5px; color:#fff; width:40px; border-radius:12px 0 0 12px; }
header .searchForm div button ion-icon { font-size:20pt !important;  }

header .mainHead nav { display: flex; justify-content: flex-end; gap:5px; align-items: flex-end; }
header .mainHead nav a ion-icon { padding:5px; font-size:20pt; color:#23519b }


header nav.mainMemnu { display:flex; justify-content:space-evenly; gap:10px;  padding-top:20px; }
header nav.mainMemnu a { display:table; white-space:nowrap; text-align: center; font-size:10pt; padding:10px; flex:1; overflow:hidden; background-color: #fff; border-radius:5px; box-shadow: 0 0 2px rgba(0,0,0,0.2); border-bottom:2px solid #23519b  }
header nav.mainMemnu a.checked {   }
header nav.mainMemnu a ion-icon,header nav.mainMemnu a i { display:block; color:rgb(113, 133, 166); font-size:25pt; margin:auto; margin-bottom:5px;  }

header nav.mainMemnu a:hover, header nav.mainMemnu a.checked { color:#fff; background-color:#23519b; }
header nav.mainMemnu a:hover ion-icon,header nav.mainMemnu a:hover i, header nav.mainMemnu a.checked ion-icon, header nav.mainMemnu a.checked i  { color:#fff; } */


/* main menu 2 */
nav.mainMemnu2 { background-color: #222; display:table; padding:7px 0; width:100%; }
nav.mainMemnu2 a { display:inline-table; padding:0 15px; border-right:1px solid rgba(255,255,255,0.2); font-size:11pt; color:#fff; }
nav.mainMemnu2 a ion-icon { transform: translateY(2px); }

/* main menu 3 */
nav.mainMemnu3 { background-color: #0f2952; display:table; width:100%; }
nav.mainMemnu3 a { display:inline-table; padding:10px 15px; border-right:1px solid rgba(255,255,255,0.1); border-left:1px solid rgba(0,0,0,0.9); font-size:12pt; color:#fff; }
nav.mainMemnu3 a ion-icon { transform: translateY(2px); }



h2.title { font-size:16pt; padding:5px; color:#fff; font-weight: bold; background-color: transparent !important; color:#111; border-bottom:2px solid #d32f31  }
h2.title i { transform:translateY(4px); background-color: #a12124; color:#fff; padding:4px; border-radius: 50%; font-size: 14pt; }

/* marquee */
.marquee { display: flex;  margin-bottom: 10px;  }
.marquee div.title { width:42px; text-align: center; font-weight: 600; background-color: #a12124; display:flex; justify-content: center; align-items: center; padding:12px 0; color:#fff; position:relative }
.marquee div.title i { font-size:14pt; }
.marquee div.title text { position:absolute; top:1px; left:5px; background:#e82022; line-height: 12px; font-size:9pt; border-radius:20px; width:15px; padding:3px 0;}

.marquee .marq { position: relative; width:1060px; overflow:hidden; white-space: nowrap; background-color: #222; padding:6.5px 10px; flex:1; } 
.marquee .marq div { animation: cssmarquee 15s linear infinite; transform:translateX(0); padding:4px 0 }
.marquee .marq div:hover { animation-play-state: paused; }
.marquee .marq a { display:inline-table; width:250px; padding:0 10px; border-left:1px solid #aaa }
.marquee .marq a:hover { color:#999 }
.marquee .marq a b { display:inline-table; font-size:11pt; font-weight: bold; color:#df2424; margin-left:5px; }
.marquee .marq a text { font-size:10pt; white-space: nowrap; color:#fff }
@keyframes cssmarquee {
    0% {
    transform: translateX(0);
    }
    100% {
    transform: translateX(100%);
    }
}

/* Main Effect */
.mainEffect { display:flex; justify-content:space-between; gap:10px; border-bottom:1px solid #ddd; padding-bottom:20px; }
.mainEffect .mainEffectBox { display:flex; flex:1;gap:5px; border:1px solid #ddd; padding:5px;  }
.mainEffect .mainEffectBox.catInside { gap:15px; padding:15px; }
.mainEffect .mainEffectBox div.text { width:280px; background-color: #ffffff; padding:6px 10px; }
.mainEffect .mainEffectBox div.text h1 { font-size:16pt; font-weight: 700; margin-bottom:10px; }
.mainEffect .mainEffectBox div.text p { font-size:12pt; color:#555 }
.mainEffect .mainEffectBox .img { flex:1; height:100%; }
.mainEffect .mainEffectBox .img a { display:block; height:100%; }
.mainEffect .mainEffectBox .img img { width:100%; aspect-ratio: 16/9; object-fit: cover; }


/* .mainEffect .mainEffectBox div { flex:1; }
.mainEffect .mainEffectBox div img { width:100%; height:382px; object-fit: cover; }

/* .mainEffect .mainEffectBox div:last-child { flex:0.5; }
.mainEffect .mainEffectBox div:last-child img { aspect-ratio:0.7; }
.mainEffect .mainEffectBox div:last-child b { width:80px }
.mainEffect .mainEffectBox div:last-child p { overflow:hidden; height:47px; }
.mainEffect .mainEffectBox div:last-child h2 { overflow:hidden;  height:43px; } */

/* .mainEffect .mainEffectBox div r { position:absolute; display:block; bottom:0; background-color: rgba(0,0,0,0.8); padding:10px 0; width:100%; display:flex; flex-direction: row; align-items: center; color:#fff; }
.mainEffect .mainEffectBox div b { display:block; width:110px; text-align:left; padding-left:10px; font-size:9pt; border-left: 3px solid #d42323; margin-left:10px; }
.mainEffect .mainEffectBox div h2 { font-size:11pt; margin:6px 0; font-weight:bold; flex:1; }
.mainEffect .mainEffectBox div p { color:#777; font-size:11pt; margin-top:10px; display:none; } */ */

.mainEffect .effectAd { max-width:320px; display:flex; flex-direction: column; gap:10px; justify-content: space-between; padding:3px; background-color: #ddd; }
.mainEffect .effectAd iframe { width:100%; max-height:100%; flex:1 }
.mainEffect .effectAd a { flex:1; }
.mainEffect .effectAd img { object-fit: cover; height:100%; width:100%; }

.liveBox { display:flex; background-color: #fff; position:relative; }
.liveBox b { padding:2px 8px; background-color: #e82022; color:#fff; position:absolute; left:0; top:0; font-size: 11pt; }
.liveBox video { flex:1; aspect-ratio: 16/9; background-color: #000; width:100%; object-fit: cover; }

.liveBox .adBox.adType3 iframe { display:block }
/* section 2 */
.section2 { border-bottom:1px solid #ddd; padding-bottom:20px; padding-top:20px; }
.section2 div { display:flex; justify-content: space-evenly; gap:10px; }
.section2.todaysNews div { display:flex; flex-wrap: wrap; justify-content:start; gap:1%; }
.section2 a { flex:1; position: relative;}
.section2.todaysNews div a {  flex:none; width:19.1%; margin-bottom:2%; }
.section2 a img { width:100%; aspect-ratio:1.6; object-fit: cover;  }
.section2 a h2 { font-weight: bold; font-size:12pt; margin-top:4px; margin-bottom:5px; }
.section2 a h3 { position:absolute; right:0; top:100px; background-color: #195dd2; color:#fff; padding:2px 8px; font-size:9.5pt; }
.section2 a p { color:#666 }

h3.titles { border-bottom:2px solid #d32f32; display:flex; align-items: center; margin-bottom:15px; padding:0 0 10px 20px; gap:5px; font-size:18pt; font-weight: 400; }
h3.titles i { color:#fff; background-color: #d32f32; padding:5px; font-size: 12pt; border-radius:50px; }

/* section 3 */
.section3 { margin-top:10px; display:flex; justify-content: space-evenly; gap:10px }
.section3 div.split { flex:1; padding-top:10px; }
.section3 div.split:nth-child(2) { flex:1; padding-top:10px; }
.section3 .titles { margin-bottom:0 }

.splitBox { padding:10px; border:1px solid #ddd; }
.splitBox a:nth-child(1) { display: block; padding:0; padding-bottom:10px; border:0;  }
.splitBox a:nth-child(1) img { width:100%; aspect-ratio:2; float:none }
.splitBox a:nth-child(1) h2 { font-size:14pt;  margin-top:5px; }

.splitBox a { display:table; width:100%; border-top:1px solid #ddd; padding:10px 0; }
.splitBox a img { float:right; width:150px; aspect-ratio:1.6; object-fit: cover; margin-left:10px; }
.splitBox a h2 { font-size:12pt; font-weight:bold;}
.splitBox a p { color:#777; margin-top:5px; }
.splitBox a date { font-size:9pt; color:#999 }


/* section 4 */
.section4 { border:1px solid #ddd; margin-top:20px; }
.section4 div { padding:10px; display:flex; justify-content: space-evenly; gap:10px }
.section4 div a { flex:1  }
.section4 div a img { width:100%; aspect-ratio:1.6; object-fit: cover; }
.section4 div a h2 { font-size:12pt; font-weight:bold; margin-top:5px; }
.section4 div a p { color:#777; margin-top:5px; }

/* section 5 */
.section5 { display:flex; justify-content:flex-start; gap:10px; }
.section5 div.split { flex:1; }
.section5 div.split:nth-child(2) { flex:0.6;  }

.section5 .splitBox { padding:0; margin-top:15px; }
.section5 .splitBox div { padding:5px; }
.section5 .splitBox div a:nth-child(1) img { width:100%; aspect-ratio: 1.8; object-fit: cover; }
.section5 .splitBox div a img { width:100px; aspect-ratio: 1.6; }
.section5 .splitBox div a h2 { font-weight: normal; }


/* section 6 */
.section6 { display:flex; justify-content:flex-start; gap:1%; flex-wrap: wrap; }
.section6 .main {  background-color: #222; margin-top:10px; width:32.6% }
.section6 .main img { width:100%; aspect-ratio:16/10; object-fit: cover; }
.section6 .main h2 { padding:5px; font-size:11pt; background-color:#eee }

.section6 .slideImg { display:table; width:100%; background-color: #eee; margin-top:10px; }
.section6 .slideImg img { float:right; width:208px; aspect-ratio: 1.5; margin-left:10px; object-fit: cover; }
.section6 .slideImg h2 { font-weight: bold; font-size:14pt; margin-top:10px; }

footer { min-height:400px; background-color: #293541; margin-top:20px; }
footer .mainWidth { display:flex; justify-content:space-between; align-items: flex-start; gap:20px; padding:20px 0; }


footer .mainWidth .info { flex:1.5; margin-top:30px; }
footer .mainWidth .info img { width:120px; margin:auto; margin-bottom:10px; }
footer .mainWidth .info text { text-align:center; display:block; color:#fff; font-size:10pt; padding:1px 0; }
footer .mainWidth .terms { display:table; flex:1;  }
footer .mainWidth .terms a { display:flex; color:#ddd; font-size:10pt; padding:2px 0; }
footer .mainWidth .terms a:hover { color:#fff }
footer .mainWidth .terms h2 { font-size:14pt; margin-right:20px; color:#fff; margin-bottom:20px; }
footer .mainWidth .terms a i { color:#41a70a; font-size:14pt; }

footer .copyright { text-align: center; background:#374654; padding:5px 0; color:#ccc }

.breadcrumbs{ display:flex; align-items: center; border-bottom:1px solid #ddd; margin-bottom:10px; padding:10px; background-color: #f1f1f1;}
.breadcrumbs a{ font-size:11pt; font-weight: bold; color:#999 }
.breadcrumbs a:link, .breadcrumbs a:active,.breadcrumbs a:visited { color:#195dd2 }
.breadcrumbs i { font-size:13pt; padding:0 5px; color:#999 }

.inside { display:flex;}
.inside .ins { flex:1; }
.inside .ins.left { flex:none; width:390px; }

.inside .ins.right { padding-left:15px;  }
.inside .ins.right a.art { display:flex; align-items: center; padding:15px 0; border-bottom:1px solid #ddd; padding-left:10px; }
.inside .ins.right a.art img { width:200px; aspect-ratio: 1.4;  float:right; margin-left:10px; object-fit: cover; }
.inside .ins.right a.art h2 { font-weight: bold; font-size:14pt; margin-bottom:10px; }

.page { width:700px; display:block; margin-top:20px; }
.page a { display:inline-block; width:40px; font-size:11pt; padding:5px 0; box-shadow:0 0 5px rgba(0,0,0,0.1); text-align: center; margin:3px; background-color: #fff; }
.page a.checked { background-color: #195dd2; color:#fff; }

.articleSection { border:1px solid #eee; padding:10px; }
.articleSection h1 { font-size:22pt; font-weight:800; padding-bottom:10px; }
.articleSection .artInfo { background-color: #eee; margin-top:15px; padding:4px 10px ; color:#555 }
.articleSection .fullArticle { margin-top:10px; font-size:12pt; }
.articleSection .fullArticle * { font-size:12pt; color:#444; font-weight:400; line-height:180% }
.articleSection .fullArticle img, .articleSection .fullArticle iframe  { margin:10px 0; }

.leftSection .splitBox { border:0; border:1px solid #eee; }
.leftSection .splitBox a:nth-child(1) h2 { font-weight:bold !important; font-size:12pt; }
.leftSection .splitBox h2 { font-weight: normal; font-size:11pt; }
.leftSection .splitBox img { width:110px; }
.leftSection .splitBox p { display:none; }

@media screen and (max-width:1420px) {
    .floadAds { display:none; }
}

.floadAds { position:fixed;  z-index:5; top:10px; right:0; background-color: #eee; }
.floadAds .adBox { display:table; margin:auto; }
.floadAds.left { right:auto; left:0; }
.floadAds a.close { cursor:pointer; background-color: #000; display:block; color:#fff; text-align: center; padding:5px; font-size:9pt; }
.floadAds a.close:hover { opacity:0.8 }

.floadAds .adType4 #videoPlayer {  width:400px !important; aspect-ratio: 16/9; }

.adsBox {  margin-bottom:10px; }
.adsBox .adBox { display:block; padding:3px; background-color: #ddd; }
.adsBox .adBox iframe { margin:0; padding:0; width:100%; margin-bottom:-5px; }

.section4 div.related { flex-wrap: wrap; }
.section4 div.related a { width:32% }

.adsWeatherBox { display:flex; flex-direction:column; gap:10px; width:312px; }
.weatherBox { display:flex; gap:5px; }
.weatherBox div { display:flex; align-items: center; flex-direction:column; flex:1; border:1px solid #f1f1f1; padding:10px; }
.weatherBox div i { font-size:30pt; color:#666 }
.weatherBox div span { font-size:14pt; color:#555; font-weight: 800; }
.weatherBox div text { font-size:8pt; color:#555; font-weight: 800; }

.currencyBox { display:flex; align-items: center; gap:5px; }
.currencyBox div { border-radius: 5px; padding:0 10px !important; text-align: center; display:flex; flex-direction: column; background-color: #f5f5f5; }
.currencyBox div text { font-weight: 400; font-size:10pt; color:#555 }
.currencyBox div span  { display:flex; justify-content: center; font-weight: 800; font-size: 11pt; align-items: center; color:#41a70a }
.currencyBox div span ion-icon { font-size: 8pt; }
.currencyBox div.down span { color:#e82022 }
/* .currencyBox div  { flex:1; text-align: center; } */

.leftAdIn { display:flex; flex-direction: column; gap:10px; justify-content:center; align-items: center; margin-bottom:10px; }

.spAdInsideArticle { max-width:100%; }
.spAdInsideArticle * { max-width:100%; }


.videoBox { border:1px solid #ddd; background-color: #273044; padding:10px;}
.videoBox .videoBoxIn { display:flex; gap:10px; }
.videoBox .videoBoxIn .right { flex:1; display:flex; gap:1.2%; }
.videoBox .videoBoxIn .right a { cursor: pointer; }
.videoBox .videoBoxIn .right .first { width:30%; display:flex; }
.videoBox .videoBoxIn .right .first a { flex:1; }
.videoBox .videoBoxIn .right .first a img { flex:1; }
.videoBox .videoBoxIn .right .sec { display:flex; gap:2%; flex-wrap: wrap; flex:1; }
.videoBox .videoBoxIn .right a { position:relative; width:32%; background-color: #dbdee6; display:flex; flex-direction: column; justify-content: center; align-items: center; }
.videoBox .videoBoxIn .right a:hover span.material-symbols-outlined{ background-color: #a12124; }
.videoBox .videoBoxIn .right a img { object-fit: cover; width:100%; aspect-ratio:16/16; }
.videoBox .videoBoxIn .right a span.material-symbols-outlined { position:absolute; background-color: #54575f; border-radius: 50%; padding:4px; color:#fff; }
.videoBox .videoBoxIn .right a h3 { width:100%; color:#111; font-size: 9pt; padding:10px; text-align: right; font-weight: 400; }
/* .videoBox .videoBoxIn .right a:nth-child(-n + 3) { margin-top:0; }   */

.videoBox .videoBoxIn .right a.ck h3 { background-color: #d32f31; color:#fff; }

.videoBox .videoBoxIn .left { width:460px; position:relative; display:flex; justify-content: center; align-items: center; }
.videoBox .videoBoxIn .left .playIcon { position:absolute; z-index:3; cursor: pointer; }
.videoBox .videoBoxIn .left .playIcon:hover span { background-color: #a12124; }
.videoBox .videoBoxIn .left .playIcon span { padding:6px; font-size: 26pt; border-radius: 50%; background-color: rgba(84, 87, 95, 0.8); color:#fff; }
.videoBox .videoBoxIn .left h3 { position:absolute; bottom:0; background-color: #dbdee6; font-size: 11pt; z-index:2; padding:10px; width:100%; }
.videoBox .videoBoxIn .left video { width:100%; height: 430px; z-index:1; background-color: #000; }

/* .videoBox .videoBoxIn .left video::-webkit-media-controls { display:none; }
.videoBox .videoBoxIn .left.playing video::-webkit-media-controls { display:block !important; } */

.videoBox .videoBoxIn .left.playing .playIcon span { display:none; }
.videoBox .videoBoxIn .left.playing h3 { display:none; }

.catMainBox img { width:100%; height:300px;  object-fit: cover; }
.catMainBox b { color:#888; font-size: 10pt; margin-bottom:10px; display:block; }
.catMainBox h2 { font-size: 16pt; font-weight: 800; margin-top:10px; }

.mainEffectBox.catInside p { font-size: 12pt; color:#777 }