@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond&family=IBM+Plex+Serif:wght@400&display=swap&family=Tajawal&display=swap');


#wrapper {

      margin:auto;   
      }


.accordionButton {
	
	
	text-align:right;
	cursor: pointer;
	
	
	min-height: 30px;
	padding-right: 30px;
	padding-top: 5px;
	padding-bottom: 5px;

	font-family: 'Tajawal', sans-serif !important;

		font-size: 16pt;
	
	color: #000000;
	line-height: 30px;
	
	
	 
  background: #B4B6B8;
  background: -moz-linear-gradient(#B4B6B8 0%, #D2D3D4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #B4B6B8), color-stop(100%, #D2D3D4));
  background: -webkit-linear-gradient(#B4B6B8 0%, #D2D3D4 100%);
  background: linear-gradient(#B4B6B8 0%, #D2D3D4 100%);
  border: 1px solid #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 97%;
	}
	
.accordionContent {
	
	margin:auto;
	text-align:right;
	  
		padding-top:10px;
padding-bottom:10px;

font-family: 'Tajawal', sans-serif !important;
	 background: #f4f4f4;
   color: #000;
  
  
   -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
width:97%;
margin-left:20px;
margin-right:20px;

	}
	
.accordionContent td {
	border:none 0px !important;

}
	


.on {
	color: #ffffff;
	 
  background: #192836;
  background: -moz-linear-gradient(#192836 0%, #192836 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #192836), color-stop(100%, #192836));
  background: -webkit-linear-gradient(#192836 0%, #192836 100%);
  background: linear-gradient(#192836 0%, #192836 100%);
  border: 1px solid #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
	}
	
.over {
   background: #565656;
  background: -moz-linear-gradient(#192836 0%, #192836 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #192836), color-stop(100%, #192836));
  background: -webkit-linear-gradient(#192836 0%, #192836 100%);
  background: linear-gradient(#192836 0%, #192836 100%);
  border: 1px solid #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
	color: #ffffff;
	}
	
/***********************************************************************************************************************
                                            1111111111111111111111111111111111111111111
************************************************************************************************************************/
	
	
	#wrapper1 {

      margin:auto; 
      width: 100%;  
      }


.accordionButton1 {
	
	
	text-align:right;
	cursor: pointer;
	background-image:url('header650.png');
	background-repeat: no-repeat;
	min-height: 40px;
	padding-right: 30px;
	padding-top: 5px;
	font-family: 'Tajawal', sans-serif !important;

	font-size: 16pt;
	
	color: #ffffff;
	line-height: 30px;
	
	
	 
  background: #565656;
  background: -moz-linear-gradient(#565656 0%, #323232 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #565656), color-stop(100%, #323232));
  background: -webkit-linear-gradient(#565656 0%, #323232 100%);
  background: linear-gradient(#565656 0%, #323232 100%);
  border: 1px solid #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 100%;
	}
	
.accordionContent1 {
	
	margin:auto;
	text-align:right;
	  
		padding-top:10px;
padding-bottom:10px;

padding-right:0px;
	 background: #f4f4f4;
   color: #000;
 font-family: 'Tajawal', sans-serif !important;
  border: 1px solid #dcdcdc;
   -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
width: 100%;
	}
	
.StaffImage img{
	height:100px;
	width: 75px;
}		


.on1 {
	color: #ffffff;
	 
  background: #192836;
  background: -moz-linear-gradient(#192836 0%, #192836 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #192836), color-stop(100%, #192836));
  background: -webkit-linear-gradient(#192836 0%, #192836 100%);
  background: linear-gradient(#192836 0%, #192836 100%);
  border: 1px solid #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;


	}
	
.over1 {
  color: #ffffff;
	 
  background: #192836;
  background: -moz-linear-gradient(#192836 0%, #192836 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #192836), color-stop(100%, #192836));
  background: -webkit-linear-gradient(#192836 0%, #192836 100%);
  background: linear-gradient(#192836 0%, #192836 100%);
  border: 1px solid #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
	}


/***********************************************************************************************************************
                                            333333333333333333333333333333333333
************************************************************************************************************************/
	
#wrapper3 {

      margin:auto;   
      }


.accordionButton3 {
	
	
	text-align:right;
	cursor: pointer;
	background-image:url('header650.png');
	background-repeat: no-repeat;
	min-height: 30px;
	padding-right: 30px;
	padding-left: 30px;

	padding-top: 5px;
	font-family: 'Tajawal', sans-serif !important;

	font-size: 14pt;
	
	color: #000000;
	line-height: 30px;
	direction:rtl;
	
	 
  background: #cae8f2;
  background: -moz-linear-gradient(#cae8f2 0%, #cae8f2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cae8f2), color-stop(100%, #cae8f2));
  background: -webkit-linear-gradient(#cae8f2 0%, #cae8f2 100%);
  background: linear-gradient(#cae8f2 0%, #cae8f2 100%);
  border: 1px solid #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
width: 97%;
	}
	
.accordionContent3 {
	
	margin:auto;
	text-align:right;
	  
		padding-top:10px;
padding-bottom:10px;

padding-right:5px;
padding-left:5px;
	 background: #f4f4f4;
   color: #000;
 font-family: 'Tajawal', sans-serif !important;
  border: 1px solid #dcdcdc;
   -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
width: 94%;
	}
	
	.accordionContent3 td {
	border:none 0px !important;

}
	
.StaffImage img{
	height:100px;
	width: 75px;
}		

.on3 {
	color: #ffffff;
	 
  background: #192836;
  background: -moz-linear-gradient(#192836 0%, #192836 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #192836), color-stop(100%, #192836));
  background: -webkit-linear-gradient(#192836 0%, #192836 100%);
  background: linear-gradient(#192836 0%, #192836 100%);
  border: 1px solid #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
direction:rtl;

	}
	
.over3 {
  color: #ffffff;
	 
  background: #192836;
  background: -moz-linear-gradient(#192836 0%, #192836 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #192836), color-stop(100%, #192836));
  background: -webkit-linear-gradient(#192836 0%, #192836 100%);
  background: linear-gradient(#192836 0%, #192836 100%);
  border: 1px solid #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction:rtl;
	}



/***********************************************************************************************************************
                                            444444444444444444444444444444444444444
************************************************************************************************************************/
	

#wrapper4 {

      margin:auto;   
      }


.accordionButton4 {
	
	
	text-align:right;
	cursor: pointer;
	min-height: 30px;
	padding-right: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: 'Tajawal', sans-serif !important;
	font-size: 12pt;		
	color: #000000;
	line-height: 30px;
    background: #B4B6B8;
  background: -moz-linear-gradient(#B4B6B8 0%, #D2D3D4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #B4B6B8), color-stop(100%, #D2D3D4));
  background: -webkit-linear-gradient(#B4B6B8 0%, #D2D3D4 100%);
  background: linear-gradient(#B4B6B8 0%, #D2D3D4 100%);
  border: 1px solid #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 95%;
	}
	


.StrategicTitle {
	font-size:11pt !important;
	text-align:right;
	line-height:25px;
	font-weight:normal !important;
	margin-left:50px;
}
.StrategicTitle span {
	font-size:12pt !important;
	text-align:right;
	line-height:25px;
 color:#333333 !important ;
 font-weight:normal !important;
 font-family: 'Tajawal', sans-serif !important;

}

.StrategicTitle2 span {
	font-size:12pt !important;
	text-align:right;
	line-height:25px;
 color:#008080!important ;
 font-weight:normal !important;
 font-family: 'Tajawal', sans-serif !important;

}

.HeightTop{
  height: 170px;
}

				
	
	
	


.on4 {
	color: #ffffff;
	 
  background: #192836;
  background: -moz-linear-gradient(#192836 0%, #192836 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #192836), color-stop(100%, #192836));
  background: -webkit-linear-gradient(#192836 0%, #192836 100%);
  background: linear-gradient(#192836 0%, #192836 100%);
  border: 1px solid #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
	}
	
.over4 {
  background: #565656;
  background: -moz-linear-gradient(#192836 0%, #192836 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #192836), color-stop(100%, #192836));
  background: -webkit-linear-gradient(#192836 0%, #192836 100%);
  background: linear-gradient(#192836 0%, #192836 100%);
  border: 1px solid #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
	color: #ffffff;
	}