@font-face {
	font-family: alarabiya;
	src: url(fonts/alarabiyaBoutros2020-Bold.woff2) format("woff2"), url(fonts/alarabiyaBoutros2020-Bold.woff) format("woff");
	font-style: normal;
	font-weight: 500;
	font-display: swap
}
@font-face {
	font-family: alarabiya;
	src: url(fonts/alarabiyaBoutros2020-ExtraBold.woff2) format("woff2"), url(fonts/alarabiyaBoutros2020-ExtraBold.woff) format("woff");
	font-style: normal;
	font-weight: 700;
	font-display: swap
}
@font-face {
	font-family: alarabiya;
	src: url(fonts/alarabiyaBoutros2020-Light.woff2) format("woff2"), url(fonts/alarabiyaBoutros2020-Light.woff) format("woff");
	font-style: normal;
	font-weight: 300;
	font-display: swap
}
@font-face {
	font-family: alarabiya;
	src: url(fonts/alarabiyaBoutros2020-Regular.woff2) format("woff2"), url(fonts/alarabiyaBoutros2020-Regular.woff) format("woff");
	font-style: normal;
	font-weight: 400;
	font-display: swap
}

    .first-menue a { padding-right: 5px !important;}
	.mtop20 { margin-top: 20px; }
	.mtop45 { margin-top: 45px; }

    .second-main {  border-top: 1px solid #ccc; padding-top: 10px}

	.weather { text-align: left;}	
	.site-date { text-align: center;}


	.hideondark, .showondark {cursor: pointer;}


	.top-header { background-color: #efefef; width:100%; height: 35px; overflow: hidden;}	
	.info-links { text-align: right; float: right;}
	.site-date { font-family: alarabiya; color:#333; font-size: 18px; padding-top: 5px; text-align: right; margin-right: 5px;}
	.info-links a { display: inline-block; padding-left: 10px; font-family: alarabiya; color:#333; font-size: 18px; border-left: 1px solid #fff;}
	
	.social-box a {
		
		
	 color: #333;
    font-size: 23px;
    display: inline-block;
    padding-right: 10px;
    padding-top: 0px;
	}

.wsmainfull{
background-color: #FFF;
box-shadow: 0 0 20px rgba(0, 0, 0, .3);


}

body {
  background-color: #fff;
}

/*------------------ First Style Main Story ----------------------*/


	.main-story-1 { position: relative; overflow: hidden}
	.main-story-1 .title { direction: rtl; position: absolute; height: 25%;bottom: 0px; width:100%; text-align: right;    background-color: #272d3b; padding-right: 15px; opacity: 0.8 }
	.main-story-1 a { color:#fff; font-family: alarabiya; font-size: 30px; font-weight: bold; z-index: 100}
	.main-story-1 .title span { position: absolute;  width:100%; right: 0; padding: 15px; opacity: 1;z-index: 90;padding-left: 70px;}
	.main-story-1 img { width:100%; height: 450px;    }
	.main-story-1 img { 
    transition: transform .5s ease;	
	}
	
	.main-story-1:hover img {
	  transform: scale(1.2);
	}	
	
	
	
	.main-story-sub-1{margin-bottom: 20px;  overflow: hidden; width:100%}
	.main-story-sub-1 .title {direction: rtl;  height: 50%;bottom: 0px; width:100%; text-align: right; padding-left: 15px;  }
	.main-story-sub-1 a { color:#000; font-family: alarabiya; font-size: 22px; font-weight: bold;}
	.main-story-sub-1 .title span { bottom: 10%; width:100%; right: 0; overflow-wrap: break-word;}
	.main-story-sub-1 img { width:135px; height: 97px; float: right; margin-left: 10px; border-radius: 4px;}

	.main-story-sub-1:nth-child(4){margin-bottom: 0px !important;}

	


/*------------------ First Style Main Story ----------------------*/



/*------------------ Second Style Main Story ----------------------*/


	.main-story-2 { position: relative;   overflow: hidden; border-top-right-radius: 8px;border-bottom-right-radius: 8px; margin-right: 10px;}
	.main-story-2 .title { direction: rtl; position: absolute; height: 50%;bottom: 0px; width:100%; text-align: center; padding: 15px;     background: linear-gradient(1turn, #000, transparent 79.56%); }
	.main-story-2 a { color:#fff; font-family: alarabiya; font-size: 35px; font-weight: bold;}
	.main-story-2 .title span { position: absolute; bottom: 10%; width:100%; right: 0;}
	.main-story-2 img { width:100%; height: 350px;  }
	.main-story-2 img {
    transition: transform .5s ease;	
	}
	
	.main-story-2:hover img {
	  transform: scale(1.2);
	}	
	
	
	
	.main-story-sub-2{position: relative;  overflow: hidden}
	.main-story-sub-2 .title {direction: rtl; position: absolute; height: 50%;bottom: 0px; width:100%; text-align: center; padding: 15px; background: linear-gradient(1turn, #000, transparent 79.56%); }
	.main-story-sub-2 a { color:#fff; font-family: alarabiya; font-size: 22px; font-weight: bold;}
	.main-story-sub-2 .title span { position: absolute; bottom: 10%; width:100%; right: 0; overflow-wrap: break-word;}
	.main-story-sub-2 img { width:100%; height: 175px; }
	.main-story-sub-2 img {
    transition: transform .5s ease;	
	}
	
	.main-story-sub-2:hover img {
	  transform: scale(1.2);
	}	

	#sub-2{ border-top-left-radius: 8px; margin-left: 5px;  }
	#sub-4{ border-bottom-left-radius: 8px;  margin-left: 5px;}




/*---------------------- Top Stories  -------------------------*/


	.top-news { padding: 5px;}
	.top-news img {width:100px; height: 85px; border-radius: 4px; float: right; margin-left: 10px; border:1px solid #ccc;}
	.top-news .title { font-family: alarabiya; font-size: 17px; font-weight: bold; text-align: right; direction: rtl;}
	.top-news .title a { color:#000;}



.headerwp {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px;
  min-width: 320px;
}

.topbarbg {
  width: 100%;
  display: block;
  min-height: 60px;
  padding-top: 0px;

  box-shadow: 0 0 20px rgba(0, 0, 0, .3);
	background-color: #2b73b9;
	background-image: url(../images/bg-1.jpg);
	background-size: cover;
}

.desktoplogo {
/*  padding: 17px 0px;*/
  margin: 0 auto;
  text-align: right;
	margin-right: 5px;
	margin-top: 10px;
	margin-bottom: 10px
}

/*Swicher CSS*/

.swichermainbx {
  max-width: 1210px;
  margin: 200px auto 0px auto;
}

.swichermainleft {
  width: 50%;
  float: left;
  margin-bottom: 25px;
}

.swichermainright {
  width: 50%;
  float: left;
  margin-bottom: 25px;
}

.swichertxt {
  width: 100%;
}

.swichertxt02 {
  font-size: 15px;
  margin-bottom: 15px;
}

.wscolorcode:hover {
  color: #fff;
  text-decoration: none;
}

.wscolorcode {
  width: 12.5%;
  margin: 0px;
  color: #fff;
  float: left;
  padding: 4px 12px 4px 12px;
  margin: 0px;
  height: 30px;
  line-height: 22px;
  background-color: #333;
  font-size: 13px;
  text-transform: uppercase;
  text-align: center;
  border-bottom: solid 2px #fff;
}

.wscolorcode.cblack {
  width: 16.66%;
}

.wscolorcode.active {
  border-bottom: solid 2px #333;
  opacity: 1;
}

.wscolorcode.cblack.active {
  border-bottom: solid 2px #da4b38;
  opacity: 1;
}

.wscolorcode i {
  font-size: 15px;
  color: #fff;
}

.wscolorcode.cblue {
  background-color: #1991eb;
}

.wscolorcode.corange {
  background-color: #fb872b;
}

.wscolorcode.cred {
  background-color: #d7412e;
}

.wscolorcode.cpink {
  background-color: #eb65a0;
}

.wscolorcode.cgreen {
  background-color: #80c133;
}

.wscolorcode.cpurple {
  background-color: #967ADC;
}

.wscolorcode.cgry {
  background-color: #ccc;
}

.wscolorcode.cyellow {
  background-color: #ffd452;
}

.wscolorcode.grd-green {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#49c4a4), to(#97b832));
  background: -webkit-linear-gradient(left, #49c4a4, #97b832);
  background: -moz-linear-gradient(left, #49c4a4, #97b832);
  background: -o-linear-gradient(left, #49c4a4, #97b832);
  background: -ms-linear-gradient(left, #49c4a4, #97b832);
  background: linear-gradient(left, #49c4a4, #97b832);
  background-color: #49c4a4;
}

.wscolorcode.grd-blue {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#31c8b1), to(#4ec7ff));
  background: -webkit-linear-gradient(left, #31c8b1, #4ec7ff);
  background: -moz-linear-gradient(left, #31c8b1, #4ec7ff);
  background: -o-linear-gradient(left, #31c8b1, #4ec7ff);
  background: -ms-linear-gradient(left, #31c8b1, #4ec7ff);
  background: linear-gradient(left, #31c8b1, #4ec7ff);
  background-color: #4ec7ff;
}

.wscolorcode.grd-red {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d90647), to(#eb402c));
  background: -webkit-linear-gradient(left, #d90647, #eb402c);
  background: -moz-linear-gradient(left, #d90647, #eb402c);
  background: -o-linear-gradient(left, #d90647, #eb402c);
  background: -ms-linear-gradient(left, #d90647, #eb402c);
  background: linear-gradient(left, #d90647, #eb402c);
  background-color: #d90647;
}

.wscolorcode.grd-light-green {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#29bb92), to(#69cbb0));
  background: -webkit-linear-gradient(left, #29bb92, #69cbb0);
  background: -moz-linear-gradient(left, #29bb92, #69cbb0);
  background: -o-linear-gradient(left, #29bb92, #69cbb0);
  background: -ms-linear-gradient(left, #29bb92, #69cbb0);
  background: linear-gradient(left, #29bb92, #69cbb0);
  background-color: #29bb92;
}

.wscolorcode.grd-pink {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c659a7), to(#fd67a0));
  background: -webkit-linear-gradient(left, #c659a7, #fd67a0);
  background: -moz-linear-gradient(left, #c659a7, #fd67a0);
  background: -o-linear-gradient(left, #c659a7, #fd67a0);
  background: -ms-linear-gradient(left, #c659a7, #fd67a0);
  background: linear-gradient(left, #c659a7, #fd67a0);
  background-color: #cc48d4;
}

.wscolorcode.grd-orange {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff5183), to(#ff754b));
  background: -webkit-linear-gradient(left, #ff5183, #ff754b);
  background: -moz-linear-gradient(left, #ff5183, #ff754b);
  background: -o-linear-gradient(left, #ff5183, #ff754b);
  background: -ms-linear-gradient(left, #ff5183, #ff754b);
  background: linear-gradient(left, #ff5183, #ff754b);
  background-color: #ff5183;
}

.wscolorcode.grd-black {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#383d41), to(#5d6069));
  background: -webkit-linear-gradient(left, #383d41, #5d6069);
  background: -moz-linear-gradient(left, #383d41, #5d6069);
  background: -o-linear-gradient(left, #383d41, #5d6069);
  background: -ms-linear-gradient(left, #383d41, #5d6069);
  background: linear-gradient(left, #383d41, #5d6069);
  background-color: #5d6069;
}

.wscolorcode.grd-gry {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cccccc), to(#e4e4e4));
  background: -webkit-linear-gradient(left, #cccccc, #e4e4e4);
  background: -moz-linear-gradient(left, #cccccc, #e4e4e4);
  background: -o-linear-gradient(left, #cccccc, #e4e4e4);
  background: -ms-linear-gradient(left, #cccccc, #e4e4e4);
  background: linear-gradient(left, #cccccc, #e4e4e4);
  background-color: #cccccc;
}

@media only screen and (min-width: 230px) and (max-width:991px) {
  .desktoplogo {
    display: none;
  }

  .topbarbg {
    background: none;
    box-shadow: none;
  }

  .swichermainbx {

  }

  .swichermainleft {
    width: 98%;
    margin: 1% 1%;
  }

  .swichermainright {
    width: 98%;
    margin: 1% 1%;
  }

  .wscolorcode {
    width: 12.5%;
  }

  .swichertxt {
    display: none;
  }

  .swichertxt02 span {
    display: none;
  }
}




.swichermainbx {

}

.swichermainleft {
  width: 50%;
  float: left;
  margin-bottom: 25px;
}

.swichermainright {
  width: 50%;
  float: left;
  margin-bottom: 25px;
}

.swichermainright.swichertxt {
  width: 100%;
  float: none;
  margin-bottom: 25px;
}

.swichertxt02 {
  font-size: 15px;
  margin-bottom: 15px;
  color: #fff;
}

.wscolorcode:hover {
  color: #fff;
  text-decoration: none;
}

.wscolorcode {
  width: 12.5%;
  margin: 0px;
  color: #fff;
  float: left;
  padding: 4px 12px 4px 12px;
  margin: 0px;
  height: 30px;
  line-height: 22px;
  background-color: #333;
  font-size: 13px;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
}

.wscolorcode.cblack {
  width: 16.66%;
}

.wscolorcode.active {
  border-bottom: solid 2px #333;
  opacity: 1;
}

.wscolorcode.cblack.active {
  border-bottom: solid 2px #da4b38;
  opacity: 1;
}

.wscolorcode i {
  font-size: 15px;
  color: #fff;
}

.wscolorcode.cblue {
  background-color: #1991eb;
}

.wscolorcode.corange {
  background-color: #fb872b;
}

.wscolorcode.cred {
  background-color: #d7412e;
}

.wscolorcode.cpink {
  background-color: #eb65a0;
}

.wscolorcode.cgreen {
  background-color: #80c133;
}

.wscolorcode.cpurple {
  background-color: #967ADC;
}

.wscolorcode.cgry {
  background-color: #ccc;
}

.wscolorcode.cyellow {
  background-color: #ffd452;
}

.wscolorcode.grd-green {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#49c4a4), to(#97b832));
  background: -webkit-linear-gradient(left, #49c4a4, #97b832);
  background: -moz-linear-gradient(left, #49c4a4, #97b832);
  background: -o-linear-gradient(left, #49c4a4, #97b832);
  background: -ms-linear-gradient(left, #49c4a4, #97b832);
  background: linear-gradient(left, #49c4a4, #97b832);
  background-color: #49c4a4;
}

.wscolorcode.grd-blue {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#31c8b1), to(#4ec7ff));
  background: -webkit-linear-gradient(left, #31c8b1, #4ec7ff);
  background: -moz-linear-gradient(left, #31c8b1, #4ec7ff);
  background: -o-linear-gradient(left, #31c8b1, #4ec7ff);
  background: -ms-linear-gradient(left, #31c8b1, #4ec7ff);
  background: linear-gradient(left, #31c8b1, #4ec7ff);
  background-color: #4ec7ff;
}

.wscolorcode.grd-red {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d90647), to(#eb402c));
  background: -webkit-linear-gradient(left, #d90647, #eb402c);
  background: -moz-linear-gradient(left, #d90647, #eb402c);
  background: -o-linear-gradient(left, #d90647, #eb402c);
  background: -ms-linear-gradient(left, #d90647, #eb402c);
  background: linear-gradient(left, #d90647, #eb402c);
  background-color: #d90647;
}

.wscolorcode.grd-light-green {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#29bb92), to(#69cbb0));
  background: -webkit-linear-gradient(left, #29bb92, #69cbb0);
  background: -moz-linear-gradient(left, #29bb92, #69cbb0);
  background: -o-linear-gradient(left, #29bb92, #69cbb0);
  background: -ms-linear-gradient(left, #29bb92, #69cbb0);
  background: linear-gradient(left, #29bb92, #69cbb0);
  background-color: #29bb92;
}

.wscolorcode.grd-pink {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c659a7), to(#fd67a0));
  background: -webkit-linear-gradient(left, #c659a7, #fd67a0);
  background: -moz-linear-gradient(left, #c659a7, #fd67a0);
  background: -o-linear-gradient(left, #c659a7, #fd67a0);
  background: -ms-linear-gradient(left, #c659a7, #fd67a0);
  background: linear-gradient(left, #c659a7, #fd67a0);
  background-color: #cc48d4;
}

.wscolorcode.grd-orange {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff5183), to(#ff754b));
  background: -webkit-linear-gradient(left, #ff5183, #ff754b);
  background: -moz-linear-gradient(left, #ff5183, #ff754b);
  background: -o-linear-gradient(left, #ff5183, #ff754b);
  background: -ms-linear-gradient(left, #ff5183, #ff754b);
  background: linear-gradient(left, #ff5183, #ff754b);
  background-color: #ff5183;
}

.wscolorcode.grd-black {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#383d41), to(#5d6069));
  background: -webkit-linear-gradient(left, #383d41, #5d6069);
  background: -moz-linear-gradient(left, #383d41, #5d6069);
  background: -o-linear-gradient(left, #383d41, #5d6069);
  background: -ms-linear-gradient(left, #383d41, #5d6069);
  background: linear-gradient(left, #383d41, #5d6069);
  background-color: #5d6069;
}

.wscolorcode.grd-gry {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cccccc), to(#e4e4e4));
  background: -webkit-linear-gradient(left, #cccccc, #e4e4e4);
  background: -moz-linear-gradient(left, #cccccc, #e4e4e4);
  background: -o-linear-gradient(left, #cccccc, #e4e4e4);
  background: -ms-linear-gradient(left, #cccccc, #e4e4e4);
  background: linear-gradient(left, #cccccc, #e4e4e4);
  background-color: #cccccc;
}

@media only screen and (min-width: 230px) and (max-width:991px) {
  .swichermainbx {

  }

  .swichermainleft {
    width: 98%;
    margin: 1% 1%;
  }

  .swichermainright {
    width: 98%;
    margin: 1% 1%;
  }

  .wscolorcode {
    width: 12.5%;
  }

  .swichertxt {
    display: none;
  }

  .swichertxt02 span {
    display: none;
  }
}

/*---------------------------------------------------------*/
	.section-title { font-family: alarabiya; font-size: 25px; font-weight: bold;  padding-bottom: 5px;  width:100%; text-align: right;}
	.section-title a { color:#000; border-right: 10px solid#333; padding-right: 10px;}
	

	
	.more{
	color: #ccc;
    display: inline-block;
    cursor: default;
    max-width: 0px;
    width: 60px;
    opacity: 0;
    transition: max-width 1s, opacity 1s, transform 750ms, -webkit-transform 750ms, -moz-transform 750ms, -o-transform 750ms;	
		
	}
	
	
	.section-title:hover .more {
	color:  #ccc;
    display: inline-block;
    cursor: pointer;
    max-width: 350px;
    width: 60px;
    opacity: 1;
    transition: max-width 1s, opacity 1s, transform 750ms, -webkit-transform 750ms, -moz-transform 750ms, -o-transform 750ms;	
	transform: translate(-1vw,0px);
	}	
	
/*---------------------------------------------------------*/	
	.wide-box { padding: 12px;}
	.wide-box img { width:100%; border-radius: 8px; height: 145px; margin-bottom: 10px;}
	.wide-box .title { font-family: alarabiya; font-size: 18px; font-weight: bold; text-align: right; direction: rtl; height: 90px;}
	.wide-box a { color:#000;}
	.wide-box .home-date { text-align: right; font-size: 14px; color:#333;}


/*---------------------------------------------------------*/
	.big-image-3 { padding: 12px;}
	.big-image-3 img { width:100%; border-radius: 10px; height: 170px; margin-bottom: 10px; border:1px solid #ccc;}
	.big-image-3 .title { text-align: right; direction: rtl; font-family: alarabiya; font-size: 18px; font-weight: bold; height: 80px;}
	.big-image-3 .title a { color:#000;}
	
	
	.half-content:first-child .big-image-3 {  }
	.half-content:nth-child(2) .big-image-3 { }
	.half-content:first-child .title, .half-content:nth-child(2) .title { font-size: 20px;}


	.half-content:nth-child(3) .big-image-3 { margin-left: 10px; height: 100px;}
	.half-content:nth-child(4) .big-image-3 { margin-right: 10px;height: 100px;}	
	.half-content:nth-child(5) .big-image-3 { margin-left: 10px;height: 100px;}
	.half-content:nth-child(6) .big-image-3 { margin-right: 10px;height: 100px;}
	
	.half-content:nth-child(3) .big-image-3 img, .half-content:nth-child(4) .big-image-3 img, .half-content:nth-child(5) .big-image-3 img, .half-content:nth-child(6) .big-image-3 img { width:100px; height: 80px !important; margin-left: 10px; float: right; border-radius: 4px;}
		
	.right-brd {border-right: 1px solid #ccc}
	.fa-angle-left { font-size: 14px; margin-left: 10px; margin-right: 10px;}
/*---------------------------------------------------------*/

	.big-image { padding: 0px;overflow: hidden; margin-bottom: 10px;  }
	.big-image img {  width:100px;  height: 80px; float: right;  border-radius: 10px; margin-left: 10px; border:1px solid #ccc;}
	.big-image .title { text-align: right; direction: rtl; font-family: alarabiya; font-size: 17px; font-weight: bold; height: 78px; }
	.big-image .title a { color:#000; }	
	
	.big-image:nth-child(1) img { width:100%; height: 170px; margin-bottom: 10px; float: none; margin-left: 0px;}
	.big-image:nth-child(1) { margin-top: 20px; padding-bottom: 10px;}
	.big-image:nth-child(1) .title { font-size: 18px; font-weight: bold; height: 80px;}

	.big-image .home-date { font-size: 13px; color:#333; text-align: right;}


	.big-image-inside { padding: 0px;overflow: hidden; margin-bottom: 10px;  }
	.big-image-inside img {  width:100px;  height: 80px; float: right;  border-radius: 10px; margin-left: 10px; border:1px solid #ccc;}
	.big-image-inside .title { text-align: right; direction: rtl; font-family: alarabiya; font-size: 17px; font-weight: bold; }
	.big-image-inside.big-image-inside .title a { color:#000; }
	.big-image-inside .home-date { text-align: right;}

/*---------------------------------------------------------*/

	.video-bg { background-color: #efefef; border-radius: 10px;  padding: 15px; margin-top: 15px;margin-top: 20px; height: 125px;}	
	.owl-carousel .owl-item img { height: 200px; border-radius: 10px;}
	.video-news { position: relative;}
	.video-news .title { position: absolute;     direction: rtl;
    position: absolute;
    height: 50%;
    bottom: 0px;
    width: 100%;
    text-align: center;
    padding: 15px;
    background: linear-gradient(1turn, #000, transparent 79.56%);  border-radius: 10px;}
	.video-news .title a { color:#fff;}
	
	
	.video-news .title span {    position: absolute;
    bottom: 10%;
    width: 100%;
    right: 0; color:#fff;font-family: alarabiya; font-size: 16px; padding-left: 10px; padding-right: 10px; font-weight: bold }



	.white-box { background-color: #efefef; border-radius: 8px; padding: 15px; box-shadow: 0 0 20px rgba(0, 0, 0, .3);}
	.gray-bg { background-color: #efefef; padding: 15px; margin-top: 15px; border-radius: 10px;}	


/*------------------------------------------------------------*/


	.section-title-inner { font-family: alarabiya; font-size: 20px; font-weight: bold;  padding-bottom: 5px; border-bottom: 1px solid #ccc; width:100%; text-align: right;}
	.section-title-inner a { color:#000}


		
		.page-content { padding: 10px;}
		.page-content h1 { padding-top: 10px; font-family:alarabiya; font-size: 35px; text-align: right; direction: rtl; margin-bottom: 10px; padding-bottom: 10px; }
		.page-content .description { font-family:alarabiya; font-size: 24px; text-align:justify; direction: rtl; margin-bottom: 10px ; }
		.post-image { text-align: center;}
		.post-image img { width:95%; border-radius: 10px; margin-bottom: 20px;}
		.page-content .featured {}
		.page-content {}


.video-container {
  position: relative;
  padding-bottom: 56.25%;
  margin-top: 20px;
  margin-bottom: 20px;
  height: 0;
  overflow: hidden
}
.video-container embed, .video-container iframe, .video-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}		
		
		.photos{ width:99%; overflow: hidden;}
		.photos img { width:100%; border-radius: 10px;  margin-bottom: 20px;}	
		
		
		.keywords {
		padding-top: 15px;
		padding-bottom: 15px;
		overflow: hidden;
		}
		.keyword {
		width: auto;padding: 6px;float: right;margin-left: 10px;border-radius: 4px;background-color: #efefef; border:1px solid #ccc;}
		.keyword a {
		color: #000;}
		.keywords h2 {
		font-size: 24px!important;
		font-family: "Noto Naskh Arabic" !important;
		}			
	

.post-meta {
  overflow: hidden;
  padding-bottom: 10px;
	text-align: right;
}
.post-meta ul {
  margin: 0;
  padding: 0
}
.post-meta ul li a {
  color: #999
}
.post-meta ul li .fas {
  margin-left: 5px
}
.post-meta ul li {
  font-size: 13px;
  color: #999;
  font-weight: 700;
  overflow: hidden;
  margin-right: 10px;
  direction: rtl
}		


		.fontsize {text-align: center; width:40px; height: 100px; background-color: #efefef; border-radius: 4px; position: fixed; top:40%; right: 30px;}
		.pmore, .pless { font-size: 25px; display: block; width:40px; height: 40px; cursor: pointer;}

/*---------------------------------------------------------*/

	.footer-logo img { width:135px; overflow:hidden;}	
	.footer-logo { text-align: right; direction: rtl;}
	.social-footer { overflow: hidden; margin-bottom: 10px;}
	.social-footer a {	 
	color: #333;
    font-size: 23px;
    display: block;
	float: right;
    padding-right: 10px;
    padding-top: 0px;
	}
	
	.footer { margin-top: 45px; background-color: #efefef; padding: 20px; padding-top: 40px; box-shadow: 0 0 20px rgba(0, 0, 0, .3);}
	
	.footer-text {}
	.footer-text h2 { font-family: alarabiya; color:#333; font-size: 20px; text-align: right; border-bottom: 2px solid #000; padding-bottom: 10px;}
	
	.footer-text-content { list-style: none;}
	.footer-text-content li { font-family: alarabiya; color:#333; font-size: 20px; text-align: right; direction: rtl;}	
	
	.footer-links {}
	.footer-links li {font-family: alarabiya; color:#333; font-size: 20px; text-align: right; direction: rtl;}
	.footer-links li a { color: #333;}
	
	.copy-rights { font-family: alarabiya; color:#333; font-size: 20px; text-align: right;}

/*--------------------------------------------------*/
	.lightlogo { display: block}	
	.darklogo { display: none;}

	.dark-mobile { display: none}
	.light-mobile {display: none}


	.arrow-left-white { display: none;}

	body.dark { background-color: #2b3347;}
	body.dark a { color: #fff !important;}
	body.dark .wsmainfull {background-color: #2b3347;}
	body.dark .top-header {/* background-color: #000*/}	

	body.dark .lightlogo { display: none}
	body.dark .darklogo { display: block}
		
	body.dark .lightlogo { display: none}
	body.dark .darklogo { display: block}		
		
	body.dark .home-date { color: #efefef !important;}
	body.dark .info-links a, body.dark .social-box a { color:#fff !important}
		
	body.dark .footer { background-color: #2b3347 !important;}	

	body.light .hideondark{ display: none;}
	body.light .showondark{display: block;}
	body.dark .showondark{display: none;}
	body.dark .hideondark{display: block;}

	body.dark .writer-box .writer { color:#97b6c0;}

	body.dark .fa-angle-left { color: #fff;}

	body.dark .more-link::before { color:#8b8f9a}


	body.dark .wsmenu>.wsmenu-list>li>ul.sub-menu {
		background-color: #2b3347;

	}

	body.dark  .wsmenu>.wsmenu-list>li>ul.sub-menu>li:hover>a {
		background-color: #2b3347;
		color:#fff;
	}

	body.dark .footer-text h2, body.dark .footer-text-content li, body.dark .copy-rights {color:#fff;}

	body.dark .page-content h1, body.dark .description { color:#fff;}




	body.dark  .more-link-container a { display: block; width:100px;  background-color:#2b3347; border:1px solid #fff; padding: 5px; text-align: center; border:1px solid #fff; border-radius: 4px;  position:absolute; margin-right: 10px; height: 43px; font-family: alarabiya; color: #000; font-size: 22px; font-weight: bold; }

	body.dark .more-link a { color:#fff; background-color:#2b3347; }


	body.dark .arrow-left-white { display: inline-block; width:15px;}
	body.dark .arrow-left { display: none;}
	
	body.dark .light-mobile { background-color: #353d50;}
	body.dark .dark-mobile { background-color: #6a707e; color:#fff}
	body.dark .wsmenu>.wsmenu-list>li { background-color: #353d50;}
	body.dark .dark-light-title { color:#fff}


	body.dark .mobile-menu-scroll {  background-color: #353d50;}
	body.dark .wsmobileheader {background-color: #353d50; }


	body.dark .wsanimated-arrow span, body.dark .wsanimated-arrow span:before, body.dark .wsanimated-arrow span:after { background-color:#fff;}

	
	body.dark .section-title a { border-right: 10px solid #8b8f9a}

	body.dark .footer-lable { color:#fff;    border-left: 5px solid #ccc;}

	body.dark .border-top-bottom { background-color: #353d50}

	body.dark .wsmenu>.wsmenu-list { background-color: #353d50 }

	.border-top-bottom {  border-top:1px solid #ccc;}
    .mode-toogle { float: left; margin-left: 15px;}
	.mode-toogle img { width:75px; margin-top: 22px; margin-right: 15px;}



	.arrow-left, .arrow-left-white { width:15px;}

	.more-link-container { display: flex;}
	
	.more-link {
	position: relative;

    flex-grow: 1;
    height: 50px; /* Example height */

    text-align: center;
    padding: 10px;
		margin-left: 10px;
	}

	.more-link::before {
    content: '';
    position: absolute;
    top: 50%; /* Places the line in the middle vertically */
    left: 0;
    width: 100%;
    height: 1px; /* Line thickness */
    background-color: #ccc; /* Line color */
    transform: translateY(-50%);
}
	
	.more-link-container a { display: block; width:100px;  background-color: #fff; padding: 5px; text-align: center; border:1px solid #000; border-radius: 4px;  position:absolute; margin-right: 10px; height: 43px; font-family: alarabiya; color: #000; font-size: 22px; font-weight: bold; }
	
	.fa-chevron-left { font-size: 13px;}



	.writer-box { margin-top: 10px; overflow: hidden;}
	.writer-box img {width:90px; height: 90px; float: right; margin-left: 10px; border-radius: 4px; }
	.writer-box .title { font-family: alarabiya; font-size: 18px; font-weight: bold;text-align: right;}
	.writer-box a { color:#000;}
	.writer-box .writer {font-family: alarabiya; font-size: 18px; font-weight: bold; color:#AC0609; text-align: right; }


	.writer-image { width:150px;  float: right; padding: 10px; }
	.writer-image  img { width:100%; border-radius: 4px;}
	.writer-name { font-family:"Noto Naskh Arabic"; font-size: 15px; font-weight: bold; color:#A30003; text-align: center; padding: 5px;}

	.description img { max-width: 100%; border-radius: 10px; margin-bottom: 15px;}


	.reply { text-align: right;}
	.reply h2 { font-family: Alarabiya; font-size:25px; font-weight: bold; direction: rtl; background-color: #efefef; padding: 10px; border-radius: 4px;}
	
	.reply-post {  border:2px solid #333; border-radius: 4px; margin-bottom: 20px; padding: 15px;}
	.reply-post .title {    font-family: alarabiya;
    font-size: 30px; font-weight: bold;
    text-align: right;}
	.reply-post .reply-date { margin-bottom: 5px;} 
	
	.reply-post img { max-width:60%; border-radius: 4px; margin-left: auto; margin-right: auto; }
	.reply-post .description { font-family:"Noto Naskh Arabic"; font-size: 20px; text-align:justify; direction: rtl; margin-bottom: 10px ; font-weight: bold; }
		
/*--------------------------------------------------*/

.mode-toogle, .rightmenu, .live { display: none;}

.second-main {
				margin-right: 15px;
				margin-left: 10px;
	padding-top: 20px; margin-top: 25px;
}


.wsfixed .top-header {
					display: none;
				}
				
				.search-text {
					text-align: right;
					color: #000;
					font-weight: bold;
					padding: 10px !important;
				}
				
				.live {
					float: left; margin-left: 5px;
				}
				
				.live img {
					width: 65px;
					margin-top: 15px;
				}
				
				.search-box {
					margin-left: 15px;
				}
				/* Search Container */
				
				.search-container {
					position: relative;
					display: flex;
					align-items: center;
					width: auto;
					height: 60px;
					overflow: hidden;
				}
				/* Search Icon */
				
				.search-container .search-icon {
					width: 20px;
					height: 20px;
					cursor: pointer;
					transition: all 0.3s ease-in-out;
					margin-left: 15px;
					margin-top: 10px;
				}
				/* Input Field (Initially hidden) */
				
				.search-container .search-input {
					width: 0;
					padding: 10px;
					height: 40px;
					border: none;
					outline: none;
					transition: all 0.3s ease-in-out;
					opacity: 0;
					background-color: #f1f1f1;
					border-radius: 0 4px 4px 0;
					border: 1px solid #ccc;
					margin-top: 15px;
				}
				/* When search icon is clicked (show input field) */
				
				.search-container.active .search-input {
					width: 200px;
					/* Desired width when expanded */
					opacity: 1;
				}
				/* When search icon is clicked (hide the icon) */
				
				.search-container.active .search-icon {
					opacity: 0;
				}
				/* Close Icon (Initially hidden) */
				
				.search-container .close-icon {
					display: none;
					cursor: pointer;
					font-size: 20px;
					padding: 0 10px;
					color: #333;
					transition: all 0.3s ease-in-out;
					width: 43px;
					float: left;
					margin-left: 10px;
					margin-top: 15px;
				}
				/* When search icon is clicked (show input field) */
				
				.search-container.active .search-input {
					width: 200px;
					/* Desired width when expanded */
					opacity: 1;
				}
				/* When search icon is clicked (hide the search icon) */
				
				.search-container.active .search-icon {
					display: none;
				}
				/* When active, show the close (x) icon */
				
				.search-container.active .close-icon {
					display: block;
				}
/*-------------------------------*/
.search-mobile { display: none;}

.search-mobile .search-icon {
					width: 20px;
					height: 20px;
					cursor: pointer;
					transition: all 0.3s ease-in-out;
					margin-left: 65px;
					margin-top: 32px;
					float: left;
				}
				/* Input Field (Initially hidden) */
				
				.search-mobile .search-input {
					width: 0;
					padding: 10px;
					height: 45px;
					border: none;
					outline: none;
					transition: all 0.3s ease-in-out;
					opacity: 0;
					background-color: #f1f1f1;
					border-radius: 0 4px 4px 0;
					border: 1px solid #333;
					margin-top: 18px;
				}
				/* When search icon is clicked (show input field) */
				

				/* When search icon is clicked (hide the icon) */
				
				.search-mobile.active .search-icon {
					opacity: 0;
				}
				/* Close Icon (Initially hidden) */
				
				.search-mobile .close-icon {
					display: none;
					cursor: pointer;
					font-size: 20px;
					padding: 0 10px;
					color: #333;
					transition: all 0.3s ease-in-out;
					width: 43px;
					float: left;
					margin-left: 45px;
					margin-top: 28px;
				}
				/* When search icon is clicked (show input field) */
				
				.search-mobile.active .search-input {
					width: 180px;
					/* Desired width when expanded */
					opacity: 1;
				}
				/* When search icon is clicked (hide the search icon) */
				
				.search-mobile.active .search-icon {
					display: none;
				}
				/* When active, show the close (x) icon */
				
				.search-mobile.active .close-icon {
					display: block;
				}

	@media (min-width:992px) {
	.mode-toogle, .rightmenu, .live{ display: block;}
	}


	.dark-light-mobile { display: none !important}


/*------------------------ Footer --------------------------------*/

.breaking-news {
		background-color: #cd090c;
		height: 60px;
		padding: 10px;
		position: fixed;
		bottom: 0;
		width: 100%;
		z-index: 99999
	}
	
	.breaking-news a {
		display: inline-block;
		direction: rtl;
		font-family: Alarabiya;
		font-size: 30px;
		color: #fff;
		font-weight: bold;
	}
	
	.breaking-news img {
		width: 100px !important;
		padding: 5px;
	}					
					
					
					.footer-row {
						overflow: hidden;
						padding: 5px;
						margin-bottom: 15px;
					}
					
					.footer-lable {
						width: 120px;
						text-align: right;
						font-family: alarabiya;
						font-size: 22px;
						font-weight: bold;
						border-left: 5px solid #000;
						float: right;
					}
					
					.footer-lable-links {
						width: 80%;
						float: right;
						padding-right: 10px;
					}
					
					.footer-lable-links ul {
						list-style: none;
					}
					
					.footer-lable-links ul li {
						float: right;
						margin-left: 20px;
					}
					
					.footer-lable-links ul li {
						font-family: alarabiya;
						font-size: 20px;
						font-weight: normal;
						margin-bottom: 10px
					}
					
					.footer-lable-links ul li a {
						color: #000;
					}
					
					.footer-lable-links ul li a:hover {
						text-decoration: underline;
					}
					
					.nav-link {
						padding: 0px;
					}
					
					.copy-rights {
						text-align: center;
					}



	@media (max-width:767px) {
		

		
		.dark-light-mobile { display: block !important;}
		.dark-light-title { width:100%; color:#000; padding-bottom: 10px; text-align: right; font-family: alarabiya !important;  border:none; padding: 10px;}
		
		.dark-mobile, .light-mobile {cursor: pointer; display: block; width:50%; float: right; padding: 10px; }

		.dark-mobile { background-color: #efefef; color:#000; border:1px solid #333}
		.light-mobile { background-color: #000; color:#fff;border:1px solid #000}
		
		.first-menue a { padding-right: 30px !important;}
		
			.container-fluid {
			padding-right: 15px;
    		padding-left: 15px;}
		
		
		.wide-box, .big-image-3 { padding: 1px; margin-bottom: 20px;}
		
		.top-news { overflow: hidden; margin-bottom: 11px; padding-right: 10px; padding-left: 10px;}
		
		.second-main { padding-right: 5px; padding-left: 10px;}
		.top-news img { width:120px; height: 100px;}
		.top-news .title { font-size: 20px;}
		
		
		.wide-box .title { font-size: 24px; height: auto;}
		.big-image-3 .title { font-size: 20px;}
		.half-content:first-child .title, .half-content:nth-child(2) .title { font-size: 24px;}
		.half-content:nth-child(3) .big-image-3 img, .half-content:nth-child(4) .big-image-3 img, .half-content:nth-child(5) .big-image-3 img, .half-content:nth-child(6) .big-image-3 img { width:120px; height: 100px !important;}
		
		
		.big-image { margin-bottom: 20px;}
		.big-image .title { font-size: 20px;}
		.big-image img { width:120px; height: 100px; border-radius: 4px;}
		.big-image:nth-child(1) img { height: auto; border-radius: 8px;}
		.big-image:nth-child(1) .title { font-size: 20px;}
		
		
		
		

		
		
		.search-mobile { display: block;}
		.search-container { display: none;}
		
	.col-xl-20 {  flex: 0 0 100%; float: none; overflow: hidden; max-width: 100%}
		
	.wsmenu>.wsmenu-list>li>a { color:#000;}
	.wsmenu>.wsmenu-list>li { background-color: #f7f7f9;}
	.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a { padding-right: 10px !important;}
	.mode-toogle { display: none;}
	.wsmainwp { margin-top: 9px;}
	.royalSlider { height: 300px !important; margin-bottom: 20px}
		
	.swichermainbx { margin-top: 150px;}	
		
		
	.main-story-2 { border-radius: 8px; margin-bottom: 20px; margin-left: 15px; margin-right: 15px; }
	.main-story-2 img { height: auto;}
	.main-story-2 a { color:#fff; font-family: alarabiya; font-size: 20px; font-weight: bold;}

	.main-story-sub-2 { margin-bottom: 20px; margin-left: 15px; margin-right: 15px; border-radius: 8px; }
	.main-story-sub-2 img { height: auto;}
	.main-story-sub-2 a { color:#fff; font-family: alarabiya; font-size: 20px; font-weight: bold;}				
		
	.main-story-1 { margin-bottom: 20px;}
	.main-story-1 img { height: 300px;}
	.main-story-1 a { color:#fff; font-family: alarabiya; font-size: 20px; font-weight: bold;}

	.main-story-sub-1 { margin-bottom: 20px; margin-left: 10px; margin-right: 15px;}
	.main-story-sub-1 img { width:120px; height: 100px;}
	.main-story-sub-1 a { font-family: alarabiya; font-size: 20px; font-weight: bold;}
		
	#sub-2, #sub-4 {margin-left: 15px;margin-right: 15px;}
	
	.white-box { margin-left: 10px; margin-right: 10px; }
	
	.wide-box { margin-left: 10px; margin-right: 10px;}
	.wide-box img { height: auto !important;}
		
	.big-image-3 { margin-left: 10px; margin-right: 10px;}	
	.big-image-3 img {height: auto !important;}
		
		
	.rightmenu { display: none;}

		.footer-lable-links { width:100% !important;}
		.footer-lable-links ul li { width:100%; margin: 0px  !important; text-align: right;}
		
	
	}

@media (max-width: 991px) and (min-width: 768px) {
	
	.swichermainbx {     margin: 160px auto 0px auto;}
	
	.main-story-sub-1 img { width:110px; }
	.main-story-sub-1 a { font-size: 17px;}	
	
	.top-news img { width:70px; height: 65px;}
	.top-news .title { font-size: 11px;}
	
	.wide-box img { height: 100px}
	.wide-box .title { height: 150px}
	
	.custom-990 .col-xl-4 { width:33.333%}
	.custom-990 .col-xl-3 { width:25%}
	
	.big-image:nth-child(1) img { height: 115px}
	.big-image img { width:75px; height: 65px;}
	.big-image .title { font-size: 12px;}
	
	.half-content:nth-child(4) .big-image-3, .half-content:nth-child(6) .big-image-3 { margin-right: 0px;}
	

	
	
	
}


/* End COlor Swicher CSS */