/*box-shadow: rgba(0, 0, 0, .05) 0 2px 2px, rgba(0, 0, 0, .05) 0 4px 4px;
background-image: url('http://127.0.0.1/wordpress/wp-content/uploads/2020/08/p3-768x512-1.jpg');
*/
/*box-shadow: rgba(0, 0, 0, .05) 0 2px 2px, rgba(0, 0, 0, .05) 0 4px 4px;
*/
* {
	box-sizing: border-box;
	
  }
  html {
	scroll-behavior: smooth;
  }
  



  .tajawal-extralight {
	font-family: "Tajawal", serif;
	font-weight: 200;
	font-style: normal;
  }
  
  .tajawal-light {
	font-family: "Tajawal", serif;
	font-weight: 300;
	font-style: normal;
  }
  
  .tajawal-regular {
	font-family: "Tajawal", serif;
	font-weight: 400;
	font-style: normal;
  }
  
  .tajawal-medium {
	font-family: "Tajawal", serif;
	font-weight: 500;
	font-style: normal;
  }
  
  .tajawal-bold {
	font-family: "Tajawal", serif;
	font-weight: 700;
	font-style: normal;
  }
  
  .tajawal-extrabold {
	font-family: "Tajawal", serif;
	font-weight: 800;
	font-style: normal;
  }
  
  .tajawal-black {
	font-family: "Tajawal", serif;
	font-weight: 900;
	font-style: normal;
  }
  
  /*start Main Rulez*/
  
  
  
  
  
  /* navbar */
  
  
  
  
  
  
  .nav-link{
	  text-decoration: none;
	  transition: all .8s ease;
  
  /*    font-size: 23px;
  */}
  
  
  
  .nav-btn{
	  background: transparent ;
	  font-size: 23px;
	  transition: all 2s ease;
  }
  
  .nav-btn:hover{
	  transform: rotate(-10deg);
  }
  
  .toggler-btn{
	  border: 2px solid #f09c25;
	  padding: 5px;
	  transition: all 2s ease;
  }
  .bar{
	  width: 30px;
	  height: 3px;
	  margin: 5px;
	  background: #f09c25;
	  transition: all 0.5s ease;
  
  }
  
  .change .bar1{
	  transform: rotate(45deg) translate(5px,6px);
	  
  }
  
  .change .bar2{
	  opacity: 0;
  
  }
  
  .change .bar3{
	  transform: rotate(-45deg) translate(5px,-8px);
  
  }
  
  
  /* end navbar */
  
  /*logo*/
  .logo{
  padding: 10px 0;
  background-color:#6bb779;
  }
  
  .zoom{
		transition: transform 2s;
  }
  
  .zoom:hover{
	-ms-transform: scale(1.1); /* IE 9 */
	-webkit-transform: scale(1.1); /* Safari 3-8 */
	transform: scale(1.1);
  
  }
  
  .logo  img{
  width: 145px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 40%;
  
  
  }
  
  
  
  
  
  .logo  .brand{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 130px;
	font-size: 35px;
	color: #eee;
	font-weight: bold;
  
  }
  
  
  
  /*end logo*/
  
  
  
  /*news*/ 
  .home-newsletter {
  padding: 50px 0;
  background: #6bb779;
  /*background:rgb(250, 176, 17);*/
	  border-top: 5px solid #259539;; 
  
  }
  
  .home-newsletter .single {
  max-width: 650px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 2; }
  .home-newsletter .single h2 {
  font-size: 22px;
  color: white;
  text-transform: uppercase;
  margin-bottom: 40px; }
  .home-newsletter .single .form-control {
  height: 50px;
  background: rgba(255, 255, 255, 0.6);
  border-color: transparent;
  border-radius: 0 20px 20px 0; }
  .home-newsletter .single .form-control:focus {
  box-shadow: none;
  border-color: #243c4f; }
  .home-newsletter .single .btn {
  min-height: 50px; 
  border-radius: 20px 0 0 20px;
  background: #243c4f;
  color: #fff;
  }
  
  
  .home-newsletter .single .emaillist .es-field-wrap input{
	  height: 50px;
	  background: rgba(255, 255, 255, 0.6);
	  border-color: transparent;
	  border-radius: 20px;
	  padding: 20px;
  }
  
  .home-newsletter .single .emaillist .es-field-wrap input:focus {
  box-shadow: none;
  border-color: #243c4f; }
  
  .home-newsletter .single .emaillist  .es_subscription_form_submit  {
	  min-height: 50px;
	  border-radius: 20px;
	  background: #243c4f;
	  color: #fff;
	  border: none;
	  
  }
  
  /*news*/
  
  
  
  /*Start footer*/
  .footer-part{
	  background:rgb(33, 29, 30); 
	  padding: 50px 0;
	  color: #ffffff;
  }
  
  .footer-part p a{
	  color: #ffffff;
	  text-decoration: none;
	  line-height: 2;
	  transition: all .8s ease;
  }
	  
	  
  
  .footer-part p a:hover{
	  color: #d3325f;
	  text-decoration: none;
	  line-height: 2;
  }
  
  .bottom {
	  color: #000000;
	  background-color:rgb(250, 176, 17);
	  padding: 30px 0;
	  border-top: 2px solid #ffffff; 
  }
  
  
  
  #btnScroolToTop {
	  position: fixed;
	  left: 10px;
	  bottom: 10px;
	  width: 45px;
	  height: 45px;
	  border-radius: 25%;
	  background: #1c75bc;
	  box-shadow: 0 0 10px rgba(0,0,0,0.25);
	  color: #ffffff;
	  outline: none;
	  cursor: pointer;
	  border: none;
	  font-size: 30px;
  }
  
  /*End footer*/
  
  /*Start copyright*/
  .copyright {
	  border-top: 1px solid #c0c0c0;
	  padding: 20px;
  
  }
  .copyright ul {
	  margin: 0;
  
  }
  .copyright ul li{
	  display: inline-block;
  
  }
  .copyright ul li a{
	  color: #777;
	  font-size: 18px;
  
	  
  }
  
  

  /*End copyright*/
  
  
  
  
  
  
  
   
  .come-in {
	transform: translateY(150px);
	animation: come-in 0.8s ease forwards;
  }
  .come-in:nth-child(odd) {
	animation-duration: 0.6s;
  }
  .already-visible {
	transform: translateY(0);
	animation: none;
  }
  
  @keyframes come-in {
	to { transform: translateY(0); }
  }
  
  
  
  
  /* Start latest post*/
  
  .latest-post{
	  padding: 0 0 20px 0;
  }
  
  /*.latest-post h2{
	  font-size: 50px;
	  font-weight: bold;
	  margin-bottom: 20px;
  }*/
  
  .latest-post .section-description{
	  line-height: 1.6;
	  font-size: 20px;
	  width: 80%;
	  margin: 0 auto 45px;
	  color: #6a6a6a;
  }
  .latest-post .card{
	  margin-bottom: 30px;
	  box-shadow: rgba(0, 0, 0, .05) 0 2px 2px, rgba(0, 0, 0, .05) 0 4px 4px;
  }
  .latest-post .card .card-title {
  /*	font-size: 20px;
	  line-height: 1.5;
	  color: #08526d;*/
  }
  
  .latest-post .card .card-title a{
	  font-size: 20px;
	  line-height: 1.5;
	  color: #08526d;
	  text-decoration: none;
	  font-weight: bold;
  }
  
  .latest-post .card  p{
	  color: #787878;
	  margin-bottom: 10px;
  }
  
  /*.latest-post .card a {
	  color: #ed1d24;
	  font-weight: bold;
	  margin-top: 10px;
	  text-decoration: none;
	  background-color: #fff;
	  border-color: #08526d;
  
  }*/
  
  .latest-post .card .more-link {
	  color: #ed1d24;
	  font-weight: bold;
	  margin-top: 10px;
	  text-decoration: none;
	  background-color: #fff;
	  border-color: #08526d;
  
  }
  
  /*
  .latest-post .card a:hover {
	  color: #ffffff;
	  background-color: #08526d;
	  border-color: #ed1d24;
  }*/
  
  .fixed-height{
	  height: 450px;
  }
  
  .fixed-height img{
	  height: 230px;
	  display: block;
	  margin: auto;
  }
  .fixed-height-post img{
	  
	  display: block;
	  margin: auto;
  }
  
  .latest-post .more-latest-post{
	  padding: 13px 20px;
	  background: #f9f9f9;
	  display: block;
	  margin-bottom: 10px;
	  border: 1px solid #e3dddd;
	  color: #08526d;
	  text-align: center;
	  box-shadow: rgba(0, 0, 0, .05) 0 2px 2px, rgba(0, 0, 0, .05) 0 4px 4px;
  
  }
  .latest-post .more-latest-post a{
	  color: #ed1d24;
	  text-decoration: none;
	  background-color: transparent;
  
  }
  
  /* End latest post*/
  
  
  /*Start main*/
  
  .content-site {
  /*	text-align: right;
  */
  
  }
  
  .content-site .post{
  /*	box-shadow: rgba(0, 0, 0, .05) 0 2px 2px, rgba(0, 0, 0, .05) 0 4px 4px;
  */
	  border-bottom: 1px solid #ccbdbd;
  
  }
  
  .content-site p{
	  padding: 10px;
	  font-size: 16px;
  
  }
  .content-site .side-bar{
	  
  
  }
  
  .content-site .single-side-bar{
	  
  
  }
  
  .content-site .home-side-bar{
  
  }
  
  .content-site .home-side-bar .wp-block-search__inside-wrapper {
   margin: 10px;
  }
  
  .content-site .home-side-bar .side-bar-title{
	  font-weight: bold;
	  color: #08526d;
	  
  }
  
  .content-site .side-bar-color-border{
	  padding: 20px;
	  background-color: #fff;
	  border: 1px solid #d8d8d8;
	  margin-bottom: 30px;
  
  }
  
  
  .content-site .side-bar-icon  ul li{
	  display: inline-block;
	  font-size: 35px;
	  margin-right: 20px;
  
  }
  
  
  .widget-content .center{
	  text-align: center;
  }
  .content-site .side-bar .side-content ,
  .content-site .side-bar .widget-content,
  .content-site .home-side-bar .side-content ,
  .content-site .home-side-bar .widget-content {
	  background-color: #FFF;
	  margin-bottom: 20px;
	  border: 1px solid #e3dddd;	
	  box-shadow: rgba(0, 0, 0, .05) 0 2px 2px, rgba(0, 0, 0, .05) 0 4px 4px;
  
  }
  
  
  .content-site .side-bar .side-content .menu-item ,
  .content-site .side-bar .widget-content .menu-item,
  .content-site .home-side-bar .side-content .menu-item,
  .content-site .home-side-bar .widget-content .menu-item {
	  /*font-weight: bold;*/
  
  }
  .content-site .side-bar .side-content .menu-item ul.sub-menu ,
  .content-site .side-bar .widget-content .menu-item ul.sub-menu,
  .content-site .home-side-bar .side-content .menu-item ul.sub-menu,
  .content-site .home-side-bar .widget-content .menu-item ul.sub-menu{
	  font-weight: bold;
  
  }
  
  .content-site .side-bar .side-content ,
  .content-site .side-bar .widget-content-social,
  .content-site .home-side-bar .side-content ,
  .content-site .home-side-bar .widget-content-social {
	  background-color: #FFF;
	  margin-bottom: 20px;
	  border: 1px solid #e3dddd;	
	  box-shadow: rgba(0, 0, 0, .05) 0 2px 2px, rgba(0, 0, 0, .05) 0 4px 4px;
  
  }
  
  
  .content-site .side-bar .side-content .side-bar-form,
  .content-site .home-side-bar .side-content .side-bar-form{
	  margin: 15px 15px 15px 0;
	  
  
  }
  .content-site .side-content .side-bar-post,
  .content-site .home-side-bar .side-bar-post {
	  padding: 10px;	
	  
  
  }
  
  
  .content-site .side-bar .side-bar-title,
  .content-site .side-bar .widget-title,
  
  .content-site .home-side-bar .widget-title{
  
	  padding: 13px 20px;
	  background: #f9f9f9;
	  display: block;
	  border-bottom: 1px solid #eeeeee;
	  color: #08526d;
  
  }
  
  .content-site .side-bar .side-bar-title-en:after,
  .content-site .home-side-bar .side-bar-title-en:after,
  {
	  content: '';
	  padding: 13px 20px;
	  background: #f9f9f9;
	  display: block;
	  border-bottom: 1px solid #eeeeee;
	  color: #08526d;
  
  }
  
  
  .content-site .side-bar .widget-content {
	  /*text-align: center;*/
  }
  
  
  .content-site .side-bar .widget-content label,
  .content-site .home-side-bar .widget-content label{
	  display: none;
  }
  
  
  
  
  .content-site .side-bar .widget-content form,
  .content-site .home-side-bar .widget-content form{
	  text-align: center;
	  margin: 20px 0;
  }
  
  .content-site .side-bar .widget-content input[type="text"],
  .content-site .home-side-bar .widget-content input[type="text"]{
	  max-width: 70%;
  /*	border-radius: .10rem;
	  padding-top: 3px ;
	  padding: .375rem .75rem;
	  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  */}
  
  
  .content-site .side-bar .widget-content input[type="submit"],
  .content-site .home-side-bar .widget-content input[type="submit"]{
	  border-color: #d77602;
	  color: #f7941e;
	  background-color: #FFF;
	  border-radius: .25rem;
	  padding: .375rem .75rem;
	  -webkit-transition:all .4s ;
	  -moz-transition:all .4s ;
	  -o-transition:all .4s ;
	  transition:all .4s ;
	  float: left;
	  margin-left: 20px;
  }
  
  
  .content-site .side-bar .widget-content input[type="submit"]:hover,
  .content-site .home-side-bar .widget-content input[type="submit"]:hover{
	  border-color: #d77602;
	  color: #FFF;
	  background-color: #f7941e;
  
  
  
  }
  
  .content-site .side-bar .widget-content ul,
  .content-site .home-side-bar .widget-content ul{
	  list-style: none;
	  margin-left: -15px;
	  padding-right: 30px;
  
  }
  .content-site .side-bar .widget-content ul li,
  .content-site .home-side-bar .widget-content ul li{
	  padding-top: 5px;
  
  }
  
  .content-site .side-bar .widget-content ul li:before,
  .content-site .home-side-bar .widget-content ul li:before{
	  font-family: 'FontAwesome';
	  content: "\f138  ";
	  color: #ec1c23;	
  }
  
  .content-site .side-bar .widget-content ul li a,
  .content-site .home-side-bar .widget-content ul li a{
	  color: #08526d;
	  text-decoration: none;
  }
  
  .content-site .side-bar .widget-content .calendar_wrap,
  .content-site .home-side-bar .widget-content .calendar_wrap{
	  margin: 10px 10px;
	  
  }
  
  .content-site .side-bar .widget-content .calendar_wrap table,
  .content-site .home-side-bar .widget-content .calendar_wrap table{
	  text-align: center;
  
	  
  }
  
  .content-site .side-bar .widget-content .calendar_wrap .wp-calendar-table tr th,
  .content-site .home-side-bar .widget-content .calendar_wrap .wp-calendar-table tr th{
	  padding: 13px;
	  
	  
  }
  
  
  .content-site .side-bar h3,
  .content-site .home-side-bar h3{
	  padding: 5px;
  
  }
  
  
  
  
  .content-site .main-post{
  /*	background-color: #FFF;
	  margin-bottom: 20px;
	  border: 1px solid #e3dddd;	*/
  
  }
  
  
  .content-site .main-post-small-screen {
		  display: none;
  
  }
  
  .content-site .main-post .main-title,
  /*.content-site .home-main-post .main-title,*/
  .content-site .main-post-small-screen .main-title{
	  padding: 13px 20px;
	  background: #f9f9f9;
	  display: block;
	  margin-bottom: 10px;
	  border: 1px solid #e3dddd;
	  color: #08526d;
  
  
  }
  
  .latest-post .main-title {
	   padding: 13px 20px;
	  background: #f9f9f9;
	  display: block;
	  margin-bottom: 10px;
	  border: 1px solid #e3dddd;
	  color: #08526d;
  
  }
  
  .content-site .main-post .post,
  .content-site .home-main-post .post,
  .content-site .main-post-small-screen .post{
	 
		background-color: #FFF;
	  margin-bottom: 20px;
  
  
  }
  .content-site .main-post .post .post-img{
	 
  }
  
  .content-site .main-post .post-title,
  .content-site .home-main-post .post-title,
  .content-site .main-post-small-screen .post-title{
		 
		  margin: 10px 10px 8px 10px;
		  padding: 10px 10px 7px 15px;
		  font-weight: bold;
		  font-size: 20px;
  
  
  }
  
  .content-site .main-post-small-screen .img-small-screen{
		 
		  display:block;
		  margin:auto;
  }
  
  
	  
  
  .content-site .main-post .author,
  .content-site .home-main-post .author,
  .content-site .main-post-small-screen .author{
		 
			border-bottom: 3px solid #eeeeee;
		  margin: 0px 10px 0px 30px;
		  padding: 3px;
		  font-size: 12px;
  
  }
  
	  .content-site .main-post .post-title a,
	  .content-site .home-main-post .post-title a,
	  .content-site .main-post-small-screen .post-title a{
		 
		  
		  color: #08526d;
		  text-decoration: none;
  
  
  
	  }
  
  .content-site .main-post  .post-link,
  .content-site .home-main-post  .post-link,
  .content-site .main-post-small-screen  .post-link{
	 
		padding: 0 0 0 10px;
		color: #ed1d24;
	  font-weight: bold;
		padding: 0 10px 15px 0;
	  
  
  }
  
  .content-site .main-post  .post-lang:before,
  .content-site .home-main-post  .post-lang:before,
  .content-site .main-post-small-screen  .post-lang:before{
	 
		content: "Read More";
		
	  
  
  }
  
  
  .content-site .main-post .more-post,
  .content-site .home-main-post .more-post,
  .content-site .main-post-small-screen .more-post{
	  padding: 13px 20px;
	  background: #f9f9f9;
	  display: block;
	  margin-bottom: 10px;
	  border: 1px solid #e3dddd;
	  color: #08526d;
	  text-align: center;
	  box-shadow: rgba(0, 0, 0, .05) 0 2px 2px, rgba(0, 0, 0, .05) 0 4px 4px;
  
  }
  .content-site .main-post .more-post a,
  .content-site .home-main-post .more-post a,
  .content-site .main-post-small-screen .more-post a{
	  color: #ed1d24;
	  text-decoration: none;
	  background-color: transparent;
  
  }
  
  
  .content-site .item-container:hover .item-img{
	  /* transform: scale(1.1); */
  
  }
  
  .item-img{
	  /* transition: all 2s ease; */
  
  }
  
  .post .research-title{
	  color: darkslateblue;
	  text-decoration: none;
	  font-weight: bold;
  }
  .post .research-content{
	  color: gray;
  }
  .post .research-content span{
	  color: black;
  }
  
  .post .content-item-format-links{
	  margin: 0 0 10px 0;
	  font-weight: 600;
  }
  
  .post .content-item-format-links a{
		  color: #005274;
  }
  
  .post .content-item-format-links .list--inline{
	  list-style: none;
	  display:flex;
	  padding: 0;
	  margin: 0;
  }
  
  .post .content-item-format-links .separator  li {
	  padding: 0 10px;
  }
  
  .post .content-item-format-links .separator > li:first-of-type {
	  border-right: 0;
	  border-left: 0;
  }
  
  .post .content-item-format-links .separator > li:not(:first-of-type) {
	  border-right: 1px solid #212121;
	  border-left: 0;
  }
  
  .post .research-counter {
	  background-color: #6bb779;
	  color: #fff;
	  font-weight: bold;
	  padding: 0px 7px;
	  border-radius: 25px;
	  font-size: 12px;
  }
  
  
  @media (max-width: 991px){
  
  /*	.content-site .home-main-post,
	  .content-site .home-side-bar  {
		  display: none;
  
	  }
	  
	  .content-site .side-bar  {
		  display: none;
  
	  }
	  .content-site .main-post-small-screen {
		  display: block;
  
	  }*/
  
  }
  /*End main*/
  
  
  
  /*Start main*/
  
  .content-site {
  /*  text-align: right;
  */
  /* background-color: #f9f8f1; */
  }
  
  .content-site .post{
  /*    box-shadow: rgba(0, 0, 0, .05) 0 2px 2px, rgba(0, 0, 0, .05) 0 4px 4px;
  */
  
  }
  
  .content-site .post .post-icon{
  padding: 0px;
  background-color: #6bb779;
  
  }
  
  .content-site p{
	  padding: 0 0px 0 0;
	  font-size: 16px;
  
  }
  .content-site .side-bar{
	  
  
  }
  
  .content-site .single-side-bar{
	  
  
  }
  
  
  .content-site .side-bar-icon  ul li{
	  display: inline-block;
	  font-size: 35px;
	  margin-right: 20px;
  
  }
  
  .content-site .side-bar .side-content ,
  .content-site .side-bar .widget-content,
  .content-site .home-side-bar .side-content ,
  .content-site .home-side-bar .widget-content {
	  background-color: #FFF;
	  margin-bottom: 20px;
	  border: 1px solid #e3dddd;  
	  box-shadow: rgba(0, 0, 0, .05) 0 2px 2px, rgba(0, 0, 0, .05) 0 4px 4px;
  
  }
  
  
  .content-site .side-bar .side-content .menu-item ,
  .content-site .side-bar .widget-content .menu-item,
  .content-site .home-side-bar .side-content .menu-item,
  .content-site .home-side-bar .widget-content .menu-item {
	  /*font-weight: bold;*/
  
  }
  .content-site .side-bar .side-content .menu-item ul.sub-menu ,
  .content-site .side-bar .widget-content .menu-item ul.sub-menu,
  .content-site .home-side-bar .side-content .menu-item ul.sub-menu,
  .content-site .home-side-bar .widget-content .menu-item ul.sub-menu{
	  font-weight: bold;
  
  }
  
  .content-site .side-bar .side-content ,
  .content-site .side-bar .widget-content-social,
  .content-site .home-side-bar .side-content ,
  .content-site .home-side-bar .widget-content-social {
	  background-color: #FFF;
	  margin-bottom: 20px;
	  border: 1px solid #e3dddd;  
	  box-shadow: rgba(0, 0, 0, .05) 0 2px 2px, rgba(0, 0, 0, .05) 0 4px 4px;
  
  }
  
  
  .content-site .side-bar .side-content .side-bar-form,
  .content-site .home-side-bar .side-content .side-bar-form{
	  margin: 15px 15px 15px 0;
	  
  
  }
  .content-site .side-content .side-bar-post,
  .content-site .home-side-bar .side-bar-post {
	  padding: 10px;  
	  
  
  }
  
  
  .content-site .side-bar .side-bar-title,
  .content-site .side-bar .widget-title,
  
  .content-site .home-side-bar .widget-title{
  
	  padding: 13px 20px;
	  background: #f9f9f9;
	  display: block;
  
	  border-bottom: 3px solid rgb(97, 227, 249);
	  color: #08526d;
  
  
  }
  
  .content-site .side-bar .side-bar-title-en:after,
  .content-site .home-side-bar .side-bar-title-en:after
  {
	  content: '';
	  padding: 13px 20px;
	  background: #f9f9f9;
	  display: block;
	  border-bottom: 1px solid #eeeeee;
	  color: #08526d;
  
  }
  
  
  .content-site .side-bar .widget-content {
	  /*text-align: center;*/
  }
  
  
  .content-site .side-bar .widget-content label,
  .content-site .home-side-bar .widget-content label{
	  display: none;
  }
  
  
  
  
  .content-site .side-bar .widget-content form,
  .content-site .home-side-bar .widget-content form{
	  text-align: center;
	  margin: 20px 0;
  }
  
  .content-site .side-bar .widget-content input[type="text"],
  .content-site .home-side-bar .widget-content input[type="text"]{
	  max-width: 70%;
  /*  border-radius: .10rem;
	  padding-top: 3px ;
	  padding: .375rem .75rem;
	  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  */}
  
  
  .content-site .side-bar .widget-content input[type="submit"],
  .content-site .home-side-bar .widget-content input[type="submit"]{
	  border-color: #d77602;
	  color: #f7941e;
	  background-color: #FFF;
	  border-radius: .25rem;
	  padding: .375rem .75rem;
	  -webkit-transition:all .4s ;
	  -moz-transition:all .4s ;
	  -o-transition:all .4s ;
	  transition:all .4s ;
	  float: left;
	  margin-left: 20px;
  }
  
  .test {
	  background-color: #FFF;
	  margin-bottom: 20px;
	  border: 1px solid #e3dddd;
	  box-shadow: rgba(0, 0, 0, .05) 0 2px 2px, rgba(0, 0, 0, .05) 0 4px 4px;
  }
  .content-site .side-bar .widget-content input[type="submit"]:hover,
  .content-site .home-side-bar .widget-content input[type="submit"]:hover{
	  border-color: #d77602;
	  color: #FFF;
	  background-color: #f7941e;
  
  
  
  }
  
  .content-site .side-bar .widget-content ul,
  .content-site .home-side-bar .widget-content ul{
	  list-style: none;
	  margin-left: -15px;
	  padding-right: 30px;
  
  }
  .content-site .side-bar .widget-content ul li,
  .content-site .home-side-bar .widget-content ul li{
	  padding-top: 5px;
  
  }
  
  .content-site .side-bar .widget-content ul li:before,
  .content-site .home-side-bar .widget-content ul li:before{
  /*    font-family: 'FontAwesome';
	  content: "\f060  ";*/
	  color: #6bb779; 
  }
  
  .content-site .side-bar .widget-content ul li a,
  .content-site .home-side-bar .widget-content ul li a{
	  color: #08526d;
	  text-decoration: none;
  }
  
  .content-site .side-bar .widget-content ul li i,
  .content-site .home-side-bar .widget-content ul li i{
	  color: #6bb779;
	  text-decoration: none;
  }
  
  .content-site .side-bar .widget-content .calendar_wrap,
  .content-site .home-side-bar .widget-content .calendar_wrap{
	  margin: 10px 10px;
	  
  }
  
  .content-site .side-bar .widget-content .calendar_wrap table,
  .content-site .home-side-bar .widget-content .calendar_wrap table{
	  text-align: center;
  
	  
  }
  
  .content-site .side-bar .widget-content .calendar_wrap .wp-calendar-table tr th,
  .content-site .home-side-bar .widget-content .calendar_wrap .wp-calendar-table tr th{
	  padding: 13px;
	  
	  
  }
  
  
  .content-site .side-bar h3,
  .content-site .home-side-bar h3{
	  padding: 5px;
  
  }
  
  
  
  
  .content-site .main-post{
  /*  background-color: #FFF;
	  margin-bottom: 20px;
	  border: 1px solid #e3dddd;  */
  
  }
  
  
  .content-site .main-post-small-screen {
		  display: none;
  
  }
  
  .content-site  .main-title,
  .content-site  .main-title,
  .content-site  .main-title{
	  display: block;
	  border-bottom: 3px solid rgb(97, 227, 249);
  
	  color: #08526d;
  
  
  }
  
  .latest-post .main-title {
	  padding: 13px 20px;
	  background: #f9f9f9;
	  display: block;
	  margin-bottom: 10px;
	  border: 1px solid #e3dddd;
	  color: #08526d;
  
  }
  
  .content-site .main-post .post,
  .content-site .home-main-post .post,
  .content-site .main-post-small-screen .post{
	 
  /*    background-color: #FFF;
  */    margin-bottom: 20px;
  /*    border: 1px solid #e3dddd;
  */
  
  }
  .content-site .main-post .post .post-img{
	 
  }
  
  .content-site .main-post .post-title,
  .content-site .home-main-post .post-title,
  .content-site .main-post-small-screen .post-title{
		 
		  margin: 10px 10px 8px 10px;
		  padding: 10px 10px 7px 15px;
		  font-weight: bold;
		  font-size: 20px;
  
  }
  
  .content-site .home-main-post {
  
  
  }
  
  .content-site .main-post-small-screen .img-small-screen{
		 
		  display:block;
		  margin:auto;
  }
  
  
	  
  
  .content-site .main-post .author,
  .content-site .home-main-post .author,
  .content-site .main-post-small-screen .author{
		 
		  border-bottom: 3px solid #eeeeee;
		  margin: 0px 10px 0px 30px;
		  padding: 3px;
		  font-size: 12px;
  
  }
  
	  .content-site .main-post .post-title a,
	  .content-site .home-main-post .post-title a,
	  .content-site .main-post-small-screen .post-title a{
		 
		  
		  color: #08526d;
		  text-decoration: none;
  
  
  
	  }
  
  .content-site .main-post  .post-link,
  .content-site .home-main-post  .post-link,
  .content-site .main-post-small-screen  .post-link{
	 
	  padding: 0 0 0 10px;
	  color: #ed1d24;
	  font-weight: bold;
	  padding: 0 10px 15px 0;
	  
  
  }
  
  .content-site .main-post  .post-lang:before,
  .content-site .home-main-post  .post-lang:before,
  .content-site .main-post-small-screen  .post-lang:before{
	 
	  content: "Read More";
	  
	  
  
  }
  
  
  .content-site .main-post .more-post,
  .content-site .home-main-post .more-post,
  .content-site .main-post-small-screen .more-post{
	  padding: 13px 20px;
	  background: #f9f9f9;
	  display: block;
	  margin-bottom: 10px;
	  border: 1px solid #e3dddd;
	  color: #08526d;
	  text-align: center;
	  box-shadow: rgba(0, 0, 0, .05) 0 2px 2px, rgba(0, 0, 0, .05) 0 4px 4px;
  
  }
  .content-site .main-post .more-post a,
  .content-site .home-main-post .more-post a,
  .content-site .main-post-small-screen .more-post a{
	  color: #ed1d24;
	  text-decoration: none;
	  background-color: transparent;
  
  }
  
  
  .content-site .item-container:hover .item-img{
	  /* transform: scale(1.1); */
  
  }
  
  .item-img{
	  /* transition: all 2s ease; */
  
  }
  
  
  @media (max-width: 991px){
  
  /*  .content-site .home-main-post,
	  .content-site .home-side-bar  {
		  display: none;
  
	  }
	  
	  .content-site .side-bar  {
		  display: none;
  
	  }
	  .content-site .main-post-small-screen {
		  display: block;
  
	  }*/
  
  }
  /*End main*/
  
  
  
  
  
  
  /*start index page*/
  .index{
	  margin-top: 30px;
  }
  /*End index page*/
  
  
  .home-page .post-pagination{
	  margin: 0 auto 30px;
	  overflow: hidden;
	  text-align: center;
	  width: 100%
  
  }
  
  .home-page .post-pagination a,
  .home-page .post-pagination span{
	  padding: 10px 20px;
	  background-color: #fff;
	  border-radius: 5px;
	  -webkit-transition:all .4s ease-in-out;
	  -moz-transition:all .4s ease-in-out;
	  -o-transition:all .4s ease-in-out;
	  transition:all .4s ease-in-out;
  
  }
  .home-page .post-pagination a:first-child,
  .home-page .post-pagination span:first-child{
	  margin-right: 15px;
	  float: right;
  }
  
  .home-page .post-pagination a:last-child,
  .home-page .post-pagination span:last-child{
	  margin-left: 15px;
	  float: left;
  }
  
  
  .home-page .post-pagination span{
	  opacity: .5;
	  cursor: not-allowed;
  
  }
  
  .home-page .post-pagination .fa-chevron-left{
	  margin-left: 10px;
  }
  
  .home-page .post-pagination .fa-chevron-right{
	  margin-right: 10px;
  }
  
  .home-page .post-pagination a:hover{
	  background-color: #333;
	  color: #fff;
	  text-decoration: none;
  }
  
  
  /* end  Main Posts*/
  
  
  
  
  /* Start  Category Page*/
  
  .category_information {
  /*	background-color: #FFF;
	  border: 1px solid #d8d8d8;
	  padding: 20px 0 15px 0;*/
	  background: rgba(0, 0, 0, 0);
		  background-image: none;
		  background-size: auto;
	  padding-bottom: 40px;
	  padding-top: 40px;
	  background-color: #5c97ac;
	  /*background-image: url('http://127.0.0.1/wordpress/wp-content/uploads/2020/08/p3-768x512-1.jpg');*/
	  background-size: cover;
	  /*text-align: right;*/
  
	  
  }
  
  
  
  .category_information .article-title:before{
	  
	  content: "News and articles  ";
	  color: #ffffff;	
  }
  
  
  
  .category_information h1{
  /*	margin: 50px 0;
	  font-weight: bold;
	  color: #9c9c9c;
	  text-align: right;
	  padding-right: 20px;*/
	   background: rgba(0, 0, 0, 0.5);
	  color: #ffffff;
	  display: inline-block;
	  font-size: 50px;
	  font-weight: 700;
	  margin: 20px;
	  padding: 20px;
	  text-transform: uppercase;
	  /*font-family: helvetica;*/
  }
  
  
  
  .category_information .category-description p{
	  font-size: 18px;
	  color: #777;
	  margin: 0;
	  line-height: 82px
  }
  
  
  
  .category_information .cat-stats{
	  line-height: 82px;
	  color: #9c9c9c;
   
  }
  
  .articls {
	  box-shadow: rgba(0, 0, 0, .05) 0 2px 2px, rgba(0, 0, 0, .05) 0 4px 4px;
	  
  }
  
  .sidebar-economy{
	  margin-top: 10px;
  }
  
  .sidebar-economy .widget{
	  background-color: #FFF;
	  border:1px solid #d8d8d8;
	  margin-bottom: 15px;
  }
  
  .sidebar-economy .widget-title{
	  margin: 0;
	  padding :10px;
	  background-color: #42a4d0;
	  color: #FFF;
	  font-size: 20px;
	  font-weight: bold;
  }
  
  .sidebar-economy .widget-content{
	  padding: 10px;
	  color: #969696;
  }
  
  
  .sidebar-content-group {
	  
	  
  }
  
  .sidebar-post-title {
	  background-color: #FFf;
	  border:1px solid #e3dddd;
	  margin-bottom: 10px;
	  box-shadow: rgba(0, 0, 0, .05) 0 2px 2px, rgba(0, 0, 0, .05) 0 4px 4px;
  }
  
  
  .sidebar-content-group  a{
	  color: #08526d;
	  text-decoration: none;
	  font-weight: bold;
	  
  
  }
  .sidebar-content-group  p{
	  
	  padding: 10px;
	  text-align: justify;
  
  }
  
  /* End  Category Page*/
  
  
  
  /* start  economy category*/
  .economy-category .post-title{
	  margin-top: 30px ! important
  }
  .economy-category .post-content{
	  margin-top: 8px;
  }
  
  /* start  economy category*/
  
  /* Start  pagination_numbers 2*/
  .pagination_numbers{
	  margin: 5px auto 25px;
	  font-family: Tahoma, Arial;
	  font-size: 16px;
  }
  
  .pagination_numbers .page-numbers{
	  display: inline-block;
	  background-color: #8e8e8e;
	  color: #fff;
	  padding: 5px 10px;
	  border-radius: 5px;
	  font-weight: bold;
	  -webkit-transition: all .3s ease-in-out;
	  -moz-transition: all .3s ease-in-out;
	  -o-transition: all .3s ease-in-out;
	  transition: all .3s ease-in-out;
  }
  .pagination_numbers .page-numbers.current{
	  background-color: #2980b9;
  }
  
  .pagination_numbers .page-numbers:hover{
	  text-decoration: none;
	  background-color: #2980b9;
  }
  
  
  /* End  pagination_numbers 2*/
  
  /*contact */
  .contactus {
	  
	  color: #405195;
	  
  }
  
  
  
  
  .contactus .contact-side-bar{
	  padding: 30px 20px 0;
	  background-color: #FFF;
	  border: 1px solid #e3dddd;
	  padding-bottom: 20px; 
	  
  }
  .contactus .contact-side-bar .contact-list{
	  padding: 10px 0;
	  text-align: justify;
	  
	  
  }
  
  .contactus .contact-side-bar .contact-list li{
	  padding: 10px 5px;
	  
	  
  }
  
  .contactus .contact-form{
	  padding: 30px 20px 0;
	  background-color: #FFF;
	  border: 1px solid #e3dddd;
	  padding-bottom: 20px; 
	  	  text-align: justify;

  }
  
  .contactus .contact-form label{
	  padding: 15px 10px 0;
	  
	  
  }
  
  /*contact */
  
  
  /* Start single Posts*/
  
  .post-page .main-post
  ,  .side-bar-color-border{
	  
	  box-shadow: rgba(0, 0, 0, .05) 0 2px 2px, rgba(0, 0, 0, .05) 0 4px 4px;
  }
  .post-page .main-post{
	  position: relative;
	  padding: 20px;
	  text-align: justify;
	  background-color: #fff;
	  border: 1px solid #d8d8d8;
	  margin-bottom: 30px;
	  box-shadow: rgba(0, 0, 0, .05) 0 2px 2px, rgba(0, 0, 0, .05) 0 4px 4px;
  }
  
  .post-page .main-post .post-edit-link{
	  position: absolute;
	  right: 85%;
	  left: 0;
	  top: 0;
	  padding: 10px;
	  background-color: #EEE;
	  border-radius: 0 0 10px 0px;
	  /*margin-left: 50%;*/
  }
  
  .post-page .main-post .post-edit-link i{
	  color: #337ab7;
	  margin-right: 5px;
  }
  
  
  
  .post-page .main-post h3{
	  margin: 0 0 10px;
	  font-weight: bold;
	  color: #777;
	  letter-spacing: -1px;
  }
  
   .post-author i,
   .post-date i,
   .post-comments i{
	  color: #ed1d24;
  }
  
   .post-author a,
  .post-date ,
  .post-comments a{
	  color: #08526d;
  }
  
  
  .post-page .main-post .post-author,
  .post-page .main-post .post-date,
  .post-page .main-post .post-comments{
	  font-size: 12px;
	  color: #08526d;
  }
  
  
  .post-page .main-post img{
	  display: block;
	  margin: auto;
	  margin-bottom: 10px;
	  margin-top: 10px;
  }
  
  .post-page .main-post .post-content{
	  line-height: 1.8;
	  color: #32312c;
  }
  
  
  .post-page .main-post i{
	  /*color: #999;   #08526d*/
	  color: #ed1d24;
  }
  
  
  .post-page .post-pagination{
	  margin: 0 auto 30px;
	  overflow: hidden;
	  text-align: center;
	  width: 100%
  
  }
  
  .post-page .post-pagination a,
  .post-page .post-pagination span{
	  padding: 10px 20px;
	  background-color: #fff;
	  border-radius: 5px;
	  -webkit-transition:all .4s ease-in-out;
	  -moz-transition:all .4s ease-in-out;
	  -o-transition:all .4s ease-in-out;
	  transition:all .4s ease-in-out;
  
  }
  .post-page .post-pagination a:first-child,
  .post-page .post-pagination span:first-child{
	  
	  float: right;
  }
  
  .post-page .post-pagination a:last-child,
  .post-page .post-pagination span:last-child{
	  
	  float: left;
  }
  
  
  .post-page .post-pagination span{
	  opacity: .5;
	  cursor: not-allowed;
  
  }
  
  
  
  .post-page .post-pagination a:hover{
	  background-color: #333;
	  color: #fff;
	  text-decoration: none;
  }
  
  
  .post-page .bypostauthor{
	  position: relative;
	  
  }
  
  .post-page .bypostauthor:after{
	  content: 'الكاتب';
	  position: absolute;
	  top: 10px;
	  right: 20px;
	  font-size: 30px;
	  font-weight: bold;
	  color: #dcdcdc;
  }
  @media (max-width: 991px){
  
  .post-page .post-pagination{
	  font-size: 14px;
  }
  
  }
  
  
  
  /* End single Posts*/
  
  /* Start aythor informatio */
  .author-border{
	  background-color: #FFF;
	  padding: 15px;
	  border : 1px solid #DDD;
	  margin-bottom: 15px;
  }
  
  .author-info h4{
	  margin: 12px 0 10px 0;
	  font-weight: bold;
	  color: #676767;
	  font-size: 26px;
  }
  .author-info h4 .nickname{
	  color: #1068a0;
  }
  .author-info p{
	  font-size: 17px;
	  line-height: 1.6;
	  color: #777;
  }
  /* End aythor informatio */
  
  
  
  
  /*start comment list*/
  
  
  .comment-list ul,
  .comment-list ol{
	  list-style: none;
	  margin: 0;
	  padding: 0;
  }
  
  
  .comments-count{
	  padding: 20px;
	  background-color: #e2e2e2;
	  font-size: 24px;
	  margin-top: 0;
	  font-weight: bold;
	  color: #909090;
	  border:1px solid #dedede;
  
  }
  
  .comment-list .comment img{
	  padding: 3px;
	  border:1px solid #CCC;
	  background-color: #FFF;
	  margin-bottom: 5px;
	  margin-right: 5px;
  }
  .comment-list .comment .comment-meta{
	  font-size: 13px;
	  color: #777;
  }
  
  .comment-list .comment p{
	  margin-top: 8px;
	  color: #6f6f6f;
  }
  
  
  .comment-list .comment .says{
	  display: none;
  }
  
  .comment-list > .comment{ /* Level one selector*/
	  background-color: #FFF;
	  padding: 10px;
	  border : 1px solid #DDD;
	  margin-bottom: 15px;
  }
  
  
  .comment-list > .comment > .children .comment{ /* Level two selector*/
	  padding: 10px;
	  background-color: #EEE;
	  margin-top: 10px;
	  border :1px solid #CCC;
  }
  
  .comment-list > .comment > .children .comment .comment{ /* Level three selector*/
	  padding: 10px;
	  background-color: #DDD;
	  margin-top: 10px;
	  border :1px solid #AAA;
  }
  
  .comment-respond .comment-reply-title{
	  font-weight: bold;
	  color: #9a9a9a;
	  text-align: center;
	  background-color: #E3E3E3;
	  padding: 15px;
  }
  
  .comment-respond form{
	  
	  background-color: #E3E3E3;
	  padding: 15px;
  }
  
  .comment-respond .logged-in-as{
	  margin: 0px 5px 10px;
  }
  
  .comment-respond label{
	  display: block;
	  color: #888;
	  margin: 0 6px 10px 0;
  }
  
  .comment-respond input[type="text"],
  .comment-respond textarea{
	  height: 40px;
	  width: 500px;
	  max-width: 100%;
	  padding: 10px;
	  border:1px solid #CCC;
	  border-radius: 5px;
  }
  
  
  .comment-respond textarea{
	  height: 200px;
	  resize: none;
  
  }
  
  .comment-respond input[type="submit"]{
	  margin-top: 6px;
  }
  
  /*end comment list*/
  
  /*Start author page */
  
  .author-page .profile_header{
	  width: 100%;
	  max-width: 100%;
	  font-size: 60px;
	  margin: 30px 0;
	  color: #666;
	  font-weight: bold;
	  letter-spacing: -3px;
  }
  .author-page .author-main-info{
	  background-color: #FFF;
	  padding:40px 40px;
	  font-size: 18px;
	  border :1px solid #dedede;
	  margin-bottom: 20px;
  }
  .author-page .author-main-info .author-names{
	  line-height: 1.5;
	  color: #666;
	  margin-top: 10px;
  }
  .author-page .author-main-info .author-names span{
	  display: inline-block;
	  min-width: 120px;
  }
  .author-page .author-main-info hr{
	  margin-top: 10px;
	  margin-bottom: 10px;
  }
  .author-page .author-main-info p{
	  color: #777;
	  line-height: 1.5;
	  letter-spacing: 1px;
	  margin-bottom: 0;
  }
  
  .author-page .author-stats .stats{
	  background-color: #FFF;
	  padding: 20px;
	  font-size: 14px;
	  border :1px solid #dedede;
	  margin-bottom: 20px;
	  text-align: center;
	  color: #2b2b2b;
  }
  
  .author-page .author-stats .stats span{
	  display: block;
	  font-size: 50px;
	  margin-top: 10px
  }
  
  .author-page .author-posts-title,
  .author-comment-title{
	  margin: 0 0 20px;
	  background-color: #e2e2e2;
	  padding: 20px 30px;
	  font-weight: bold;
	  color: #717171;
  }
  
  
  .author-page .author-posts {
	  padding: 20px;
	  background-color: #FFF;
	  overflow: hidden;
	  margin-bottom: 20px;
	  border:1px solid #e4e4e4;
  
  }
  
  .author-page .author-posts img{
	  width: 160px;
  
  }
  .author-page .author-posts h3{
	  margin: 10px 0 5px;
	  font-weight: bold;
  
  }
  
  .author-page .author-posts .post-date,
  .author-page .author-posts .post-comments{
	  font-size: 12px;
	  color: #888;
  
  }
  
  
  .author-page .author-comments {
	  padding: 10px 20px;
	  background-color: #FFF;
	  margin-bottom: 15px;
	  border:1px solid #e4e4e4;
  
  }
  .author-page .author-comments h3{
	  margin: 5px 0
  
  }
  .author-page .author-comments .post-date{
	  font-size: 12px;
	  color: #888;
  
  }
  
  .author-page .author-comments .post-content{
	  color: #6b6b6b;
	  margin-top: 5px;
  }
  .author-page .author-comments .post-content p{
	  margin: 0
  }
  
  /*Start author page */
  
  
  /*Start 404 page */
  .page_not_found img{
	  margin-top: 50px;
	  border-radius: 5px;
  }
  
  .page_not_found h1{
	  font-weight: bold;
	  font-size: 70px;
	  color: #777;
	  letter-spacing: -3px;
	  margin-bottom: 20px;	
  }
  .page_not_found .lead{
	  font-weight: bold;
	  font-size: 40px;
	  color: #909090;
	  letter-spacing: -1px;
	  margin-bottom: 40px;	
  }
  
  
  
  /*End 404 page */
  
  /*start breadcrumbs-holder */
  
  .breadcrumbs-holder {
	  
	  /* margin-bottom: 0px; */
	  /* margin: -30px -12px 30px -12px; */
  }
  
  .breadcrumbs-holder a{
	  text-decoration: none;
	  color: #ed1d24;
  }
  
  .breadcrumbs-holder a:hover{
	  color: #08526d;
  }
  
  .breadcrumbs-holder li{
	  
  }
  
  .breadcrumbs-holder .breadcrumb{
  /*	margin-bottom: 0;
	  background-color: #fff;
	  border:1px solid #d8d8d8;
	  border-radius: 0;
	  padding: 15px;
	  box-shadow: rgba(0, 0, 0, .05) 0 2px 2px, rgba(0, 0, 0, .05) 0 4px 4px;*/
	  /*direction: rtl;*/
	  background-color: #ffffff;
	  list-style: none outside none;
	  padding: 8px 15px;
	  border-radius: 0;
	  list-style: none outside none;
	  margin-bottom: 0;
	  padding: 8px 15px;
	  font-size: 12px;
	  box-shadow: rgba(0, 0, 0, .05) 0 2px 2px, rgba(0, 0, 0, .05) 0 4px 4px;
  }
  
  /*End breadcrumbs-holder */
  
  
  
  /* CSS HEX 
  --carrot-orange: #f09c25;
  --tuatara: #32312c;
  --storm-dust: #62625f;
  --harvest-gold: #dbb170;
  --ecru-white: #f9f8f1;
  --wheat: #f4dbae;
  --delta: #a8a8a6;
  --coral-tree: #aa6f6c;
  --quill-gray: #cdcdcb;
  --cameo: #dcada6;
  
  
  
  
  
  
  --carrot-orange: rgba(240,156,37,1);
  --tuatara: rgba(50,49,44,1);
  --storm-dust: rgba(98,98,95,1);
  --harvest-gold: rgba(219,177,112,1);
  --ecru-white: rgba(249,248,241,1);
  --wheat: rgba(244,219,174,1);
  --delta: rgba(168,168,166,1);
  --coral-tree: rgba(170,111,108,1);
  --quill-gray: rgba(205,205,203,1);
  --cameo: rgba(220,173,166,1);
  
  
  
	  
  
  */
  
  /*Start Upper bar*/
  .upper-bar{
	  background-color: #08526d;
	  color: #FFF;
  }
  
  .upper-bar .info{
	  margin: 15px 0;
  }
  
  @media (max-width: 576px){
	  .upper-bar .info:first-child {
		  margin-bottom: 0;
	  }
  }
  .upper-bar span{
	  /* color: #bfc6c9; */
  }

  .upper-bar .get-quote{
	display: inline-block;
    border: 1px solid #ffffff;
    padding: 2px 10px;
    margin-left: 20px;
    background: #f09c25;
    color: #fff;
    font-weight: bold;
	transition:  .4s;
}
.upper-bar .get-quote:hover{
    background: #d07d08;
	
}

.upper-bar .save-live .contact-us-heder:before{
	content: "تواصل معنا  ";
	color: #FFf;
  }
.upper-bar .donate:before{
	content: "تبرع الان ";
  }


  
  a {
	  color: #bfc6c9;
	  text-decoration: none;
	  background-color: transparent;
	  transition: 0.3s;
  
  }
  a:hover {
	  color: #f09c25;
	  text-decoration: none;
	  
  }
  
  .upper-bar  .text-upper-left {
	text-align: right !important;
	}
  
  .upper-bar  .text-upper-right {
	text-align: left !important;
	}
  /*End Upper bar*/
  
  /*Start Navbar*/
  .navbar-brand > span{
	  font-size: 40px;
  
  }
  .navbar-brand span:first-child{
	  color: #62625f;
	  font-weight: bold;
  
  }
  .navbar-brand span:last-child{
	  color: #f09c25;
	  
  }
  
  .navbar-nav .nav-link{
	  font-size: 16px;
	  text-transform: uppercase;
	  margin-right: 20px;
	  color: #08526d !important;
	  font-weight: bold;
  }
  .navbar-nav .active > .nav-link{
	  color: #f09c25 !important;
  }
  /*End Navbar*/
  
  /*Start Slider*/
  .slider{
	  background-color:  #DDD;
  }
  
  .slider .carousel-inner {
	  display: flex;
	  align-items: center;
	  justify-content:flex-end ;
  }
  
  @media (max-width: 768px){
  
	  .slider .carousel-inner {
		  justify-content: center;
	  }
  
	  .slider .carousel-inner h1{
		  font-size: 40px;
		  max-width: 100%;
		  right: auto;
		  text-align: center;
	  }
  }
  
  .slider .carousel-inner h1{
	  position: absolute;
	  color: #FFF;
	  z-index: 3;
	  font-size: 70px;
	  max-width: 810px;
	  right: 100px;
	  line-height: 1.2;
	  text-align: right;
  }
  
  
  @media (max-width: 768px){
  
  
	  .slider .carousel-inner h1{
		  font-size: 40px;
		  max-width: 100%;
		  right: auto;
		  text-align: center;
	  }
  }
  
  @media (max-width: 992px){
  
  
	  .slider .carousel-inner h1{
		  font-size: 50px;
  
	  }
  }
  
  .slider .carousel-inner h1 span{
	  background-color: #f09c25;
	  color: #FFF;
	  display: inline-block;
	  padding: 2px 10px;
  }
  
  .slider .carousel-inner .overlay{
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  right: 0;
	  top: 0;
	  background-color: rgba(0,0,0,.6);
	  z-index: 2;
  }
  
  .slider .carousel-item{
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
  }
.slider .carousel-one{
	background-image: url('https://nhosd.org/wp-content/uploads/2025/02/WhatsApp-Image-2025-01-24-at-8.02.21-PM-1.jpeg');
}
.slider .carousel-two{
	background-image: url('https://nhosd.org/wp-content/uploads/2025/02/WhatsApp-Image-2025-01-24-at-8.02.21-PM-2.jpeg');
}
.slider .carousel-three{
	background-image: url('https://nhosd.org/wp-content/uploads/2025/02/WhatsApp-Image-2025-01-24-at-8.02.21-PM.jpeg');
}

  
  .slider .carousel-indicators li{
	  height: 8px;
	  cursor: pointer;
  }
  /*End Slider*/
  
  /*Start services*/
  .services{
	  padding: 100px;
	  background-color: #f8f9fa;
  }
  
  .services h2{
  font-size: 50px;
	  text-transform: uppercase;
	  font-weight: bold;
	  margin-bottom: 30px;
  }
  .services i{
	  background-color: #f09c25;
	  color: #FFF;
	  padding: 20px;
	  margin-bottom: 10px;
  }
  
  .services h3{
	  color: #08526d;
	  font-size: 22px;
  }
  
  .services p{
	  color: #989898;
	  margin-bottom: 40px;
	  
  }
  
  /*End services*/
  
  
  /*Start services d2*/
  .services .d2{
	  /* padding: ;
	  background-color: ; */
  }
  
  .services .d2 h2{
  font-size: 50px;
	  text-transform: uppercase;
	  font-weight: bold;
	  margin-bottom: 30px;
  }
  
  
  .services .d2 .des {
	  border: 1px solid #cdcdcb;
	  border-radius: 8px;
	  display: flex;
	  align-items: center;
	  border-bottom: 3px solid #f09c25;
	  background-color: white;
	  margin: 10px 0;
  }
  .services .d2 .des .text{
	  text-align: center;
	  margin: 4px;
  
  }
  
  .services .d2 .des .image{
	  flex: 1;
	  text-align: center;
	  background-color: #f09c25;
	  
  
  }
  
  .services .d2 .des .image i{
	  background-color: #f09c25;
	  color: #FFF;
  
  }
  
  .services .d2 h3{
	  color: #08526d;
	  font-size: 22px;
  }
  
  .services .d2 p{
	  color: #989898;
	  margin-bottom: 40px;
	  
  }
  
  /*End services*/
  
  
  /*Start features*/
  .features{
	  padding: 50px 0;
  }
  
  .features i{
	  background-color: #f09c25;
	  color: #FFF;
	  padding: 12px;
	  margin-bottom: 10px;
  }
  
  .features h3{
	  color: #08526d;
	  font-size: 22px;
  }
  
  .features p{
	  color: #989898;
	  margin-bottom: 40px;
	  
  }
  
  /*End features*/
  
  
  /*Start overview*/
  .overview{
	  padding: 100px;
	  background-color: #f0f5f7;
  }
  
  .overview h2{
	  font-size: 50px;
	  text-transform: uppercase;
	  font-weight: bold;
	  margin-bottom: 30px;
  }
  
  .overview p{
	  line-height: 2;
	  font-size: 20px;
	  width: 80%;
	  margin: 0 auto 15px;
	  color: #6a6a6a;
  }
  
  @media (max-width: 992px){
  
	  .overview p{
		  width: 100%;
  
	  }
  }
  @media (max-width: 992px){
  
	  .overview h2{
		  font-size: 30px;
		  margin-bottom: 15px;
  
	  }
  }
  
  .overview h4{
	  letter-spacing: 2px;
	  font-weight: normal;
	  color: #8b8a8a;
	  margin-bottom: 40px;
  }
  
  .overview button{
	  background-color: #f09c25;
	  color: #FFF;
	  padding: 10px 30px;
	  font-size: 20px;
	  font-weight: bold;
	  border: 1px solid #f09c25;
  }
  
  
  
  /*End overview*/
  
  /* Start featured-work*/
  .featured-work{
	  padding: 100px 0;
  }
  
  .featured-work h2{
	  font-size: 50px;
	  font-weight: bold;
	  margin-bottom: 20px;
  }
  
  .featured-work p{
	  line-height: 1.6;
	  font-size: 20px;
	  width: 80%;
	  margin: 0 auto 15px;
	  color: #6a6a6a;
  }
  
  .featured-work ul {
	  margin-top: 40px;
	  margin-bottom: 50px;
  }
  
  .featured-work ul li{
	  color: #08526d;
	  border:2px solid #08526d;
	  padding: 15px 25px;
	  margin-right: 10px;
	  margin-bottom: 10px;
	  border-radius: 5%;
	  -webkit-transition:all .3s ease-in-out;
	  -moz-transition:all .3s ease-in-out;
	  -o-transition:all .3s ease-in-out;
	  transition:all .3s ease-in-out;
  }
  
  .featured-work ul li.active,
  .featured-work ul li:hover{
	  background-color: #f09c25;
	  border:2px solid #f09c25;
	  color: #FFF;
  }
  
  .featured-work ul li:hover{
	  cursor: pointer;
  }
  
  .featured-work .shuffle-images{
	  margin-top: 50px;
  }
  .featured-work .shuffle-imgs .row{
	  margin: 0;
  }
  .featured-work .shuffle-imgs .col-md{
	  padding: 0;
	  -webkit-transition:all .5s ease-in-out;
	  -moz-transition:all .5s ease-in-out;
	  -o-transition:all .5s ease-in-out;
	  transition:all .5s ease-in-out;
  }
  
  .featured-work .row img{
	  width: 100%;
  
  }
  /* End featured-work*/
  /* Start latest post*/
  
  .latest-post{
	  padding:  100px 0;
	  background-color: #f9f8f1;
	  text-align: justify;
  }
  
  .latest-post-single{
	  background-color: #f9f8f1;
  }
  
  .latest-post h2{
	  font-size: 50px;
	  font-weight: bold;
	  margin-bottom: 20px;
	  color: #62625f;
  }
  
  .latest-post .section-description{
	  line-height: 1.6;
	  font-size: 20px;
	  width: 80%;
	  margin: 0 auto 45px;
	  color: #6a6a6a;
  }
  .latest-post .card{
	  margin-bottom: 30px;
  }
  .latest-post .card .card-title {
	  font-size: 20px;
	  line-height: 1.5;
	  color: #08526d;
  }
  
  .latest-post .card .card-text {
	  color: #787878;
	  margin-bottom: 5px;
  }
  
  .latest-post .card .card-link {
	  color: #f09c25;
	  font-weight: bold;
  }
  
  .post-img{
	  max-width: 100%;
	  height: 200px;
  }
  
  @media (max-width: 991px){
  
	  .post-img{
		  max-width: 100%;
		  height: auto;
	  }
  }
  
  /* End latest post*/
  
  /*Start testimonials*/
  .testimonials {
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  background-image: url('images/testimonial2.jpg');
	  background-attachment: fixed;
	  background-position: center;
  
	  position: relative;
  }
  
  .testimonials .overlay{
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  right: 0;
	  top: 0;
	  background-color: rgba(0,0,0,.6);
	  z-index: 2;
  }
  
  .testimonials .container{
	  position: relative;
	  z-index: 3;
  }
  
  .testimonials .carousel-caption {
	  top:20%;
  
  }
  
  .testimonials .carousel-caption img{
	  margin-bottom: 20px;
	  
  
  }
  
  .testimonials .carousel-caption h3{
	  margin-bottom: 5px;
  }
  
  .testimonials .carousel-caption h3 + span{
	  font-size: 18px;
	  display: inline-block;
	  margin-bottom: 30px;
  }
  
  .testimonials .carousel-indicators li {
	  height: 8px;
	  cursor: pointer;
  }
  
  .testimonials i {
	  background-color: #f09c25;
	  color: #FFF;
	  padding: 12px;
	  margin-bottom: 20px;
	  background-color: rgba(240,156,37,1);
  }
  /*End testimonials*/
  
  /* Start pricing-table*/
  
  .pricing-table{
	  padding: 100px 0 100px 0;
	  background-color: #f7f7f7;
  }
  
  .pricing-table h2{
	  font-size: 50px;
	  font-weight: bold;
	  margin-bottom: 20px;
  }
  
  .pricing-table .card-body{
	  padding: 0;
  }
  
  .pricing-table .section-description{
	  line-height: 1.6;
	  font-size: 20px;
	  width: 80%;
	  margin: 0 auto 85px;
	  color: #6a6a6a;
  }
  
  @media (max-width: 992px){
  
	  .pricing-table .section-description{
		  
		  width: 100%;
		  margin-bottom: 40px;
	  }
  }
  
  
  .pricing-table .card{
	  margin-bottom: 30px;
  
  }
  .pricing-table .card .card-title {
	  font-weight: bold;
	  line-height: 1.5;
	  color: #08526d;
	  font-size: 25px;
	  margin-top: 40px;
  }
  
  .pricing-table .card .card-text {
	  color: #08526d;
	  margin-bottom: 5px;
	  background-color: #f7f7f7;
	  padding: 10px;
	  margin: 30px 0 10px;
	  font-size: 30px;
	  font-weight: bold;
  
  }
  .pricing-table .card .card-text span {
	  font-size: 15px;
	  text-transform: uppercase;
  
  }
  
  .pricing-table .list-group-item {
	  border:none;
  
  }
  
  .pricing-table .card .card-link {
	  background-color: #f09c25;
	  font-weight: bold;
	  display: inline-block;
	  padding: 10px 15px;
	  margin-top: 15px;
	  margin-bottom: 30px;
	  color: #FFF;
	  font-size: 18px;
	  text-transform: uppercase;
  }
  
  .pricing-table .corprate {
	  position: relative;
	  top: -20px;
  }
  
  .pricing-table .corprate .card-text {
	  background-color: #f09c25;
	  color: #FFF;
  }
  
  .pricing-table .corprate .card-link {
	  background-color: #08526d;
  }
  
  /* End pricing-table*/
  
  /*Start about-us*/
  
  
  
  
  .about-us .info .video{
	  padding-top: 15%;
	  padding-bottom: 15%;
  
  }
  
  .about-us img{
	  max-width: 100%;
  }
  
  .about-us .info{
	  padding: 0;
  }
  
  .about-us .info:last-child{
	  background-color: #dcada6;
	  color: #FFF;
	  padding-top: 30px;
	  padding-bottom:  30px;
      text-align: justify;
  }
  
  
  
  .about-us .h1{
	  margin: 40px;
  }
  
  .about-us p{
	  margin: 20px 40px 20px 40px;
	  line-height: 1.5;
	  font-size: 18px;
  
  }
  
  .about-us .read-more{
	  display: inline-block;
	  padding: 8px 20px;
	  margin: 0 40px 0 0;
	  background-color: #f09c25;
	  color: #FFF;
	  font-size: 20px;
	  font-weight: bold;
	  text-transform: uppercase;
  
  }
  /*End about-us*/
  
  /*Start choose-us*/
  
  
  .choose-us img{
	  max-width: 100%;
  }
  
  .choose-us .info{
	  padding: 0;
  }
  
  .choose-us .info:last-child{
	  background-color: #08526d;
	  color: #FFF;
	  padding-top: 30px;
	  padding-bottom:  30px;
  
  }
  
  .choose-us .h1{
	  margin: 40px;
  }
  
  .choose-us p{
	  margin: 20px 40px 20px 40px;
	  line-height: 1.5;
	  font-size: 18px;
  
  }
  
  .choose-us .read-more{
	  display: inline-block;
	  padding: 8px 20px;
	  margin: 0 40px 0 0;
	  background-color: #f09c25;
	  color: #FFF;
	  font-size: 20px;
	  font-weight: bold;
	  text-transform: uppercase;
  
  }
  /*End choose-us*/
  
  
  
  /*Start statistics*/
  
  
  .partner-sponsore h3{
	  font-size: 50px;
	  text-transform: uppercase;
	  font-weight: bold;
	  margin-bottom: 30px;
	  
  }
  
  
  .partner-sponsore {
	  padding:100px 0;
	  background-color: #eeeeee;
  }
  
  .partner-sponsore .partner{
	  padding:0 0 30px 0;
  
  }
  .partner-sponsore .brands {
	  width: 100%;
	  padding-bottom: 40px
  }
  
  .partner-sponsore .brands_slider_container {
	  height: 130px;
	  border: solid 1px #e8e8e8;
	  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
	  padding-right: 97px;
	  padding-left: 97px;
	  background: #fff;
  }
  
  .partner-sponsore .brands_slider {
	  height: 100%;
	  margin-top: 50px
  }
  
  .partner-sponsore .brands_slider_sponsore {
	  height: 100%;
	  /* margin-top: 50px */
	  margin-top: 20px
  
  }
  
  .partner-sponsore .brands_item {
	  height: 100%
  }
  
  .partner-sponsore .brands_item img {
	  max-width: 100%;
  
  }
  
  .partner-sponsore .brands_nav {
	  position: absolute;
	  top: 50%;
	  -webkit-transform: translateY(-50%);
	  -moz-transform: translateY(-50%);
	  -ms-transform: translateY(-50%);
	  -o-transform: translateY(-50%);
	  transform: translateY(-50%);
	  padding: 5px;
	  cursor: pointer
  }
  
  .partner-sponsore .brands_nav i {
	  color: #e5e5e5;
	  -webkit-transition: all 200ms ease;
	  -moz-transition: all 200ms ease;
	  -ms-transition: all 200ms ease;
	  -o-transition: all 200ms ease;
	  transition: all 200ms ease
  }
  
  .partner-sponsore .brands_nav:hover i {
	  color: #676767
  }
  
  .partner-sponsore .brands_prev {
	  /* right: 40px */
  }
  
  .partner-sponsore .brands_next {
	  /* left: 40px */
  }
  
  .partner-sponsore .brands_prev_sponsore {
	  right: 40px
  }
  
  .partner-sponsore .brands_next_sponsore {
	  left: 40px
  }
  
  
  
  
  
  /*Start statistics*/
  
  
  
  /*Start statistics*/
  
  
  .stats h2{
	  font-size: 50px;
	  text-transform: uppercase;
	  font-weight: bold;
	  margin-bottom: 30px;
	  
  }
  .stats {
	  padding:100px 0;
	  color: #08526d;
  }
  
  .stats .number{
	  display: block;
	  font-size: 50px;
	  font-weight: bold;
  }
  
  .stats p{
	  color: #f09c25;
	  font-weight: bold;
	  font-size: 20px;
	  margin-bottom: 40px;
  }
  
  
  /*Start statistics*/
  
  
  
  /*Start contact-us*/
  .contact-us{
	  padding:80px 0;
	  background-color: #f09c25;
	  color: #FFF;
	  border: 1px solid #f09c25;
	  font-size: 22px;
  } 
  
  .contact-us p{
	  margin: 0;
  }
  
  
  @media (max-width: 768px){
  
	  .contact-us p{
		  margin-bottom: 30px;
	  }
  }
  
  
  .contact-us a{
	  color: #fff;
	  border:2px solid #fff;
	  padding: 6px 15px 8px;
	  text-transform: uppercase;
	  font-weight: bold;
  }
  
  .contact-us .text-dirct-start{
	  text-align: start;
  }
  
  .contact-us .text-dirct-end{
	  text-align: end;
  }
  
  .contact-us p::before{
	content: "ترغب بالتواصل معنا , ترغب بمعرفة المزيد عنا ";
}


.contact-us a::before{
	content: "تواصل معنا";
}

  
  .map{
	  
	  background: #f9f8f1;
	  box-shadow: rgba(0, 0, 0, .05) 0 2px 2px, rgba(0, 0, 0, .05) 0 4px 4px;
	  
  }

  
  
  /*End contact-us*/
  
  /*Start footer*/
  .footer {
	  padding:100px 0;
	  text-align: justify;
  
  }
  .footer .site-info > span{
	  font-size: 40px;
	  
  
  }
  .footer .site-info span:first-of-type{
	  color: #08526d;
	  font-weight: bold;
  
  }
  .footer .site-info span:last-of-type{
	  color: #f09c25;
	  
  }
  
  .footer .site-info p{
	  margin-top: 35px;
	  line-height: 1.8;
	  color: #727272;
  }
  .footer .site-info a{
	  color: #08526d;
	  
  }
  .footer .site-info i{
	  color: #f09c25;
	  font-size: 18px;
  
	  
  }
  
  
  .footer .helpful-links {
	  color: #08526d;
  
	  
  }
  .footer .helpful-links h2{
	  margin-top: 15px;
  
	  
  }
  
  
  .footer .helpful-links ul{
	  margin-top: 35px;
  
	  
  }
  .footer .helpful-links ul li{
	  
  
	  
  }
  .footer .helpful-links ul li:before{
	  font-family: 'FontAwesome';
	  content: "\f054  ";
	  color: #f09c25;	
  }
  
  
  .footer .contact {
	  color: #08526d;
  }
  
  .footer .contact h2{
	  margin-top: 20px;
  }
  
  .footer .contact ul{
	  margin-top: 35px;
  
	  
  }
  
  .footer .contact ul li{
	  margin-bottom: 25px;
  
	  
  }
  
  
  @media (max-width: 992px){
  
	  .contact-us p{
		  margin-bottom: 30px;
	  }
  }
  
  /*End footer*/
  
  /*Start copyright*/
  .copyright {
	  border-top: 1px solid #c0c0c0;
	  padding: 20px;
  
  }
  .copyright ul {
	  margin: 0;
  
  }
  .copyright ul li{
	  display: inline-block;
  
  }
  .copyright ul li a{
	  color: #777;
	  margin-right: 20px;
	  font-size: 18px;
  
	  
  }
  
.copyright .copyright-text:before{
	content: "  جميع الحقوق محفوظة لمنظمة الافاق الجديدة السودان" 
}
  /*End copyright*/
  
  
  
  
  /* all page start */
  
  .content{
	  background-color:#f9f8f1 ;
	  padding: 20px 0;
  }
  
  
  
  
  /* all page End */
  
  /* 404 page start */
  .error-container{
	  justify-content: center;
	  align-items: center;
  }
  
  .error-container {
	  font-family: Arial, sans-serif;
	  background-color: #FFF;
	  text-align: center;
	  margin: 50px;
	  padding: 100px 20px;
	  border-radius: 5px;
	  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
  
  .error-container h1 {
	  font-size: 5rem;
	  color: #ff5733;
  }
  
  .error-container i {
	  font-size: 5rem;
	  color: #ff5733;
  }
  
  .error-container p {
	  font-size: 1.5rem;
	  color: #333;
	  margin-bottom: 20px;
  }
  
  .error-container a {
	  text-decoration: none;
	  background-color: #ff5733;
	  color: #fff;
	  padding: 10px 20px;
	  border-radius: 3px;
	  font-weight: bold;
	  transition: background-color 0.3s ease;
  }
  
  .error-container a:hover {
	  background-color: #e6482e;
  }
  
  
  
  /* 404 page End */
  
  