*{
    margin:0px;
    padding:0px;
}
.row{
    margin:0px;
    padding:0px;
}

@font-face {
    font-family: swissramedium;
    src: url(../../fonts/DINNextLTArabic-Medium.ttf) format('truetype');
    font-display: swap;
}

@font-face {
    font-family: swissraheavy;
    src: url(../../fonts/DINNextLTArabic-Bold.ttf) format('truetype');
    font-display: swap;
}

@font-face {
    font-family: swissranormal;
    src: url(../../fonts/DINNextLTArabic-Regular.ttf) format('truetype');
    font-display: swap;
}
@font-face {
    font-family: swissrabold;
    src: url(../../fonts/DINNextLTArabic-Bold.ttf) format('truetype');
    font-display: swap;
}


body{
    background-color: #f2f2f2;
}

.main_container{
    width:1160px;
    margin:auto;
    padding: 0px;

}
.fixed>.row{
    width:1160px;
    margin: auto;
}
#header{
    margin-top:40px;
    padding:0px
}
#header .col-lg-9, #header .col-lg-3{
    margin: 0px;
    padding: 0px;
}
.top_banner{
    background-color: #203f81;
    width: 100%;
    padding:15px;
}
.top_banner .col-lg-6{
    padding:0px;
}
#header .col-lg-3,#header .col-lg-4{
    padding:0px;
}
.top_banner .contact {
    text-align: right;
}
.top_banner .contact a{
    color:#fff;
}

.top_banner .social_icon{
    padding: 12px;
    margin-right: 5px;
    background-color: #F9F5F5;
    color: #203f81;
    
}
.social_media  a:hover, .contact  a:hover{
    text-decoration: none;
}
.top_banner .social_icon:hover{
    background-color: #203f81;
    color: #F9F5F5;
    border: 1px solid #F9F5F5;
}
.fixed{
    background-color: #203f81;
    z-index: 9999999;
    top: 0px;
    position:fixed;
    margin-top:0px !important;
    width:100% !important;
    padding:10px !important;
    right: 0px;
}
.fixed .navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    border-color: rgb(255,255,255);
}
.navbar-nav{
    margin: auto;
}
.fixed .login_btn,.fixed .donate{
    background-color: #fff;
    height: 40px;
    color:#203f81;
    font-weight: bold;
}

.fixed .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link:hover{
    color:#fff;
}
.fixed .navbar-light .navbar-nav .nav-link{
    color:#fff;
}
.fixed .login_btn:hover, .fixed .donate:hover{
    color:#203f81;
}
.fixed .fa{
    color:#fff;
}
.navbar  .donate {
    display: none;
}

.fixed .user_name{
 color: #fff;
}
.fixed .header_logo{
    height: 50px;
}

.logo{
    text-align: right;
}

.login_btn , .donate{
    background-color: #203f81;
    color: #fff;
    height: 40px;
    padding: 19px 15px;
    border-radius: 10px;
    display: inline-block;
    line-height: 1px;
    text-decoration: none;
    box-shadow: 3px 12px 24px -6px rgba(32,63,129,0.75);
    text-align: center;
    font-family: swissranormal;
}
.login_btn:hover, .donate:hover{
    color: #fff;
    text-decoration: none;
}
#header .donate , .project_donation .donate_button {
    background-color: #db0000;
    font-weight: bold;
    color: #fff;
}
.project_donation input{
    display: inline-block;
    width:100px;
}
.bg-light{
    background-color: transparent !important;
}


#header .nav-item{
    position: relative;
    padding: 0px 15px;
    font-family: swissramedium;
    font-size:16px;
}

.navbar-light .navbar-nav .nav-link{
    color:#000;
    font-weight: bold;
    transition: all .5s ease 0s;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link:hover{
    color:#203f81;
}
.fixed .navbar-light .navbar-nav .active>.nav-link,.fixed  .navbar-light .navbar-nav .nav-link:hover{
    color: #c4c4c4;
    font-size: 18px;
}
.projects_title{
    font-family: swissramedium;
    color:#000;
    font-size:14px;
    font-weight: bold;
    text-align: right;
    display: block;
    width: 100%;
    margin-bottom: 30px;
}

#header .nav-item:not(:first-child):before {
      content: '•';
      position: absolute;
      right: 1px;
      top: 10px;
      color: #c6d7fc;
}
#header .col-lg-3{
    padding-top:15px;
}
.search{
    display: inline-block;
    position: relative;
    padding:5px 0px 0px 0px;
    font-family: swissranormal;
    color:#fff;
}
.login_section,.register_section,.donation_Section,#open_user_menu{
    padding:0px;
}
.donation_Section a, .login_section a{
    width:90%;
}


#projects{
    width:100%;
    margin-top:70px;
    padding:0px;

}
.project_Description{
    transition: all .5s ease 0s;
}
.project_Description:not(:first-child) {
    opacity:0;
    display:none;
}
#grid{
margin-left:0px !important;
}
.carousel{
    width:100%;
}

.main_3_image{
   background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius:10px;
    height: 300px;
}
.main_2_image{
   background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
        margin-top: 20px;
    
}
#projects .grid-section{
    width:56%;
    float:left;
    background: url(../../img/slider_bg.png);
    background-size: contain;
}
.media-box-image div[data-width][data-height]{
    border-radius: 20px !important;
}
.media-box-image div[data-width][data-height] img{
    border-radius: 20px !important;
}

.project_text_section{
    width:44%;
    float:left;
}
.project_title
{
    font-family: swissraheavy;
    font-size: 2.6vw;
    margin-bottom:24px;
    text-align: right;
    line-height: 45px;
}
.project_title a{
    color:#000;
    text-decoration: none;
}
.project_short_description{
    font-family: swissranormal;
    font-size: 1vw;
    margin-bottom: 75px;
    text-align: right;
    color:#000;
    font-weight: bold;
}

.project_title,.project_short_description,.project_donation,.navigation{

}
.project_donation{
    direction: rtl;
    text-align: right;  
}
.kafala_donate_button{
	background-color: #203f81;
    color: #fff;
    height: 40px;
    padding: 19px;
    border-radius: 10px;
    display: inline-block;
    line-height: 1px;
    text-decoration: none;
    box-shadow: 3px 12px 24px -6px rgba(32,63,129,0.75);
    font-family: swissranormal;
    font-size:16px;
}
.donate_button{
    background-color: #203f81;
    color: #fff;
    height: 40px;
    padding: 19px;
    border-radius: 10px;
    display: inline-block;
    line-height: 1px;
    text-decoration: none;
    box-shadow: 3px 12px 24px -6px rgba(32,63,129,0.75);
    font-family: swissranormal;
    font-size:16px;
}
.donate_contact{
    display: inline-grid;
    margin-right: 29px;
    font-size: 1vw;
    font-family: swissramedium;
    position: relative;
    top: -12px;
    direction:ltr;
}
.phone{
     direction:ltr;
}
.phone a{
        unicode-bidi: embed;
}
.donate_contact a{
    color:#000;
}
.navigation{
    margin-top:70px;
}
.arrow{
    text-align: left;
    display: inline-block;

}
.slider_progress{
    display: inline-block;
    width: 75%;
    text-align: right;

}

.slider_end ,.slider_current{
    
    font-size:14px;
    font-family: swissranormal;
    color:#203F81;
}
.slider_end{
    margin-right:30px;
}
.slider_current{
    margin-left:30px;
}
.progress{
    height:2px;
    display: inline-flex;
    width: 20%;
}
.progress .progress-bar{
    
    background-color: #203F81!important;
}

.slider_next,.slider_prev{
    cursor: pointer;
}
.media-boxes-no-more-entries{
    display:none;
}
.services .row{
    margin:0px;
}

.services{
    margin-top:60px;
}

.services .col-lg-3:nth-child(1)  .mr-2 {
    margin-right: 0px !important;
}
.service_desription .mr-2 {
    padding-right: 10px;
}
.our_service a{
    text-decoration: none;
}
.our_service a>.mr-2 , .our_service>.mr-2{
    border:2px solid #F0F0F0;
    padding: 15px 0px;
    border-radius: 25px;
    cursor: pointer;
    background: #fff;
    box-shadow: 3px 12px 24px -6px rgba(240,240,240,0.75);
    height:100%;
}
.our_service a>.mr-2:hover{
    background-color: #FAFBFF;
}

.service_desription .title{
    font-family: swissrabold;
    font-size: 16px;
    text-align: right;
    color:#203F81;
}


.service_desription .content{
    font-family: swissranormal;
    font-size: 10px;
    text-align: right;
    color:#7E7E7E;
    line-height: 25px;
}


.our_service:first-child .mr-2{
    background-color: #FAFBFF;
}
.general_box_title{
    font-family: swissraheavy;
    font-size: 30px;
    margin-bottom: 15px;
}
.general_box_title a{
    color:#000;
}
.general_box_title a:hover{
    text-decoration: none;
}
.general_box .short_describtion{
    font-family: swissranormal;
    font-size: 14px;
    
}
.general_box_header{
    margin-bottom: 30px;
}

#our_project{
    margin-top:50px;
}
.general_box{
    text-align: right;
    overflow: hidden;
    width: 100%;
}
.general_box_arrow{
    padding:0px;
}
.general_box_header .col-6{
    padding:0px;
}

.general_box .general_box_arrow{
    text-align: left;
}
.general_box_section {
    flex: none;
    width: 25%;
}
.general_box_img{
    max-width: 100%;
    min-width: 100%;
}
.general_box_image_container{
    overflow: hidden;
    height: 140px;
}

.general_box_section .mr-2{
    border:2px solid #F0F0F0;
    border-radius: 25px;
    box-shadow: 3px 12px 24px -6px rgba(201,214,250,0.14);
    overflow: hidden;
    background: #fff;
}

.general_box_section:nth-child(1) .mr-2{
    margin-right: 0px !important;
}

.general_box_section .Classification{
    font-family: swissrabold;
    font-size: 12px;
    color:#FF9E41;
    padding-left:10px;
    border-left:2px solid #EEEEEE;
}
.title_bar{
    margin:20px 20px 10px 20px;
    text-align: right;
    direction: rtl;
}
.general_box_section .country{
    font-family: swissranormal;
    font-size: 12px;
    color:#000;
    font-weight: bold;
    padding-right:10px;
}
.general_box_section .title a{
    font-family: swissrabold;
    font-size: 14px;
    color:#404040;
    text-align: right;
    margin-right: 5px;
    text-decoration: none;
}
.general_box_fund{
    background-color: #FAFBFF;
    width:100%;
    margin:15px auto;
    border-radius: 20px;
    padding:15px 15px 15px 15px ;
    text-align: right;
    direction: rtl;
}
.general_box_section .total{
    color: #203F81;
    font-size: 14px;
    font-family: swissranormal;
    padding-left: 10px;
}

.general_box_section .remain_text{
    color: #000;
    font-size: 12px;
    font-family: swissranormal;
    padding-left: 10px;
}

.general_box_section .remain{
    color: #000;
    font-size: 12px;

}
.general_box_fund .progress{
    height: 25px;
	font-weight:bold;
    width: 100%;
	font-size: 14px;
}
.progress .progress-bar_general_box{
	padding:3px;
}
.progress .progress-bar_general_box{
    background-color: #505AE7!important;
}

.general_box_section .donate_button{
    margin: 0px 20px 20px 0px;

}
.general_box_arrow .next,.general_box_arrow .prev{
    cursor: pointer;
}
.general_box_container{
    position: relative;
    left:0px;
}
#main_news{
    padding:0px;
}
#news{
    margin-top: 100px;
    text-align: right;
}
.more_continer{
    text-align: left;
    margin: 15px 0px;
    padding-left: 0px;
}
.more_button{
    background-color: #203f81;
    color: #F9F5F5;
    height: 40px;
    padding: 19px;
    border-radius: 10px;
    display: inline-block;
    line-height: 1px;
    text-decoration: none;
    box-shadow: 3px 12px 24px -6px rgba(32,63,129,0.75);
    transition: all 1s ease 0s;
    font-family: swissranormal;
    font-size:16px;
    
}
.more_button:hover{
    background-color: #F9F5F5;
    color: #203f81;
    border:1px solid #203f81;
    text-decoration: none;
}
#news .short_describtion{
    margin-bottom: 45px;
}



#main_news .title{
    font-family: swissrabold;
    font-size: 30px;
    color:#404040;
    margin:40px auto 20px auto;
    width: 90%;
}

#main_news  .content{
    font-family: swissranormal;
    font-size: 16px;
    color:#7E7E7E;
    width: 90%;
    margin: auto;
}
.news_title{
    font-family: swissrabold;
    font-size: 14px;
    color:#404040;
    margin:20px auto 20px auto;
    width: 90%;

}
.news_content{
    font-family: swissranormal;
    font-size: 12px;
    color:#7E7E7E;
    width: 90%;
    margin: auto;
    margin-bottom: 15px;
}
#main_news .mr-2{
    height: 100%;
}
#main_news .mr-2 a , .secondary_news .mr-2 a{
    text-decoration: none;
}
.secondary_news{
    padding-left:0px ;
}

.secondary_news .mr-2,#main_news .mr-2{
    border: 2px solid #F0F0F0;
    border-radius: 25px;
    box-shadow: 3px 12px 24px -6px rgba(201,214,250,0.14);
    overflow: hidden;
    height: 100%;
}
.secondary_news:nth-child(2), .secondary_news:nth-child(1){
    margin-bottom: 20px;
}
.secondary_continer{
    padding-left:0px !important;
}
.secondary_news .mr-2{
    background-color: #fff;
}
.secondary_news .mr-2, #main_news .mr-2{
    background-color: #fff;
}
.secondary_news .mr-2:hover, #main_news .mr-2:hover{
    background-color: #203f81;
    color:#fff;
}
.continue{
    color: #203f81;
    font-size: 15px !important;
    position: relative;
    top: 4px;
    right: 10px;
}
.secondary_news .mr-2:hover .news_title ,.secondary_news .mr-2:hover .continue ,  #main_news .mr-2:hover:hover .title{
    color:#fff;
}
.secondary_news .mr-2:hover .news_content,  #main_news .mr-2:hover:hover .content{
    color:#fff;
}
#adah .col-lg .mr-2, #kafala .col-lg-3 .mr-2{
    background-color: #fff;
}
#kafala .col-lg-3 .mr-2{ min-height: 256px; }
#kafala .col-lg-3 .mr-2 a{ display:block; overflow:hidden}
#about_us{
    margin-top:120px;
    height:640px;
}
#about_us .col-lg-6{
    height:640px;
}
#about_us .row{
    margin:0px;
    padding:0px;
}
.about_images{
    background-color: #fafbff;
    text-align: left;
    padding-left:70px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;  
}
.image_container{
    width:440px;
    float: left;
    margin-top:65px;
}
.about_us_logo{
    margin-top:65px;
}
.about_content{
    padding-right:60px;
}

#about_us{
    text-align: right;
}
#about_us .title{
    margin:50px 0px 20px 0px;
    font-family: swissraheavy;
    font-size:30px;
}
#about_us .content{
    font-family: swissranormal;
    font-size: 14px;
    color:#000;
    text-align: justify;
    width: 90%;
}
.image_container img:nth-child(2){
    margin:0px 25px 15px 0px;
    display: inline-block;
}
.about_content .more_button{
    margin-left:12px;
}
.social_icon{
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background-color: #203f81;
    color: #F9F5F5;
    padding: 12px;
    font-size: 20px;
    transition: all 1s ease 0s;
}
.icon a:hover{
    text-decoration: none;
}
.about_content .icon{
    position: absolute;
    bottom: 10px;
}
.social_icon:hover{
    background-color: #F9F5F5;
    color: #203f81;
    border:1px solid #203f81;
}

#adah,#kafala{
    margin-top:40px;
}

#adah .col-lg .mr-2 , #kafala .col-lg-3  .mr-2{
    border: 2px solid #F0F0F0;
    border-radius: 25px;
    box-shadow: 3px 12px 24px -6px rgba(201,214,250,0.14);
    overflow: hidden;
    transition: all .5s ease 0s;
}

 #kafala .col-lg-3 .mr-2:hover{
    border: 4px solid #203f81;

}
#kafala .col-lg-3:nth-child(1){
    padding-right:0px;
}
#kafala .col-lg-3:nth-child(4){
    padding-left:0px;
}

#adah  .col-lg:nth-child(1){
    padding-right:0px;
}
#adah   .col-lg:nth-child(4){
    padding-left:0px;
}


#kafala .col-lg-3 .mr-2{
    text-align: center;
    background-color: #fafbff;
    padding:15px;
}

#adah .col-lg:nth-child(1) .mr-2 {
    margin-right: 0px !important;
}

#kafala .col-lg-3:nth-child(1) .mr-2 {
    margin-right: 0px !important;
}

.adah_image_container{
    overflow: hidden;

}
.adah_box_img{
    max-width: 100%;
    min-width: 100%;
}
.zaka_box_img{
    display: block;
    margin: auto;
    margin-top: 50px;
}
.adahi_box_img{
    display: block;
    margin: auto;
    margin-top: 50px;
}
.zakah{
    text-align: center;
    margin-bottom: 20px;
}
.zakah .title a{
    margin-right: 0px !important;
    margin-bottom: 20px;
}
.zakah .donate_button {
    margin: 0px 0px 20px 0px !important;
}


#adah .donate_button {
    margin: 0px 20px 20px 0px;
}

#adah .title a ,#kafala  .title a , #adah .title , #kafala  .title  {
    font-family: swissrabold;
    font-size: 18px;
    color: #404040;
    text-align: center;
    text-decoration: none;
    margin-top:20px;
    display: inline-block
}
#kafala .col-lg-3 {
    margin-bottom: 20px;
}

#contact_us{
    margin-top:70px;
    
     background-color:#fafbff;
     text-align:right;
     padding:40px 0px;
}
#contact_us .icon {
    padding-left:0px;
}
#contact_us .content{
    width: 1160px;
    margin: auto;
}
#contact_us .content .title{
    color:#7E7E7E;
    font-family: swissranormal;
    font-size: 14px;
    margin:20px 0px;
}
.phone_section,.email_section{
    float:right;
    color:#203F81;
    font-size: 18px; 
}
#phone{
	border-top-right-radius: 0px; 
	border-bottom-right-radius: 0px;
}
#countryCode{
	border-left:none; 
	border-top-left-radius: 0px; 
	border-bottom-left-radius: 0px;
}
.phone_section a,.email_section a{
    color:#203F81;
    text-decoration: none;
}
.phone_section {
    margin-left:70px;
}


#footer{
    text-align: right;
    background-color:#203f81;
    padding:50px 0px;
    color:#fff;
}
#footer .col-lg-8 {
    padding-right: 0px;
}
#footer .content{
    width: 1160px;
    margin: auto;
}
.footer_logo{
    margin-bottom:30px;
}
.footer_text{
    font-family: swissranormal;
    font-size: 14px;
}

.mail_box span{
    font-family: swissrabold;
    font-size: 20px;
}

.mail_box form{
    margin-top:15px;
}

.mail_box form input[type='text']{
    background-color: #1B3877;
    width: calc(100% - 140px);
    height: 50px;
    color: #5673B2;
    font-family: swissranormal;
    font-size: 16px;
    padding: 15px;
    border: none;
    border-radius: 15px;
    margin-left: 10px;
    outline: none;
}
.mail_box{
    padding:0px;
}
.mail_box form input[type='submit']{
    height: 50px;
    width:125px;
    background-color: #fff;
    font-family: swissrabold;
    font-size: 16px;
    color:#203F81;
    border: none;
    border-radius: 15px;
   
}

#copy_right{
    padding:25px;
    background-color:#25478d;
    color:#fff;
    text-align: right;
    font-size: 12px;
    font-family: swissranormal;
}
#copy_right a{
    text-decoration: none;
    color:#fff;
}
#copy_right .content{
    width: 1160px;
    margin: auto;
}
#copy_right ul{
    list-style: none;
}
#copy_right ul li{
    display:inline-block;
    margin-right:30px;
}
#copy_right .col-lg-8{
    padding-right: 0px;
}
.user_name{
    color:#404040;
    font-family: swissrabold;
    font-size: 12px;
    max-width: 100px;
    display: inline-block;
    
}
.open_user_menu{
    color:#404040;
    text-decoration: none;
    text-align: right;
}

.open_user_menu:hover{
    text-decoration: none;
}
.user_menu{
    position: absolute;
    min-width: 230px;
    height: 270px;
    z-index: 1000;
    top: 70px;
    padding: 15px;
    left: 10%;
    box-shadow: 3px 12px 43px -6px rgba(32,63,129,0.75);
    background-size: cover;
    border-radius: 15px;
    background-color: #fff;
    transition: all .5s ease 0s;
    opacity: 0;
    text-align: right;
}

.shape{
    top: -11px;
    left: 42%;
    position: absolute;
}

.name_section{
    height: 61px;
    
    margin: auto;
    border-radius: 15px;
    background-color: #F7F8FE;
    padding:10px;
    font-size: 12px;
    font-family: swissranormal;
    text-align: right;
}
.user_menu a{
    color:#797979;
}
.avatar{
    margin-left: 8px;
     
}
.user_donate,.user,.logout{
    margin-top: 10px;
}

.user_menu select{
    margin-top: 12px;
    background-color: #F7F8FE;
    border: none;
    border-radius: 10px;
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat;
    background-position: left 15px top;
    -moz-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 4px 20px;
}

#language{
    list-style: none;
    overflow: hidden;
    margin-bottom: 0px;
    display: inline-block;
    position: absolute;
    top: 28px;
    left: 15px;
    opacity: 0;
    transition: all .5s ease 0s;
}
.ui-loader {
    display: none;
    z-index: 9999999;
    position: fixed;
    top: 50%;
    left: 50%;
    border-width: 0;
}
.modal{
    top:10%;
    text-align: right;
}
#banner_model{
    top:7%;
}
.modal-header .close {
    margin: -1rem -1rem -1rem -1rem;
}
.modal-header{
    flex-direction: row-reverse;
}
.modal-footer>:not(:first-child) {
    margin-right: 0.25rem;
}
.top_banner .currency_id{
    display: inline-block;
    width: auto;
    background: #203f81;
    color: #fff;
    border: none;
}
.divider-vertical{
    display: inline-block;
    background-color: #FFF;
    height: 20px;
    width: 1px;
    position: relative;
    top: 2px;
    margin: 10px;
}
.top_cart{
    display: none;
}
.fixed .top_cart{
    display: block;
    position: relative;
    top: 10px;
    font-size: 22px;
}
.top_login{
    color:#fff;
}
.top_banner .fa-cart-plus{
    font-size: 22px;
}
.table{
    text-align: right;
    direction: rtl;
}
.table td h4, .table th {
    text-align: right !important;
}

.general_box_section  .form-control , .general_box .form-control{
    display: inline-block;
    width: 100px;
    margin: 0px 20px 20px 0px;
}
.donation_value{
   
    width: 300px;
    float: right;
    margin-left: 20px;
}
.badge {
    padding-left: 9px;
    padding-right: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
  }
  
  .label-warning[href],
  .badge-warning[href] {
    background-color: #c67605;
  }
  .badge {
    font-size: 12px;
    background: #ff0000;
    color: #fff;
    padding: 2px 5px;
    vertical-align: top;
    margin-right: -10px;
  }
  .fixed  .badge {
      position:absolute;
      top:-5px;
  }
  .donation_bar{
    height: 60px;
    background-color: #203f81;
    border-radius: 5px;
    overflow: hidden;
    width: 100%;
    padding: 5px;
  }
  .donation_box{
      font-size:12px;
      text-align: center;
      padding: 0px;
      font-weight: bold;
  }
  .donation_box a{
    color: #fff;
  }
  .donation_box img{
      border-radius: 50%;
      width:35px;
  }
.fast_donation_box {
    margin-top: 60px;
    background: #FFF;
    -webkit-box-shadow: 0 0px 12px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 0px 12px 0px rgba(0,0,0,.1);
    box-shadow: 0 2px 7px 2px rgb(0 0 0 / 10%);
    width:90%;
    padding:20px;
    border-radius: 11px;
    text-align: center;
    font-weight: bold;
}
.fast_donation_box .title{
    font-family: swissranormal;
    font-size:18px;
    margin-bottom: 10px;
}
.fast_donation_box .total{
    margin:auto;
    border: 1px solid #D9D9D9;
    border-radius: 8px !important;
    padding: 5px 15px;
}
.fast_donation_box .price_label{
    font-size: 16px;
    color:#000;
    font-weight: bold;
}
.fast_donation_box .price_label_fast{
    font-size: 16px;
    color: #000;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
    text-align: right;
}
.fast_donation_box .price{
    color:#203f81;
    margin-right: 20px;
    font-size: 16px;
    font-weight: bold;
}
.fast_dooonate{
    font-weight: bold;
    width: 45%; 
    font-size: 26px;
}

.btn-minus{
	border-top-right-radius:.25rem !important;
    border-bottom-right-radius: .25rem !important;
	
	border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.btn-plus{
	border-top-left-radius:.25rem !important;
    border-bottom-left-radius: .25rem !important;
	
	border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

@media (max-width: 1160px){
    .general_box_image_container{
        height: 115px;
    }
    .about_content {
        padding-right: 30px;
    }
    #adah .title a, #kafala .title a{
        text-align: center;
    }
    .main_container{
        width:95%;
        margin: auto;
    }
    .fixed>.row{
        width:100%;
    }

    #contact_us .content{
        width:95%;
        margin: auto;
    }

    #footer .content{
        width:95%;
        margin: auto;
    }

    #copy_right .content{
        width:95%;
        margin: auto;
    }
     
    .login_btn, .donate {
        
        font-size: 1.4vw;
        font-weight: bold;
    }
    #header .nav-item{
        font-size: 1.2vw;
        font-weight: bold;
        padding: 0px 14px;
    }
    .main_container{
        width: 93%;
        margin: auto;
    }
    .fixed>.row{
        width: 100%;
    }
}
@media (max-width: 1100px){
   
    .project_title,.project_short_description,.project_donation,.navigation{
        width:95%;
    
    }	
    .project_short_description{
        margin-bottom: 40px;
    }
    .navigation {
        margin-top: 40px;
    }
	.open_user_menu{
		    text-align: center;
	}
}

@media (max-width: 1250px) and (min-width:650px){
	
}

#open_user_menu{
		text-align:center;
		top: 6px;
	}
	.user_picture{
		width:20%;
	}
	.open_user_menu .fa-angle-down {
		font-size: 10px;
	}
	
@media (min-width:992px){
    #contact_us .icon{
        margin-top:15px;
    }
	
	.project_title, .project_short_description, .project_donation, .navigation {
			margin-top: 35px;
		}
}
@media (max-width: 992px){
	

    #projects .grid-section{
        width:80%;
    }
    .our_service:first-child .service_desription .content{
        font-size: 26px;
        text-align: center;
    }
   
    .service_desription .title{
        font-size: 26px;
        text-align: center;
    }
    .service_desription .content{
        font-size: 18px;
    }
  
    #header .nav-item{
        background: #c4c4c4;
        border-bottom: 1px solid #fff;
        text-align:center;
        
    }
    .fixed .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link:hover{
        color:#203f81;
    }
    .fixed .navbar-light .navbar-nav .nav-link {
        color: #203f81;
    }
    .grid-section{
        width:100%;
        float:none;
    }
    .project_text_section{
        width:100%;
        float:none;
    }
    .project_title{
        font-size: 4.6vw;
    }
    .project_short_description{
        font-size: 3vw;
    }
    .project_donation{
        width:100%;
        float:right;
    }
    .navigation{
        width:100%;
        float:left;
        margin-top: 0px;

    }
	
    .arrow{
        width:100%;
        margin-bottom: 30px;
    }
    .donate_contact{
        margin-right:25px;
    }
    .our_service:nth-child(3),.our_service:nth-child(4){
        margin-top:20px;
    }
    .general_box_section {
        width:50%;
    }

    .about_images{
        margin: auto;
        border-radius: 50px;
         border-radius: 50px;
         padding-left:0px;
    }
    .about_content{
        margin: auto;
    }
    #about_us{
        height: auto;
    }
    .image_container {
        width: auto;
        float: none;
        margin-top: 65px;
        text-align: center;
    }
    .phone_section, .email_section{
        width: 100%;
        margin-left: 0px;
        font-size: 18px;
        text-align: center;
        
    }
    .phone_section img, .email_section img{
            width: 50px;
    }
    #contact_us .icon {
        text-align: center;
    }
    #kafala .col-md-6{
        margin-bottom: 20px;
    }
    .login_btn, .donate{
        width:95%;
    }
    #header .col-lg-4 {
        padding-top: 15px;
    }
    #about_us{
        background: #fff;
      
    }

    .fixed .navbar  .donate {
        display: block !important;
        width: 40% !important;
        text-align: center;
        font-size: 20px;
    }
    .fixed .navbar  .logo_banner {
        display: none !important;
    }
    
    .fixed{
        bottom: 0px;
        top: auto;
    }
    
    .fixed .header_logo {
        width: 100px;
        height: auto;
    }
    #header .col-lg-3{
        display: none;
    }
    #header .nav-item {
        font-size: 3.2vw;
    }
    #header .nav-item:not(:first-child):before {
       display: none;
    }


   /********************************/
   #main_news{
       margin-bottom: 20px;
   } 
    #projects{
        margin-top: 30px;
    }
    .navbar-brand{
        text-align: right;
    }
    
    .our_service:nth-child(1) ,.our_service:nth-child(3) , .our_service .row{
        padding-right: 0px;
        margin-right: 0px !important;
        padding-left:5px;
    }
    .our_service:nth-child(2) ,.our_service:nth-child(4) , .our_service .row{
        padding-right:5px;
    }
    .secondary_continer{
        padding-right:0px;
    }
    .secondary_news:nth-child(1) ,.secondary_news:nth-child(3) {
        padding-right:0px;
    }
    .secondary_news:nth-child(1) .mr-2 , .secondary_news:nth-child(3) .mr-2 {
        margin-right: 0px !important;
    }
    .about_us_logo {
        margin: 30px auto 0px auto;
    }
    .about_content .icon{
        position: relative;
        text-align: center;
        margin: 40px 0px 0px 0px;
    }
    #kafala .col-lg-3:nth-child(3) .mr-2 {
        margin-right: 0px !important;
    }
    .about_content{
        padding-right:0px;
    }
    #kafala .col-lg-3 .mr-2 {
        padding-left: 0px;
        padding-right: 0px;
    }
    #adah .col-lg,#kafala .col-lg-3{
        padding: 0px;
        margin-bottom: 0px;
    }
    .services {
        margin-top: 10px;
    }
    .fast_donation_box{
        margin-top: 20px;
        width: 100%;
        padding-top:5px;
        padding-bottom: 5px;
    }
    #news {
        margin-top: 20px;
    }
    #main_news .title{
        margin: 20px auto 20px auto;
    }
    #main_news .content{
        padding-bottom: 20px;
    }
    #adah .col-lg:nth-child(1),#adah .col-lg:nth-child(2),
    #kafala .col-lg-3:nth-child(1),#kafala .col-lg-3:nth-child(2){
        margin-bottom: 20px;
        padding: 0px;
    }
    .phone_section img, .email_section img {
        margin-left: 15px;
    }
    #about_us{
        margin-top:20px;
    }
    #our_project{
        margin-top: 20px;
    }
    #adah .col-lg:nth-child(3) .mr-2 {
        padding-right: 0px;
        margin-right: 0px !important;
    }
}
@media (max-width: 840px){
    .login_btn, .donate {
        font-size: 2vw;
    }
}

@media (max-width: 768px){
    .cart_table td h4, .cart_table td .col-sm-3{
        text-align: center !important;
    }
    .cart_table td, .cart_table th{
        vertical-align: middle;
    }
    .donation_table{
        margin-bottom:20px;
        display: block;
    }
    #copy_right{
        padding-bottom: 70px;
    }
    .login_btn , .donate{
        padding:15px;
    }
   
    .navbar-brand{
        display: inline;
        width: auto !important;
    }
    #header .nav-item{
        font-size: 5.2vw;
    }
    #about_us{
        margin-top:0px;

    }
    
    #about_us .title{
        text-align: center;
    }
    #about_us .content{
        text-align: justify;
    }
    .more_continer{
        margin:15px 0px;
    }
    #header .col-lg-4{
        padding-top: 10px;
    }
    .news_image_container{
        height: 142px;
        overflow: hidden;
    }
    .news_image_container img{
        width: 100%;
        min-height: 142px;
    }
    .main_news_image_container{
        height: 300px;
        overflow: hidden;
    }
    .main_news_image_container img{
        width: 100%;
        min-height: 300px;
    }
    #main_news,.secondary_news{
        margin-bottom: 40px;
    }
    

    #header{
        margin-top:40px;
    }
    .search{
        float:right;
        text-align: center;
    }
    .navbar {
        padding:0px;
        text-align: center;
    }
    #header .nav-item:not(:first-child):before{
        display: none;
    }
    .general_box_section{
        margin-bottom: 30px;
    }
    .adah_image_container {
        height: 130px;
    }
    

    #contact_us .icon {
        text-align: center;
    }
     .donate_contact{
        font-size: 2vw;
    }
    .navbar-brand{
        width: calc(100% - 3.5em);
    }
    .navbar-brand{
        margin-right: 0px;
    }
    .navbar-brand  .header_logo{
        max-width: 100%;
        
    }
    .adahi_box_img{
        max-height: 82px;
    }
    .top_banner .social_media  {
        display: none;
    }
    .top_banner {
        padding: 5px 0px;
    }
    .top_banner .social_media {
            margin:auto;
    }

    
   
}
@media (max-width: 768px) and (min-width:650px){
    
}
@media (max-width: 650px){
	#language{
		top:35px;
		z-index:1000;
	}
	.general_box_section .donate_button {
		margin: 0px 0px 20px 20px;
	}
    .service_desription .mr-2 {
        padding-right: 0px !important;
    }
    .main_3_image{
		background-size: contain;
		    height: 145px;
	}
    #adah .title a{
        font-size: 18px;
    }
    .fast_dooonate{
        width: 90%; 
    }
    #projects {
        margin-top: 10px;
    }
    .project_short_description  {
        font-size: 4vw;
    }
    .project_title{
        margin-bottom: 0px;
    }
    .project_short_description{
        margin-bottom: 15px;
    }
    .donate_contact{
        font-size: 4vw;  
    }
    .top_banner {
        *display: none;
    }
    .fixed .top_cart {
        font-size: 34px;
        top:0px;
    }
    .badge {
        font-size: 20px;
        padding: 3px 6px;
    }
    .fixed .badge {
        position: initial;
        top: 0px;
    }
    .donation_value{
        width: 90%;
        margin: auto;
        float: none;
    }
    .general_box_section .form-control, .general_box .form-control {
        display: inline-block;
        width: 90%;
        margin: 20px auto;
    }
    .fixed .top_cart,.fixed .divider-vertical{
        display:block !important;
    }
    .fixed .top_login{
        display:block !important;
    }
    .general_box_image_container{
        height: auto;
    }
    .main_news_image_container img,.main_news_image_container{
        height: auto;
        min-height: auto;
    }
    #projects .grid-section{
        width:95%;
    }
    #contact_us .icon {
        margin-top:20px;
    }
    .service_desription .content{
        line-height: inherit;
    }
    #copy_right .col-lg-8{
        text-align: center;
    }
    .media-box ,.media-box-container,.media-box-image,.media-box-image div[data-width][data-height]{
        width:100% !important;
    }
    #header{
        margin-top:7px;
    }
    .service_desription .title{
        text-align: center;
    }
    .service_desription .content{
        text-align: center;
    }
   
    .our_service:nth-child(2) ,.our_service:nth-child(4) , .our_service .row{
        padding-left: 0px;
        margin-left: 0px !important;
    }
   .service_desription ,.service_image {
       padding:0px;
   } 
   .our_service .service_desription  .content{
       display: none;
   }
   .our_service:first-child .service_desription .content{
       margin-top:0px;
       margin:0px;
   }
   
    #header .col-lg-8{
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    #header .col-lg-4{
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    .projects_title{
        font-size: 20px;
    }
    .donate_button{
        padding: 25px 20px;
        font-size: 20px;
        font-weight: bold;
    }
    .slider_donation{
        padding: 15px 10px;
    }
    .more_button{
        font-size: 20px;
    }
    #main_news .content{
        font-size: 18px;
    }
    #about_us .content{
        font-size:18px;
    }
    .donate_contact {
        margin-right: 9px;
    }
    .project_title{
        text-align: center;
    }
    .general_box_section .Classification,.general_box_section .country{
        font-size:20px;
    }
    .general_box_section .title a{
        font-size:24px;
    }
    .general_box_section .total,.general_box_section .remain_text,.general_box_section .remain{
        font-size:19px;
    }
    .general_box .short_describtion{
            margin-bottom: 20px;
    }
    
    .image_container img{
        max-width: 100%;
        display: none;
    }
  
    #adah, #kafala {
        margin-top: 20px;
    }
    .general_box_header {
        margin-bottom: 20px;
    }
    

   
    #contact_us{
        margin-top:20px;
        padding: 20px 0px;
    }
    #footer{
        padding: 20px 0px;
    }
    .image_container img:nth-child(2){
        display: inline-block;
        margin: auto;
    }
    #about_us .col-lg-6{
        height: auto;
    }
    .image_container{
        margin-bottom: 65px;
    }
    .about_content{
        padding-right:30px
    }

    .adah_image_container {
        height: auto;
    }
    
    
    #adah .title a, #kafala .title a{
        margin-right: 0px;
        text-align: center;
    }
    .mail_box form input[type='text']{
        width:160px;
    }
    .mail_box form input[type='submit']{
        width:70px;
    }
 
    .contact , .social_media{ 
        text-align: center !important;
    }
    .header_logo {
        width: 125px;
    }    
    #header .col-lg-4{
        padding-top: 5px;
    }
    #kafala .col-lg-3{
        position: relative;
    }
    
}


@media (max-width: 575px){
    #banner_model{
        top:15%;
    }
	.general_box_fund .progress{
		height: 50px;
		margin: 24px 0px;
		font-size: 25px;
	}
    .main_3_image{
        min-height: 180px;        
    }
    .image_slider{
        padding:0px;
    }
    .donate_contact{
        display: block;
        top: 0px;
        margin: 13px 0px;   
    }
    .project_donation input {
        width: 150px;
    }
    .fixed .navbar  .donate {
        width: 30% !important;
    }
    .mail_box {
        margin-top: 20px;
    }
    #copy_right ul{
        margin-top:20px;
    }
    .service_desription .content{
        margin:30px auto;
    }

    .login_btn, .donate {
        font-size: 5vw;
    }
    .header_logo {
        width: 130px;
    } 
    .media-box-image div[data-width][data-height] img{
        width:80% !important;
        position: initial;
    }
    #header .col-lg-4{
        margin-top: 30px;
    }
    .fixed .col-lg-4 {
        margin-top: 0px !important;
    }
    .search,.user_picture,.user_name,.open_user_menu{
        float:right;
    }
    .user_name{
        margin-left: 5px;
        line-height: 48px;
    }
    .open_user_menu .fa {
        margin-top: 15px;
        
    }
   
    #header .col-lg-4 {
        text-align: right;
    }
    
    .open_user_menu{
        margin-right: 15px;
    }
    
    .general_box_section {
        width:100%;
    }
    #footer {
        text-align: center;
    }
    .user_menu{
        left:-15px;
    }  

    .navbar-brand{
        width: auto;
    }
    .navbar-brand{
        margin-right: 1rem;
    }
    .adahi_box_img{
        max-height: 100%;
    }
    .social_icon{

    }
    
}
@media (max-width: 480px){
   
}
@media (max-width: 380px){
    .project_donation input {
        width: 140px;
    }
    .open_user_menu {
        margin-right: 5px;
    }
    #header .user_donation {
        margin-right: 5px;
    }
    
    .top_banner .contact{
        padding:0px;
    }
    .login_btn, .donate {
        font-size: 3.5vw;
    }
    .navbar-brand {
        margin-right: 0rem;
    }
	
	 
}


@media (max-width: 570px) and (orientation: landscape){
    .user_picture{
        margin-right: 50px;
    }
}

@media (min-width: 768px){
    .plans{
        font-size:13px;
    }
    .icon  a{
        display: inline-block;
     
        margin-right: 10px;
    }
    .navbar {
        padding: 0rem 0px  0rem 1rem;
    }
    .navbar-brand{
        margin-right: 0px;
    }
    .services .col-lg-3:nth-child(1) {
        padding-right: 0px;
    }
    .services .col-lg-3:nth-child(4) {
        padding-left: 0px;
    }

    .news_image_container{
        height: 142px;
        overflow: hidden;
    }
    .news_image_container img{
        max-width: 100%;
        min-height: 142px;
    }
    .main_news_image_container{
        height: 300px;
        overflow: hidden;
    }
    .main_news_image_container img{
        max-width: 100%;
        min-height: 300px;
    }
}

@media (min-width: 576px){
    .container {
        max-width: 100% !important;
    }
}

.d-none_ov {
    display: none;
}

@media (min-width: 651px) and (max-width : 992px){
    .visiable_only_on_sm {
        display: block;
    }

    
}
@media (min-width: 992px){
    .visiable_only_lg_xl{
        display: block;
    }
}
@media (min-width: 768px){
    .visable_on_md_above{
        display: block;
    }
}