@import url('https://fonts.googleapis.com/css?family=El+Messiri|Mirza');
 @import url('https://fonts.googleapis.com/css?family=Garamond|Amiri|Cairo|Changa|Harmattan|Tajawal|Monoton|Open+Sans|ZCOOL+XiaoWei&display=swap');
 
@import url('https://fonts.googleapis.com/css2?family=Noto+Naskh+English:wght@700&display=swap');
 @font-face
{
font-family: Janna Bold;
src: url('fonts/Janna-Bold.ttf'),
     url('fonts/Janna-Bold.woff'),
     url('fonts/Janna-Bold.eot'); /* IE9 */ 
}

 @font-face
{
font-family: Janna Regular;
src: url('fonts/Janna-Regular.ttf'),
     url('fonts/anna-Regular.woff'),
     url('fonts/anna-Regular.eot'); /* IE9 */ 
}


#Siz_col {color :#d3a018; font-size:20px; }

 body {
  padding: 0px;
  background-color: white;
  color: black;
   text-align:right;
 font-family: 'Garamond', sans-serif;
  overflow-x:hidden;
} 
   	
/* DARK MODE */

.dark-mode {
  background-color: #040940;
  color: white;
  
}
header .hamburger {

  color: #404040;
}
header .moon {
  font-size: 21px;
  color: #fff;
text-shadow: 5px 5px 2px #000;
  
}
.Dark button {
  border: 0;
  background: transparent;
}
.Dark button:focus {
  outline: none;
}
.dark-mode-button:active {
  font-size: 26px;
}
.dark-mode-button:focus {
  font-size: 0px;
}

/* fnish Dark */


 

.pag_list { 
      position: relative; top:20px;
    direction: rtl;
margin:auto;
     padding: 10px 0px 50px 0px;
    width:90%;
    height:auto;
    color: #00afef;
      
}
.pagination { z-index: 1000;
  display: inline-block;
   padding: 0px 0px 0px 0px;
   color: #00afef;

}

.pagination a {
  color: black;
  float: right;
  padding: 5px 9px 5px 9px;
  text-decoration: rtl;
}

.pagination a.active {
    float: right;
     text-decoration: rtl;
  background-color: #00afef;
  color: white;
  border-radius: 5px;
}

.pagination a:hover:not(.active) {
  background-color: #ddd;
  border-radius: 5px;
      float: right;
     text-decoration: rtl;
}

 .Titl_sub_cont { text-align: center; width:100%; padding:0px 0px 20px 0px; color: var(--text); }

.Titls {
 
margin:auto;
    width: 95% ;

    	text-align:center;
    	padding-top: 8px;
 
    background:;
}
.rounded{
top :0px;
position: relative ;
background: url('../imge/Digital/bk.png');
background-repeat: no-repeat;
direction:rtl;
width: 100%;
height :33px;
border-width:0px;
background-color: #000000;
}
.button_down  {
position:relative;
float :right;
top :0px;
width:70px ;
margin:auto;
right: 220px;
background:#030c37;
  border-top: 0px solid #D2D2D2;
  border-right:3px solid #fff;
  border-right: 1px solid #342C2C;
  border-bottom: 1px solid #D2D2D2;
}
.font_Titl_m {	 MARGIN: 0px 1px 0px 0px; FONT: bold 14pt/24px  'Garamond'; COLOR: #fff ;	    TEXT-DECORATION:
}
.font_Titl_m :active {
	 MARGIN: 0px 1px 0px 0px; FONT: bold 14pt/24px 'Garamond'; COLOR: #ff0000 ;	text-align:right;     TEXT-DECORATION:
}
   .gnrl {
   top :6px ;
   width: 100%;
position :relative ;
direction: rtl ;
}
 .gnrl2 {
   top :6px ;
   width: 100%;
position :relative ;
direction: rtl ;
}
.DV_l{
position : static;
top : 122px;
width : 100%;
float: center;
}
.DV_asd_ysar{
position : fixed ;
top : 5px;
width :300px ;
float: right;
}
.DV_asd_ymin{
position : fixed ;
top : 5px;
width :300px;
right:5px;
margin: right;
}

.br_{
position : relative ;
height:30px ;
}
.DV_br{
position : relative ;
height:10px ;
}

.under_logo{
  position:absolute;
  float:right; 
  right: 100px;
  top:66px;
  font-family: 'Garamond',sans-serif ; font-size:18px ;  color: #000; 
}
.png_logo {
    position :relative;
right: 70px;
 top :65px;
  }
.logo_web{
position : relative ;
right: 70px;
 top :65px;
  float: right;
background: url('') ;
background-repeat: repeat-x;
font-family: Janna Bold; font-size:17px ; margin: 2px 5px 5px 5px;  color: #000000; padding-right: 10px; font-weight: bold; text-decoration: none; display: block; direction: rtl; font-size-adjust: none; text-shadow: -1px -1px 0 #000; font-stretch: normal;
}

.png_ysar{
position : relative ;
right : 0px;
 top :-15px;
  float: right;
background: url('../imge/Digital/') ;
width : 185px ;
height:100% ;
background-repeat: repeat-x;
}
.DV_lang{
position :absolute ;
top :25px;
  float: right;
  }
.img_ysar3 {
	width: 99%;
	max-width:100%;
	height:auto;

	margin:7px auto 0px;
	z-index:90;
	border: 1px;
  border-top: 1px solid #030c37;
  border-right: 1px solid #030c37;
  border-right: 1px solid #030c37;
  border-bottom: 1px solid #030c37; 
     -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.dv_cont_ysar3 {
position: relative;
	width: 100%;
	height:auto;
	top:6px;
	
}
.DV_ysar3 {
bottom:70px;
position: relative;
border :solid #000;
right :0px ;
margin:auto;
width: 98%;
overflow: hidden;
	padding:0.0em;
	background:#000;
	border-radius:0 0.em 0.0em 0;
	-moz-border-radius:0 0.0em 0.0em 0;
 	-webkit-border-radius:0 0.em 0.em 0;
	opacity:0.6;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.DV_ysar4 {
bottom:70px;
position: relative;
right :0px ;
margin:auto;
width: 99.7%;
	padding:0.0em;
	background:#fff;
	border-radius:0 0.em 0.0em 0;
	-moz-border-radius:0 0.0em 0.0em 0;
 	-webkit-border-radius:0 0.em 0.em 0;
	opacity:0.6;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.DV_adv_up{
position :relative ;
top :0px;
right:30px;
float: right;
width: 69%;
border : solid #000;
border-width :  0px;
}
.DV_TitWord {
 float :right ;
direction: rtl ;
}
.DV_adv_ajax{
position :relative ;
float :right ;
top :0px;
width : 32.8%;
height:100%
border : solid #000;
border-width :  0px;
}
.DV_word{
 position :relative ;
}
.word{
 position :relative ;
 top : 0px;
 background: url('../imge/Digital/ourwordA.png');
 right:6px;
  width : 210 px;
 height :206px;
overflow: hidden;
}
 .hr{
   position : relative ;
   width : 96%;
   height:2.5PX ;
 background: url('../imge/Digital/hr.gif') ;
 }
.div_2img {
position: relative ;
top :0px ;
right : 1px ;
right :1 px ;
bottom :1 px ;
 width: 185px;
 height: 145px;
 border : solid  #7F7F7F;
border-width :  1px;
}
.img_news{
  position: relative ;
top :6px ;
right : 28px ;
right :1 px ;
bottom :2 px ;
 width: 634px;
 height: 321px;
 border : solid  #fff;
border-width :  0px;
}
.UP_twitter {
position: relative ;
background : url(.../imge/Digital/twitter.png)no-repeat ;
  background-position:right ;
width: 333px;
height :31px;
direction:rtl;
 border-width: 0px ;
}
.DV_twitter{
position: relative ;
width: 100%;
background-repeat: repeat-x;
direction:rtl;
 border-width: 1px ;
}
.UPDV_facebook{
position: relative ;
background :  ;
  background-position:right ;
top :0px;
width: 100%;
height :31px;
direction:rtl;
 border-width: 0px ;
}
.UPDV_ysar_cont {
position: relative ;
top :0px;
direction: rtl ;
width: 100%;
border-width:0px;
}
.DV_ysar_cont {
top :0px;
right :0px ;
position: relative ;
direction: rtl ;
width: 100%;
   border-top: 0px solid #;
  border-right: 0px solid #030c37;
  border-right: 0px solid #030c37;
  border-bottom: 0px solid #030c37;
}
.dv_art_cont { 
float:right;
top :0px;
right :5px ;
position: relative ;
width: 68%;
   border-top: 0px solid #;
  border-right: 0px solid #030c37;
  border-right: 0px solid #030c37;
  border-bottom: 0px solid #030c37;
}
 .UPdv_poll{
 top :0px;
position: relative ;
background: url('../imge/Digital/bk.gif');
background-repeat: no-repeat;
width: 100%;
height :33px;
border-width:0px;
background-color: #9600B2;
 }
 .UP_poll{
  position: relative ;
background : url(.../imge/Digital/poll.png) no-repeat ;
background-position:right ;
width: 333px;
height :31px;
direction:rtl;
 border-width: 0px ;
}
 .DV_poll{
position :relative ;
height : 240px ;
direction: rtl ;
 }
.DV_social{
top :0px;
position: relative ;
width: 98%;
border-width:2px;
 border-width: 1px ;
}


/* [END // Content Box] */
.fram_video_scene{ 
overflow:hidden ; width:100% ; height:125%; 
.space {
position: relative ;
  padding-top: 10px;
direction:rtl;
float:center;
width: 100%;
right:0px;
top: 0px;
overflow: hidden;
}
}
.DV_all_vido {
position :relative ;
  top :10px;
right:6px;
float: center;
width: 100%;
  }
.DV_Up_scene{
position: relative ;
background: url(../imge/Digital/) no-repeat ;
float :right ;
width : 33%;
height: 30%;
right :0px;
top: 0px;
}
.vid_fram{
top: -30px;
}
.Titl_vid_fram{
position: relative;
}
.Titl_scene{
position: relative ;
width: 94%;
height: 30px;
right :5px;
top: 30px;
float:right;
FONT: bold 14pt/22px Garamond ;text-align: center; COLOR:#fff; TEXT-DECORATION: none  ;
background-color: #000;
}
.DV_scene{
 overflow: hidden;
float :right ;
top :0px;
width : 96%;
height:220px;
margin:auto;
  border-top: 1px solid #342C2C;
  border-right:1px solid #342C2C;
  border-right: 1px solid #342C2C;
  border-bottom: 1px solid #342C2C;
-moz-border-radius: 5px;  -webkit-border-radius: 5px; border-radius: 5px; 
Webkit (Safari/Chrome) */ -webkit-box-shadow: 0px 0px 0px 5px #F5F5F5 ;/* Mozilla Firefox */ -moz-box-shadow: 0px 0px 0px 5px #F5F5F5;/* Proposed W3C Markup */ box-shadow: 0px 0px 0px 5px #F5F5F5
}
.UPdv_video{
  position: relative ;
  width: 50%;
right :200px;
top: -10px;
}
.Div_ysar_video {
	position :relative;
top :10px;
float :right ;
right:5px;
width : 25%;
border : solid #000;
border-width :  0px;
}
.title_video {
position:  relative ;
background: url(../imge/Digital/chanl) no-repeat ;
height : 38px ;
}
.adres_video{
position: relative ;
width: 100%;
height: 48px;
right :0px;
top: 55px;
FONT: 12pt/12px Garamond ;text-align: center; COLOR:#f1b129; TEXT-DECORATION: none  ;
background-color: #000;
}
.adres_video_insid{ z-index: 10;
position: absolute ;
height: 55px;
right :0px;
top: 1px;
width: 100%;
height:52px;
right :0px;
background: #000;    
}
.font_vid {position:relative; margin:auto; padding:10px; 0px 0px 0px; FONT:12pt/16px Garamond; text-align: center; width: 97%; COLOR:#fff; TEXT-DECORATION: none }

.video{
position: relative ;
width: 90%;
top: 12px;
right :4%;
right :4% ;
}
.video_dwon {
background: url(../imge/Digital/bk_videodwon.png ) no-repeat ;
  top : -3px;
position: relative ;
float :right;
width: 93%;
height: 150px;
right :30px;
}
.fram_video{
     position: relative ;
     TOP :25PX;
	float: right;
    right :0PX;
	background: url('?w');
	/*background-repeat:no-repeat;*/
	width:160px;
	height:82px;
	padding:6px 0;
MARGIN: 0px 1px 1px 1px;
text-align:center;
overflow: hidden;
    }
.break_fram {
     position: relative ;
	float: right;
    right :0PX;
background: url(../imge/Digital/fv.gif) no-repeat ;
	width:11px;
	height:94px;
	padding:1px 0;
    }
 .DV_video_ysar{
position: relative ;
background: url(../imge/Digital/) no-repeat ;
width: 100%;
height: 266px;
right :0px;
top: 10px;
}
.title_video_ysar{
position:  relative ;
background: url(.../imge/Digital/chanl.png) no-repeat  no-repeat ;
  background-position:right ;
height : 35px ;
top: 0px;
}
.video_ysar{
position: relative ;
width: 99.6%;
height: 275px;
top: -45px;
right :0%;
right :0% ;
}
.video_dwon_ysar {
position: relative ;
background: url(../imge/Digital/bk_videodwon_ysar.png) no-repeat ;
  top : -3px;
float :right;
width: 97.7%;
height: 107px;
right :2%;
}
.break_fram_ysar {
     position: relative ;
     float: right;
     top : 22px;
	right :5PX;
background: url(../imge/Digital/fv_ysar.gif)  no-repeat;
	width:7px;
	height:62px;
	padding:2px 0;
    }
 .fram_video_ysar{
     position: relative ;
     TOP :14PX;
	float: right;
    right :6PX;
	background: url('?w');
	/*background-repeat:no-repeat;*/
	width:97px;
	height:64px;
	padding:9px 0;
MARGIN: 0px 1px 1px 1px;
text-align:center;
overflow: hidden;
    }
.DV_video_ymin_ysar{
position: relative ;
width: 100%;
height: 620px;
right :0px;
top: 0px;
}
.video_dwon_ymin_ysar {
  top : -3px;
position: relative ;
float :right;
width: 43%;
height: 150px;
right :30px;
}
.fram_video_ymin_ysar{
     position: relative ;
     TOP :25PX;
	float: right;
    right :0PX;
	background: url('?w');
	/*background-repeat:no-repeat;*/
	width:40%;
	height:82px;
	padding:6px 0;
MARGIN: 0px 1px 1px 1px;
text-align:center;
overflow: hidden;
    }
.more {
position: relative;
background: url(../imge/Digital/more.png) ;
top : 364px;
width: 90px;
height :25px;
right : 17px ;
}
.more1 {
position :absolute ;
background:#fff;
bottom :-10px ;
width: 90px;
height :30px;
right : -50px ;
MARGIN: 0px 1px -2px 0px; FONT: 10pt/30px Garamond ; COLOR:#11A4DA; line-height: 10px; text-shadow: 1px 1px white,-0px -1px #003E77; TEXT-DECORATION: none
}
.linkright:hover {
	MARGIN: 0px 1px 0px 0px; FONT: bold 16pt/24px Garamond ; COLOR:#000; line-height: 10px; text-shadow: 1px 1px white,-0px -1px #000000; TEXT-DECORATION: none
}
.social_sub{
position:relative;
	float: right;
top: 425px;
background-repeat:repeat;
	height:20px;
	width:100%;
	padding:6px 0;
	margin:0 0 0 1px;
	font-family: Tahoma;
	/*font-weight:normal;*/
	font-size: 13px;
	text-align:center;
}
.title_news {
position : relative ;
right : 10px;
 top :8px;
}
   	img{
		border:0px;
	}
	#mainContainer{
		width:100%; /* ?????*/
		height :100% ;
		margin:0 auto;
		text-align:rigth;
		background-color:/* ??????*/
	}
	#mainContent{
		padding:0px;
	}
		/*?E? C?C?CEE ??? I? C???C? */
	.pollerTitle{
	MARGIN: 0px 1px 0px 0px;  FONT: bold 16pt/30px Traditional Arabic;  COLOR: #9600B2; DIRECTION: rtl; TEXT-DECORATION: none
	}
		/*I?C?CE C???C? ?E? C???CEE */
	.pollerOption{
		MARGIN: 0px 1px 0px 0px; FONT: 15pt/28px Traditional Arabic; COLOR: #000000; DIRECTION: rtl; TEXT-DECORATION: none
	}
	/* ??? ???? C?I? I?C?CE C?E???E ??I C?C?CEE ???*/
	.result_pollerOption{
		MARGIN: 0px 1px 0px 0px; FONT: 12pt/24px Tahoma; COLOR: #000; DIRECTION: rtl; TEXT-DECORATION: none
	}
	/* ??? ???? I? C???C? ??I C?C?CEE ??? */
	.result_pollerTitle{
		MARGIN: 0px 1px 0px 0px; FONT: 12pt/15px Tahoma; COLOR: #000000; DIRECTION: rtl; TEXT-DECORATION: none
	}
	/* Don't change this one, it is used to get the right and right image(the corner) positioned correctly C?E? E?E? ?? ???C? C?I? C?E?C??
	E? E???? C???? */
	.result_pollGraph img{
		float:right;
	}
	/* The <div>?C?E?C? C?I? C??? ?E?II ???E??E ??? ????  C?I? C??? ??E? I?? C???? C?E?C?? ???E??E */
	.result_pollGraph div{
		float:right;
		height:24px;
		background-repeat:repeat-x;
		color:#FFF;
		font-size:13px ;
	line-height:;
	}
	/* Graph div - parent of both the corner images and the div displaying percentage votes
	C???C?E E?? C?I?C?CE ??I C???CEE
	*/
	.result_pollGraph{
		height:12px;
	}
	/* Message when Ajax is working getting restults fromt the server */
	.poller_waitMessage{
		display:none;
	}
	/*??? ???? C?I? (C?C?? C????E??) */
	.result_totalVotes{
		clear:both;
		font-size:0.7em;
		margin-top:3px;
	}
    .right-body-news-rotator {
	width:700px ; height: 422px ;
	
      border-top: 0px solid #030c37;
  border-right: 0px solid #030c37;
  border-right: 0px solid #030c37;
  border-bottom: 1px solid #030c37;
}
a {
	color: rgb(100, 25, 100); text-decoration: none; cursor: pointer;
}
.right-body-news-rotator-upper-section {
	height: 280px; overflow: hidden; clear: both; float: none; display: block;
}
.loading {
	width: 220px; height: 40px; padding-top: 188px; display: inline-block;
}
.news-rotator-main-image {
	background: rgb(232, 232, 232) url('../imge/Digital/rotating-news-title-bg.gif') repeat-x; width: 450px; height: 320px; text-align: right; color: rgb(000, 0, 0); overflow: hidden; padding-right: 10px; font-size: 20px; font-weight: bold; margin-right: -30px; float: right; position: relative
}
.news-rotator-main-image a {
	text-align: right; color: rgb(255, 0, 0); line-height: 50px; font-size: 15px; font-weight: bold; text-decoration: none;
}
.news-rotator-main-image-sub-title {
	background: url("../imge/Digital/bk_bigTit.png") ; width: 100%; height: 55px;  }
a.vedio-link {
	text-decoration: none; display: block;
}
a.vedio-link:hover {
	text-decoration: none;
}
.news-rotator-main-image_img {
	width: 459px ; height: 280px; ;
}
.news-summery {
	background: url("../images/shadow.png") no-repeat 6px 3px; top: -315px; width: 300px !important; height: 53px; line-height: 44px; padding-top: 261px; padding-right: 0px; margin-top: 0px; margin-right: 0px; float: right; display: block; position: relative; cursor: pointer;
}
.curved-news-items-container {
	background: url('../imge/Digital/newsitems-bg.png') no-repeat; width: 244px; height: 307px;color: rgb(255, 255, 255); float: right
}
#caption {
	background: url('caption.png') right top; width: 385px; height: 51px; padding-right: 10px; font-family: tahoma; font-size: 8px; font-weight: normal
}
.big-news-item {
	background: url('../imge/Digital/gray-border-news-big.gif') no-repeat; width: 98%; height: 49px; text-align: right;
    }
.big-news-item-sub-container {
	 margin-top: 2px;
}
.big-news-item-sub-container-text {
	width: 95%; float: right;  color:#333333;
}
.big-news-item_img {
	border: 2px solid; width: 46px; height: 46px;
}
.curved-news-items-container :first-child.big-news-item {
	margin-top: 0px;
}
.big-news-item-selected-item {
	background: url('../imge/Digital/big-news-item-selected.png') no-repeat right; width: 99%; height: 49px; text-align: right; right: -14px;  line-height: 22px; overflow: hidden; padding-bottom: 3px; clear: both;   margin-top: 3px; margin-right: 10px; margin-right: 6px; display: block; position: relative; cursor: pointer
}
.curved-news-items-container :first-child.big-news-item-selected-item {
	background: url('../imge/Digital/big-news-item-selected.png') no-repeat right; width: 99%; height: 49px; text-align: right; right: -14px;  line-height: 22px; overflow: hidden; padding-bottom: 3px; clear: both;  margin-top: 3px; margin-right: 10px; margin-right: 6px; display: block; position: relative; cursor: pointer
}
.big-news-item-selected-item .big-news-item-sub-container {
	margin-right: 30px; margin-right: -10px;
}
.big-news-item-selected-item .big-news-item-sub-container .big-news-item-sub-container-text {
	width: 95%;   color:#ffffff;
}
.big-news-item-selected-item img {
	display: none;
}
.right-body-news-rotator-details {
	background:  url('../imge/Digital/dwon.gif');	width: 98%; padding: 5px 10px; height: 46px;  color: #5F04B4; line-height: 24px; overflow: hidden; clear: both;  font-family: Garamond ; font-size: 14px; font-weight:bold ; float: none; display: block;
}
.right-body-news-rotator-details .read-more {
	float: none;
}
div.newsTitle {
	background:  url('../imge/Digital/') repeat-x 0px 0px;	margin-right: -4px; width: 100%; padding: 6px 0px;  height: 53px; text-align:non;
}
.m_banner_hide{
	display:none;
}
.m_banner_show{
	display:block;
}

.font_box { 
        FONT:  20px/28px  Garamond ; text-align:center;  COLOR:#fff; 
    font-weight: bold; text-shadow: 2px 2px #000, 0px -1px  #000;      
    }
    .font_box:hover { 
        FONT:bold  20px/28px  Garamond ;  text-align:center; COLOR:#f9324e; 
    font-weight: bold; text-shadow: 1px 1px #000, 0px -1px  #000;      
    }

 .font_box_2 { 
 display: flex;
  align-items: center;
  justify-content: center; FONT: bold  20px/28px  Garamond ;  COLOR:#030c37; font-weight: bold; text-shadow: 1px 0px 1px #fff;  
    }
  .font_box_2:hover { 
FONT: bold 20px/28px Garamond ;  text-align:center; COLOR:#f1b129;  font-weight: bold; text-shadow: 1px 0px 1px #000;  
    }

 .Titl_sec_Modl {   FONT:  20px/28px  Garamond ; text-align:center;  COLOR:#fff;   font-weight: bold; text-shadow: 2px 2px #000, 0px -1px  #000;           } 

.Titl_sec_Modl:hover { FONT:bold  20px/28px  Garamond ;  text-align:center; COLOR:#f9324e;  font-weight: bold; text-shadow: 1px 1px #000, 0px 1px  #000;   }

.pic_box2{
position: relative ;
width: 100%;
    height: 390px;
top: 0px ;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}

  
    .pic_box7{
position: relative ;
width: 100%;
    height: 300px;
top: 0px ;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
    .pic_box8{
position: relative ;
width: 100%;
    height: 300px;
top: 0px ;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}


.content{
position: relative ;
height :140px;
overflow: hidden;
}
.link_box_up{
position: relative ;
direction:rtl;
width: 100%;
top: 0px;
}
.link_box{
position: relative ;
direction:rtl;
width: 100%;
top: 15px;
}

.link_box_up_arabia{
position: relative ;
  padding-top: 10px;
direction:rtl;
float:center;
width: 100%;
right:0px;
top: 0px;
overflow: hidden;
}

.Titl_link{
position : relative ;
 top :0px;
  float: right;
width:99%;
background: url('') ;
background-repeat: repeat-x;
font:  bold 20pt/50px  Garamond ; color: #030c37;  font-weight: bold; text-decoration: none;  direction: rtl;  text-shadow: -1px -1px 0 #000; font-stretch: normal;
}
.link_box_up_arabia2{
position: relative ;     
text-align:center;
margin: auto;
  padding-top: 0px;  padding-bottom: 5px;
 border-bottom: 1px solid #030c37;
width: 79%;
top: 0px;
overflow: hidden;
}
.Titl_box_up_arabia{
    text-align:center;
 margin: auto;
top:10px; 
font: bold 24px/30px  Garamond ;  color: #030c37;  text-shadow: 1px 1px 4px #fff;
}

  .boxs_2{
    position: relative;
  height: 310px;
    float: right;
    direction: rtl;
    width: 30.7%;
    background:;
 
    margin: 0px 10px 0px 10px;
   border-top: 1px solid #f3f3f3;
  border-right: 1px solid #f3f3f3;
  border-right: 1px solid #f3f3f3;
  border-bottom: 25px solid #f3f3f3;
}
.boxs_2:before{
    content: "";
    display:block;
    padding-top:100%;
    
}

  .pic_box_2 {
    display: block;
    width: 100%;
    height: 100%;
    float: non;
  }
.about_us{
  width:99%;   
}
.adress_us {
       float:right;
     margin-right: 6%;
 width:98%;
   margin: 0px 5px 15px 15px; 
      FONT:  14pt/28px Cairo; COLOR:#000; 
}

 
.icon_fotr_hom{
background: url('../imge/Digital/h.png') no-repeat top right; width:25px; height:25px; 
 float:left; margin:0px 10px 0px 0px; width: 25px; height:25px;
}
.icon_fotr{
background: url('../imge/Digital/news.png') no-repeat top right; width:25px; height:25px; 
 float:left; margin:0px 10px 0px 0px; width: 25px; height:25px;
}
.icon_soc_abot{
     background: url('../imge/Digital/Tel.png') no-repeat top right; width:30px; height:30px; 
 float:left; margin:0px 10px 0px 0px; width: 30px; height:30px;
}
.icon_soc_fc{
background: url('../imge/Digital/Tel2.png') no-repeat top right; width:30px; height:30px; 
 float:left; margin:0px 10px 0px 0px; width: 30px; height:30px;
}
.icon_soc_tw{
    background: url('../imge/Digital/Emil.png')no-repeat top right; width:30px; height:30px; 
 float:left;  margin:0px 10px 0px 0px; width: 30px; height:30px;
}
.icon_soc_yu{
       background: url('../imge/Digital/Loc.png') no-repeat top right; width:30px; height:30px; 
 float:left; margin:0px 10px 0px 0px; width: 30px; height:30px; 

}
.font_fotr { font-size:14px ;  color: #fff;   text-decoration: right;  direction: ltr; }
.font_fotr:hover { font-size:14px ;  color: #bb0c25;   text-decoration: right;  direction: ltr; }

.font_Loc { font-size:13px ;  color: #fff;   text-decoration: right;  direction: ltr; }
.font_Loc:hover { font-size:13px ;  color: #bb0c25;   text-decoration: right;  direction: ltr; }

.icon_soc_call{
     background: url('../imge/Digital/cal_us.png') no-repeat top right; width:25px; height:25px; 
 float:left; margin:0px 10px 0px 0px; width: 25px; height:25px;
}
.icon_callus_adrs{
     background: url('../imge/Digital/ades.png') no-repeat top right; width:25px; height:25px; 
 float:left; margin:0px 10px 0px 0px; width: 25px; height:25px;
}
.icon_callus_tel{
     background: url('../imge/Digital/tel.png') no-repeat top right; width:25px; height:25px; 
 float:left; margin:0px 10px 0px 0px; width: 25px; height:25px;
}
.icon_callus_emil{
     background: url('../imge/Digital/emil.png') no-repeat top right; width:25px; height:25px; 
 float:left; margin:0px 10px 0px 0px; width: 25px; height:25px;
}
.icon_callus_web{
     background: url('../imge/Digital/w.png') no-repeat top right; width:25px; height:25px; 
 float:left; margin:0px 10px 0px 0px; width: 25px; height:25px;
}
.icon_callus_map{
     background: url('../imge/Digital/map.png') no-repeat top right; width:25px; height:25px; 
 float:left; margin:0px 10px 0px 0px; width: 25px; height:25px;
}
.icon_lng_ar{
       background: url('../imge/Digital/arabic.png') no-repeat top right; width:25px; height:25px; 
 float:left; margin:0px 10px 0px 0px; width: 25px; height:25px;
}
.icon_lng_en{
       background: url('../imge/Digital/english.png') no-repeat top right; width:25px; height:25px; 
 float:left; margin:0px 10px 0px 0px; width: 25px; height:25px;
}
.icon_Diwania {
  margin: 0 auto;
  width: 50%;
    background:url(../imge/Digital/Diwania.jpg) no-repeat; top:100px; width:330px; height:185px ; 
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.DV_SUB_Diwania {
position:relative;
float :none;
top :10px;
width:90% ;
margin:auto;
background:#D2D2D2#;
  border-top: 0px solid #030c37;
  border-right:1px solid #030c37;
  border-right: 1px solid #030c37;
  border-bottom: 1px solid #342C2C;
-moz-border-radius: 5px;  -webkit-border-radius: 5px; border-radius: 5px; 
Webkit (Safari/Chrome) */ -webkit-box-shadow: 0px 0px 0px 0px #F5F5F5 ;/* Mozilla Firefox */ -moz-box-shadow: 0px 0px 0px 0px #F5F5F5;/* Proposed W3C Markup */ box-shadow: 0px 0px 0px 0px #F5F5F5
}
.Titl_Diwania{
 FONT: 14pt/38px cairo; COLOR:#030c37; text-shadow: -0px -1px  1px #000,-0px -1px ; TEXT-DECORATION: none
}
.Titl_Diwania:hover{
 FONT: 14pt/38px cairo; COLOR:#000; text-shadow: -1px -1px  1px #fff,-0px -1px ; TEXT-DECORATION: none
}
.fot {
   position :relative;
    width:100%;
    height:90px;
    background-color:lightgrey;
    }
    /*ستايل بوكس النوافذ المتحؤكة يمنين ويسار */
.slick-next:before{ content:url('caro/img/next.png');position:relative}
.slick-prev:before{ content:url('caro/img/prev.png');position:relative}

/* خاص بالخريطة التفاعلية */
#in_menu{
      font-family: 'Garamond', sans-serif;
  }
  #in_menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    
  }

  #in_menu li {
    float: right;
    margin-right: 10;
  }

  #in_menu li a {
    display: block;
    color: #030c37;
    text-align: center;
    padding: 8px;
    text-decoration: none;
  }

  #in_menu li a:hover {
    color: #ebb440;
  }
  #title{
    color: #030c37;
    font-family: 'Garamond', sans-serif;
}

.main_title{
    color: #ebb440;
    font-family: 'Garamond', sans-serif;
    font-weight: bold;
}
/*  ينتهي هنا الخريطة التفاعلية*/
.pag_list {
 position :relative; margin:auto;
    padding: 50px 0px 50px 0px;
    width:100%;
    height:100px;
       
        background:#;
    direction: rtl;
    float: right;
}

.Titl_SUB{
    margin: 0px 2px 2px 2px;
 FONT: 12pt/28px cairo; COLOR:#fff;text-shadow: -2px 0px -2px #000;   TEXT-DECORATION: none
}
   /* .Titl_sec_Modl { position: relative; top:20px;
        FONT:  17px/24px  Garamond ; text-align:center;  COLOR:#fff; 
    font-weight: bold; text-shadow: 2px 2px #000, 0px -1px  #000;      
    }
    .Titl_sec_Modl:hover { 
        FONT:bold  17px/24px  Garamond ;  text-align:center; COLOR:#f9324e; 
    font-weight: bold; text-shadow: 1px 1px #000, 0px -1px  #000;      
    }*/

   .Titl_artcl {  
 padding-top: 10px;
 	font:  bold 11pt/30px  Garamond ; color: #030c37;  font-weight: bold; text-decoration: none;  direction: rtl;  font-stretch: normal;
}
  .Titl_artcl:hover {   
	font:  bold 11pt/30px  Garamond ; color: #000000;  font-weight: bold; text-decoration: none;  direction: rtl;  font-stretch: normal;
}   


/* نسخة الكمبيوتر */
@media   (min-width: 1080px) { 
    .Dark {position:fixed; z-index:100; top:6px; right:4px;
  flex-direction: row;
  justify-content: space-around;
}

 /* Nwe Serch */
.container {  right:4px;
  position: relative;
  --size-button:30px;
}
.input {
  padding-right: var(--size-button);
line-height: 25px;
    width:0.1px;
  font-size: 15px; 
  border: none;
  color: #fff;
   font-weight:bold;   
  outline: none;
  transition: all ease 0.3s;
backdrop-filter: blur(1px);
background-color: rgba(13, 40, 59, 0.1);
  box-shadow: 0.5px 0.5px 3px #, -1.5px -1.5px 3px rgb(95 94 94 / 25%), inset 0px 0px 0px #fff, inset 0px -0px 0px #;
  border-radius: 50px;
  cursor: pointer;
}
.input:focus,
.input:not(:invalid) {
  width: 200px;
  cursor: text;
  box-shadow: 0px 0px 0px #0e0e0e, 0px 0px 0px rgb(95 94 94 / 25%), inset 1.5px 1.5px 3px #0e0e0e, inset -1.5px -1.5px 1px #fff;
}

.input:focus + .icon,
.input:not(:invalid) + .icon {
  pointer-events: all;
  cursor: pointer;
}

.container .icon {
  position: absolute;
    color: #fff;
 font-weight:bold;   
  width:22px;
  height:22px;
  top: 1px;
  right: 2.5px;
  padding: 1px;
  
  pointer-events: none;
}

.container .icon svg {
  width: 100%;
  height: 100%;
  
}
/* fnish New Serch */
  


 .DV_link{
position :fixed ;  z-index:99;
     direction: ltr;
float:left;  left:17%;
background: url('') ;
top : 8px ;
width : 75%;
height:30PX;
}

/* كود وسائل التواصل العلوية جديد */
ul_social_up {
  position: absolute;
  margin: -33px auto 0px 10px;
  padding: ;
  display: flex;
  list-style: none;
  width: 60px;
  height: 35px;
}
/* تدرج لون خلفية زر مشاركة*/

ul_social_up li a {
  display: block;
    margin: 0px auto 0px 7px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background-color:;
  color: #fff;
  border-radius: 50%;
  font-size: 17px;
  transition: 0.5s;
}



ul_social_up:hover li:nth-child(1) a {
  transform: translatex(0px) rotate(360deg);
  transition-delay: 0.8s;
}

ul_social_up:hover li:nth-child(2) a {
  transform: translatex(0px) rotate(360deg);
  transition-delay: 0.6s;
}

ul_social_up:hover li:nth-child(3) a {
  transform: translatex(0px) rotate(360deg);
  transition-delay: 0.4s;
}

ul_social_up:hover li:nth-child(4) a {
  transform: translatex(0px) rotate(360deg);
  transition-delay: 0.2s;
}

ul_social_up:hover li:nth-child(5) a {
  transform: translatex(0px) rotate(360deg);
  transition-delay: 0s;
}

ul_social_up:hover li:nth-child(6) a {
  transform: translatex(0px) rotate(360deg);
  transition-delay: 0s;
}
/*ازرار هوم وطباعة في الاخبار والمواضيع */
#soc_siz {
    margin:-4px 4px;
      width: 26px;
  height: 26px;

     font-size:22px;
      color: #fff;  
        background-color: #1DA1F2;
     float:right;
     	padding:3px 3px 0px 3px;
       border-radius: 50%;
}
#soc2_siz {
     font-size:30px;
      color:#bb0c25;
      	padding:0 0px 0px 50px;
    margin:auto; 
}
.socialcon {  z-index: 100;
top :-41px;
margin:auto;
position: relative ;

direction: ltr ;
width: 94%;
height :40px;
border-radius: 0px 0px 10px 10px;
backdrop-filter: blur(3px);
//background-color: rgba(200, 175, 239, 0.7);
}

.date {
	float: right;
	margin:-28px 0px 0px 0px;;
	padding:0px 0px 0px 0px;
}
#soc_siz_smal{
     font-size:18px;
      color: #fff;  
      	padding:19px 30px;
    
    text-shadow: 1px 1px 2px #000; 
}
.dropbtn{
 position:absolute; 
 top: -340px;
}
#mainmenu{
	height:10px;
	margin:0 0 10px 0;
	
}
.li{
  FONT:  12pt/30px  ; TEXT-DECORATION: none
	height:24px;
}
.menulink{
       position : relative;
	float: left;
	background: url('') ;
	height:12px;
	padding:0px 8px 0px 0px;
MARGIN: 0px 1px 15px 0px;
   	text-align:center;
   	border-right: 0px solid #d29091;
}
/* link font */
#link_main {MARGIN: 0px 4px 0px 0px; FONT: bold 11pt/18px  Garamond ;  COLOR:#d4f3ff; TEXT-DECORATION: justify; text-shadow: 2px 2px #000, 0px -1px  #000;
}

#link_main:hover { font-family:  11pt/18px Garamond; COLOR:#bb0c25; font-weight: bold; 
text-shadow: 1px 1px 1px #000; 
}
.link_hove {  font-family:  12pt/30px Garamond; COLOR:#e92d47; font-weight: bold; 
text-shadow: 1px 1px 1px #000; 
}
    /*ستايل بوكس النوافذ المتحؤكة يمنين ويسار */
.slick-next:before{ content:url('caro/img/next.png');position:relative}
.slick-prev:before{ content:url('caro/img/prev.png');position:relative}   
/* خاص بالخريطة التفاعلية */
  #in_menu{
    display: none;
  }
    #up_button{
    display: none;
  }
     /*.تنتهي الخريطة  */
    .Titl_logo{
  position:fixed; z-index:99999999;
  float:left; 
  left: 50px;
  top:9px;
background: url('') ;
background-repeat: repeat-x;
font-family: Garamond ; font-size:18px ; color: #fff; font-weight: bold; text-decoration: none;  direction: rtl;   text-shadow: 1px 1px #000, 0px -1px  #000;
     TEXT-DECORATION: none
}
.Log_png {
 position :fixed ; z-index:100; 
    width: 220px;
  float: left;}
.png{
    position: fixed;
    float: left;
    top: 30px;
    width: 153px;
    height:153px;
left : 30px;

}
.DV_up_head {
 position :fixed ; z-index:80; right:0px;
background: url('../imge/Digital/') ;
top :0px;
background-repeat: repeat-x;
width : 100%;
height:40px ;
backdrop-filter: blur(1px);
background-color: rgba(13, 40, 59, 0.4);
}

 .DV_up_Topic_0 {
        float:right;
        width:30%;
        height:60px;
    }
    .pic_up_Titl {
        float:right;
        width:30%;
        height:60px;
        
    }
 .DV_head{
position : relative ;
background: url('../imge/Digital/') ;
top :0px;
background-repeat: repeat-x;
width : 100%;
height:0px ;
border-width :  0px;
border-right: 0px solid #D0D0D0;
  border-right: 0px solid #D0D0D0;
  border-bottom: 0px solid #808080;
    background-color: white;
} 
  .link_up{
  position:absolute;
  top: 0px;
  float: right;
  width: 40%;
  padding:  7px 5px 10px 0px;
}
.Hom_f { 
  float: right; padding:  12px 5px 0px 0px; FONT:  17px/20px  cairo; COLOR:#000;    
}
.font_link_up{
  FONT:  17px/20px cairo;
  COLOR:#000;  
}
.
.link_up_li {
  padding:  5px 5px 30px 30px;  
  float: right;
  border-right: solid 0px #000;
 
  }
.Hom {
  position:relative;
  float: left; left: 15px;
    top: 10px;
 background:url(../imge/Digital/h.png) no-repeat; width:25px; height:30px ; 
}
  .social_upper{
       position: fixed; z-index:1000; top: 42px; float:right; right:55px; width: 300px; height: 30px; direction: rtl;
      
          }
.indx_pag { position: absolute ; float:right ; top:-395px; right:205px;
   	z-index:999;}
#font_Titl_m {
 MARGIN: 0px 4px 0px 0px; FONT: bold 12pt/18px  Garamond ;  COLOR:#fff; TEXT-DECORATION: justify
}
#font_Titl_m:hover {
 MARGIN: 0px 4px 0px 0px; FONT: bold 14pt/20px  Garamond; text-align: justify; COLOR:#d3a018; TEXT-DECORATION: none
}

.social_up {
    position:relative; float:left;  top:-35px;   width: 39px; height:25px; 
}
.icon_soc{
    width: 25px; height:25px;
}
.icon_soc_fac_up{
    background:url(../imge/Digital/f.png) no-repeat; top:0px; width:20px; height:20px ; 
}
.icon_soc_tw_up{
    background:url(../imge/Digital/t.png) no-repeat; top:0px; width:20px; height:20px ; 
}
.icon_soc_y_up { background:url(../imge/Digital/y.png) no-repeat; top:0px; width:20px; height:20px ; 
}
.icon_soc_rss_up { background:url(../imge/Digital/rss.png) no-repeat; top:0px; width:20px; height:20px ; 
}
.icon_soc_serch_up { background:url(../imge/Digital/serch.png) no-repeat; top:0px; width:20px; height:20px ; 
}
  .social {
  position: absolute; width: 80px; height: 30px; z-index: 1; right: 270px; top: -40px   ;
}


/*سلايد slaid */
.lnch_Titel{ font: bold 18px/20px 'Garamond';   color:#b8e9fc; padding-right: 0px; font-weight: bold; text-decoration: rtl; direction: rtl;  text-shadow: 1px 1px #000; font-stretch: normal;
}

      #wowslider-container1 .ws-title{
	position: absolute;
	float:right;
	bottom:7%;
	right: 0%;
	margin: 0 1.0em 1.5em 0;
	z-index: 50;
 font: bold 24px/20px 'Garamond';   color:#fff; padding-right: 0px; font-weight: bold; text-decoration: rtl; direction: rtl;  text-shadow: 2px 2px #000; font-stretch: normal;
	line-height: 2em;
}
#wowslider-container1 .ws-title div,#wowslider-container1 .ws-title span{
 text-align:center;
margin:auto;
width:60%;

backdrop-filter: blur(2px);
background-color: rgba(13, 40, 59, 0.4);

	border-radius:0 0.25em 0.25em 0;
	-moz-border-radius:0 0.25em 0.25em 0;
	-webkit-border-radius:0 0.25em 0.25em 0;
	box-shadow: 0.15em 0 0.15em rgba(27, 74, 133, 0.9);
    -moz-box-shadow: 0.15em 0 0.15em rgba(27, 74, 133, 0.9);	
	-webkit-box-shadow: 0.15em 0 0.15em rgba(27, 74, 133, 0.9);	

}
#buttons{ position:relative; top:0px; right:25%; width:769px;}
.social-icons{width:160px; height:1px; position:relative; top:0px;	right:25%;}
.social-icons a{ background:url(../imge/se/social-icons4.png) no-repeat top right; width:35px; height:40px; text-indent:-9999px; overflow:hidden; display:block; float:right; margin-right:5px; text-decoration:none !important; opacity:1;}
.social-icons .facebook-icon{background-position:-105px top}
.social-icons .twitter-icon{background-position:-35px top; margin-right:0;}
.social-icons .youtube-icon{background-position:top right}
.clear{
clear:both;
}
.links {
	position: relative;
	top:40px;
}
.fixd {
	position:fixed;
}
    .SUB-VEDIO {
POSITION:relative;
margin:auto;
 max-width:100%;
 width:90%;
height: auto;
}
.DV_SUB_VEDIO {
position:relative;
right:25%;
float:right;
  margin: 0px;
width:auto;
 padding: 0px 10px 0px 10px;
background: linear-gradient(to right, #030c37  0%, #78d7f9 80%);
  border-top: 0px solid #D2D2D2;
  border-right:0px solid #D2D2D2;
  border-right: 0px solid #d3a018;
  border-bottom: 1px solid #342C2C;
-moz-border-radius: 5px;  -webkit-border-radius: 5px; border-radius: 5px; 
Webkit (Safari/Chrome) */ -webkit-box-shadow: 0px 0px 0px 0px #f1b129 ;/* Mozilla Firefox */ -moz-box-shadow: 0px 0px 0px 0px #f1b129;/* Proposed W3C Markup */ box-shadow: 0px 0px 0px 0px #f1b129
}
 
    /*  مربع البحث الجديد*/
    .sb-search {
    position: relative;
    margin-top: 10px;
    width: 0%;
    min-width: 60px;
    height: 60px;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
}
.sb-search-input {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    outline: none;
    background: #fff;
    width: 100%;
    height: 60px;
    margin: 0;
    z-index: 10;
    padding: 20px 65px 20px 20px;
    font-family: inherit;
    font-size: 20px;
    color: #2c3e50;
}

input[type="search"].sb-search-input {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
}
.sb-search-input::-webkit-input-placeholder {
    color: #efb480;
}

.sb-search-input:-moz-placeholder {
    color: #efb480;
}

.sb-search-input::-moz-placeholder {
    color: #efb480;
}

.sb-search-input:-ms-input-placeholder {
    color: #efb480;
}
.sb-icon-search,
.sb-search-submit {
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height: 60px;
    text-align: center;
    cursor: pointer;
}
.sb-search-submit {
    background: #fff; /* IE needs this */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
     filter: alpha(opacity=0); /* IE 5-7 */

    opacity: 0;
    color: transparent;
    border: none;
    outline: none;
    z-index: -1;
}
.sb-icon-search {
    color: #fff;
    background: #e67e22;
    z-index: 90;
    font-size: 22px;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}

.sb-icon-search:before {
    content: "\e000";
}
@font-face {
    font-family: 'icomoon';
    src:url('../fonts/icomoon/icomoon.eot');
    src:url('../fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
    url('../fonts/icomoon/icomoon.woff') format('woff'),
    url('../fonts/icomoon/icomoon.ttf') format('truetype'),
    url('../fonts/icomoon/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
.sb-search.sb-search-open,
.no-js .sb-search {
    width: 100%;
}
.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
    background: #da6d0d;
    color: #fff;
    z-index: 11;
}
.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
    z-index: 90;
}
    
        /*   انتهاء مربع البحث الجديد*/
            .serch {
width:100%;
    top:-10px;
     height: 40px;
 	position: relative;
 	float:right;
 	right:-20px;
}
.input_serch {  	position: relative;     top:-28px;
width: 180px; height: 24px;
background-attachment: fixed;
 float : right;  right:36px;	
background-color :#;   
border-top: 1px solid #030c37;
  border-right: 0px solid #030c37;
  border-right: 1px solid #030c37;
  border-bottom: 1px solid #030c37; 
}
.submit_serch {
    top:0px;
float : right; 
 background: url('../imge/search2.png') no-repeat  ;
width: 38px; height: 28px;
background-color :#030c37;   
border : solid  #030c37;
}
.submit_serch:hover{
    float : right;
 background: url('../imge/search2.png') no-repeat  ;
  width: 38px; height: 28px;
  background-color :#000;  
border : solid  #000;
    }
    
    .res {
      float : right;
      width:100%;
      direction:rtl;
      FONT: bold 18px/28px  Garamond ; COLOR:#000;  
    }
         .res_reslt{
   
      FONT: bold 16px/32px  Garamond ; COLOR:#00afef;  
    }
       .res_Titl {
      float : right;  
      direction:rtl;
      FONT: bold 18px/48px  Garamond ; COLOR:#030c37;  
      width : 97%;
border-top: 0px ;
  border-right: 0px solid #D0D0D0;
  border-right: 0px solid #D0D0D0;
  border-bottom: 1px solid #00A5CE;
 background-color: white;
    }
    .res_Titl:hover{   FONT: bold 18px/48px  Garamond ; COLOR:#f1b129 ;  }
    .res_tr {
            direction:rtl;
      FONT: bold 18px/48px  Garamond ; COLOR:#fff;  
      width : 90%;
border-top: 0px ;
  border-right: 0px solid #D0D0D0;
  border-right: 0px solid #D0D0D0;
  border-bottom: 0px solid #00A5CE;
 background-color: #030c37;  
    }
   .res_td {
            direction:rtl;
      FONT: bold 14px/48px  Garamond ; COLOR:#00A5CE;  
border-top: 0px ;
  border-right: 0px solid #D0D0D0;
  border-right: 0px solid #D0D0D0;
  border-bottom: 1px solid #00A5CE;
 background-color: #;  
    }
    .res_dowm {
         direction:rtl;
             margin-right:0px;
             width:90%;
              background-color: ;  
      FONT: bold 14px/48px  Garamond ; COLOR:#0000ff;     
    }
    #font_Titl_s {
 MARGIN: 0px 1px 0px 0px; FONT:  10pt/15px  Garamond ;text-align: justify; COLOR:#000000;   TEXT-DECORATION: none
 }
#font_Titl_s:hover {
 MARGIN: 0px 1px 0px 0px; FONT: bold 10pt/14px  Garamond ;text-align: justify; COLOR:#000000;    TEXT-DECORATION: none
 }

 .social_ysar{
position : absolute;
width:46px;
height:90px;
top : 220px;
right: -45px;
}
.social_ymin{
position : absolute;
width:46px;
height:90px;
top : 220px;
right: -45px;
}
 .DV_facebook{
position: relative ;
top :14px;
width: 100%;
direction:rtl;
 border-width: 0px ;
}

.DV_ajax{
  top :-6px;
position :relative ;
width: 99.5%;
 height:80%;
float: center;
right:0px;
border : solid #ff0000;
border-width :  0px;
  overflow: hidden;
}
.UPdv_artical{
top :0px;
position: relative ;
background: url('../imge/Digital/');
background:#030c37 ;
background-repeat: no-repeat;
direction:rtl;
width: 100%;
height :33px;
border-width:0px;
right:-1px;
 background-color: #030c37 ;
 -webkit-border-radius: 5px 5px 0 0;
border-radius: 7px 7px 0 0;
}
.DV_all_ysar{
position: relative ;
top:0px;
background: url('../imge/Digital/bk_titl.jpg') no-repeat ;
width: 99.7%;
direction:rtl;
 border-width: 0px ;
 -webkit-border-radius: 5px 5px 0 0;
border-radius: 7px 7px 0 0; 

}
.UP_artical{
  position: relative ;
background-position:right ;
width: 333px;
height :31px;
direction:rtl;
 border-width: 0px ;
}
 .DV_artical{
top :110px;
float:right;
position: relative ;
direction: rtl ;
width: 100%;
   border-top: 0px solid #;
  border-right: 0px solid #030c37;
  border-right: 0px solid #030c37;
  border-bottom: 1px solid #030c37;
}
.DV_namkuttab{
position: relative ;
width:100% ;
top :4px ;
float: right;
right :0px ;
 }
 .artical {
   top :0px ;
position :relative ;
direction: rtl ;
height :auto;
right:0px;
float: right;
width: 100%;
overflow: hidden;
   border-top: 0px solid #;
  border-right: 0px solid #00afef;
  border-right: 0px solid #00afef;
  border-bottom: 1px solid #00afef;
 }
   .artical2 {
   top :0px ;
position :relative ;
direction: rtl ;
height : 90px ;
right:0px;
float: right;
width: 100%;
overflow: hidden;
   border-top: 0px solid #;
  border-right: 0px solid #00afef;
  border-right: 0px solid #00afef;
  border-bottom: 1px solid #00afef;
 }
.DV_img_artcal{
 top :0px ;
position :relative ;
height : auto ;
right:0px;
float: right;
width: 30%;
}
.img_artcal{
    float: right;
 top :50px ;
 width:210px;
height :240px ;
     border-top: 1px solid #00afef;
  border-right: 1px solid #00afef;
  border-right: 1px solid #00afef;
     border-bottom: 1px solid #fff; 
     -webkit-border-radius: 30px;
-moz-border-radius:30px;
border-radius: 30px;
 }
    img_artical {
   position: relative ;

background : url();
background-repeat:no-repeat;
height :auto;
width :86px;
float : right ;
margin: 5px 0px 5px 5px;     
 border: 1px solid #D7DBE8;
 }
 .img_artical2 {
   position: relative ;
top:-2px;
background : url();
background-repeat:no-repeat;
height : 80px ;
width :35%;
     margin: 5px 0px 5px 10px;   
float : right ;
 border: 1px solid #D7DBE8;
 }
  .artical5 {
   top :0px ;
position :relative ;
direction: rtl ;
right:2px;
float: right;
    height:auto;
width: 97%;
    border-bottom: 1px solid #D7DBE8;
 }
 .img_artical5 {
   position: relative ;
top:0px;
background-repeat:no-repeat;
height : 93px ;
width :86px;
float : right;
margin: 5px 0px 5px 10px;     
 border: 0px solid #D7DBE8;
  border-radius: 10%; /*  opera, IE9, */
 -webkit-border-radius: 10%;  /* safari , chrome */
  -moz-border-radius: 10%;  /* mozila */
 }
  .artical6 {
   top :0px ;
position :relative ;
direction: rtl ;
right:2px;
float: right;
    height:auto;
      margin: 5px 0px 0px 10px;   
width: 97%;
    border-bottom: 1px solid #D7DBE8;
 }
 .img_artical6 {
   position: relative ;
top:0px;
background-repeat:no-repeat;
height : 93px ;
width :86px;
float : right ;
 border: 0px solid #D7DBE8;
  border-radius: 50%; /*  opera, IE9, */
 -webkit-border-radius: 50%;  /* safari , chrome */
  -moz-border-radius: 50%;  /* mozila */
 }
 .img_artcal_Modl {
     float: right;
 top :0px ;
 width:140px;
height :150px ;
     border-top: 1px solid #030c37;
  border-right: 1px solid #030c37;
  border-right: 1px solid #030c37;
     border-bottom: 1px solid #fff; 
     -webkit-border-radius: 30px;
-moz-border-radius:30px;
border-radius: 30px;    
 }
.DV_news{
position :relative ;
top:5px;
width: 98%;
height : 342px;
float: right;
 right:0px;
text-align: justify;
 DIRECTION:rtl ;
overflow: hidden;
   border-top: 0px solid #;
  border-right: 0px solid #030c37;
  border-right: 0px solid #030c37;
  border-bottom: 1px solid #030c37;
  background: ;
 }
  
  .DV_showall{
top :0px;
right :0px;
position: relative ;
direction: rtl ;
width: 99%;
height:110%;
border-width:0px;
  background :#fff;
   overflow: hidden;
    border-bottom: 0px solid #030c37;  
}
.more_content {
position :absolute ;
background:#030c37;
bottom :5px;
width:40%;
height :33px;
margin:auto;
right:50px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.mzid {
background: url(../imge/Digital/) ;
 text-align:center;
MARGIN: 12px 1px 0px 0px; FONT: 14pt/30px Garamond ; COLOR:#fff; line-height: 10px; text-shadow: 1px 1px black,-0px -1px #003E77; TEXT-DECORATION:
}
.img_news{
  position: relative ;
top :6px ;
right : 10px ;
bottom :2 px ;
 width: 300px;
 height: 200px;
 border : solid  #fff;
border-width :  0px;
}
  .DV_wL{
   position: relative ;
   top:-4px;
   right:30px;
height : 160px ;
overflow: hidden;
 width:630px ;
 }
      .DV_imgnews{
position: relative ;
background : 
float: right;
right : 0px ;
 width: 100%;
 height:335PX;
 }
    .DV_news1{
position :relative ;
width: 99%;
height : 143px ;
float: right;
 right: 0px;
text-align: justify;
 DIRECTION:rtl ;
overflow: hidden;
   border-top: 0px solid #;
  border-right: 0px solid #030c37;
  border-right: 0px solid #030c37;
  border-bottom: 1px solid #030c37;
  background: ;
 }
       .DV_imgnews1{
position: relative ;
background : url(../imge/Digital/bk_img_news1.png);
background-repeat:no-repeat;
float: right;
right : 0px ;
 width: 186px;
 height: 143px;
 }
.img_news1{
  position: relative ;
top :5px ;
right : 7px ;
right :2px ;
bottom :2 px ;
 width: 173px;
 height: 133px;
 border : solid  #fff;
border-width :  0px;
}
  
  .DV_news6{
position :relative ;
  top: 30px;
width: 99%;
height :30% ;
float: right;
 right: 0px;
text-align: justify;
 DIRECTION:rtl ;
overflow: hidden;
   border-top: 0px solid #;
  border-right: 0px solid #030c37;
  border-right: 0px solid #030c37;
  border-bottom: 1px solid #030c37;
  background: ;
 }
 .DV_wL6{    
    width: 52%;
   padding-top: 20px;
    background: ;
    height:240px;
    float: right;
    overflow: hidden;
  }
 
       .DV_imgnews6{
position:absolute;
         padding-top: 20px;
background : 
float: right;
right : 1px ;
 width: 45%;
 height: 222px;
 }
  .img_news6{
  position: relative ;
top :0px ;
right :2px ;
bottom :2 px ;
 width: 100%;
 height: 220px;
 border : solid  #fff;
border-width :  0px;
}
.box3{
top:3px;
position:relative;
right:2px;
width: 100%;
 height :auto;
}
.adres_video_Dwon{
position: absolute ;
width: 100%;
height: 32px;
right :0px;
top: 12px;
FONT: bold 16pt/28px Garamond ;text-align: center; COLOR:#fff; TEXT-DECORATION: none  ;
background-color: #000;
}
.DV_video{
position: relative ;
background: url(../imge/Digital/video.png) no-repeat ;
width: 100%;
height: 620px;
right :0px;
top: 0px;
}
/* قائمة الكمبيوتر */
  .DV_index_all{
position : relative ;
background:#;
top : 0px;
width : 100%;
max-width:1940px ; 
margin: auto;
} 
.Dv_slid {
    margin:auto;
    top: 13%;
position : relative ;
width : 62%;
height:600px;
}
.DV_box{
top: -20px;
position : relative ;
width : 100%;
height:700px;
background: url('../imge/Digital/civil_main.jpg') no-repeat ;
background-size:100% 100%;
border-top: 0px ;
  border-right: 0px solid #D0D0D0;
  border-right: 0px solid #D0D0D0;
  border-bottom: 0px solid #808080;
 background-color: white;
}
.DV_box_second {
    position : relative ; margin:auto;  
    top:0px; 
    width:80.5%;
    height:auto;
    z-index:50;
  background:#;
   border-top: 0px solid #bb0000;
  border-right: 0px solid #030c37;
  border-right: 0px solid #030c37;
  border-bottom:0px solid #000;
  }
.DV_index2 {
position :relative ;
  top :-50px;
direction: rtl ;
 right:٠0px;
float: right;
width: 95.9%;
 }
.ymin_index {
position : relative ;
width : 79%;
} 
 .DV_ysar{
position :absolute;
  top :107px;
float :right ;
right:0;
    z-index:50;
 height:100%; 
width :22%;
 overflow: hidden; 
border : 0px solid #000;

}
 .DV_ysar_Modl{
position :absolute;
  top :107px;
float :right ;
right:-30%;
    z-index:50;
 height:100%; 
width :2%;
 overflow: hidden; 
 padding: 0px 10px 0px 5px;    
border: 0px solid #00afef;
border-radius: 30px 30px 30px 30px;
}
     .DV_ysar_sub{
position :absolute;
  top :47px;
float :right ;
right:0;
    z-index:50;
 height:100%; 
width :25.5%;
 overflow: hidden; 
 padding: 0px 10px 0px 5px;    
border: 0px solid #00afef;
border-radius: 30px 30px 30px 30px;
}
 .DV_box2{
    position:relative ;
    margin: auto;
     direction: rtl;
    top:0px;
    width :100%;
    height:490px;
background: url('../imge/Digital/civil_main2.jpg' ) no-repeat ;
background-size: 100% 100%;
  }
.DV_all {
      z-index:9;
position :relative ;
  top :-300px;
direction: rtl;
  height:auto;
margin:auto;
width:85%;
 border: 0px solid #bb0000;
 }

  .Box_index {
   position : relative;
   margin:auto;
    top:80px;
   width :85%;
   height:auto;
  background-color:# ;
  overflow: hidden; 
  }

.fram_dwon_vedio {
top:-20px;    
 width: 100%;
height: 350px;   
}
 .wrapper{
       position: relative ;
         top: -20px;
     margin:auto;
  padding: 50px 0px 120px 0px;
  width: 99.9%;
  height:auto;

}  
.DV_boxs{
  position: relative ;
  top: 10px;
	background: url(../imge/Digital/box.png) no-repeat ;
	width: 340px;
  height :330;
  overflow: hidden;
}
.Box_indx {position :relative ; top:140px; 	width: 100%;   height: 140%;}
.DV_content {
position: relative ;
direction:rtl;
width: 93%;
top: 10px;
right: 15px;
height :275px;
overflow: hidden;
}
.DV_boxs_arabia{
  position: relative ;
	background: #F3F3F3 ;
	top: 0px;
	width:100% ;
  height:100%;
  right: 0px;
    border-top: 2px solid #030c37;
  border-right: 1px solid #030c37;
  border-right: 1px solid #030c37;
  border-bottom: 1px solid #030c37;
}
.DV_content_arabia {
position: relative ;
direction:rtl;
width: 97%;
top: 0px;
right: 0px;
overflow: hidden;
}
.box3{
top:3px;
position:relative;
right:5px;
width: 235px;
 height :320PX;
}
.DV_content_arabia2 {
position:relative;
background: url(../imge//) no-repeat ;
background-color: #ECEDF0;
right:20px ;
top:0px;
width: 90%;
 height :100%;
  overflow: hidden;
    border-top: 0px solid #030c37;
  border-right: 2px solid #030c37;
  border-right: 2px solid #030c37;
  border-bottom: 0px solid #fff;
}
.DV_content_arabia3 {
position:relative;
background: url(../imge/Digital/) no-repeat ;
background-color: #ECEDF0;
float: right;
right:0px ;
top:0px;
width: 195px;
 height :220PX;
  overflow: hidden;
    border-top: 0px solid #030c37;
  border-right: 1px solid #030c37;
  border-right: 4px solid #030c37;
  border-bottom: 0px solid #fff;
}

    
  
 .DV_boxs_arabia{
   position:relative;
	top: 0px;
	width:100% ;
float:right;
    border-top: 2px solid #030c37;
}
.boxs_album{

}
.img_album {position: relative; z-index:9;
    width:100%;
    height:100%;
}
.TD {
    position :relative ;
      width: 90%;
    float: right;
}
 .DV_boxs_arabia{
   position:relative;
	top: 0px;
	width:100% ;
float:right;
    border-top: 2px solid #00B2E1;
}
.TD {
    position :relative ;
      width: 90%;
    float: right;
}

  .boxs_all4 {
   position:relative;
background: url(../imge/Digital/) no-repeat ;
background-color: #f3f3f3;
margin:auto;
top:0px; 
width: 80%;
height:100%;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
  overflow: hidden;
    border-top: 1px solid #393978;
  border-right: 1px solid #393978;
  border-right: 1px solid #393978;
  border-bottom: 1px solid #393978;
    }
      .boxs_all7 {
   position:relative;
background: url(../imge/Digital/) no-repeat ;
background-color: #f3f3f3;
    float: right;
right:0px ;
top:0px; 
width: 99%;
height:100%;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
  overflow: hidden;
    border-top: 1px solid #393978;
  border-right: 1px solid #393978;
  border-right: 1px solid #393978;
  border-bottom: 1px solid #393978;
    }
      .boxs_all8 {
   position:relative;
background: url(../imge/Digital/) no-repeat ;
background-color: #f3f3f3;
    float: right;
right:0px ;
top:0px; 
width: 100%;
height:100%;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
 
    border-top: 1px solid #393978;
  border-right: 1px solid #393978;
  border-right: 1px solid #393978;
  border-bottom: 1px solid #393978;
    }
  .boxs_4{
    position: relative;
  height: 100%;
  top:20px;
    float: right;
    direction: rtl;
    right: 20px;
    width: 30.7%;
    background: ;
    margin: 0px 0px 0px 20px;
   border-top: 1px solid #D7DBE1; 
  border-right: 0px solid #D7DBE1;
  border-right: 0px solid #D7DBE1;
  border-bottom: 18px solid #D7DBE1;
          -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
  
}
.boxs_4:before{
    content: "";
    display:block;
    padding-top:100%;
}
   .Titl_box{
       position:absolute; 
        bottom:30px;
       right: 20px; width: 90%; 
  }
    .pic_box {
    display: block;
    width: 100%;
margin:auto;
  }
   .boxs_7{
 display: flex;
  align-items: center;
  justify-content: center;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
    position: relative;
  height: 290px;
bottom:10px;
    float: right;
    direction: rtl;
    right: 0px;
    width: 45.7%;
    background: ;
    margin: 30px 17px 14px 15px;
   border-top: 0px solid #bb0000; 
  border-right: 0px solid #D7DBE1;
  border-right: 0px solid #D7DBE1;
  border-bottom: 1px solid #bb0000;
}
.boxs_7:before{
    content: "";
    display:block;
    padding-top:80%;
}
  
 .boxs_8{
 display: flex;
  align-items: center;
  justify-content: center;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
    position: relative;
  height: 290px;
bottom:10px;
    float: right;
    direction: rtl;
    right: 0px;
    width: 45.7%;
    background: ;
    margin: 30px 17px 14px 15px;
   border-top: 0px solid #bb0000; 
  border-right: 0px solid #D7DBE1;
  border-right: 0px solid #D7DBE1;
  border-bottom: 1px solid #bb0000;
}
.boxs_8:before{
    content: "";
    display:block;
    padding-top:80%;
}


 .fram_callus {
  position: relative;
   direction:rtl;
  top:0px;
  width:100%;
  float: right;   
}
.call_us {
    top:30px;
     direction:rtl;
    position:relative;
 float:right;  
 width:80%;
}
.about_us{
    float:right;
     margin-right: 6%;
  width:85%;   
}
.abot_R {
    position : relative ;
    float:right;
    width:100%;
      padding:  7px 30px 0px 30px;
    FONT:  22px/40px  cairo; COLOR:#000;    
      border-bottom: 0px solid #808080;
}
.img_abot_L {
     position : relative ;
    float:right;
  
    width:20%;   
 height:220px;
 margin-right: 20px;
 margin-right:30px;
         border-top: 1px solid #030c37;
  border-right: 1px solid #030c37;
  border-right: 1px solid #030c37;
     border-bottom: 1px solid #fff; 
     -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
 box-shadow: 3px 3px #030c37;
}
.img_abot_R {
     position : relative ;
    float:right;
   margin-right: 0px;
 margin-right:20px;
  
    width:20%;   
 height:220px;
         border-top: 1px solid #030c37;
  border-right: 1px solid #030c37;
  border-right: 1px solid #030c37;
     border-bottom: 1px solid #fff; 
     -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
 box-shadow: 3px 3px #030c37;
}
.dv_eye{
        position: relative;
         float: right;
    right: 160px;
    width: 300px;
  height: 65px;
      margin: 21px 5px 5px 00px; 
    direction: rtl;
    background-color:;
     border-right: 0px solid ;
 }
 .icon_eye{
     background: url('../imge/Digital/') no-repeat   right; width:25px; height:25px; 
 float:right; margin:10px 15px 0px 10px; width: 80px; height:39px;
}
.log_ey1 { 
  float: right; padding:  14px 5px 0px 0px; FONT:  19px/14px  Harmattan; COLOR:;    
}
.log_ey2 { 
  float: right; padding:  14px 5px 0px 0px; FONT:  19px/14px  Harmattan; COLOR:;    
} 
    .DV_show_sub{
top :20px;
margin:auto;
position: relative ;
direction:ltr;
max-width:85%;         
text-align:left;
	 border: 0px solid #00afef;
     -webkit-border-radius: 5px 5px 5px 5px;
border-radius: 30px 30px 30px 30px;
}

.budy_news_all{
  width : 92%;
  left:25px;
  position: relative ;
 top: 0px; 
 direction: ltr;

MARGIN: 1px 1px 0px 0px;  
  color: var(--text);
FONT: 18px/38px Garamond ; 
 
}

 .img_Model {
     float: right;
     width:52%;
     height:300px;
       margin-right: 10px;
     border-top: 1px solid #030c37;
  border-right: 1px solid #030c37;
  border-right: 1px solid #030c37;
     border-bottom: 1px solid #030c37; 
     -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
 }
  .fotr {
   position : relative;
    top:0px;
        overflow: hidden; 
   width :100%; direction: ltr;
  background-color:#6f0c14 ;
  }
 .footer_all{    z-index:50;
     padding: 0px 0px 0px 0px;
     position :relative;   
     top:0px;
  width:100%; 
  height:280px; direction: ltr;
background-color:#030c37;
 }
   .footer{
        position: relative;
    left: 0px;
    width: 22.5%;
  height: 100%;
      margin: 0px 0px 0px 80px; 
    float: left;
    direction: ltr;
    background-color:#030c37;
 }
   .logo_Dwon{
     position :relative;
     float:left;
right: 50px;
 top :99px;  
background: url('../imge/Digital/SAM_won_En.png') no-repeat   right  ; width:200px; height:102px; 
  }
.logo_Dwon_ysar{
position :relative; z-index:100;
top :100px; 
float:right;
right: 40px;
background: url('../imge/Digital/Sam_Dwn_En.png') no-repeat   right; width:116px; height:116px; 
 }
    .Titl_fotr {
       margin:65px 0px 0px 0px;
    text-align:left;
      width:80%;
  height:30px;
      direction:ltr;
      FONT: bold 14px/28px  Garamond ; COLOR:#f1b129;  
         border-bottom: px solid #030c37; 
    }
.link_footer{
     float:left;
       margin:100px 0px 10px 0px;
    text-align:justify;
      width:80%;
         direction:ltr;
     margin: 0px 0px 0px 0px; 
      FONT:  10pt/28px Garamond; COLOR:#fff; 
}
.link_footer:hover{
        float:left;
       margin:40px 10px 10px 0px;
    text-align:justify;
      width:80%;
         direction:ltr;
     margin: 0px 0px 0px 0px; 
      FONT:  10pt/28px Garamond; COLOR:#bb0c25; 
}

.twit_button  {
position:relative;
float: right;
right:5px;
top :10px;
width:auto ;
margin:auto;
background:#;
  border-top: 0px solid #D2D2D2;
  border-right:5px solid #e2e1e1;
  border-right:5px solid #e2e1e1;
  border-bottom: 0px solid #342C2C;
}
.pdf_print  {
position:relative;
top :5px;
float:right;
right:5px;
width:auto ;
margin:auto;
background:#;
  border-top: 0px solid #D2D2D2;
  border-right:5px solid #e2e1e1;
  border-right:5px solid #e2e1e1;
  border-bottom: 0px solid #342C2C;
}
.pdf_print_img { float:right; right:5px; top :10px;
 background: url('../imge/Digital/print_icon.png') no-repeat   right; width:34px; height:34px; 
}
.pdf_icon { float:right; right:5px; top :10px;
 background: url('../imge/Digital/pdf_icon.png') no-repeat   right; width:46px; height:34px; }
.pdf_Dwn{ padding: 50px 0px 20px 0px; position:relative;   margin:auto; text-align:center;  width: 50%; }

.pdf_print_img_dwn {float:right; top:0px; margin: 10%;z-index:100;
    background: url('../imge/Digital/print_icon.png') no-repeat   right; width:34px; height:34px; 
} 
.pdf_icon_dwn {float:right; top:0px; margin: 10%;z-index:100;
    background: url('../imge/Digital/pdf_icon.png') no-repeat   right; width:46px; height:34px; }
    
.hom_img_dwn {float:right; top:0px; margin: 10%;z-index:100;
    background: url('../imge/Digital/home.png') no-repeat   right; width:34px; height:34px; 
} 


.img_ysar2 {
	zoom: 1; 
	position: relative;
	width: 100%;
	max-width:100%;
	max-height:130px;
	margin:0px auto 0px;
	z-index:90;
	border:none;
}
.linknews1 {
  	  padding: 0px 0px 0px 0px; FONT: bold 15.4pt/28pt  Garamond ;text-align:center; COLOR:#b8e9fc; font-weight:bold; text-shadow: 1px 1px 2px #055e80,0 0 5px #055e80;
	line-height: 2.1em;}
.linknews1:hover {
 	  padding: 0px 0px 0px 0px; FONT: bold 15.4pt/28pt  Garamond ;text-align:center; COLOR:#bb0c25; font-weight:bold;    text-shadow: 1px 1px 2px #055e80,0 0 5px #055e80;
	line-height: 2.1em;}

.linknews {  position:relative; float:right;  width: 100%;
 	font:  bold 18pt/64px  Garamond ; color: #025889;  font-weight: bold; text-align:center;    text-shadow: -1px -1px 0 #030c37; font-stretch: normal;
}
.linknews:hover {
    font:  bold 18pt/64px  Garamond ; color: #bb0c25;  font-weight: bold; text-align:center; text-shadow: -1px -1px 0 #030c37; font-stretch: normal;
}
.ab{
margin: 0 auto;
  width: 50%;

 width:60%;   
font-size: 17px;
text-align: center;
font-weight: ;
line-height: 2.0em;
}
.Box_2_Sub {
 position:relative;
	top:10px;
	float: right;
    background: #030c37;
    color: #000;
    display: inline-block;
    top:-180px;
    right:0px;
    padding: 2%;
    border-radius: 10px 0 0 10px;
	font-size:14px
  border-top: 2px solid #fff;
  border-right:1px solid #000;
  border-right: 0px solid #D2D2D2;
  border-bottom: 0px solid #;
}
 .UP_comics{
  position: relative ;
background : url(.../imge/Digital/comics.png) no-repeat ;
background-position:right ;
width: 333px;
height :31px;
direction:rtl;
 border-width: 0px ;
}
.comics {
position: relative ;
top :7px;
margin-bottom:30px;
right: 0px;
width:100%;
height:80%;
}
.img_comics {
     width:99%;
     height:auto;
       margin-right: 1px;
     border-top: 1px solid #030c37;
  border-right: 1px solid #030c37;
  border-right: 1px solid #030c37;
     border-bottom: 1px solid #030c37; 
     -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.UP_issue{
  position: relative ;
background : url(.../imge/Digital/issue.png)no-repeat ;
background-position:right ;
width: 333px;
height :31px;
direction:rtl;
 border-width: 0px ;
}
 .Issue {
position: relative ;
top :7px;
float :right ;
}
.DV_ysar5 {
bottom:2px;
position: absolute;
right :0px ;
height:auto;
margin:auto;
width: 102%;
	padding:0.0em;
	background:#fff;
	border-radius:0 0.em 0.0em 0;
	-moz-border-radius:0 0.0em 0.0em 0;
 	-webkit-border-radius:0 0.em 0.em 0;
	opacity:0.6;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}  

.img_content_sub {
	zoom: 1; 
	position: relative;
	width: 98%;
	height:auto;
	max-width:100%;
	max-height:580px;
      border-top: 1px solid #030c37;
  border-right: 1px solid #030c37;
  border-right: 1px solid #030c37;
     border-bottom: 1px solid #030c37; 
     -webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 10px;
}

    .img_news_2 {
    width:100%;
    height:270px;
}
/*  لتحميل المزيد للأسفل*/
            .ButtonMore {position : relative; z-index: 1000; 
        display: inline-block;
        top:10px;
       right: 43%;
        width: 14%; 
        height:40px;
        text-align: center; 
        
  
 FONT: 13pt/2px Garamond ; COLOR:#3b4c98; line-height: 10px; text-shadow: 1px 1px 1px #fff;
background: #f3f3f3;

   border-top: 0px solid #fff;
  border-right: 0px solid #fff;
  border-right: 0px solid #fff;
  border-bottom: 0px solid #fff;
  -moz-border-radius: 15px;  -webkit-border-radius: 15px; border-radius: 15px;
    }
    
                .ButtonMore_box { z-index: 10000; 
        display: inline-block;
        top:40px;
            margin-left: 42%;
        padding:20px 0px 0px 0px;
        width: 14%; 
       
        text-align: center;   
 FONT: 12pt/2px Garamond ; COLOR:#3b4c98; line-height: 10px; text-shadow: 1px 1px 1px #fff;

   border: 0px solid #fff;
background: #f3f3f3;
  -moz-border-radius: 0px;  -webkit-border-radius: 0px; border-radius: 0px;
    }
  
.black_layer{ 
position :absolute ; z-index:1; right:0px;
background: url('../imge/Digital/') ;
top :-20px;
background-repeat: repeat-x;
width : 100%;
height:720px ;
backdrop-filter: blur(1px);
background-color: rgba(13, 40, 59, 0.5);
}
.black_layer2{ 
position :absolute ; z-index:1; right:0px;
background: url('../imge/Digital/') ;
top :0px;
background-repeat: repeat-x;
width : 100%;
height:490px ;
backdrop-filter: blur(1px);
background-color: rgba(13, 40, 59, 0.5);
}
.copy { top:0px;
    margin:auto;
      position :relative;
      direction: rtl; 
      background:#6f0c14;
  width:100%;
}
.font_copy {
float:right;
right:35%;
      position :relative;
      direction: rtl; 
      align-items: center;
MARGIN: 6px 0px 0px 0px; FONT: bold 12px/28px  Garamond ;  COLOR:#fff;
}
.copy_img { 
 position :relative;
float:right;
right:35.2%;
  width:140px; height:40px; background: url('../imge/D-creaytive.png')  no-repeat; 
border-style:none;
    }
 

.Box_all_bordr {  color: var(--text);
    height:50%; 
background: #FFA000 150%; 
background: linear-gradient(to top, #ffffff 1%, #d5f0fa 80%);
 border: 1px solid #00afef; 
box-shadow: 0px 0px 0px #999;
margin:0px 0px 40px 0px;
padding:20px 0px 40px 0px;
       -webkit-border-radius: 5px 5px 5px 5px;
border-radius: 30px 30px 30px 30px;
}
.Box_insid_bordr{  
border: 1px solid #00afef; 
background: linear-gradient(to top, #f6fcff 3%, #d5f0fa 70%);
box-shadow: 0px 0px 0px #999;
   margin: 20px 0px 0px 20px;
       -webkit-border-radius: 5px 5px 5px 5px;
border-radius: 30px 30px 30px 30px;
}

    
.Titl_secondary { position: relative; top:30px;
        FONT:  17px/24px  Garamond ; text-align:center;  COLOR:#fff; 
    font-weight: bold; text-shadow: 2px 2px #000, 0px -1px  #000;      
    }
    .Titl_secondary:hover { 
        FONT:bold  17px/24px  Garamond ;  text-align:center; COLOR:#f9324e; 
    font-weight: bold; text-shadow: 1px 1px #000, 0px -1px  #000;      
    }


}


/* موبايل */
@media   (max-width: 1079px) { 
    

.Dark {position:fixed; z-index:100; top:6px; right:20px;

  justify-content: space-around;
}

 /* Nwe Serch */
.container {  margin: -2px 0px 10px 0px;
  position: relative;
  --size-button:20px;
}
.input {
  padding-right: var(--size-button);
line-height: 20px;
    width:0.1px;
  font-size: 12px;
  border: none;
  color: #fff;
  outline: none;
  transition: all ease 0.3s;
backdrop-filter: blur(1px);
background-color: rgba(13, 40, 59, 0.1);
  box-shadow: 0.5px 0.5px 3px #, -1.5px -1.5px 3px rgb(95 94 94 / 25%), inset 0px 0px 0px #fff, inset 0px -0px 0px #;
  border-radius: 50px;
  cursor: pointer;
}
.input:focus,
.input:not(:invalid) {
  width: 80px;
  cursor: text;
  box-shadow: 0px 0px 0px #0e0e0e, 0px 0px 0px rgb(95 94 94 / 25%), inset 1.5px 1.5px 3px #0e0e0e, inset -1.5px -1.5px 1px #fff;
}

.input:focus + .icon,
.input:not(:invalid) + .icon {
  pointer-events: all;
  cursor: pointer;
}

.container .icon {
  position: absolute;
    color: #fff;
 font-weight:bold;   
  width:22px;
  height:22px;
  top: 1px;
  right: 1.5px;
  padding: 1px;
  
  pointer-events: none;
}

.container .icon svg {
  width: 100%;
  height: 100%;
  
}
/* fnish New Serch */
  
  
  
 /*.الخريطة التفاعلية */
      #co_menu{
    display: none;
  }
   /*.تنتهي الخريطة  */
   
/* كود وسائل التواصل العلوية جديد */
ul_social_up {
  position: absolute;
  margin: -30px auto 0px -5px;
  padding: ;
  display: flex;
  list-style: none;
  width: 60px;
  height: 25px;
}
/* تدرج لون خلفية زر مشاركة*/

ul_social_up li a {
  display: block;
    margin: 0px auto 0px -4px;
  width: 33px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  background-color: #;
  color: #fff;
  border-radius: 50%;
  font-size: 18px;
  transition: 0.5s;
}



ul_social_up:hover li:nth-child(1) a {
  transform: translatex(0px) rotate(360deg);
  transition-delay: 0.8s;
}

ul_social_up:hover li:nth-child(2) a {
  transform: translatex(0px) rotate(360deg);
  transition-delay: 0.6s;
}

ul_social_up:hover li:nth-child(3) a {
  transform: translatex(0px) rotate(360deg);
  transition-delay: 0.4s;
}

ul_social_up:hover li:nth-child(4) a {
  transform: translatex(0px) rotate(360deg);
  transition-delay: 0.2s;
}

ul_social_up:hover li:nth-child(5) a {
  transform: translatex(0px) rotate(360deg);
  transition-delay: 0s;
}

ul_social_up:hover li:nth-child(6) a {
  transform: translatex(0px) rotate(360deg);
  transition-delay: 0s;
}
/* ينتهي    العلوية جديد  */
#soc_siz {
     font-size:20px;
      color: #fff;  
     float:right;
}
#soc2_siz {
     font-size:30px;
      color: #bb0c25;  
      	padding:100px 30px 0px 0px;
    margin:auto; 
}
.socialcon { z-index: 100;
top :-45px;
margin:auto;
position: relative ;
background: url('');
background-repeat: no-repeat;
direction:center;
width: 100%;
height :40px;
border-width:0px;
backdrop-filter: blur(6px);
//background-color: rgba(0, 175, 239, 0.7);
 -webkit-border-radius: 5px 5px 5px 5px;
border-radius: 0px 0px 10px 10px;
}
    .date {
position:relative;
	float: right;
	padding: 10px 0px; 0px; 0px;
}
    #soc_siz_smal{

     font-size:18px;
      color: #fff;  
      	padding:7px;
    margin:auto; 
       text-shadow: 1px 1px 2px #000; 
}
    .Log_png {
  position:fixed; z-index:100;
   z-index:100;
left:-6px;
    width: 135px;
  float: left;}
.png{
    float: left;
    top: 30px;
left :0px;
    width: 75px;
    height:66px;
z-index:100;
}
.Titl_logo{
  position:fixed; z-index:100;
  float:left; 
  left: 72px;
  top:14px;
background: url('') ;
background-repeat: repeat-x;
font-family: Garamond ; font-size:16px ; color: #fff; font-weight: bold; text-decoration: none;  direction: ltr;   text-shadow: 1px 1px #000, 0px -1px  #000;
     TEXT-DECORATION: none
}
.lnch_Titel{  font:  bold 11pt/10px  Garamond ; color: #b8e9fc;  font-weight:bold;text-align:right; text-decoration: rtl; direction: ltr;      text-shadow: 1px 1px 2px #000,0 0 5px #055e80;
	line-height: 1.3em;
}
#wowslider-container1 .ws-title{
	position: absolute;
	bottom:8%;
margin:auto;
right:20px;
direction: ltr; 
 font: bold 18px/30px 'Garamond';   color: #fff; padding-right: 0px; font-weight:bold;text-align:right; text-decoration: rtl; direction: rtl;      text-shadow: 1px 1px 2px #000,0 0 5px #000;
	line-height: 1.3em;
}
#wowslider-container1 .ws-title div,#wowslider-container1 .ws-title span{
 direction: ltr;
right:100px;
width : 80%;
}

    .DV_up_head { position :fixed ; z-index:10; right:0px;
background: url('../imge/Digital/') ;
top :0px;
background-repeat: repeat-x;
width : 100%;
height:40px ;
backdrop-filter: blur(1px);
background-color: rgba(13, 40, 59, 0.4);
}
 .DV_head{
position : relative ;
background: url('../imge/Digital/') ;
top :0px;
background-repeat: repeat-x;
width : 100%;
height:100px ;
border-width :  0px;
border-right: 0px solid #D0D0D0;
  border-right: 0px solid #D0D0D0;
  border-bottom: 0px solid #808080;
    background-color: ;
}
  .social_upper{
      position: fixed; z-index:1000; top:42px; float:left; left:50%; width: 300px; height: 30px;
  }
  .indx_pag { position: absolute ; float:right ; top:-150px; right:84px;
   	z-index:999;}
#font_Titl_m {
 MARGIN: 0px 4px 0px 0px; FONT: bold 10pt/18px  Garamond ;  COLOR:#fff; TEXT-DECORATION: justify
}
#font_Titl_m:hover {
 MARGIN: 0px 4px 0px 0px; FONT: bold 12pt/20px  Garamond; text-align: justify; COLOR:#d3a018; TEXT-DECORATION: none
}
.social_up {
    position:relative; float:right;  top:-148px;   width: 35px; height:25px; 
}
.icon_soc{
    width: 25px; height:25px;
}
.icon_soc_fac_up{
    background:url(../imge/Digital/f_m.png) no-repeat; top:0px; width:26px; height:26px ; 
}
.icon_soc_tw_up{
    background:url(../imge/Digital/t_m.png) no-repeat; top:0px; width:26px; height:26px ; 
}
.icon_soc_y_up { background:url(../imge/Digital/y_m.png) no-repeat; top:0px; width:26px; height:26px ; 
}
.icon_soc_rss_up { background:url(../imge/Digital/rss_m.png) no-repeat; top:0px; width:26px; height:26px ; 
}
.icon_soc_serch_up { background:url(../imge/Digital/serch_m.png) no-repeat; top:0px; width:26px; height:26px ; 
}

  .link_up{
  position:absolute;
  top: 2px;
  float: right;
  width:auto;
  height: 5px;
  padding:  5px 0px 0px 42px;
}
.font_link_up{
  FONT:  14px/20px Garamond;
  COLOR:#000;  
}
.link_up_li {
  padding:  5px 7px 0px 0px;  
  float: right;
  border-right: solid 0px #000;
 
  }
  .social {
  position: absolute; width: 285px; height: 57px; z-index: 1; right: 10px; top: 0px   ;
}
#buttons{ position:relative; top:0px; right:25%; width:769px;}
.social-icons{width:183px; height:1px; position:relative; top:0px;	right:25%;}
.social-icons a{ background:url(../imge/se/social-icons.png) no-repeat top right; width:32px; height:48px; text-indent:-9999px; overflow:hidden; display:block; float:right; margin-right:5px; text-decoration:none !important; opacity:1;}
.social-icons .facebook-icon{background-position:-105px top}
.social-icons .youtube-icon{background-position:top right}
.social-icons .goodreads-icon{background-position:-70px top }
.social-icons .twitter-icon{background-position:-35px top; margin-right:0;}
.clear{
clear:both;
}
.links {
	position: relative;
	top:40px;
}
.fixd {
	position:fixed;
}
.Hom {
            position:relative;
  float: right; right: 10px;
    top: 10px;
 background:url(../imge/Digital/h.png) no-repeat; width:25px; height:30px ; 
}
.Hom_f { 
  float: left;
  padding:  8px 5px 0px 0px;
  FONT:  0px/20px cairo;
  COLOR:#fff; }
  /* .الجديد */

.under_logo{
  position:absolute;
  float:right; 
  right: 100px;
  top:66px;
  font-family: 'Garamond',sans-serif ; font-size:18px ;  color: #000; 
}
.png_logo {
    position :relative;
left: 70px;
 top :65px;
  }
.logo_web{
position : relative ;
left: 70px;
 top :65px;
  float: left;
background: url('') ;
background-repeat: repeat-x;
font-family: Garamond; font-size:17px ; margin: 2px 5px 5px 5px;  color: #000000; padding-right: 10px; font-weight: bold; text-decoration: none; display: block; direction: rtl; font-size-adjust: none; text-shadow: -1px -1px 0 #000; font-stretch: normal;
}

.png_ysar{
position : relative ;
left : 0px;
 top :-15px;
  float: left;
background: url('../imge/Digital/') ;
width : 185px ;
height:100% ;
background-repeat: repeat-x;
}
.DV_lang{
position :absolute ;
top :25px;
  float: right;
  }
    .DV_index_all {
 position : relative ;
 margin:auto;

top : 0px;
    width: 100%;
    height:auto;
  margin:0px auto 0px;
    }
.Dv_slid {
 position : relative ; 
     margin:0px auto 0px;
    top: 20%;
width : 80%;
height:auto;
}
.DV_box{
top: 0px;
      margin:0px auto 0px;
position : absolute ;
width : 100%;
height:299px;
background: url('../imge/Digital/civil_main.jpg' ) no-repeat ;
background-size: 100% 100%;
}
    .DV_index2 {
position :relative ;
  top :0px;
direction: rtl ;
  margin:0px auto 0px;
width: auto;
 }
 .DV_box_second {
    position : relative ;    height: auto;
    top:0px;
    width :100%;
   margin:0px auto 0px;
}
 .ymin_index {
position : relative ;
width : 100%; height: auto;

  margin:0px auto 0px;
 }
 .wrapper{  top: 350px;
 position : relative;
 margin:0px auto 0px;
 padding:0px 0px 400px 0px;
     width :90%; height: auto;
}
    
  .Box_index {
    position : relative ;   margin: auto; height: auto;
    top:20px;
    width :100%;
  }
.DV_ysar{
position :relative;
margin :auto ;
width : 96%;
height:auto;
 padding: 0px 5px 0px 5px;  

}
    .DV_ysar_Modl{
position :relative;
padding-top:20px;
padding-bottom:10px;
margin :auto ;
width : 92%;
height:auto;
 padding: 0px 5px 0px 5px;  
overflow: hidden;
}
    .DV_ysar_sub{
position :relative;
padding-top:20px;
padding-bottom:10px;
margin :auto ;
width : 92%;
height:auto;
 padding: 0px 5px 0px 5px;  
overflow: hidden;
}
.DV_box2{
    position:relative ;
    margin: auto;
    top:0px;
    width :100%;
    height:200px;
background: url('../imge/Digital/civil_main2.jpg' ) no-repeat ;
background-size: 100% 200px;
  }
 .DV_all { 
         position:relative;
 margin: auto; top:-80px; z-index:1;
right: 5%;
  padding:0px 0px 0px 0px;
     width :93%;
 } 
  /* box Mobile */

  .boxs_2{
    position: relative;
  height:300px;
   margin:auto;
    direction: rtl;
    width: 97.7%;
    background: ;
    margin: 0px 0px 20px 0px;
   border-top: 1px solid #D7DBE1;
  border-right: 2px solid #D7DBE1;
  border-right: 2px solid #D7DBE1;
  border-bottom: 1px solid #D7DBE1;
}
.boxs_2:before{
    content: "";
    display:block;
    padding-top:100%;
}
   .Titl_box2{
       position:absolute; 
       text-align: center;
        bottom:20px;
       right: 20px; width: 90%; 
  }
  .pic_box2 {
      right:8px;
    display: block;

  }
  .pic_boxes_2 {
    display: block;
    width: 100%;
    height:100%;
    float: none;
  }

.boxs_all4 {
   position:relative;
background: url(../imge/Digital/) no-repeat ;

margin:auto;
right:0px ;
top:0px; 
width: 92%;
height:100%;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
  overflow: hidden;
    border-top: 1px solid #393978;
  border-right: 1px solid #393978;
  border-right: 1px solid #393978;
  border-bottom: 1px solid #393978;
    }
      .boxs_all7 {
   position:relative;
background: url(../imge/Digital/) no-repeat ;

    float: right;
right:0px ;
top:0px; 
width: 100%;
height:120%;
  overflow: hidden;
    border-top: 0px solid #030c37;
  border-right: 0px solid #030c37;
  border-right: 0px solid #030c37;
  border-bottom: 0px solid #030c37;
  align-items: center;
  justify-content: center;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
    }
      .boxs_all8 {
   position:relative;
background: url(../imge/Digital/) no-repeat ;

margin:auto;
top:0px; 
padding-bottom:30px;
width: 93%;
height:120%;
  overflow: hidden;
    border-top: 1px solid #030c37;
  border-right: 1px solid #030c37;
  border-right: 1px solid #030c37;
  border-bottom: 1px solid #030c37;
  -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
    }
       .boxs_8{
 display: flex;
  align-items: center;
  justify-content: center;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
    position: relative;
  height: 290px;
bottom:10px;
   margin:auto;
    direction: rtl;
    right: 3px;
    width: 95%;
    background: ;
    margin: 25px 5px 10px 15px;
   border-top: 0px solid #bb0000; 
  border-right: 0px solid #D7DBE1;
  border-right: 0px solid #D7DBE1;
  border-bottom: 1px solid #bb0000;
}
.boxs_8:before{
    content: "";
    display:block;
    padding-top:80%;
}
.boxs_4{
    position: relative;
  height: 100%;
  top:20px;
    float: right;
    direction: rtl;
    right: 5px;
    width: 97%;
    background: ;
    margin: 0px 0px 0px 20px;
   border-top: 1px solid #D7DBE1; 
  border-right: 0px solid #D7DBE1;
  border-right: 0px solid #D7DBE1;
  border-bottom: 0px solid #D7DBE1;
          -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.boxs_4:before{
    content: "";
    display:block;
    padding-top:100%;
}
   .Titl_box{
       position:absolute; 
       text-align: center;
        bottom:20px;
       right: 20px; width: 90%; 
  }
  .pic_box {
    display: block;
    width: 100%;
    height:100%;
    float: non;
  }
      .pic_box2{
position: relative ;
width: 100%;
    height: 300px;
top: 0px ;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
   .boxs_7{
 display: flex;
  align-items: center;
  justify-content: center;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
    position: relative;
  height: 290px;
bottom:10px;
    float: right;
    direction: rtl;
    right: 0px;
    width: 97%;
    background: ;
    margin: 25px 5px 10px 15px;
   border-top: 0px solid #bb0000; 
  border-right: 0px solid #D7DBE1;
  border-right: 0px solid #D7DBE1;
  border-bottom: 1px solid #bb0000;
}
.boxs_7:before{
    content: "";
    display:block;
    padding-top:80%;
}
 

  
.img_content_sub {
	zoom: 1; 
	position: relative;
	width: 100%;
	height:auto;
	max-width:100%;
	max-height:480px;
      border-top: 1px solid #030c37;
  border-right: 1px solid #030c37;
  border-right: 1px solid #030c37;
     border-bottom: 1px solid #030c37; 
     -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.img_ysar2 {
	zoom: 1; 
	position: relative;
	width: 100%;
	max-width:99%;
	max-height:130px;
	margin:0px auto 0px;
	z-index:90;
	border:none;
}

.DV_ysar3 {
bottom:70px;
position: relative;
border :solid #000;

margin:auto;
width: 100%;
	padding:0.0em;
	background:#000;
	border-radius:0 0.em 0.0em 0;
	-moz-border-radius:0 0.0em 0.0em 0;
 	-webkit-border-radius:0 0.em 0.em 0;
	opacity:0.6;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.DV_ysar4 {
bottom:70px;
position: relative;
right :0px ;
margin:auto;
width: 99.7%;
	padding:0.0em;
	background:#fff;
	border-radius:0 0.em 0.0em 0;
	-moz-border-radius:0 0.0em 0.0em 0;
 	-webkit-border-radius:0 0.em 0.em 0;
	opacity:0.6;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.DV_adv_up{
position :relative ;
top :0px;
right:30px;
float: right;
width: 100%;
border : solid #000;
border-width :  0px;
}
.DV_TitWord {
 float : ;
direction: rtl ;
}
.DV_adv_ajax{
position :relative ;
float :right ;
top :0px;
width : 99.8%;
height:100%
border : solid #000;
border-width :  0px;
}
.DV_word{
 position :relative ;
}
.word{
 position :relative ;
 top : 0px;
 background: url('../imge/Digital/ourwordA.png');
 right:0px;
  width : 100% ;
 height :206px;
overflow: hidden;
}
.DV_all2 {
float: center;
width: 100%;
 border-width: 0px;
 }
.div_2img {
position: relative ;
top :0px ;
right : 1px ;
right :1 px ;
bottom :1 px ;
 width: 185px;
 height: 145px;
 border : solid  #7F7F7F;
border-width :  1px;
}
.img_news{
  position: relative ;
top :6px ;
right : 28px ;
right :1 px ;
bottom :2 px ;
 width: 99%;
 height: 321px;
 border : solid  #fff;
border-width :  0px;
}
.UP_twitter {
position: relative ;
background : url(.../imge/Digital/twitter.png)no-repeat ;
  background-position:right ;
width: 100%;
height :31px;
direction:rtl;
 border-width: 0px ;
}
.DV_twitter{
position: relative ;
width: 100%;
background-repeat: repeat-x;
direction:rtl;
 border-width: 1px ;
}
.DV_facebook{
position: relative ;
top :14px;
width: 100%;
direction:rtl;
 border-width: 0px ;
}
.DV_all_ysar{
position: relative ;
top:10px;
background: #fff  ;
width: 100%;
height:auto;
direction:rtl;
 border-width: 0px ;
  -webkit-border-radius: 5px 5px 0 0;
border-radius: 7px 7px 0 0;

}
.UPDV_ysar_cont {
position: relative ;
top :0px;
direction: rtl ;
width: 100%;
border-width:0px;
}
.DV_ysar_cont {
top :0px;
right :0px ;
position: relative ;
direction: rtl ;
width: 100%;
   border-top: 0px solid #;
  border-right: 0px solid #030c37;
  border-right: 0px solid #030c37;
  border-bottom: 0px solid #030c37;
}
.dv_art_cont { 
float:right;
top :0px;
right :0px ;
position: relative ;
width: 100%;
   border-top: 0px solid #;
  border-right: 0px solid #030c37;
  border-right: 0px solid #030c37;
  border-bottom: 0px solid #030c37;
}
 .UP_comics{
  position: relative ;
background : url(.../imge/Digital/comics.png) no-repeat ;
background-position:right ;
width: 100%;
height :31px;
direction:rtl;
 border-width: 0px ;
}
.comics {
position: relative ;
top :14px;
right: 0px;
width:100%;
height:auto;
}
.img_comics {
     width:99%;
     height:auto;
       margin-right: 1px;
     border-top: 1px solid #030c37;
  border-right: 1px solid #030c37;
  border-right: 1px solid #030c37;
     border-bottom: 1px solid #030c37; 
     -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.UP_issue{
  position: relative ;
background : url(.../imge/Digital/issue.png)no-repeat ;
background-position:right ;
width: 100%;
height :31px;
direction:rtl;
 border-width: 0px ;
}
 .Issue {
position: relative ;
top :7px;
float :right ;
}
 .img_artical2 {
   position: relative ;
top:-2px;
background : url();
background-repeat:no-repeat;
height : 80px ;
width :35%;
float : right ;
 border: 1px solid #D7DBE8;
 }
  .artical6 {
   top :0px ;
position :relative ;
direction: rtl ;
right:10px;
float: right;
    height:auto;
width: 97%;
    border-bottom: 1px solid #D7DBE8;
 }
 .img_artical6 {
   position: relative ;
top:0px;
 border-radius: 50%; /*  opera, IE9, */
 -webkit-border-radius: 50%;  /* safari , chrome */
  -moz-border-radius: 50%;  /* mozila */
background-repeat:no-repeat;
height : 87px ;
width :80px;
float : right ;
 border: 0px solid #D7DBE8;
 }
 .UPdv_poll{
 top :0px;
position: relative ;
background: url('../imge/Digital/bk.gif');
background-repeat: no-repeat;
width: 100%;
height :33px;
border-width:0px;

 }
 .UP_poll{
  position: relative ;
background : url(.../imge/Digital/poll.png) no-repeat ;
background-position:right ;
width: 100%;
height :31px;
direction:rtl;
 border-width: 0px ;
}
 .DV_poll{
position :relative ;
height : 240px ;
direction: rtl ;
 }
.DV_social{
top :0px;
position: relative ;
width: 98%;
border-width:2px;
 border-width: 1px ;
}
.SUB-VEDIO {
POSITION:relative;
margin:auto;
 max-width:100%;
 width:90%;
height:20px;
 padding: 0px 0px 0px 0px;
}
.DV_SUB_VEDIO {
    position:relative;
float:right;
right:30%;
width:auto;
 padding: 0px 3.5px 0px 3.5px;
  margin: 0px  0px 12px 0px;
background: linear-gradient(to right, #030c37  0%, #78d7f9 80%);
  border-top: 0px solid #D2D2D2;
  border-right:0px solid #D2D2D2;
  border-right: 0px solid #D2D2D2;
  border-bottom: 0px solid #342C2C;
-moz-border-radius: 5px;  -webkit-border-radius: 5px; border-radius: 5px; 
Webkit (Safari/Chrome) */ -webkit-box-shadow: 0px 0px 0px 0px #f1b129 ;/* Mozilla Firefox */ -moz-box-shadow: 0px 0px 0px 0px #f1b129;/* Proposed W3C Markup */ box-shadow: 0px 0px 0px 0px #f1b129
}

  

 .fram_dwon_vedio {
 width: 100%;
}
.adres_video_Dwon{
position: absolute ;
width: 100%;
height: 32px;
right :0px;
top: 8px;
FONT: bold 16pt/28px Garamond  ;text-align: center; COLOR:#fff; TEXT-DECORATION: none  ;
background-color: #000;
}
.break_fram {
	float: non;
    right :0PX;
background: url(../imge/Digital/) no-repeat ;
	width:11px;
	height:94px;
	padding:1px 0;
    }
    .DV_video{
background: url(../imge/Digital/) no-repeat ;
width: 100%;
height: 100%;
right :0px;
top: 0px;
}
    .video_dwon {
background: url(../imge/Digital/ ) no-repeat ;
  top : 5px;
position: relative ;
float :right;
width: 98%;
height: 150px;
}
.DV_ajax{
  top :6px;
}
.serch {
width:100%;
    top:-10px;
     height: 40px;
 	position: relative;
 	float:right;
 	right:-20px;
}
.input_serch {  	position: relative;     top:-24px;
width: 120px; height: 20px;
background-attachment: fixed;
 float : right;  right:36px;	
background-color :#;   
border-top: 1px solid #030c37;
  border-right: 0px solid #030c37;
  border-right: 1px solid #030c37;
  border-bottom: 1px solid #030c37; 
}
.submit_serch {
    top:25px;
float : right; 
 background: url('../imge/search2.png') no-repeat  ;
width: 38px; height:24px;
background-color :#030c37;   
border : solid  #030c37;
}
.submit_serch:hover{
    float : right;
 background: url('../imge/search2.png') no-repeat  ;
  width: 38px; height: 24px;
  background-color :#000;  
border : solid  #000;
    }
 .DV_news1{
   top:200px;
width: 99%;
height : 143px ;
float: non;
 right: 0px;
 }
.Titl_second_news{
    top:5px;
     height:50px;
    width: 100%;
  border-bottom: 4px solid #030c37;
  float:non;
}
  .DV_wL1 {    
    width: 100%;
    background: #030c37;
    height:0px;
    float: right;
    overflow: hidden;
  }
.UP_twitter {
background :;
  background-position:right ;
width: 99%;
height :31px;
}
.DV_twitter{
width: 100%;
background-repeat: repeat-x;
}
.UPDV_facebook{
background :  ;
  background-position:right ;
top :0px;
width: 99%;
height :31px;
}
.img_news_second5 {
    width:100%;
    height:auto;
 -webkit-border-radius: 5px 5px 0 0;
border-radius: 15px 15px 0 0;
}
.DV_artical{
       top :0px ;
position :relative ;
direction: rtl ;
width: 100%;
  border-bottom: 4px solid #000;
}
.UPdv_artical{
top :0px;
background: url('../imge/Digital/');
background-repeat: no-repeat;
width: 100%;
height :33px;
 background-color: #030c37 ;
  background-color: #030c37 ;
 -webkit-border-radius: 5px 5px 0 0;
border-radius: 7px 7px 0 0;
}
.DV_namkuttab{
top :4px ;
float: right;
 }
 .artical {
     position :relative ;
   top :0px ;
float: right;
width: 100%;
  border-bottom: 1px solid #000;
 }
   .artical2 {
   top :0px ;
position :relative ;
direction: rtl ;
right:0px;
float: right;
width: 100%;
 }
.DV_img_artcal{
    float: right;
 top :0px ;
 width:180px;
height :250px ;
 }
.img_artcal{
    float: right;
 top :0px ;
 width:180px;
height :200px ;
     border-top: 1px solid #030c37;
  border-right: 1px solid #030c37;
  border-right: 1px solid #030c37;
     border-bottom: 1px solid #fff; 
     -webkit-border-radius: 30px;
-moz-border-radius:30px;
border-radius: 30px;
 }
  .img_artcal_Modl {
     float: right;
 top :0px ;
 width:140px;
height :150px ;
     border-top: 1px solid #030c37;
  border-right: 1px solid #030c37;
  border-right: 1px solid #030c37;
     border-bottom: 1px solid #fff; 
     -webkit-border-radius: 30px;
-moz-border-radius:30px;
border-radius: 30px;    
 }
  .DV_asd_ysar {
    display: block;
    width: 100%;
    float: non;
  }
    .DV_showall{
top :0px;
right :2px;
position: relative ;
direction: ltr ;
width: 99%;
      height:auto;
overflow: hidden;
border-width:0px;
  background :#fff;
border-bottom: 0px solid #030c37;       
  
}

.budy_news_all{
  width : 92%;
  HEIGHT:auto;
float:right;
 direction: ltr;
      color: var(--text);
MARGIN:0px 12px 0px 0px; FONT: 18px/38px 'Garamond' ; 
}
.more_content {
position :relative ;

width: 60px;
height :38px;
right : -220px ;
}
.mzid {
    position :relative ;
    right:-200px;
}
.img_Model {
     width:97%;
     height:230px;
  border-top: 1px solid #030c37;
  border-right: 1px solid #030c37;
  border-right: 1px solid #030c37;
     border-bottom: 1px solid #030c37; 
     -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
 }
  .DV_asd_ymin {
    width: 100%;
    float: non;
  }
  .DV_adv_up {
 
    width: 100%;
    float: non;
  }
  .DV_adv_ajax {
    
    width: 100%;
    float: non;
  }
  .DV_wL {
    display: block;
    width: 100%;
    float: non;
  }
.DV_news{
        top:300px;
  position :relative ;
  width: 100%;
 top:60px;
float: non;
}
.img_news {
    display: block;
   top:6px;
    width: 100%;
    float: non;
  }
  .DV_imgnews1 {
    top:6px;
    width: 100%;
 
  }
  .img_news1 {
 width: 300px;
    float: non;
  }
  .dv_art_cont {
    display: block;
   
    width: 100%;
    float: non;
  }
  
  .UP_artical {
    display: block;
   
    width: 100%;
    float: non;
  }
  .img_artical {
    display: block;
   
    width: 100%;
    float: non;
  }
  .img_artical2 {
    display: block;
   height : 35% ;
    width: 25%;
    float: non;
  }

  .DV_content {
    display: block;
   
    width: 100%;
    float: non;
  }
  .box3 {
    display: block;
   
    width: 100%;
    float: non;
  }
  .DV_up_Topic2 {
    display: block;
   
    width: 100%;
    float: non;
  }
  .DV_Up_scene {
    display: block;
   
    width: 100%;
    float: non;
  }
  .UPdv_video {
   
    display: block;
   
    width: 100%;
    float: non;
  }
  .Div_ysar_video {
    display: block;
   
    width: 99%;
    float: non;
  }
  
.DV_content_arabia3 {
background: url(../imge/Digital/) no-repeat ;
background-color: #ECEDF0;
right:-10px ;
top:0px;
width: 100%;
}
 .DV_link{

}
.dropbtn {
  position: fixed; z-index:1000; top: 8px;
 right:4px; 
	background-image: url(../imge/menu-nav.png) ;
  width : 32px;
height:28PX;
    color: white;
    padding: 0px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
      top: 4px;
     float:right; 
     width:100%;
}
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
     top: 8px;
 right:5px; 
    background-color:;
 background-image: url(../imge/menu-nav2.png) ;
}
/* Dropdown Content (Hidden by Default) القائمة النسدلة المخفية */
.dropdown-content {
  margin-top: 45px;
  float:right; 
  right:1px;
    display: none;
    position: fixed;
backdrop-filter: blur(3px);

background-color: rgba(13, 40, 59, 0.8);

border-radius: 0px;

box-shadow: 35px 35px 68px 0px rgba(29, 51, 96, 1), inset -12px -12px 16px 0px rgba(29, 51, 96, 1), inset 0px 11px 28px 0px rgb(255, 255, 255);
    width:56%;
    box-shadow: 0px 8px 6px 0px rgba(0,0,0,0.7);
    z-index: 100;
}
/* Links inside the dropdown */
.dropdown-content a {
   z-index:100; 

    color: black;
    padding: 12px 6px;
    text-decoration: ltr;
    text-align:center;
    display: block;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #030c37}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
     top:  0px;
    display: block;
}

#mainmenu{
  display: block;
    width: 100%;
    float: right;
}
.li{
}
.menulink{
    z-index:100;
float:none;
	    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);  
}
.menulink_active{
	}
.menulink_visited {
}
#link_main {MARGIN: 0px 4px 0px 0px; FONT: bold 14pt/18px  Garamond ;  COLOR:#d4f3ff; TEXT-DECORATION: justify; text-shadow: 2px 2px #000, 0px -1px  #000;
}

#link_main:hover { font-family:  12pt/30px Garamond; COLOR:#bb0c25; font-weight: bold; 
text-shadow: -2px 0px -2px #000; 
}
.link_hove { MARGIN: 0px 4px 0px 0px; FONT: bold 14pt/18px  Garamond ;  COLOR:#fff; TEXT-DECORATION: justify; text-shadow: 2px 1px #000, 0px -1px  #000;
}

  .Div_goog_L2 {
 float:none; top:10px; width:100%;
  }
  .social_ysar{
position : absolute;
width:100%;
top : 10px;
}
.social_ymin{
position : absolute;
width:100%;
top : 100px;
}
.about_us{
  width:99%;   
}
.abot_R {
    position : relative ;
     width:100%;
      padding:  7px 10px 0px 10px;
    FONT:  22px/40px  cairo; COLOR:#000;    
      border-bottom: 0px solid #808080;
}
.img_abot_L {
     position : relative ;
    width:99%;   
 height:220px;
 margin-right: 0px;
 margin-right:0px;
         border-top: 1px solid #030c37;
  border-right: 1px solid #030c37;
  border-right: 1px solid #030c37;
     border-bottom: 1px solid #fff; 
     -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
 box-shadow: 3px 3px #030c37;
}
.img_abot_R {
     position : relative ;
 margin-right: 0px;
 margin-right:00px;
   width:99%;   
 height:220px;
         border-top: 1px solid #030c37;
  border-right: 1px solid #030c37;
  border-right: 1px solid #030c37;
     border-bottom: 1px solid #fff; 
     -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
 box-shadow: 3px 3px #030c37;
}
 .fram_callus {
  position: relative;
   direction:rtl;
  top:0px;
  width:97%;
 
}
.call_us {
    top:30px;
     direction:rtl;
    position:relative;
 width:97%;
}
  .dv_eye{
      top:-300px;
     float:  none;
 }
  .icon_eye{
     background: url('../imge/Digital/') no-repeat   right; width:25px; height:25px; 
 float:right; margin:-300px 15px 0px 10px; width: 50px; height:23px;
}
.log_ey1 { 
  float: right; padding:  px 5px 0px 0px; FONT:  1px/14px  Harmattan; COLOR:;    
}
.log_ey2 { 
  float: right; padding:  -300px 5px 0px 0px; FONT:  1px/14px  Harmattan; COLOR:;    
} 
   .fotr {
   position : relative;
    top:0px;
        overflow: hidden; 
   width :100%;
     background-color:#204477 ;
  }
 .footer_all{
     position :relative;   
     top:0px;
  width:100%; 
  height:1000px;
background-color:#030c37;
 }
.footer{
        position: relative;
        top:50px;
    right: 0px;
    width:  90%;
  height:auto;
      margin: 0px 0px 0px 0px; 
    float: none;
    direction: rtl;
    background-color:#030c37;
 }
    .logo_Dwon{
     position :relative;
  margin:auto;
right:7%;
 top :49px;  

background: url('../imge/Digital/L_Down_Ar.png') no-repeat   right; width:116px; height:102px;  
  }
.logo_Dwon_ysar{
position :relative;
top :15%; 
 float:right;
right: 24%;
background: url('../imge/Digital/R_Down_Ar.png') no-repeat   right; width:200px; height:102px;   
 }
   .Titl_fotr {
              margin:100px 0px 0px 0px;
    float:right;
         text-align:right;
      width:80%;

      direction:rtl;
   FONT: bold 16px/28px  Garamond ; COLOR:#f1b129;  
         border-bottom: px solid #030c37; 
  
    }
.link_footer{
        margin:0px 0px 0px 0px;
    float:right;
     text-align:justify;
      width:80%;
      direction:rtl;
      FONT: bold 14px/28px  Garamond ; COLOR:#fff;  
         border-bottom: px solid #030c37; 
}
.link_footer:hover{
    margin:0px 0px 0px 0px;
    float:right;
     text-align:justify;
      width:80%;
      direction:rtl;
      FONT: bold 14px/28px  Garamond ; COLOR:#f1b129;  
         border-bottom: px solid #fff; 
}

.twit_button  {
position:relative;
float:right;
right:5px;
top :8px;
width:auto ;
  margin: 0px 3px 3px 0px; 

}
.pdf_print  {
position:relative;
float:right;
right:-5px;
top :4px;
width:auto ;
margin:auto;
background:#;

}

.pdf_print_img { float:right; right:5px; top :-14px;
     background: url('../imge/Digital/print_icon.png') no-repeat   right; width:30px; height:24px; }

 .pdf_icon { float:right; right:0px; top :-14px;
     background: url('../imge/Digital/pdf_icon.png') no-repeat   right; width:46px; height:24px; }
          
 
.pdf_Dwn{ position:relative;   margin:auto; text-align:center; width: 100%; }

.pdf_print_img_dwn {float:right; top:0px; margin: 10%;z-index:100;
    background: url('../imge/Digital/print_icon.png') no-repeat   right; width:34px; height:34px; } 
      
.pdf_icon_dwn {float:right; top:0px; margin: 10%;z-index:100;
    background: url('../imge/Digital/pdf_icon.png') no-repeat   right; width:46px; height:34px; }
 
.hom_img_dwn {float:right; top:0px; margin: 10%;z-index:100;
    background: url('../imge/Digital/home.png') no-repeat   right; width:34px; height:34px; 
} 
.img_ysar2 {
	zoom: 1; 
	position: relative;
	width: 100%;
	max-width:100%;
	max-height:130px;
	margin:0px auto 0px;
	z-index:90;
	border:none;
}
.linknews1 {  margin:auto;  
  font:  bold 11pt/28px  Garamond ; color: #fff;  font-weight:bold;text-align:center;  text-shadow: 1px 1px 2px #055e80,0 0 5px #055e80;

}
.linknews { float:right; margin:-55px 0px 0px 0px;
  font:  bold 14pt/28px  Garamond ; color: #0267a1;  font-weight: bold; text-align:center;  text-shadow: -1px -1px 0 #030c37; font-stretch: normal;
}
.linknews:hover {  float:right;
  font:  bold 14pt/28px  Garamond ; color: #bb0c25;  font-weight: bold; text-align:center; text-shadow: -1px -1px 0 #030c37; font-stretch: normal;
}
.ab{
margin: 0 auto;
 width:85%;   
font-size: 17px;
text-align: center;
font-weight: ;
line-height: 2.0em;
}
.Box_2_Sub {
 position:relative;
	top:10px;
	float: right;
    background: #030c37;
    color: #000;
    display: inline-block;
    top:-180px;
    right:-8px;
    padding: 2%;
    border-radius: 10px 0 0 10px;
	font-size:14px
  border-top: 2px solid #fff;
  border-right:1px solid #000;
  border-right: 0px solid #D2D2D2;
  border-bottom: 0px solid #;
}
.DV_ysar5 {
bottom:2px;
position: absolute;
right :0px ;
height:auto;
margin:auto;
width: 102%;
	padding:0.0em;
	background:#fff;
	border-radius:0 0.em 0.0em 0;
	-moz-border-radius:0 0.0em 0.0em 0;
 	-webkit-border-radius:0 0.em 0.em 0;
	opacity:0.6;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.DV_show_sub{
      z-index:100;
top :0px;
margin:auto;
position: relative;
direction: ltr ;
text-align:left;
width: 85%;
border-width:0px;

}
.boxs_album{
    position: relative;
  height: 270px;
margin:auto;
    direction: rtl;
    right: 0px;
    width: 92.4%;
    background:#ECEDF0 ;
    margin:20px 20px 10px 12px;
   border-top: 1px solid #030c37;
  border-right: 1px solid #030c37;
  border-right: 1px solid #030c37;
  border-bottom: 1px solid #030c37;
  -moz-border-radius: 15px;  -webkit-border-radius: 15px; border-radius: 15px;
}
.img_album { position: relative; z-index:1;
    width:100%;
    height:270px;
margin:auto;
}
.Titl_secondary_news2 { 
        float:right; margin:20px;
        FONT:  17px/28px  Garamond ; text-align:center;  COLOR:#fff; 
    font-weight: bold; text-shadow: 0px 0px 0px #000;       
    }
    .Titl_secondary_news2:hover { 
        FONT:  17px/28px  Garamond ;  text-align:center; COLOR:#b8e9fc; 
    font-weight: bold; text-shadow: 0px 0px 0px #000;       
    }
   .Titl_secondary_news4 { 
      
        FONT:  14px/22px  Garamond ; text-align:center;  COLOR:#000; 
    font-weight: bold ; text-shadow: 0px 1px 0px  #000;       
    }
    .Titl_secondary_news4:hover {
          FONT:  14px/22px  Garamond ; text-align:center;  COLOR:#030c37; 
    font-weight: bold; text-shadow: -1px 1px 1px  #;  
    }
   .Titl_secondary_news5 { 
        float:none; 
        FONT:  17px/20px  Garamond ; text-align:center;  COLOR:#030c37; 
    font-weight: bold; text-shadow: 0px 0px 0px  #000;       
    }
    .Titl_secondary_news5:hover {
          FONT:  18px/20px  Garamond ; text-align:center;  COLOR:#f1b129; 
    font-weight: bold; text-shadow: -1px 1px 1px  #;  
    }
    .img_news_2 {
    width:100%;
    height:250px;
}
    
    /*  لتحميل المزيد للأسفل*/

    .black_layer{ 
position :absolute ; z-index:1; right:0px;
background: url('../imge/Digital/') ;
top :-20px;
background-repeat: repeat-x;
width : 100%;
height:290px ;
backdrop-filter: blur(1px);
background-color: rgba(13, 40, 59, 0.5);
}
.copy {top:0px;
    margin:auto;
      position :relative;
      direction: rtl; 
      background:#6f0c14;
  width:100%;
}
.font_copy {
margin:auto;
      position :relative;
       direction: ltr; 
      align-items: center;
MARGIN: 2px 0px 0px 0px; FONT: bold 12px/28px  Garamond ;  COLOR:#fff;
  width:100%;
}
.copy_img { 
margin:auto;
padding: -5px 0px 0px 0px;
  width:140px; height:40px; background: url('../imge/D-creaytive.png')  no-repeat; 
border-style:none;
    }

.Titl_secondary { 
        FONT:  17px/24px  Garamond ; text-align:center;  COLOR:#fff; 
    font-weight: bold; text-shadow: 2px 2px #000, 0px -1px  #000;      
    }
    .Titl_secondary:hover { 
        FONT:bold  17px/24px  Garamond ;  text-align:center; COLOR:#f9324e; 
    font-weight: bold; text-shadow: 1px 1px #000, 0px -1px  #000;      
    }
    /*  لتحميل المزيد للأسفل*/
        .ButtonMore {position : relative; z-index: 1000; 
     display: inline-block;
        margin:10px 40% 0px;
        width: 18%; 
        height:40px;
        text-align: center; 

    padding:20px 2px 30px 20px;
 FONT: 16pt/20px Almarai ; COLOR:#3b4c98; line-height: 10px; text-shadow: 0px 0px 0px #fff;
   border: 0px solid #fff;
background: #f3f3f3;

  -moz-border-radius: 15px;  -webkit-border-radius: 15px; border-radius: 15px;
    }
       /*  لتحميل المزيد للأسفل*/
            .ButtonMore_box {position :relative; z-index: 10000; 
        display: inline-block;
        top:0px;
            margin: auto;
        padding:20px 0px 0px 0px;
        width: 14%; height:40px;
       right:42%;
        text-align: center;   
 FONT: 13pt/28px Almarai ; COLOR:#3b4c98; line-height: 10px; text-shadow: 1px 1px 1px #fff;

   border: 0px solid #fff;
background: #f3f3f3;
  -moz-border-radius: 0px;  -webkit-border-radius: 0px; border-radius: 0px;
    }

}