@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;
}

@font-face {
    font-family: Avenir_Next;
    src: url(../../fonts/Avenir-Next.ttc);
}
body{
    background-image:url('/img/Pattern.png')
}


#accordion-style-1 h1,
#accordion-style-1 a{
    color:#203f81;
}
#accordion-style-1 .btn-link {
    font-weight: 400;
    color: #203f81;
    background-color: transparent;
    text-decoration: none !important;
    font-size: 16px;
    font-weight: bold;
	padding-left: 25px;
}

#accordion-style-1 .card-body {
    border-top: 2px solid #203f81;
}

#accordion-style-1 .card-header .btn.collapsed .fa.main{
	display:none;
}

#accordion-style-1 .card-header .btn .fa.main{
	background: #203f81;
    padding: 13px 11px;
    color: #ffffff;
    width: 35px;
    height: 41px;
    position: absolute;
    left: -1px;
    top: 10px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
	display:block;
}

.kafala_describtion ul{
	    margin-right: 40px;
}
.inner_pages{
 margin-top: 50px;
 overflow: hidden;
}
.ms-info{
    font-family: swissranormal;
}
.title_box{
    background-color: #203f81;
    width: 100%;
    border-radius: 15px;
    text-align: right;
    padding:15px;
	overflow:hidden;
}
.project_name{
    font-family: swissrabold;
    font-size: 28px;
    color:#fff;
}

.main_image{
    max-width: 100%;
    border-radius: 15px;
}

.inner_pages .row{
    margin:0px;
}

.Classificate{
    font-family: swissrabold;
    font-size: 12px;
    padding-left: 10px;
    border-left: 2px solid #EEEEEE;
}
.countries {
    font-family: swissranormal;
    font-size: 12px;
    padding-right: 10px;
}

.describtion{
    margin-top:50px;
    text-align: justify;
    font-size: 16px;
    font-family: swissranormal;
    color: #404040;
    border:1px solid #F0F0F0;
    border-radius: 15px;
    padding: 15px;
}

.project_donate{
    
    float: right;
}

.images{
    margin-top: 50px;
    text-align: right;
}
.images .title{
    font-family: swissrabold;
    font-size: 28px;
    color:#404040;
    margin-bottom:30px;
    
}

.inner_pages .general_box_fund{
margin:15px 0px;
}
.title_box .donate_button{
    margin-top: 20px;
}

.media-box-content{
    font-family: swissranormal;
    text-align: right;
    direction: rtl;
}
.media-box-categories {
    font-family: swissranormal;
    text-align: right;
    direction: rtl;
    font-size: 13px;
}
.media-box-image div[data-width][data-height] , .media-box-image div[data-width][data-height] img {
    border-radius: 0px !important;
}
.page_title{
    font-family: swissrabold;
    text-align: center;
    padding: 30px 5px;
    font-weight: bold;
    font-size:30px;
    color:#203f81;
}
.media-boxes-filter>li a.selected {
    background: #203f81 !important;
    color: #fff !important;
    font-weight: bold;
}
.media-boxes-search,.media-boxes-sort{
    float:right;
}

.inner_grid a, .inner_grid a:hover{
    color: #000;
    text-decoration: none;
}
.inner_grid .donate{
    color: #fff;
    font-family: swissrabold;
    font-weight: bold;
}
.media-boxes-filter{
    text-align: center;
    list-style: inside;
}
.media-box{
    float:right;
}
#grid nav{
    position:absolute;
    bottom: -30px;
}
.page-item.active .page-link{
    background-color: #203f81;
    border-color: #203f81
}
.media-boxes-drop-down-header , .media-boxes-drop-down-menu{
    text-align: right;
}
#grid .error{
    font-family: swissrabold;
    font-weight: bold;
    color: #203f81;
}
.whats_share{
    position: relative;
    top: -4px;
}
.sharing_box
{
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 20px;
    height: 60px;
}
.MultiCarousel { float: left; overflow: hidden; padding: 15px; width: 100%; position:relative; }
.MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
.MultiCarousel .MultiCarousel-inner .item { float: left;}
.MultiCarousel .MultiCarousel-inner .item > div { text-align: center; padding:10px; margin:10px; background:#f1f1f1; color:#666;}
.MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%;top:calc(50% - 20px); }
.MultiCarousel .leftLst { left:0; }
.MultiCarousel .rightLst { right:0; }
.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:#ccc; }
.images  .item  img{
    height:112px;                               
}



.ekko-lightbox-nav-overlay a{
    text-align: right;
}
.ekko-lightbox-nav-overlay a:last-child span{
    text-align: left !important;
}
.modal{
    z-index: 9999999;
}
.ekko-lightbox-nav-overlay{
    position:absolute;
    top:-10px;
    left:50%;
}
.video_iframe{
    margin: 20px auto;
}
.ekko-lightbox-nav-overlay a {
    text-align: right;
    font-size: 32px;
    color: #203f81;
    margin-left: 100%;
    font-weight: bold;
}
.ekko-lightbox-nav-overlay a:hover {
    text-decoration: none;
}
.sub_title{
    font-family: swissranormal;
    font-size: 28px;
    text-align: right;
    color:#404040;
    margin-top:20px;
}
.similar_title{
    font-family: swissrabold;
    font-size: 28px;
    text-align: right;
    color:#404040;
    margin:30px 0px;
}

.guarantee_type{
    font-family: swissrabold;
    font-size: 12px;
    color: #FF9E41;
    padding-left: 10px;
    border-left: 2px solid #EEEEEE;
}
.guarantee_country{
    font-family: swissrabold;
    font-size: 12px;
    color: #BBBBBB;
    padding-right: 10px;
}
.guarantee_date{
    font-size: 14px;
    color: #BBBBBB !important;
}
.guarantee_gender{
    padding:0px;
    text-align:left;
}
.GuaranteeType_side {
    border: 1px solid #c4c4c4;
    padding: 20px 10px;
    text-align: right;
    background: #fff;
    padding-bottom: 50px;
    border-radius: 10px;
}
.GuaranteeType_side ul{
    list-style: none;
    margin-top:20px;
}
.GuaranteeType_side h2{
    font-family: swissrabold;
    font-size: 16px;
}

.GuaranteeType_side ul li{
    padding: 10px;
    border: 1px solid #f1f1f1;
    margin-bottom: 10px;
    border-radius: 10px;
}
.GuaranteeType_side ul li.active{
    background: #c4c4c4;
}
.GuaranteeType_side ul li a{
    font-weight: bold;
    color:#000;
}
.Guarantee_list .mr-2{
    border: 1px solid #c4c4c4;
    border-radius: 10px;
    padding: 20px 10px !important;
    
}
.kafala_describtion .title{
    font-size: 16px;
    font-family: swissrabold;
}
.kafala_describtion{
    text-align: right;

    border-radius: 15px;
    background-color: #FAF7F7;
    padding: 15px;
    margin-top: 20px;
    font-family: swissranormal;
    font-size: 14px;
}
.donation_success{
    text-align: center;
    margin-top: 20px;
    color: #203f81;
}
.sadaka_value{
    width:150px !important;
    margin: 0px 0px 20px 0px !important;
}
.project_value{
    width:150px !important;
    margin: 0px 0px 20px 0px !important;
    display: inline-block !important;
}
.project_button>li{
    display: inline-block;
    margin: 0 10px 5px 0;
   width:100px;
}
.project_button>li a.selected {
    background: #203f81 !important;
    color: #fff !important;
    font-weight: bold;
    display: block;
    text-align: center;
    padding: 5px;
}

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


#kafala .col-lg-4 .mr-2 {
    text-align: center;
    background-color: #fafbff;
    padding: 15px;
	
	 border: 2px solid #F0F0F0;
    border-radius: 25px;
    box-shadow: 3px 12px 24px -6px rgb(201 214 250 / 14%);
    overflow: hidden;
    transition: all .5s ease 0s;
}

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


@media (max-width: 1160px){
    .title_box .donate_button {
        padding: 17px 11px;
        font-size: 14px;
    }
}
.report{
    
    height:100px;
    width:100%; 
    background:url('/report/1.gif') #203f81;
    text-align: center;
    padding: 31px;
    font-weight: bold;
    font-size: 26px;
    color: #fff;
}

@media (max-width: 767px){
    .bank_img{
		width:32px;
	}
	#accordion-style-1 .btn-link{
		font-size:14px;
	}
    .report{
        padding: 10px 0px;
    }
	.Classificate{
			font-size:16px;
	}
	.countries {
		    font-size: 14px;
	}
    .modal-dialog{
        margin: 50% .5rem !important;
    }
    .inner_pages .general_box_fund{
        margin: 15px auto !important;
    }
    .title_box .donate_button {
        padding: 19px;
        font-size: 16px;
    }
    .project_donate {
        float: none;
        margin: 34px auto;
        display: block;
        width: 70%;
        text-align: center;
        height: 50px;
        font-size: 20px;
        font-weight: bold;
    }
    .main_image{
        display: block;
        margin:auto;
    }
}
@media (max-width: 650px){
    .project_button{
        margin-top:20px;
        text-align: center;
    }
    .project_value{
        width:90%  !important;
    }
    .media-box-categories{
        font-size: 16px;
    }
    .media-boxes-filter>li a{
        font-size: 18px;
    }
    .media-boxes-search input[type=text], .media-boxes-drop-down-header{
        font-size:18px;
    }
    .media-box-text{
        font-size: 18px;
        text-align: center;
    }
    .media-box-date{
        font-size: 16px;
    }
    .sadaka_value{
        width: 90% !important;
        margin: 10px auto !important;
    }
    .sdaka_box .col-lg-3{
        margin-bottom:20px !important;
    }
    .media-boxes-search, .media-boxes-sort {
        float: none;
        display: block;
        text-align: center;
    }
    .title_box{
        height: auto;
        margin-top:20px;
    }
    .sharing_box{
        padding:20px 5px;
    }
}

[dir='rtl'] .describtion ul {
    padding-right: 2em;
}

[dir='ltr'] .describtion ul {
    padding-left: 2em;
}



}