@font-face{
     font-family:icofont1;
     src:url(fonts/ico-font1.ttf) format('truetype')
}
 @font-face{
     font-family:neo;
     src:url(fonts/neo.ttf) format('truetype')
}
 @font-face{
     font-family:icofont2;
     src:url(fonts/ico-font2.ttf) format('truetype')
}
 @font-face{
     font-family:icofont3;
     src:url(fonts/ico-font3.ttf) format('truetype')
}
 @import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
 @font-face{
     font-family:MyWebFonts1;
     src:url(fonts/Bahij_TheSansArabic-black.ttf) format('truetype')
}
 .itsLink{
     cursor:pointer
}
 .modal-wait-screen{
     background:#222;
     opacity:.8;
     border-radius:5px;
     padding:20px;
     margin:40% auto;
     text-align:center;
     width:150px;
     color:#fff
}
 .modal-wait-screen img{
     margin-top:10px;
     width:70px
}
 .form-group label{
     font-weight:600
}
 .form-group label span{
     color:red
}
 .ajs-header{
     border-bottom:1px solid #d2d6de;
     font-weight:600
}
 .ajs-footer{
     border-top:1px solid #d2d6de
}
 .red{
     color:#e84646!important
}
 .green{
     color:#339447
}
 #lblProcessing{
     margin-top:10px
}
 #fakeLoader{
     background-color:#f8f9fc!important
}
 .spinner7>div{
     background-color:#e0a646
}
 .form-group .info{
     float:right;
     font-size:10px;
     color:#f75b5b;
     margin-top:5px
}
 .form-group .info .fa{
     color:#2172b0
}
 .cbBox{
     float:right
}
 .cbBox input{
     margin:2px!important
}
 form_wizard .cbBox label{
     margin:0!important
}
 .text-align-center{
     text-align:center!important
}
 .margin-top-10{
     margin-top:10px
}
 .float-round{
     display:none;
     position:fixed;
     width:50px;
     height:50px;
     bottom:25px;
     right:20px;
     color:#fff;
     border-radius:50px;
     text-align:center;
     z-index:1049
}
 .callbtn{
     left:20px!important
}
 .wizard_horizontal ul.wizard_steps{
     display:table;
     list-style:none;
     position:relative;
     width:100%;
     margin:0 0 15px;
     padding:0 20px
}
 .wizard_horizontal ul.wizard_steps li{
     display:table-cell;
     text-align:left;
     padding-right:18px;
     width:33.33%
}
 .wizard_horizontal ul.wizard_steps li:last-child{
     padding-right:0
}
 .wizard_horizontal ul.wizard_steps li a{
     display:block;
     line-height:40px;
     position:relative;
     color:#ccc;
     border-bottom:5px solid #ccc
}
 .wizard_horizontal ul.wizard_steps li a .step_no{
     float:left;
     font-size:28px;
     padding-right:5px;
     font-weight:600
}
 .wizard_horizontal ul.wizard_steps li a .step_descr{
     width:calc(100% - 30px);
     position:absolute;
     font-size:20px;
     font-weight:600
}
 .wizard_horizontal ul.wizard_steps li a.selected{
     color:#717171;
     border-bottom:5px solid #717171
}
 .wizard_horizontal ul.wizard_steps li a.done{
     color:#e0a646;
     border-bottom:5px solid #e0a646
}
 .form_wizard .loader{
     display:none
}
 .form_wizard .msgBox{
     display:none
}
 .actionBar{
     width:100%;
     border-top:1px solid #d2d6de;
     padding:10px 5px;
     text-align:right;
     background:#fff;
     padding:20px
}
 .actionBar .buttonDisabled{
     cursor:not-allowed;
     pointer-events:none;
     opacity:.65;
     box-shadow:none
}
 .actionBar a{
     margin:0 3px
}
 .buttonFinish{
     margin:10px 0!important
}
 .left{
     float:left!important
}
 .right{
     float:right!important
}
 .navbar-custom-menu{
     right:0!important
}
 .navbar-custom-menu .dropdown-menu>li>a{
     color:#777!important
}
 .align-center{
     text-align:center!important
}
 .red{
     color:#e84646
}
 .green{
     color:#339447
}
 .orange{
     color:orange
}
 .dark-blue{
     color:#0073b7
}
 .grey{
     color:#667
}
 .grey-light{
     color:#ccc
}
 .font10{
     font-size:10px!important
}
 .info-list{
     margin-top:10px;
     padding-top:10px
}
 .btn-group button{
     border-radius:0!important;
     border:1px solid #001f3f
}
 .btn-group button i{
     color:#fff
}
 .alert-success2{
     color:#3c763d;
     background-color:#dff0d8;
     border-color:#d6e9c6;
     padding:10px!important;
     border-radius:0!important
}
 .alert-success2 .close,.alert-warning2 .close{
     right:0!important
}
 .alert-warning2{
     color:#8a6d3b;
     background-color:#fcf8e3;
     border-color:#faebcc;
     padding:10px!important;
     border-radius:0!important
}
 .content-wrapper{
     background-color:#fff!important
}
 .date-highlight{
     text-align:center;
     font-weight:600;
     border:1px solid #001f3f;
     color:#001f3f;
     background-color:#fff!important
}
 .dropdown-menu>.divider{
     background-color:#eee!important
}
 .modal-title{
     float:left
}
 .valid-not-ok{
     border:1px solid #f75b5b!important
}
 .table-condensed thead tr{
     border-bottom:1px solid #ccc
}
 .register-page{
     background-color:#f8f9fc
}
 .register-logo{
     background: #f7f7f7;
     border-bottom: 1px solid #717171;
     margin-bottom: 0;
     height: auto;
     padding: 2% 1% ;
}
 .ico-container:after,.ico-container:before{
     content:"";
     display:table;
     clear:both
}
 .ico-container,.ico-panel{
     padding:0;
}
 .ico-blue,.ico-hover-blue:hover{
     color:#fff!important;
     background-color:#A00D3E!important
}
 .ico-blue-grey,.ico-hover-blue-grey:hover,.ico-blue-gray,.ico-hover-blue-gray:hover{
     color:#fff!important;
     background-color:#f2642c!important
}
 .ico-light-grey,.ico-hover-light-grey:hover,.ico-light-gray,.ico-hover-light-gray:hover{
     color:#000!important;
     background-color:#f1f1f1!important;
     display: flex;
}
 .ico-round-xlarge{
     direction: rtl;
     min-height:min(max(3px, 3.8vw), 20px);
}
 .ico-round-xlarge1{
     border-radius:13px;
     direction: rtl;
     position: absolute;
     min-height: 20px;
     min-width: 8%;
     text-align: center;
     padding: 1% 0% 0.5% 0%;
     color: #fff !important;
     border: solid 0.5px #292A2B;
     background: #292A2B !important;
     font-family:icofont2,'Open Sans' !important;
     margin-right: -5%;
     top: 50%;
     transform: translateY(-50%);
     font-size: min(max(3px, 2.8vw), 14px);
}
 .progress{
     width: 100%;
     margin: auto;
     font-size: 10px;
     border: 1px solid #d5d3d3;
     height: auto;
     border-radius: 11px;
     min-height: 8px;
}
 .project .progress{
     width: 110%;
     margin: auto;
     margin-left: auto;
     font-size: 10px;
     border: 1px solid #d5d3d3;
     height: auto;
     border-radius: 11px;
     min-height: 8px;
     margin-left: -5%;
}
 .progress-container{
     width: 89%;
     margin: auto;
     position: relative;
     margin-bottom: 2%;
     padding: 1% 0;
}
 .project .progress-container{
     width: 92%;
     margin: auto;
     position: relative;
     margin-bottom: 2%;
     padding: 0;
}
 .heading.banks span{
    display: block;
     text-align: center;
}
 .project .ico-round-xlarge1{
     border-radius:13px;
     direction: rtl;
     position: absolute;
     min-height: min(max(3px, 4.1vw), 22px);
     min-width: 13%;
     width: fit-content;
     text-align: center;
     padding: 2% 1% 2% 1%;
     color: #fff !important;
     border: solid 0.5px #292A2B;
     background: #292A2B !important;
     font-family:icofont2,'Open Sans' !important;
     margin-right: -6%;
     top: 50%;
     transform: translateY(-50%);
     font-size: min(max(3px, 2vw), 10px);
}
 .project .ico-round-xlarge1 span{
     font-size: min(max(3px, 1.7vw), 10px);
     background: none;
     border:none;
     margin:0;
     text-align: center;
     margin: auto;
     color:#fff;
     position: absolute;
     top: 50%;
     transform: translate(50%,-50%);
     right: 50%;
}
 .hr1{
     width: 92%;
     border-top: 1px solid #a5a3a3;
     margin-top: 1.5%;
     margin-bottom: 1.5%;
}
 .title{
     font-size:min(max(3px, 4.5vw), 22px);
     color:#fff;
     font-family: icofont3,'Open Sans'!important;
}
 .sub-title{
     font-size:min(max(3px, 3.7vw), 20px);
     color:#9B1653;
     font-family: icofont3,'Open Sans'!important;
}
 .title-wrapper{
     background-image: linear-gradient(0deg, #000 0%, #3D1628 49%, #491B32 100%);
     padding: 2.5% 0 2.5% 0;
     width: 100%;
     text-align: center;
}
 .sub-title-wrapper{
     width: 100%;
     text-align: center;
}
 .hero-image img {
     width: 100%;
}
 .row {
     margin-right: 0px !important;
     margin-left: 0px !important;
}
 .grey-btn .btns-footer{
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%,-50%);
     -ms-transform: translate( -50%,-50%);
     font-size:min(max(3px, 3vw), 18px);
     color:#292A2B;
     font-family: icofont2,'Open Sans'!important;
}
 .bank{
    text-align: justify;
     direction: rtl;
     padding: 2.5% 0 0 0;
}
 .bank-title{
    text-align: justify;
    direction: rtl;
    font-size: min(max(3px, 3.3vw), 18px);
    font-family: icofont3,'Open Sans'!important;
}
.bank-subtitle{
  text-align: justify;
  direction: rtl;
  color: #7f7d7e;
font-size: min(max(3px, 3vw), 18px);
font-family: icofont2 !important;}
.title-con{display: flex;
justify-content: space-between;
direction: rtl;}
 .acc{
    font-size: min(max(3px,7vw), 38px);
    font-family: neo,'Open Sans'!important;
    font-weight: 700;
}
 .iban{
    font-size: min(max(3px,4.4vw), 24px);
    font-family: icofont3,'Open Sans'!important;
    color: #960F3D;
}
 .bank-text{
     display: inline-block;
    vertical-align: middle;
}
 .bank-image{
     display: inline-block;
    vertical-align: middle;
    margin-left: 2%;
    width: min(max(3px, 15vw), 110px);
}
 .bank-image img{
    max-width: min(max(3px, 15vw), 110px);
    display: block;
    max-height: min(max(3px, 15vw), 110px);
margin: auto;
}
 .copy-bank{
     width: 100%;
     display: block;
     text-align: left;
     float: left;
     margin-left: 2%;
}
 .copy-bank img{
    width: 6%;
}
 .bank-container{
    position: relative;
    width: 90%;
     margin: auto;
    padding: 2% 0 2% 0;
}
 .banks-more{
    width: 88%;
    display: block;
    margin: auto;
    position: relative;
    margin-top: 3%;
    margin-bottom: 5%;
    display: flex;
    justify-content: center;
}
 .banks-more img{
    width: 100%
}
.banks-more a{
   width: 10%;
   margin: auto;
}
 .banks-more-btn{
    position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%,-50%);
     font-size: min(max(3px, 3.5vw), 20px);
     color: #292A2B;
     font-family: icofont2,'Open Sans' !important;
}
 .category .btns-r{
     position: absolute;
     top: 50%;
     right: 8.5%;
     transform: translateY(-50%);
     -ms-transform: translateY( -50%);
     font-size:min(max(3px, 3vw), 18px);
     color:#231f20;
     font-family: icofont3,'Open Sans'!important;
     width: 55%;
}
 .category .btns-rr{
     position: absolute;
     top: 50%;
     right: 8.5%;
     transform: translateY(-50%);
     -ms-transform: translateY( -50%);
     font-size:min(max(3px, 3vw), 18px);
     color:#231f20;
     font-family: icofont3,'Open Sans'!important;
     width: 60%;
}
 .category .icon-rr{
     position: absolute;
     top: 50%;
     left: 4%;
     transform: translateY(-50%);
     -ms-transform: translateY( -50%);
     filter: drop-shadow(1px 1px 0.5px #fff);
     height: 85%;
     width:auto;
}
 .category .icon-ll{
     position: absolute;
     top: 50%;
     right: 4%;
     transform: translateY(-50%);
     -ms-transform: translateY( -50%);
     filter: drop-shadow(1px 1px 0.5px #fff);
     height: 85%;
     width:auto;
}
 .category .btns-l{
     position: absolute;
     top: 50%;
     left: 8.5%;
     transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     font-size:min(max(3px, 3vw), 18px);
     color:#231f20;
     font-family: icofont3,'Open Sans'!important;
     width: 55%;
}
 .category .btns-ll{
     position: absolute;
     top: 50%;
     left: 8.5%;
     transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     font-size:min(max(3px, 3vw), 18px);
     color:#231f20;
     font-family: icofont3,'Open Sans'!important;
     width: 60%;
}
.project-title{background-size: cover;
background-repeat: no-repeat;
background-position: center center;
border-radius: 3vw;
background-image: linear-gradient(0deg, #D1D0CF 0%, #E1E1E1 49%, #E8E8E8 100%);
display: block;
font-size: min(max(3px, 2.5vw), 14px);
margin: auto;
border-color: #E1E1E1;
border-style: solid;
border-width: min(max(2px, 0.5vw), 2px);
font-family: icofont2;
color: #484848;
height: min(max(3px, 9vw), 50px);
vertical-align: middle;
display: flex;}
 .project-img {
     width: 100%;
     height: min(max(3px, 25vw), 150px);
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
     border-top-left-radius: min(max(3px, 4vw), 20px);
     border-top-right-radius: min(max(3px, 4vw), 20px);
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
     border: solid #dbdbdb 2px;
}
 .project-img-c {
     width: 100%;
     height: min(max(3px, 25vw), 150px);
     border-top-left-radius: min(max(3px, 4.5vw), 20px);
     border-top-right-radius: min(max(3px, 4.5vw), 20px);
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
     border-color: transparent;
     border-style: solid;
     border-width: 2px;
     border-bottom: none;
     background: linear-gradient(180deg, #a00d3e, #dbdbdb) border-box;
}
 .project-img-container{
     padding: 0px;
     border-top-left-radius: min(max(3px, 4.6vw), 20px);
     border-top-right-radius: min(max(3px, 4.6vw), 20px);
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
     border-color: #727270;
     border-style: solid;
     border-width: 0px;
     border-bottom: none;
     background: #DBDBDB;
     margin: 0 1vw;
     margin: auto;
     width: 90%;
}
 .project span {

     margin: auto;

}
 .grey-btn img {
     width: 100%;
     height: auto;
}
 .category img {
     width: 100%;
     height: auto;
}
 .category {
     width:49%;
     margin: auto;
     position: relative;
     padding-top: min(max(2px, 1.5vw), 10px);
     padding-left: min(max(2px, 0.5vw), 6px);
     padding-right: min(max(2px, 0.5vw), 6px);
     padding-bottom: min(max(2px, 1.5vw), 10px);
}
 .cat-page{
     padding-top:6%;
}
 .categories{
     display: inline-flex;
     width: 92%;
}
 .btn-footer {
     margin-top: 10px;
}
 .btn-footer .grey-btn{
     position: relative;
     width:24%;
     margin:0px 1.5%;
     display: inline-block;
}
 .first{
     margin-top: 50px !important;
}
 .last{
     margin-bottom: 20px !important;
}
 .center{
     text-align:center;
}
 .main img{
     width:35%;
     margin:0px 5px;
}
 .main {
     margin-top: 10px;
}
 .amounts img{
     width:100%;
}
 .converts img{
     width:100%;
}
 .completed img{
     width:70%!important;
     margin:2px 3px;
}
 .amounts {
     margin-top: 10px;
}
 .converts {
     margin-top: 10px;
}
.amounts a {
 position: relative;
 display: inline-block;
 width: 40%;
 margin: 2% 1%;
}
 .converts a {
     position: relative;
     display: inline-block;
     width: 29%;
     margin:0.3% 0.2%;
}
 .amounts .price{
     position: absolute;
     width: 45%;
     right: 5%;
     top: 0;
     height: 100%;
}
 .price span {
     text-align: center;
     font-size: min(max(3px, 5vw), 25px);
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     position: absolute;
     font-weight: bold;
     text-decoration: none;
     color:#292A2B;
}
 .project{
     position: relative;
     width: 46%;
     display: inline-block;
     margin: auto;
     margin-bottom: 3%;
     padding: 0 1.7% 0;
}
 .projects {
     margin-top: 3%;
}
 .main1 img{
     width:23%;
     margin:10px 3px 0px;
}
 .main1 {
     margin-top: 1%;
}
 .share img{
     width:55%;
     margin:1%;
}
 .share {
     margin-top: 13px;
}
 .contact img{
     width: 93%;
     padding: 0 1.4%;
     margin: 7.5% 0% 0%;
}
 .contact a{
     width: 19%;
     margin: 0% 2.1%;
     display: inline-block;
}
 .contact {
     width:92%;
     background-image: url(images/bg-btn.png);
     background-repeat: no-repeat;
     background-size: 100%;
     margin: auto;
     background-position: center;
     padding: 1% 0;
     display: flex;
     justify-content: center;
}
 .main-numbers {
     width:89%;
     background-image: url(images/nu-bg.png);
     background-repeat: no-repeat;
     background-size: 100% 70%;
     margin: auto;
     background-position: center;
     padding: 1% 0;
     font-family:icofont3,'Open Sans' !important;
     display: flex;
     justify-content: center;
}
 .main-numbers-title {
     width:89%;
     margin: auto;
     background-position: center;
     font-family:icofont3,'Open Sans' !important;
     display: flex;
     justify-content: center;
}
 .main-numbers .text{
     width: 25%;
     margin: 1.5% 1%;
     ;
     display: inline-block;
}
 .main-numbers p{
     margin: 0 ;
     font-size: min(max(3px, 3vw), 18px);
     font-family: icofont2;
}
 .main-numbers-title p{
     margin: 0;
     font-size: min(max(3px, 3vw), 18px);
}
 .en .main-numbers-title p{
     margin: 0;
     font-size: min(max(3px, 3vw), 18px);
}
 .main-numbers-title .text:nth-child(2) {
     border: solid #333;
     border-width: 0 1.5px;
}
 .main-numbers-title .text {
     width: 25%;
     margin: 1.5% 1%;
     display: inline-block;
}
 .wrapper{
     background-size: 100% 100%;
     background-repeat: no-repeat;
     max-width: 600px;
     margin:auto;
     min-height: 100vh;
     text-align: center;
     display: flex;
     flex-direction: column;
}
 .wrapper-container{
     flex: 1;
}
 .footer{
     margin-top: 15px;
     position: fixed;
     bottom: 0px;
     max-width: 600px;
     display: contents;
}
 .heading{
     padding: 2% 0 1% 0;
     text-align: center;
     font-family:icofont2;
     direction:rtl;
     font-size: min(max(3px, 3vw), 16px);
     width: 92%;
     margin: auto;
}
 .en .heading{
     direction:ltr;
}
 .copyright{
     padding:6px;
     color:#484848;
     margin:5px 0;
}
 .item-box{
     width:100%;
     float:right;
     margin:10px 0
}
 .item-box img{
     width:100%;
     border-radius:50%;
     border:1px solid #58595b
}
 .login-box-msg{
     font-weight:700;
     color:#fff;
     padding:0 20px 10px 20px
}
 .card-text{
     color:#58595b;
     margin-top:5px;
     font-weight:600;
     font-size:16px
}
 .card-text.active{
     color:#717171
}
 .actionBar{
     display:none
}
 .bottom-area{
     bottom:0;
     left:0;
     position:fixed;
     width:100%
}
 .bottom-box{
     background:#e0a646
}
 .amt-ul{
     float:left;
     height:64px;
     padding:6px;
     margin:3px 0 0 0
}
 .amt-ul li{
     float:left;
     list-style:none;
     width:25%;
     padding:5px;
     text-align:center;
     font-weight:600
}
 .amt-ul li a{
     color:#fff;
     display:block
}
 .amt-ul.lft,.amt-ul.rgt{
     width:35%
}
 .amt-ul.mid{
     width:29%
}
 .amt-ul.lft li,.amt-ul.rgt li{
     margin-top:5px
}
 .amt-ul.mid li{
     width:100%;
     background:#717171;
     border-radius:15px
}
 .amt-ul.mid li .toll-title{
     font-weight:400
}
 .amt-selector .small-box,.op-selector .small-box{
     width:50%;
     float:left;
     box-shadow:none
}
 .small-box .inner{
     padding:0;
     border-radius:10px;
     border:1px solid #58595b
}
 .small-box img{
     width:100%
}
 amt-selector{
     padding:40px 10px
}
 .payment-box{
     padding:40px 20px
}
 .payment-box .small-box{
     box-shadow:none
}
 .bg-gray-100{
     background-color:#f8f9fc
}
 .amt-selector .fas{
     display:none
}
 .amt-selector .active .fas{
     display:inline
}
 .op-selector .small-box .card{
     background:#fff;
     padding:5px
}
 .op-selector .card-body img{
     width:50%
}
 .small-box h3{
     position:absolute;
     top:50%;
     left:50%;
     transform:translate(-50%,-50%);
     margin-bottom:0;
     z-index:0;
     color:#58595b;
     font-size:28px!important
}
 .leftLogo{
     float:left;
     width:25%;
     text-align:left
}
 .rightLogo{
     float:right;
     text-align:right
}
 .rightLogo img{
     float:right;
     text-align:right
}
 .leftLogo img,.rightLogo img {
     max-height: min(max(3px, 12.5vw), 70px);
}
 .ar-text{
     font-size: 12px;
     font-family:icofont1,'Open Sans'!important;
     direction:rtl
}
 .one-item h2{
     text-align:center;
     color:#fff;
     margin-top:0;
     padding-bottom:5px;
     border-bottom:3px solid #e0a646;
     font-size:26px;
     font-weight:600;
     text-transform:uppercase
}
 .item-box-full{
     width:100%;
     background:#717171
}
 .item-box-full .main-img{
     width:100%;
     margin-bottom:5px
}
 .card-data{
     padding:15px
}
 .item-box-full p{
     color:#58595b;
     text-align:justify
}
 .item-box-full p.ar-text{
     font-size:20px
}
 .sms-icon{
     width:12%;
     float:left;
     margin-top:10px
}
 .sms-icon img{
     height:7vh;
     width:100%
}
 .sms-icon2{
     display:inline-block;
     position:absolute;
     float:left;
     width:12.5%;
     left:3px
}
 .pricestable{
     width:88%;
     margin:0;
     display:inline-block
}
 .pricestable tr td a{
     background:#e0a646;
     display:block;
     padding:5px
}
 .pricestable .small-box2{
     width:20%;
     float:left;
     padding-right:8px;
     padding-left:8px;
     text-align:center;
     margin-bottom:10px
}
 .pricestable .small-box2 .inner img{
     width:100%
}
 .pricestable .small-box2 .inner .amt-val{
     position:absolute;
     top:50%;
     left:50%;
     transform:translate(-50%,-50%)
}
 .pricestable .small-box2 h3{
     font-size:21px;
     z-index:0;
     margin:0;
     color:#58595b;
     font-weight:600
}
 .pricestable .small-box2 small{
     color:#58595b;
     margin-left:1px
}
 .mr-15{
     margin-right:15px
}
 .ml-15{
     margin-left:15px
}
 .pay-tab{
     margin-top:10px;
     margin-bottom:10px
}
 .pay-tab span.ar-text{
     font-size:20px
}
 .pay-tab img{
     width:85%
}
 .pay-tab .col-lg-6{
     width:50%;
     margin-right:0;
     float:left
}
 .pay-tab .payBg{
     height:10vh;
     width:100%
}
 .pay-tab a{
     display:block;
     color:#fff;
     font-size:16px;
     padding:0 8%;
     text-align:right
}
 .prjt-name{
     background:#e0a646;
     color:#fff;
     padding:5px;
     margin-bottom:10px;
     width:70%;
     border-top-right-radius:12px;
     border-bottom-right-radius:12px;
     float:left
}
 .prjt-name h2{
     margin:0 0 0 25px;
     text-transform:uppercase;
     font-size:24px;
     font-weight:500
}
 .share-me{
     float:right;
     margin-right:15px
}
 .footer2{
     padding:15px
}
 .footer2 .small-box{
     box-shadow:none
}
 .footer2 .small-box .inner{
     border:none
}
 .contact-us{
     margin-bottom:15px
}
 .contact-us ul{
     padding:0 15%;
     margin:0
}
 .contact-us ul li{
     width:25%;
     padding:0 5px;
     list-style:none;
     float:left;
     text-align:center
}
 .social-box{
     margin:auto 25%
}
 .social-box ul{
     padding:0;
     margin:0
}
 .social-box ul li{
     width:25%;
     padding:0 5px;
     list-style:none;
     float:left
}
 .social-box ul li img{
     width:98%
}
 .text-white{
     color:#58595b
}
 .margin-bottom-10{
     margin-bottom:10px
}
 :root{
     --gold:#d29531;
     --gold2:#d9c094;
     --grey:#808080;
     --grey2:#a5a4a4;
     --black:#0D0A0F
}
 #wizard2{
     margin-top:15px
}
 .contact-us ul li img{
     width:80%;
     border-radius:50%
}
 .footer{
     padding-bottom:5px
}
 .inner-box{
     background:var(--gold);
     color:#fff;
     padding:10px 0;
     border-top:1px solid #000;
     border-bottom:1px solid #000
}
 .inner-box h1{
     margin:10px 0;
     font-weight:700;
     font-size:34px
}
 .inner-box h1 a{
     color:#fff
}
 .wizard-ul-new{
     direction:rtl;
     margin:0!important;
     padding:25px 20px!important;
     border-bottom:1px solid #717171
}
 .wizard-ul-new li{
     padding-right:0!important;
     padding-left:15px;
     text-align:right!important
}
 .wizard-ul-new li:last-child{
     padding-left:0
}
 .wizard-ul-new li a{
     border-bottom:0!important
}
 .wizard-ul-new li a.selected .sample.element{
     background:var(--grey);
     height:34px;
     line-height:34px
}
 .wizard-ul-new li a.selected .sample.element .no{
     background:var(--gold);
     color:#4e4d4d
}
 .wizard-ul-new li a.selected .sample.element .txt{
     color:var(--gold2)
}
 .wizard-ul-new li .sample.element .no{
     background:var(--gold2);
     color:#4e4d4d;
     width:42px;
     height:42px;
     line-height:34px;
     font-weight:700
}
 .wizard-ul-new li a .sample.element{
     height:34px;
     line-height:34px
}
 .wizard-ul-new li a .sample.element .txt{
     font-size:14px
}
 .sample.element{
     width:100%;
     height:52px;
     max-height:52px;
     display:table;
     border-radius:4px;
     background:var(--grey2);
     color:#555;
     position:relative;
     padding-right:36px;
     box-sizing:border-box;
     text-align:right
}
 .sample.element .no{
     width:56px;
     height:56px;
     border-radius:50%;
     background:var(--gold2);
     border:3px solid #fff;
     display:inline-block;
     float:left;
     text-align:center;
     line-height:40px;
     position:absolute;
     right:-10px;
     top:-3px
}
 .sample-new.element{
     background:#fff!important;
     border:1px solid var(--gold)!important;
     padding-right:62px;
     border-top-right-radius:50px;
     border-bottom-right-radius:50px;
     border-top-left-radius:10px;
     border-bottom-left-radius:10px;
     width:80%;
     float:right
}
 .sample-new.element .txt{
     font-weight:600;
     display:table-row;
     vertical-align:middle;
     font-size:11px;
     color:#231f20
}
 .sample-new.element .no{
     background:#fff!important;
     border:1px solid var(--gold)!important;
     right:-1px
}
 .sample-new.element .no img{
     border:0
}
 .sample-amount{
     width:17%;
     float:right;
     background:#fff!important;
     border:1px solid var(--gold)!important;
     margin-right:10px;
     border-radius:10px;
     height:52px;
     max-height:52px;
     text-align:center;
     color:#555;
     padding:8px;
     line-height:14px
}
 .sample-amount span:first-child{
     color:var(--gold);
     font-weight:700;
     display:block;
     font-family:'Open Sans',sans-serif!important;
     font-size:12px
}
 .sample-amount span.ar-text{
     font-size:13px;
     color:#231f20
}
 .sample-amount.general-donation{
     width:100%;
     margin:0;
     line-height:26px
}
 .sample-amount.general-donation span.ar-text{
     color:#231f20;
     font-size:16px;
     font-weight:700
}
 .half-circle{
     height:54px;
     width:24px;
     border-radius:44px 0 0 44px;
     -moz-border-radius:44px 0 0 44px;
     -webkit-border-radius:44px 0 0 44px;
     background:#fff;
     border-left:1px solid var(--gold);
     position:absolute;
     right:36px;
     top:-2px
}
 @media (max-width:768px){
     .float-round{
         display:block
    }
}
 @media (max-width:375px){
     .wizard_horizontal ul.wizard_steps li a .step_descr{
         font-size:18px
    }
     .wizard-ul-new li a .sample.element .txt{
         font-size:12px
    }
}
 @media (max-width:360px){
     .wizard_horizontal ul.wizard_steps li a .step_descr{
         font-size:16px
    }
     .wizard-ul-new li a .sample.element .txt{
         font-size:11px
    }
     .sample-new.element .txt{
         font-size:9.5px
    }
     .inner-box h1{
         font-size:28px
    }
     .sample-amount{
         margin-right:8px;
         padding:8px
    }
     .sample-amount span:first-child{
         font-size:10px
    }
}
 @media (max-width:337px){
     .wizard_horizontal ul.wizard_steps li a .step_descr{
         font-size:14px
    }
     .wizard-ul-new li a .sample.element .txt{
         font-size:8px
    }
     .sample-amount{
         margin-right:8px;
         padding:6px
    }
}
 @media (max-width:280px){
     .wizard-ul-new li a .sample.element .txt{
         font-size:6px
    }
     .sample-amount{
         margin-right:5px;
         padding:4px
    }
}


.pagination{
  padding: 30px 0;
}

.pagination ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.pagination a{
  display: inline-block;
  padding: 10px 18px;
  color: #222;
}

.pag a{
  width: min(max(3px, 3.5vw), 18px);
  height: min(max(3px, 3.5vw), 18px);
  border-radius: 100%;
  padding: 0;
  margin: auto 2vw;
  text-align: center;
  position: relative;
  background-color: rgba(115, 113, 113, 0.19);;
}

.pag .is-active{
  background-color: #bb1606;;
}







/* EIGHT */