﻿@font-face {
    font-family: 'Bahij TheSansArabic Plain';
    src: url('../fonts/BahijTheSansArabic-Plain.woff2') format('woff2'),
        url('../fonts/BahijTheSansArabic-Plain.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face
{
	font-family:"FontAwesomeSolid";font-style:normal;font-weight:900;font-display:auto;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")
}
body, h1, .head_news, .head_inner, h5{
     font-family: 'Bahij TheSansArabic Plain';
    font-weight: 500;
    font-style: normal;
}
a, a:hover{
	text-decoration:none;
}
body{
    direction: rtl;
    text-align: right;
    overflow-x: hidden !important;
}

.dropdown:hover>.dropdown-menu {
  display: block;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}
.dropdown-menu{
	left:auto;right:0 !important;
}
.dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
    pointer-events: none;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}
/*------ ICON Task Forces */

/* slick CSS */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;
    z-index: 3;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
    /*padding-bottom:18px;*/
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 31px;
    height: 31px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    z-index: 5;background-color:#fff;border-radius:500px;
}
.section_initiatives .slick-prev,
.section_initiatives .slick-next
{
	background-color: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: 1;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: 0;
}
.slick-prev:before
{
    content: '\f137';
}

.slick-next
{
    right: 0;
}
.slick-next:before
{
    content: '\f138';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 10px;
    height: 10px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 10px;
    height: 10px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 10px;
    height: 10px;

    content: '';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
.navbar-toggler {
    padding: 0 28px;
    font-size: 0;
    line-height: 1;
    background-color: transparent !important;
    border: 1px solid transparent !important;
    border-radius: .25rem;
    position: relative;
    top: -20px;}
/*---- all ----*/
@media(max-width:990px){
.navbar-collapse{
	background-color: rgba(10,64,107,0.9);
}
}
.navbar-toggler:focus, .navbar-toggler:hover{
    outline: none;
}
.navbar-toggler-icon:before{
    content: '\f039';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #fff;
    font-size: 32px;
}
ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
p{
    margin-bottom: 0;
}
a:hover{
    text-decoration: none;
}
.slick-next:before{
    content: '\f138';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #348e89;
    font-size: 32px;
}
.slick-prev:before{
    content: '\f137';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #348e89;
    font-size: 32px;
}
/*------ Home ------*/
/*-- header --*/
.top_header{
    padding: 12px 0;
  background: rgba(24, 28, 44, 0.40)
/*    background-color: #161b2b;*/
}
.top_header .date{
    padding-right: 30px;
    position: relative;
}
.top_header .date:before{
    content: '\f073';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #34ba8d;
    font-size: 20px;
    margin-left: 10px;
    position: absolute;
    right: 0;
    top: -5px;
}
.top_header .date span{
    color: #999a9e;
    font-size: 14px;
}
.lang_search .btn_lang{
    padding: 3px 9px;
    border: 1px solid #8c8c8c;
    border-radius: 21px;
    color: #8c8c8c;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    margin-left: 3px;
    font-size: 14px;
}
.lang_search .btn_lang .fas{
    font-size: 17px;
    line-height: 21px;
    position: relative;
    top: 2px;
    margin-right: 5px;
}
.lang_search .btn_lang:hover{
    color: #34ba8d;
    border-color: #34ba8d;
}
.btn_srach{
    padding: 3px 9px;
    border: 1px solid #8c8c8c;
    border-radius: 21px;
    min-width: 88px;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    text-align: center;
    position: relative;
}
.btn_srach .btn_sch{
    color: #8c8c8c;
    font-size: 16px;
    display: block;
    width: 100%;
    height: 100%;
}
.btn_srach:hover{
    border-color: #34ba8d;
}
.btn_srach:hover .btn_sch{
    color: #34ba8d;
}
.btn_srach .searchBar{
    position: absolute;
    right: -274px;
    min-width: 270px;
    top: -2px;
    visibility: hidden;
    opacity: 0;
    transition: hidden 0s opacity 0s ease-in, 
    opacity 0 linear;
}
.btn_srach .showSrchBar{
    visibility: visible;
    opacity: 1;
    transition: visibility 0s, opacity 0.3s ease-in;
}
.searchBar .btnSearch{
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 35px;
    background: #34ba8d;
    border-radius: 50px;
    color: #fff;
    font-size: 16px;
}
.searchBar .btnSearch:hover{
    color: #fff;
}

.searchBar .form-control{
    border-radius: 50px;
    height: calc(1.5em + 0.65rem + 0px);
    padding: .275rem .75rem;
    border: none;
}
.darkHeader .top_header{
    display: none;
}
.darkHeader .main_header{
    background: rgba(24, 28, 44, 0.40);
}
.main_header .navbar{
    padding-right: 0;
    padding-left: 0;
}
.main_header .navbar-brand{
    margin-right: 0;
    margin-left: 45px;
    max-width: 200px;
}
.main_header .navbar-brand img{
    width: 100%;
}
.main_header .navbar-nav li a{
    color: #fff;
    font-size: 15px;
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}
.main_header .navbar-nav li a:hover{
    color: #34ba8d;
}
.main_header .navbar-nav .dropdown-toggle::after{
    position: relative;
    top: 0px;
    right: 6px;
}
.main_header .navbar-nav .dropdown-menu{
    background: rgba(250, 250, 250, 0.45);
    top: 92%;
    text-align: right;
}
/*---- Slider ----*/
.main_slider {
    height: 900px;
    overflow: hidden;
position: relative;
}
.home_hero_slider{
     height: 900px;
}
.home_hero_slider .slick-list{
    height: 100% !important;
}
.home_hero_slider .slick-track{
    height: 100%;
}
.home_hero_slider .slick-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home_hero_slider .slick-slide{
    position: relative;
    height: 100% !important;
}
.home_hero_slider .slider_caption{
    max-width: 848px;
    height: 377px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    background: url(../images/bg_caption.png) ;
    background-repeat: no-repeat;transition:all 0.3s ease-out;transform:scale(1.0);
}
.home_hero_slider .slider_caption:hover{
	color:#34ba8d;transition:all 0.3s ease-out;transform:scale(0.95);
}
.home_hero_slider .slider_caption:after{
    content: url(../images/green_abstract.png);
    left: 0;
    top: 0;
    position: absolute;
}
.home_hero_slider .slider_caption:before{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 23px 18px 23px 0;
    border-color: transparent #34ba8d transparent transparent;
    position: absolute;
    top: 0;
    bottom: 100px;
    margin: auto;
}
.home_hero_slider .slider_caption .description{
    padding: 60px 265px 40px 90px;
    position: relative;
}
.home_hero_slider .slider_caption .description .more{
    background: none;
    color: #34ba8d;
    font-size: 22px;
    border: none;
    margin-right: 5px;
}
.home_hero_slider .slider_caption .description:after{
    content: url(../images/logo_caption.png);
    position: absolute;
    right: 40px;
    top: 0;
    bottom: 50px;
    margin: auto;
    height: 96px;
}
.home_hero_slider .slider_caption .description p{
    color: #fff;
    font-size: 24px;
    text-align: justify;
}

.squer_dotted .slick-dots{
    bottom: 50px;
    z-index:100;
}
.squer_dotted .slick-dots li{
    width: 58px;
    height: 10px;
}
.squer_dotted .slick-dots li button{
     width: 58px;
    height: 10px;
    text-indent: -100000px;
    background: #c5c5c5;
}
.squer_dotted .slick-dots li.slick-active button{
    background: #34ba8d;
}
.circle_dotted .slick-dots li{
    width: 12px;
    height: 12px;
    border-radius: 50px;
}
.circle_dotted .slick-dots li button{
    width: 12px;
    height: 12px;
    text-indent: -100000px;
    background: #c5c5c5;
    border-radius: 50px;
}
.circle_dotted .slick-dots li.slick-active button{
    background: #34ba8d;
}
.main_section{
    padding: 80px 0;
    position: relative;
}
.main_heading{
    font-size: 44px;
    color: #0a406b !important;
    text-align: center;
    position: relative;
    margin-bottom: 70px;font-family: 'Bahij TheSansArabic Plain';

}
.main_heading:after{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 23px 0 23px;
    border-color: #34ba8d transparent transparent transparent;
    position: absolute;
    margin: auto;
    right: 0;
    left: 0;
    bottom: -30px;
}
.mb-6{
    margin-bottom: 90px;
}
.btn_sm{
    display: inline-block;
    padding: 6px 50px;
    color: #fff;
    font-size: 16px;
    border-radius: 50px;
    -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
}
.bg_blue{
    background-color: #0a406b;
    border: 2px solid #0a406b;
}
.bg_green{
    background-color: #34ba8d;
    border: 2px solid #34ba8d;
}
.btn_lg{
    padding: 10px 35px;
    border-radius: 50px;
    color: #fff;
    font-size: 20px;
    -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
}
.btn_lg:visited{color: #fff !important;}
.btn_lg:hover{
    -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
}
.btn_lg.bg_blue:hover,.btn_sm.bg_blue:hover{
    color: #0a406b;
    background: transparent;
}
.btn_lg.bg_green:hover{
    color: #34ba8d;
    background: transparent;
}

/*---- Visuals ----*/
.section_visuals{
    background:#ececec url(../images/bg_visuals.jpg) ;
    background-size: cover;
    position: relative;
}
.section_visuals:after{
    content: '\f0da';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: -37px;
    bottom: -360px;
    color: #0a3d66;
    font-size: 600px;
    z-index: 4;
}
.section_visuals:before{
    content: url(../images/green_abstract_02.png);
    position: absolute;
    right: 0;
    bottom: -10px;
}
.text-visuals{
    margin-bottom: 80px;
}
.text-visuals p{
    font-size: 24px;
    color: #434343;
    width: 85%;
    margin: 0 auto;
    line-height: 45px;
    font-weight: 900;
}
.item_visuals{
    background: #fff;
    padding: 20px 30px;
    text-align: center;
    border-radius: 50px;
    -webkit-box-shadow: 0px 0px 21px 2px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 21px 2px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 21px 2px rgba(0,0,0,0.25);
    margin-bottom: 70px;
}
.item_visuals a{
    color: #595959;
    font-size: 23px;display:inline-block;text-align:right;float:right;
}
.section_visuals .btn_lg.bg_blue, .section_visuals .btn_lg.bg_green, .wrapper_news_inner .btn_lg.bg_blue, .wrapper_news_inner .btn_lg.bg_green{
    margin:0 15px !important;
}
/*---- compete ----*/
.section_compete{
    background: #fff;
}

.item_compete{
    background: #0a406b;
    padding: 25px;
    box-shadow: 18px 18px 0px 3px rgba(0,0,0,0.13),  18px 18px 0px 3px rgba(0,0,0,0.13);
    position: relative;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;border:1px solid #fff;margin-bottom:18px;
}

.item_compete:before{
    content: url(../images/green_abstract_03.png);
    position: absolute;
    left: 0px;
    top: 0px;
}
.item_compete h6{
    color: #35ba8d;
    font-size: 29px;
    font-weight: bold;
    position: relative;
    margin-bottom: 35px;
}
.item_compete h6:after{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 16px 20px 0;
    border-color: transparent #34ba8d transparent transparent;
    position: absolute;
    right: -25px;
    top: -6px;
}
.item_compete span{
    display: inline-block;
    color: #fff;
    font-size: 130px;
    font-weight: bold;
    line-height: 107px;
    width: 100%;
    margin-bottom: 30px;
}
.item_compete h3{
    color: #fff;
    font-size: 22px !important;
    line-height: 40px !important;
    height: 120px;
    overflow: hidden;
}
.news_slider_inner .item_adv .img_adv{
    height: 176px;
    overflow: hidden;
}
.compete_slider .item_compete{
    margin-right: 45px;
    
}
.compete_slider .slick-next {
    right: -20px;
}
.compete_slider .slick-prev {
    left: -40px;
}
.compete_slider .slick-slide:hover .item_compete{
    background: #fff;border: 1px solid #ccc;
}
.compete_slider .slick-slide:hover .item_compete span, .compete_slider .slick-slide:hover .item_compete h3{
    color: #35ba8d;
}
/*---- Initiatives ----*/
.section_initiatives{
    background: url(../images/bg_initiatives.jpg);
    background-size: cover;
    position: relative;
}
.section_initiatives:before{
    content: url(../images/green_abstract_02.png);
    position: absolute;
    right: 0;
    bottom: -10px;
}
.section_initiatives .main_heading{
    color: #fff !important;
}
.text_initiatives{
    margin-bottom: 60px;
}
.text_initiatives p{
    color: #fff;
    font-size: 20px;
    text-align: justify;
    text-align-last: center;
    line-height: 40px;
}
.initiatives_slider img{
    margin: 0 auto 25px;
}
.initiatives_slider .caption{
    text-align: center;
}
.initiatives_slider .caption h5{
    font-size: 30px;
    color: #fff;
    font-weight: bold;
}
.initiatives_slider .caption span{
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    height: 35px;
    display: block;
}
.section_initiatives .btn_lg{
    padding: 6px 60px;
}
/*---- Reports ----*/
.section_reports{
    background: #fff;
}
.item_reports{
    margin-bottom: 80px;
}
.item_reports .icon_reports{
    margin-bottom: 20px;
}
.item_reports .info_reports h3{
    color: #555555 !important;
    font-size: 30px !important;
    margin-bottom: 15px !important;
}
.item_reports .info_reports p{
    color: #8e8e8e;
    font-size: 22px;
    width: 80%;
    margin: 0 auto 25px;
    height: 65px;
    overflow: hidden;
}
/*---- News ----*/
.section_news{
    background: url(../images/bg_news.jpg);
    background-size: cover;
    position: relative;
}
.section_news:after{
    content: url(../images/blue_abstract.png);
    position: absolute;
    left: 0;
    bottom: -10px;
}
.section_news:before {
    content: '\f0d9';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: -37px;
    top: -600px;
    color: #34ba8d;
    font-size: 710px;
    z-index: 4;
}
.container_inner .section_news:before {
    display:none;
}

.section_news .btn_lg {
    padding: 6px 60px;
}
.items_news{
    position: relative;
    height: 435px;
    overflow: hidden;
}
.items_news img{
	width:100%;height:100%;
	object-fit:cover;
}
.section_news .slick-slide{
        padding-left: 15px;
}
.items_news .caption_news{
    width: 100%;
    padding: 15px 20px;
    background: rgba(10, 61, 96, 0.85);
    position: absolute;
    bottom: 18px;
    right: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.items_news:hover .caption_news{
    background: rgba(52, 186, 141, 0.85);
}
.items_news .caption_news span{
    display: block;
    padding-right: 40px;
    position: relative;
    color: #fff;
    font-size: 16px;
    margin-bottom: 12px;
}
.items_news .caption_news span:after{
    content: url(../images/icon_calendar.png);
    position: absolute;
    right: 0;
    top: -3px;
}
.items_news .caption_news p{
    color: #fff;
    font-size: 18px;
}
.news_slider .slick-dots{
    justify-content: flex-end;
    bottom: auto;
    top: -30px;
    display: flex;
}
.news_slider a{
    width: 100%;
}
/*--- Partner ---*/
.partners_slider .slick-slide{
    padding: 10px;
}
.partners_slider .slick-prev{
    left: -30px;
}
.partners_slider .slick-next{
    right: -30px;
}
.partners_slider .slick-prev:before{
    content: '\f053';
}
.partners_slider .slick-next:before{
    content: '\f054';
}
.item_partner{
    height: 122px;
    padding: 10px;
    text-align: center;
        -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.13);
-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.13);
box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.13);
}
.item_partner img{
    width: 100%;
    object-fit: contain;
    height: 100%;
     -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.item_partner:hover img{
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
/*---- Footer ----*/
.footer{
    padding: 40px 0;
    background: #003c72;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding-top: 10px;
    margin-top: 300px;
}
.bg_footer{
    width: 100%;
    position: absolute;
    top: -230px;
    object-fit: cover;z-index:-1;
}
.footer:after {
    content: url(../images/green_abstract.png);
    position: absolute;
    left: 0;
    bottom: 0px;
}
.item_subscribe h5{
    font-size: 16px;
    margin-bottom: 10px;
    color: #fff;
}
.item_subscribe{
    width: 350px;
    position: relative;
    margin-top: -150px;
}
.form_subscribe{
    position: relative;
}
.form_subscribe .form-control{
    border-radius: 50px;
    border: none;
}
.form_subscribe .btn_subscribe{
    background: #34ba8d;
    color: #fff;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 0;
    width: 87px;
    height: 38px;
    line-height: 40px;
    border-radius: 50px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.form_subscribe .btn_subscribe:hover{
    background: #003c72;
}
.logo_footer{
    margin-bottom: 25px;
}
.logo_footer a{
    display: block;
}
.social_footer{
    margin-bottom: 25px;
}
.social_footer li{
    margin-left: 15px;
}
.social_footer a{
    color: #fff;
    font-size: 25px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.social_footer a:hover{
    color: #35ba8d;
}
.app a:first-of-type{
    margin-left: 15px;
}
.app a img{
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.app a:hover img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.chat{
    margin-top: 20px;
   
}
.chat a{
    font-size: 40px;
    color: #fff;
     -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.chat a:hover{
    color: #34ba8d;
}
.nav_footer {
    border-right: 1px solid #35ba8d;
    padding-right: 15px;
}
.nav_footer li{
    margin-bottom: 20px;
}
.nav_footer li:last-of-type{
    margin-bottom: 0;
}
.nav_footer li a{
    display: block;
    color: #fff;
    font-size: 16px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.nav_footer li a:hover{
    color: #35ba8d; 
    
}
.copyRight{
    font-size: 16px;
    color: #35ba8d;
    margin-top: 60px;
}
/*---- Inner pages ----*/
.bg_inner{
    background: url(../images/pattern.jpg);
}
.header_inner{
    background: url(../images/bg_inner.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.header_inner h1{
	color:#fff;
}
.header_inner .title{
    color: #fff;
    font-size: 39px;
    padding: 80px 0 60px 0;
}
.head_content{
    background: #0a3d66;
    padding: 15px 0;
}

.breadcrumb{
    background: none;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.breadcrumb-item+.breadcrumb-item{
    padding-left: 0;
    padding-right: .5rem;
}
.breadcrumb .breadcrumb-item a::before{
    padding-right: 0;
    padding-left: .5rem;
    content: '\f053';
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    color: #34ba8d;
}

.breadcrumb>.ms-breadcrumbRootNode>ul>.breadcrumb-item>a::before{
	display:none;
}

.breadcrumb .breadcrumb-item a:hover{
    color: #fff;text-decoration:none;
}
.breadcrumb .breadcrumb-item a, .breadcrumb .breadcrumb-item.active{
    color: #34ba8d;
    font-size: 16px;float:right;
}
.breadcrumb-item+.breadcrumb-item::before{
	display:none;
}
.breadcrumb ul {margin:0;padding:0;list-style:none;float: right;}
.breadcrumb ul li{line-height:30px;float: right;}
.ms-breadcrumb>li>span, .s4-breadcrumb>li>span, .Sure_listViewTitle{display:none;}
.s4-breadcrumb-arrowcont img, .s4-breadcrumb-arrowcont span{display:none !important;}


.list_icon {
    float: left;
}
.list_icon li {
    display: inline-block;
    margin-right: 15px;
}
.list_icon li a {
    color: #fff;
    font-size: 18px;
}
.list_icon li a:hover{
    color: #34ba8d
}
.list_share {
    position: relative;
}
.list_share ul {
    position: absolute;
    background: #fff;
    padding: 0;
    top: 32px;
    right: -58px;
    display: flex;
    justify-content: space-between;
    visibility: hidden;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.3);
box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.3);
}
.list_share ul:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12.5px 15px 12.5px;
    border-color: transparent transparent #ffffff transparent;
    position: absolute;
    top: -13px;
    right: 50px;
    
}
.list_share ul li {
    margin: 0 10px;
    display: inline;
}

.list_share ul li a {
    font-size: 28px;
    color: #0a3d66;
}
.container_inner{
    padding: 35px 0;
    margin-bottom: 255px;
}
/*---- SideBar ----*/
.wrapper_sidebar{
    padding: 18px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.2);
    margin-bottom: 22px;
    width: 100%;
    
}
.menu_sidebar li{
    margin-bottom: 10px;
    width: 100%;
    background: #f6f6f6;
}
.menu_sidebar li a{
    font-size: 18px !important;
    color: #0a3d66 !important;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    padding: 13px 10px !important;
    display: block;
    font-family: 'Bahij TheSansArabic Plain' !important;
}
.menu_sidebar li a.selected, .menu_sidebar li a:hover{
	background-color:#34ba8d !important;color:#fff !important;font-weight:normal;
}
.adv_sidebar{
    overflow: hidden;
}
.slider_adv .slick-slide img{
    width: 100%;
    object-fit: cover;min-height:200px;max-height:200px;
}
.slider_adv .slick-list{
    margin-bottom: 15px;
}
.slider_adv .slick-dots{
    bottom: -20px;
}
.slider_adv .slick-dots li {
    background: #fff;
    border-radius: 50%;
}
.slider_adv .slick-dots li button {
    background: #16274d;
    border-radius: 50%;
}
.slider_adv .slick-dots li button:before{
    text-indent: 10000px;
}
.slider_adv .slick-dots li.slick-active button:before {
    background-color: #34ba8d;
    border-radius: 50px;
}
.site_rating{
    background: #f6f6f6;
    padding: 15px;
}
.site_rating h6{
    color: #333;
    font-size: 14px;
    margin-bottom: 25px;
}
.form_radio .form-check{
    padding-right: 1.25rem;
}
.form_radio .form-check .form-check-input{
    margin-right: -1.25rem;
}
.form_radio .form-check .form-check-label{
    font-size: 14px;
    color: #333;
}
.btns_rating{
    margin-top: 25px;

    display: flex;
    justify-content: center;

}
.btns_rating a{
    position: relative;
    color: #333;
    font-size: 14px;
    display: inline-block;
    padding: 5px 15px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    border-left: 1px solid;
    
}
.btns_rating a:hover, .btns_rating a.active{
    background: #0a406b;
    color: #fff;
    border-radius: 50px;
}
/*
.btns_rating a::after{

    content: '';
    width: 2px;
    height: 10px;
    background-color: #333333;
    position: absolute;
    left: -14px;
    top: 10px;

}
*/
/*---- Wrapper Inner ----*/
.page_content .ms-rtestate-field ul li{
	list-style-type: circle;
    margin-right: 22px;font-size: 15px;line-height: 30px;
}
.container_inner .wrapper_inner.wrapper_news{
	margin-bottom:30px;min-height:500px;
}

.wrapper_inner{
    background-color: #fff;
    padding: 35px;
    position: relative;
    box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.2);
}
.wrapper_inner:before{
    content: url('../images/abstract_inner.png');
    position: absolute;
    left: 0;
    top: 0;
}
.head_inner{
    color: #0a3d66;
    font-size: 24px;
    margin-bottom: 30px;
}
.footer_content{
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}
.footer_content .rating span{
    font-size: 15px;
    color: #333;
    display: inline-block;
}
.footer_content .rating ul{
    display: inline-block;
}
.footer_content .rating ul li{
    display: inline-block;
    
}
.footer_content .rating ul li a{
     color: #003c72;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.footer_content .rating ul li  .fas{
    font-weight: 100;
   
}
.footer_content .rating ul li.active a .fas, .footer_content .rating ul li:hover a .fas{
    font-weight: bold;
    color: #34ba8d;
}
.last_updated > p{
    font-size: 15px !important;
    color: #333 !important;
    padding-right: 30px;
    position: relative;
}
.last_updated > p:before{
    content: url(../images/edit_Icon.png);
    position: absolute;
    right: 0;
    top: 2px;
}
.pagination_nav .pagination .page-link{
    margin-left: 10px;
    border-radius: 0;
    border: none;
    background: #f0f0f0;
    color: #333;
    font-weight: normal;
}
.pagination_nav .pagination .active .page-link, .pagination_nav .pagination .page-link:hover{
    background: #34ba8d;
    color: #fff;
}
.pagination_nav{
	margin-top:30px;
}
/*---- About ----*/
.wrapper_about p{
    color: #333333;
    font-size: 18px;
    margin-bottom: 40px;
    line-height: 30px;
    text-align: justify;
}
.wrapper_about p:last-of-type{
    margin-bottom: 0;
}
/*---- Faq ----*/
.wrapper_faq .card{
    border: none;
    background-color: #fcfcfc;
}
.wrapper_faq .card .card-header{
    background-color: #ebebeb;
    border: none;
    border-radius: 0;
    padding: 5px 15px;
    margin-bottom: 20px;
}
.wrapper_faq .card .card-header h5 button{
    color: #333;
    font-size: 18px;
    text-decoration: none;
        width: 100%;
    text-align: right;
    background:transparent !important;border:none !important;
}
.wrapper_faq .card .card-header.active-acc,.wrapper_faq .card .card-header:hover {
    background-color: #0a3d66;
}
.wrapper_faq .card .card-header.active-acc h5 button, .wrapper_faq .card .card-header:hover h5 button{
    color: #fff;
}
.wrapper_faq .card .card-header.active-acc h5{
    position: relative;
}
.wrapper_faq .card .card-header h5:before{
    content: '+';
    color: #333;
    font-size: 23px;
    position: absolute;
    left: 15px;
    top: 13px;
}
.wrapper_faq .card .card-header:hover h5:before{
    color: #fff;
}
.wrapper_faq .card .card-header.active-acc h5:before{
    content: '-';
    color: #fff;
    font-size: 40px;
    top: 0;
    left: 0
}
.wrapper_faq .card .card-body p{
    color: #333;
    font-size: 16px;
    text-align: justify;
    line-height: 30px;
    margin-bottom: 15px;
}
.wrapper_faq .card .card-body li{
	list-style:circle;margin-right:20px;
}
.wrapper_faq .card .card-body p:empty{
	display:none;
}
/*---- Media Center -----*/
.wrapper_media{
	    min-height: 250px;
    padding: 35px 20px 35px 48px;
}
.wrapper_media .row > [class^="col-"],
  .wrapper_media .row > [class*=" col-"]{
    padding: 0 10px;
}
.item_media{
/*    max-height: 225px;*/
    overflow: hidden;
    margin-bottom: 25px;
}
.item_media figure{
    position: relative;
    width:100%;
    cursor: pointer;
}
.item_media figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.item_media figure figcaption{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background: rgba(10, 61, 102, 0.75);
    padding: 5px 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.item_media figure:hover img{
        -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.item_media figure:hover figcaption{
    bottom: 10px;
}
/*---- Contact Us -----*/
.row_info{
    margin-bottom: 70px;
}
.item_contact .icon_contact{
    margin-bottom: 25px;
}
.item_contact .icon_contact img{
   -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.item_contact:hover .icon_contact img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.item_contact span{
    color: #333;
    font-size: 18px;
    display: block;
}
.item_contact:hover  span{
    color: #34ba8d;
}
.form_contact .form-control-plaintext, .btn_captcha input{
    -webkit-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.2);
    padding-right: 20px;
    outline: none;
    border: none;
    height: 38px;
}
.form_contact .col-form-label{
    color: #333;
    font-size: 18px;
}
.form_contact .col-form-label span{
    color: #34ba8d;
}
.form_contact .btn_lg{
    margin-top: 20px;
    padding: 7px 42px;
}
.wrapper_map{
    margin-top: 45px;
}
.wrapper_map img{
    width: 100%;
}
/*---- Events ----*/
.item_event{
    margin-bottom: 25px;
}
.item_event:nth-child(even) .dates_events{
    background: #34ba8d;
}
.item_event .inf_event{
    background: #f5f5f5;
    min-height: 165px;
    padding: 20px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.item_event .inf_event h3{
    font-size: 18px;font-family: 'Bahij TheSansArabic Plain';
    color: #0a3d66;
    margin-bottom: 23px;
}
.item_event .inf_event p{
    font-size: 14px;
    color: #333;
    text-align: justify;
}
.item_event:hover .inf_event{
    background: #34ba8d
}
.item_event:nth-child(even):hover .inf_event{
    background: #0a3d66
}

.item_event:hover .inf_event p, .item_event:hover .inf_event h3{
    color: #fff;
}
.dates_events{
    min-width: 180px;
    background: #0a3d66;
    padding: 15px 10px;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
}
.dates_events div{
    text-align: center;
    padding: 0 7px;
    position: relative
}
.dates_events .start_date:after{
    content: '';
    width: 1px;
    height: 65px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 30px;
}
.dates_events span{
    display: block;
    color: #fff;
}
.dates_events .day{
    font-size: 20px;
}
.dates_events .number{
    font-size: 50px;
    font-family: arial;
    font-weight: bold;
}
.dates_events .month{
    font-size: 12px;
    padding: 3px;
    border: 2px solid #fff;
}
/*---- News ----*/
.item_news{
    margin-bottom: 25px;
}
.news_date{
    padding-right: 30px;
    font-size: 14px;
    color: #333;
    margin-bottom: 10px;
    position: relative;
}
.news_date:before{
    content: '\f073';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #34ba8d;
    font-size: 20px;
    margin-left: 10px;
    position: absolute;
    right: 0;
    top: -5px
}
.item_news .info_news article h3{
    font-size: 18px !important;
    color: #0a3d66 !important;
    margin-bottom: 23px !important;font-family: 'Bahij TheSansArabic Plain' !important;
}
.item_news .info_news article p{
    font-size: 14px;
    color: #333;
    text-align: justify;
}
.item_news .info_news{
    background: #f5f5f5;
    min-height: 165px;
    padding: 20px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.item_news .img_news{
    min-width: 215px;max-width: 215px;

    overflow: hidden;
}
.item_news .img_news img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.item_news:hover .info_news{
    background: #34ba8d;
     -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.item_news:hover .info_news article p, .item_news:hover .info_news article h3, .item_news:hover .info_news .news_date, 
.item_news:hover .info_news .news_date:before
{
    color: #fff !important;
    transition: all 0.3s linear;
}
.item_news:hover .img_news img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.head_news{
    color: #0a3d66;
    font-size: 24px;
    margin-bottom: 30px;
}
.wrapper_news_inner img{
    width: 100%;
    margin-bottom: 30px;
}
.wrapper_news_inner p{
    font-size: 16px;
    color: #333;
    margin-bottom: 20px;
    text-align: justify;
    line-height: 30px;
}
/*---- Reforms -----*/
.info_reforms{
    margin-bottom: 45px;
}
.info_reforms p{
    font-size: 18px;
    color: #333;
    text-align: justify;
    line-height: 30px;
}
.header_reforms{
    color: #34ba8d;
    font-size: 24px;
    margin-bottom: 20px;
    font-family: 'Bahij TheSansArabic Plain';
}
.item_reforms{
    background: #f9f9f9;
    padding: 15px;
    position: relative;
    -webkit-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.2);
    margin-bottom: 35px;
}
.item_reforms:before{
    content: url(../images/blue_abstract_inner.png);
    position: absolute;
    right: 0;
    top: 0;
}
.item_reforms .icon_reforms{
    padding: 15px;
    flex-direction: column;
    margin-left: 15px;
    justify-content: center;min-width:25%;max-width:180px;

}
.item_reforms .icon_reforms h6{
    color: #34ba8d;
    font-size: 18px;
    margin: 20px 0 5px 0;font-family: 'Bahij TheSansArabic Plain';
}
.item_reforms .icon_reforms span{
    font-size: 14px;
    color: #333;
}
.reform_steps h4{
    color: #173c6c;
    font-size: 18px;
    margin-bottom: 20px;
    font-family: 'Bahij TheSansArabic Plain';
    line-height: 1.5;
}
.reform_steps ul li{
    color: #333;
    font-size: 16px;
    margin-bottom: 15px;list-style: circle;
}
.reform_steps ul li:last-of-type{
    margin-bottom: 0;
}
/*---- Meadia Query ----*/
@media only screen and (max-width: 3000px) and (min-width: 1745px)  {
    .bg_footer {
        top: -300px;
    }
}
@media (min-width: 1200px){
   .container {
       max-width: 1260px;
    } 
}

@media(max-width:1358px){
    .bg_footer{
        top: -199px;
    }
     .main_header .navbar-nav li a{
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
    
}
@media(max-width:1200px) {
    .container{
        max-width: 1060px;
    }
    .main_header .navbar-brand{
        margin-left: 25px;
        max-width: 175px;
    }
    .main_header .navbar-nav li a{
        font-size: 13px;
    }
    .item_visuals a{
        font-size: 18px;
    }
    .bg_footer{
        top: -158px;
    }
    .main_header .navbar-nav li a{
        padding-right: 0.4rem !important;
        padding-left: 0.4rem !important;
    }
    
}
@media(max-width:1024px){
    .compete_slider .item_compete{
        width: 500px;
        display: block;
        margin: 0 auto;
    }
    .compete_slider .slick-prev{
        left: 0;
    }
    .compete_slider .slick-next{
        right: 0;
    }
    .partners_slider .slick-next{
        right: 0;
    }
    .partners_slider .slick-prev{
        left: 0;
    }
    .footer .col-md-5{
        margin-bottom: 20px;
    }
    .footer .col-md-3{
        margin-bottom: 20px;
    }
    .footer{
       padding: 43px 0; 
    }
   .bg_footer{
        top: -158px;
    }
}
@media(max-width:950px){
    .bg_footer{
        top: -145px;
    }
}
@media(max-width:800px){
    .section_news:before{
        right: -37px;
        top: -470px;
        font-size: 520px;
    }
    .section_reports .col-md-6{
        margin-bottom: 90px;
    }
    .item_subscribe{
        display: block;
        margin: 0 auto 100px;
    }
    .bg_footer{
        top: -116px;
    }
}

@media(max-width:700px){
.item_news .img_news {
    min-width: 100%;
    max-width: 100%;
}
    .top_header .col{
        flex-direction: column;
        align-items: center;
    }
    .top_header .date{
        margin-bottom: 15px;
    }
    .main_header{
       background: rgba(24, 28, 44, 0.40)
    }
    .section_visuals:after{
       bottom: -250px;
      font-size: 360px;
    }
    .home_hero_slider .slider_caption{
        height: 247px;
    }
    .home_hero_slider .slider_caption .description{
        padding: 60px 22px 40px 90px;
    }
    .home_hero_slider .slider_caption .description p{
        font-size: 17px;
    }
    .home_hero_slider .slider_caption .description:after{
        content: '';
    }
    .btn_lg{
        font-size: 18px;
    }
    .footer:before {
    top: -60px;
    right: 0;
    background-size: cover;
    height: 60px;
    background-repeat: no-repeat;
    }
    .compete_slider .item_compete{
        width: 100%;
    }
    .btn_srach .searchBar{
        /* right: -180px;
        top: 36px; */
/* changed by osami  */
        right: auto;
        top: 112px;
        left: -40px;

    }
    .home_hero_slider, .main_slider{
        height: 650px;
    }
    .first{
        order: 1;
    }
    .bg_footer{
        top: -76px;
    }
    .breadcrumb{
        justify-content: center;
        margin-bottom: 10px;
    }
    .list_icon{
        float: none;
        display: flex;
        justify-content: center;
    }
    .row_info [class^="col-"]{
        margin-bottom: 25px;
    }
    .footer_content{
        flex-flow: column;
        align-items: center;
    }
    .footer_content .rating{
        margin-bottom: 15px;
    }
    .item_event{
        flex-wrap: wrap;
    }
    .item_event .inf_event{
        height: auto;
    }
    .item_event .dates_events{
        width: 100%;
    }
    .item_reforms{
        flex-wrap: wrap;
        justify-content: center !important;
    }
    .item_news{
        flex-wrap: wrap;
    }
    .item_news .img_news{
        width: 100%;
        order: 1;
    }
    .item_news .info_news{
        order: 2;
    }
    .btns_rating a::after {
        left: -40px;
    }

}


/****************************** Custom Styles ***********************************/
.slider_adv .slick-slide a{
	width:100%;
}
#s4-workspace{display:none;}
.edit_mode #s4-workspace{display:block;position:absolute; height:100%!important;z-index:100;top:500px;}
ul.breadcrumb a.ms-breadcrumbRootNode, ul.breadcrumb li.ms-breadcrumbRootNode:first-child>span, span.s4-breadcrumb-arrowcont{display:none;}
div.ms-webpart-zone.ms-fullWidth,div.s4-wpcell-plain,div.ms-webpart-chrome,div.ms-WPBody,.ms-webpart-zone,.ms-webpart-cell-vertical,.ms-webpart-chrome-vertical {max-width: 100% !important;padding: 0 !important;margin: 0 !important;min-width: 0px !important;display: block !important;}
/********************************************************************************/
.news_slider_inner .slick-slide a img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all 0.3s ease-out;
}
.news_slider_inner .slick-slide a:hover img{
    transition:all 0.3s ease-out;
    transform: scale(1.1);
}
.news_slider_inner .slick-slide a .img-news{height: 176px;overflow: hidden;}
.news_slider_inner .slick-slide a p{
    padding: 15px;
    background: #f5f5f5;
    color: #606060;
    font-size: 14px;
    height: 93px;
    overflow: hidden;
    line-height: 25px;transition:all 0.3s ease-out;
    }
.news_slider_inner .slick-slide a:hover p{
    background: #34ba8d;
    color: #fff;transition:all 0.3s ease-out;
}
.news_slider_inner .slick-slide a{
    padding: 0 10px;
    display: inline-block;
    overflow: hidden;
}
.news_slider_inner .item_adv .date{
    background: #34ba8d;
    padding: 6px 20px;
    font-size: 13px;
    color: #fff;transition:all 0.3s ease-out;
}
.news_slider_inner .item_adv:hover .date{
    background: #0a3d66;
    color: #fff;transition:all 0.3s ease-out;
}
.item_gallery{
   width: 100%;
    height: 210px;
    overflow: hidden;
    position: relative;
    
}
 .item_gallery img {
    width: 100%;
    height: 100%;
    
    object-fit: cover;
}


.item_gallery .gallery_caption{
    background: rgba(24, 53, 94, 0.52);
    padding: 20px 25px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 85px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    
    
}
 .item_gallery .gallery_caption p{
    font-size: 14px;
    color: #fff;
    margin-bottom: 0;
     height: 45px;
    overflow: hidden;
   
}
.item_gallery:hover .gallery_caption{
    height: 100%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.item_gallery:hover  img{
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.item_gallery:hover .gallery_caption p{
    display: none;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.item_gallery:hover .gallery_caption:after{
/*    content: url(../images/icon_view.png);*/
    content: '\f00e';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 60px;
    height: 60px;
    margin: auto;
    background: #fff;
    text-align: center;
    line-height: 60px;
    border-radius: 50%;
    font-size: 22px;
    color: #d8672b;
}
.item_video .container_video{
    height: 140px;
}
.item_video .container_video iframe{
    height: 100%;
    width: 100%;
}
.item_video .gallery_caption{
    background: #f5f5f5;
}
.item_video .gallery_caption p{
   color: #021747 
}
.item_video:hover .gallery_caption{
    background: rgba(24, 53, 94, 0.52);
}
.item_video:hover .container_video{
    height: 210px;
}
.item_video:hover .gallery_caption:after{
    content: '\f167';
    font-family: "Font Awesome 5 Brands";
    background: transparent;
    color: #fff;
    font-size: 57px;
}
li > a.ms-core-listMenu-item.ms-core-listMenu-selected:hover, li > a.ms-core-listMenu-item:hover, li > a.ms-core-listMenu-item:active{
	    background-color:transparent;
}
@media print{
	.header_inner, .head_content, .sidebar, footer, footer_content{display:none;}
	.page_content{
	width:100% !important;
}
}
/**********************************/
#AdvancedLink:link,#AdvancedLink:visited{display: inline-block;font-family: 'Bahij TheSansArabic Plain';
    padding: 15px 50px;
    color: #fff !important;
    font-size: 16px;
    border-radius: 50px;
    -webkit-transition: background-color 1s ease-out;
    -moz-transition: background-color 1s ease-out;
    -o-transition: background-color 1s ease-out;
    transition: background-color 0.3s ease-out;background-color: #0a406b;
    border: 2px solid #0a406b;text-decoration:none;}
#AdvancedLink:hover{color: #0a406b !important;
    background: transparent;}
    
    #AdvancedLink:link,#AdvancedLink:visited, .form-btn input[type="submit"]{display: inline-block;font-family: 'Bahij TheSansArabic Plain';
    padding: 10px 50px;
    color: #fff !important;
    font-size: 16px;
    border-radius: 50px;
    -webkit-transition: background-color 1s ease-out;
    -moz-transition: background-color 1s ease-out;
    -o-transition: background-color 1s ease-out;
    transition: background-color 0.3s ease-out;background-color: #34ba8d ;
    border: 2px solid #34ba8d ;text-decoration:none;}
#AdvancedLink:hover, .form-btn input[type="submit"]:hover{color: #34ba8d !important;
    background: transparent;}
#captchaImage{
	width: 200px;
    height: 50px;
    border-radius: 1000px;
    border: 1px solid #909090;
    margin-bottom: 10px;
    box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.2);
}
.refresh_captcha{
	position:relative;top:-5px;
}
.item_contact span{
	direction:ltr
}    
#SearchOptions{display:block;width:100%;clear:both;text-align:left;padding:20px 0 0}
div.ms-srch-item-title h3.ms-srch-ellipsis a,div.ms-srch-item-title h3.ms-srch-ellipsis a:visited{color:#01594d;text-decoration:none!important;font-size:22px!important}
#SearchBox{width:100%}
.ms-commandLink{border:none;background-color:transparent;position:relative;top:-5px}
.ms-srch-sbLarge.ms-srch-sb-border,.ms-srch-sbLarge.ms-srch-sb-borderFocused,.ms-srch-sbLarge.ms-srch-sb-border:hover{background:#fff!important;border:1px solid #e5e5e5!important;border-radius:5px;width:100%;display:flex}
.ms-srch-sbLarge>input,.ms-srch-sbLarge>input:focus,.ms-srch-sbLarge>input:hover{flex-basis:100%!important;border:none!important}
.ms-ref-uparrow,.ms-ref-downarrow{display:none!important}
.ms-srch-hover-imageContainer{border:none!important}
.ms-srch-item-previewContainer{display:none!important}
.int_content div.ms-webpart-zone.ms-fullWidth,.int_content div.s4-wpcell-plain,.int_content div.ms-webpart-chrome,.int_content div.ms-WPBody{max-width:99%!important;padding:0!important;margin:0!important;min-width:0!important}
.ms-srch-sb-border:hover,.ms-srch-sb-borderFocused,#SearchBox,.ms-srch-sb-border,.ms-srch-sbLarge{border:0!important;background:none!important}
.ms-srch-upscope-top{width:100%!important;font-size:16px}
.histogram_bar_active{border-color:#2a8dd4!important}
.ajax__multi_slider_default .inner_rail_horizontal,.slider_tick_active{border-color:#2a8dd4!important;background-color:#2a8dd4!important}
.ms-srch-sb-searchLink img{max-width:1000%;margin:0;}
.ms-srch-item{max-width:100%!important;margin:0!important;padding-top:0!important}
.ms-srch-result-groups,.ms-srch-result{max-width:100%!important}
.ms-srch-result-groups *{font-family: 'Bahij TheSansArabic Plain' !important;}
.ms-srch-sb-searchLink:hover,.ms-srch-sb-navLink:hover{background:none!important}
#SearchBox,.ms-srch-sb-border,.ms-srch-sbLarge{width:100%}
.ms-webpartzone-cell{margin-bottom:0!important}
.ms-disabled{font:16px "cfont"}
.ms-srchnav{border-bottom:3px solid #5e5e5e;margin-top:5px}
.ms-srchnav-link-selected{background-color:#5e5e5e;color:#e4e4e4!important;font:16px "cfont"!important;padding:0 10px}
.ms-srchnav-link,.ms-srchnav-link:hover{color:#535353;text-decoration:none;line-height:26px;padding:0 10px}
.ms-srch-result-noResults{font:16px "cfont"!important}
.ms-srch-result-noResultsTitle{font:16px "cfont"!important}
.ms-spimn-presenceLink{display:none}
.ms-peopleux-userImgWrapper{border:0}
.ms-peopleux-userImg{border:1px solid #ababab!important}
.ms-srch-resultscount{border-bottom:1px dotted #e2e2e2!important;padding-bottom:15px}
#PagingSelf a{color:#34ba8d !important}
.ms-srch-hover-close{height:16px}
.ms-ref-refinername:link,.ms-ref-refinername:visited{background:#2d87c5;padding:10px;line-height:24px;color:#fff!important;font:16px "cfont"!important;width:100%;border-radius:5px;}
.ms-ref-refinername:link div,.ms-ref-refinername:visited div{position:relative;top:-5px}
.ms-ref-refiner{padding:0}
.ms-ref-refiner #Container{background-color:#fff;border:1px solid #ddd;padding:10px;margin-bottom:16px;border-radius:5px;}
.ms-ref-name{right:10px;position:relative}
.ms-ref-name:hover,.ms-displayBlock:hover,.ms-ref-selSec{color:#5e5e5e!important;text-decoration:underline}
.ms-commandLink,.ms-commandLink:visited{font:16px "cfont"!important;color:#5e5e5e!important;text-decoration:underline!important;padding-right:10px;border:0}
.ms-srch-item-link,.ms-srch-item-link:visited,.ms-srch-ellipsis a,.ms-srch-ellipsis a:visited,.ms-srch-hover-popularity div{;font-size:16px!important;color:#707070;line-height:30px}
div.ms-srch-item-title h3.ms-srch-ellipsis a,div.ms-srch-item-title h3.ms-srch-ellipsis a:visited{color:#0a406b;text-decoration:none!important;font-size:18px!important}
.ms-srch-ellipsis a:hover{color:#2d87c5;text-decoration:none}
.ms-srch-ellipsis{white-space:normal}
.ms-srch-item-body{padding:10px 0}
.ms-srch-item:hover,.ms-srch-people-outerContainer:hover{background-color:#eaeaea}
.ms-srch-item{border-bottom:1px dashed #5e5e5e}
.slider_extent_label_section,.handle_label_section,.ms-metadata,.ms-descriptiontext{font:16px "cfont"!important}
.ms-ref-allSec,.slideronly_container,.ms-textSmall,.histogram_container{position:relative;right:10px}
.ms-srch-item-path,.ms-srch-hover-filetype{color:#34ba8d !important;word-wrap:break-word;word-break:break-all;white-space:normal;font-size:14px}
.ms-webpart-cell-vertical{margin-bottom:0}
.ms-calloutLink:hover,.ms-calloutLink,.ms-srch-result #Paging a:hover{color:#5e5e5e!important}
.ms-srch-item-summary .ms-srch-item-highlightedText{color:#2d87c5}
.ms-srch-item-summary{font-size:17px}
.ms-promlink-button-image{right:-10px;top:0}
.ms-srch-hover-actions,.ms-srch-hover-popularity{background-color:#eaeaea}
.ms-srch-hover-actions{display:none}
.ms-srch-item:hover,.ms-srch-resultHover:hover{background-color:#f3f3f3!important}
.ms-srch-resultFooter,.ms-srch-resultFooter a,.ms-srch-result #ResultHeader select{color:#404040!important}
#NoResult{font-size:16px}
#NoResult a{color:#2d87c5}
.ms-srch-sbLarge-link{margin-right:10px}
.ms-srch-sbLarge-link a{color:#16b8b8!important;text-decoration:underline}
td.ms-advsrchText-v1,.ms-advsrchText-v2box{color:#404040!important;font:16px "cfont"!important}
td.ms-advsrchText-v2 input,td.ms-advsrchText-v2 select{height:30px;width:100%}
.ms-advsrchbutton input{background-color:#2d87c5;font:16px "cfont";color:#fff;padding:6px 16px;border:0;cursor:pointer;text-align:center;outline:none;float:left;margin-right:10px;transition:all .3s ease}
.ms-advsrchbutton input:hover{background:#2d87c5;border-radius:10px;transition:all .3s ease}
td.ms-advsrchtips a{color:#568C3F;text-decoration:underline}
.ms-promlink-button-enabled-hover,.ms-promlink-button-enabled:hover{background-color:transparent}
.srch-advancedtable{width:100%;margin:0!important;border:0!important;background:inherit!important;padding:0!important}
.ms-advsrchText-v1{width:25%}
.td.ms-advsrchText-v2 input,td.ms-advsrchText-v2 select{color:#404040!important;font:16px "cfont"!important}
.ms-advsrchtips{display:none!important}
.ms-srch-hover-text{font:300 16px "cfont"!important}
.ms-srch-sbLarge-fullWidth{width:auto}
@media (max-width:960px) {
.ms-srch-hover-outerContainer{display:none!important}
}
@media (max-width:650px) {
.ms-srch-group-content,.ms-srch-group,.ms-srch-result-groups,.ms-srch-Paging,.ms-srch-resultFooter,.ms-srch-result,.ms-srch-upscope-top,.ms-srch-item{max-width:320px!important;min-width:0!important;padding:0!important;margin:0!important}
.ms-srch-item-path{max-width:300px!important;padding:0 5px}
}
/****************************/
.level-header{border:1px solid #dedede;margin:0 20px 5px 0;box-shadow:-1px 4px 11px -5px rgba(0,0,0,0.16);width: 96%;background-color:#fff;}
.headertitle a:link,.headertitle a:visited{text-decoration:none;font-size:16px !important;line-height:normal;color:#404040;display:block;padding:10px;text-decoration:none!important;font-weight:500 }
.headertitle a:hover{
	color:#34ba8d ;
}
.dfwp-list .level-section .dfwp-list{
	margin-bottom:40px;
}
.dfwp-list .level-section .dfwp-list .level-section .level-header{
	border:none;box-shadow:-1px 4px 11px -5px rgba(0,0,0,0.0);border-bottom:1px dotted #ccc;background-color:transparent;
}
.opendala_att a{
	color:#0a406b;font-size:22px;
}
.opendala_att a:hover{
	color:#34ba8d;
}
.open-data-table td{
	vertical-align:middle;
}
.open-data-file-count{
	color:#34ba8d;padding:0 0 10px;display:block;
}
.open-data-file-count span{
	font-weight:bold;
}
.wrapper_news_inner h1{
     font-family: 'Bahij TheSansArabic Plain';
    font-weight: 500;
    font-style: normal;font-size:20px;    color: #34ba8d;
}
.wrapper_news_inner .ms-rteStyle-Emphasis{
	color:#34ba8d;
}
.message {
    padding: 10px;
    margin: 0;
    color: #4d4d4c;
    margin-bottom:25px;
}
.message_g {
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.message_r {
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.message_y {
    background-color: #cce5ff;
    border-color: #b8daff;
}
.message p {
    margin: 0;
    font-size: 16px;
}	

.message p:before{
	font-family: "FontAwesomeSolid";
    font-size: 18px; 
	margin-left: 5px;
}

.message.message_g p:before{
	content:"\f058";
	color: #268e26;
}	
.message.message_r p:before{
	content:"\f057";
	color: #cb5959;
}
.message.message_y p:before{
	content:"\f05a";
	color: #347cbb;
}

/*--- Rules ---*/
.content_rules .item_document{
    padding: 25px 70px 25px 25px;
    border-bottom: 1px dotted #ccc;
    position: relative;
    line-height: 30px;
    width: 100%;}
.content_rules .item_document:last-of-type{
    border-bottom: 0;
}
.content_rules .item_document:after {
    position: absolute;
    top: 24px;
    right: 20px;
    color: #0c528b;
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    font-size: 40px;
    background: #fff;
    border-radius: 5px;
}
.content_rules .item_document.item_doc:after, .content_rules .item_document.item_docx:after  {
    content: '\f1c2';
}
.content_rules .item_document.item_xls:after, .content_rules .item_document.item_.content_rules .item_document.item_excel:after:after {
    content: '\f1c3';
}
.content_rules .item_document.item_pdf:after{
    content: '\f1c1';
}
.content_rules .item_document.item_pptx:after, .content_rules .item_document.item_ppt:after{
    content: '\f1c4';
}
.content_rules .item_document.item_file:after{
    content: '\f15c';
}
.content_rules .item_document.item_job:after{
	font-family:"FontAwesomeSolid";
    content: '\f0b1';
    background: transparent;
    font-size: 30px;
}

.content_rules  .item_document a{
    color: #0c528b;
    font-size: 30px;
}
.content_rules  .item_document a:hover{
    color: #34ba8d;
}

.important_links .item_partner {
	margin:15px 0;
}
.error-content h2{
	font-family: 'Bahij TheSansArabic Plain';color:#0a3d66;
}
.error-content a{
	color: #34ba8d;text-decoration:underline;
}

.main_header .navbar-nav .dropdown-menu {

    background: #34ba8d;

    top: 92%;

    text-align: right;

}

.darkHeader .main_header {

    background: rgba(24, 28, 44, 0.8);

}

.main_header .navbar-nav>li:hover>a, .main_header .navbar-nav li a:hover{

    color: #34ba8d;

}

.compete_slider .slick-prev {

    left: 0;

}

.compete_slider .slick-next {

    right: 0;

}

.compete_slider .slick-list {

    margin: 0 20px 0 40px;

}

html, body {

    width: 100%;overflow-x: hidden;
	overflow-y: auto!important;

}

/*** beta version ****/
/*.top_header .date:after{content:"تجريبي - Beta";position:absolute;right: -100px;top:0;background-color: #34ba8d;color: #fff;padding:0 10px;border-radius: 100px;line-height: 25px;border:1px solid #fff;font-size:12px;}
.top_header .date{margin-right:100px;}*/
/*** beta version ****/

#info_gallery .item_media figure img{
	max-height: 400px;
}
.modal-content{
	height:250px;
}
.modal-header .modal-title{
	font-family: inherit;
    margin: 0;
    color: #0a3d66;
}
.modal-header .close{
	margin:0;
	padding:0;
	min-width: auto;
}

.modal-footer .btn-default{
	font-size:15px;
	padding: 10px 20px;
}
.loader-overlay {
    background: rgba(0,0,0,0.77);
    position: fixed;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    z-index: 1000000;
}
.form_subscribe .form-control{
	width:85%;
	padding-left:40px;
	direction:ltr;
}

.last_updated{
	display:none !important;
}
.col-form-label.required:after{
    content:'*';
    color: red;
    font-size: 16px;
}

.requiredMsg{
    color: red;
    font-size: 15px;
}

.max_note{
    float: left;
    margin-top: 5px;
}

.form-control-plaintext{
	margin-bottom:5px;
}

textarea{
	height:auto;
}
.fh5-light-box-cancel-button{right:auto !important; left:5px !important;}
.publication .list_icon li a {
    color: #0a3d66;
}
.section_reports .col-md-6.col-lg-4{z-index:1020;}
.radio_area input[type=radio] {
    margin-left: 5px;
    vertical-align: text-top;
}

.radio_area label {
    padding-left: 20px;
}
/*---- DatePicker ----*/
.ui-state-hover{
	border:none !important;
	background:none !important;
}
.ui-widget-header{
	background: #34ba8d !important;
    border: none !important;
}
.ui-widget-header .ui-icon{
	background-image: none !important;
	text-indent: inherit !important;
	height: 20px;
	width:20px;
	color: #009c4e;
}
.ui-widget-header .ui-icon:before{
	font-family: "Font Awesome 5 Free";	    
	font-weight: 900;
	color:#fff;
	position: absolute;
}
.ui-datepicker-next .ui-icon:before{
	content:'\f359';
    left: 0;
}
.ui-datepicker-prev .ui-icon:before{
	content:'\f35a';
	right: 3px;
}
.ui-datepicker .ui-datepicker-title select{
	    margin: 1px 1px !important;
	    border:0 !important;
}
.ui-state-default, .ui-widget-content .ui-state-default{
	border: 0 !important;
    background: #f6f6f6;
    font-weight: normal;
    color: #333;
    text-align:center !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-state-active{
	background: #34ba8d !important;
	color:#fff !important;
	
}
.ui-datepicker, .ui-datepicker-month, .ui-datepicker-year{ font-family: 'Bahij TheSansArabic Plain' !important;}




.navbar-toggler{
	
 margin-top:15px;
	
}


.gray-scale-filter header,
.gray-scale-filter .container_inner,
.gray-scale-filter .header_inner,
.gray-scale-filter .head_content,
.gray-scale-filter footer {
    filter: grayscale(100%);
}
