body{    font-family: 'sstarabiclight','Comfortaalight' !important;}
h1,h2,h3,h4,h5,h6{font-family: 'Harir-Bld','sstarabiclight','Comfortaalight';font-weight: 900;}
@font-face {
    font-family:'FrutigerLTArabic';
    src:url('../fonts/FrutigerLTArabic-45Light.ttf');
}
@font-face {
      font-family: sstarabiclight;
      src: url('../../assets/fonts/SST-Arabic-Light-1.ttf');
    }
    @font-face {
      font-family: Comfortaalight;
      src: url('../../assets/fonts/Comfortaa-Light.ttf');
}


@font-face {
    font-family: Harir-Bld;
    src: url('../../assets/fonts/Harir-Bld.ttf');
}

@font-face {
    font-family: Harir-Reg;
    src: url('../../assets/fonts/Harir-Reg.ttf');
}


@font-face {
    font-family: Cairo-Light;
    src: url('../../assets/fonts/Cairo-Light.ttf');
}

@font-face {
    font-family: Cairo-Bold;
    src: url('../../assets/fonts/Cairo-Bold.ttf');
}



p,.t-list li{line-height: 1.8;font-size: 17px;margin-bottom: 10px;}
.t-list ul{padding-left: 0;list-style-type: none;list-style-position:inside;}
.t-list ul li:before{content: "\2022";color: #f8b864;font-weight: bold;display: inline-block;width: 1em;margin-right: 1em;}

header{
    position: absolute;
    top: 0;
    z-index: 999999;
    width: 100%;    
}

.header-logo{
    margin-top: 16px;
}

.topbar{background-color: #FA8072; padding: 5px 0}
.topbar form{position: relative;top: 9px;}
.topbar input{width: 200px;border: 0;outline: 0;padding: 4px 32px 4px 4px;background: url('../images/zoom.png') no-repeat #fff right 5px top 6px;}
.topbar button[type="submit"]{background: transparent;border: 0;outline: 0;color: #fff;}
.topbar .float-left{padding-top: 0;}
nav .c-nav-menu > li:first-of-type a span{display: none;}
.c-nav-menu ul,.c-nav-menu{list-style: none;margin: 0;padding: 0;}
.c-nav-menu a{color: #fff;padding: 14px 10px 14px 0px;width:100%;font-size: 14px;font-weight: bold!important;}
.c-nav-menu a.show-hide{display: none;}
.c-nav-menu a i{margin-left: 5px;transition: transform 0.2s;-webkit-transition: transform 0.2s;}
@media(max-width: 767px){
    .c-nav-menu a i{display: inline-block !important;}
    .center-logo{display: none;}
    .topbar{padding: 0;}
    .c-nav-menu a.show-hide{display: inline-block;}
    .c-nav-menu a{padding: 0 2px;font-size: 11px;}
}
.c-nav-menu li{float: right;position: relative;line-height: 30px;}
nav .c-nav-menu li{float: left;}
/* .c-nav-menu a span{margin-left: 24px;width: 1px;height: 13px;background: #fff;position: relative;top: 2px;} */
.c-nav-menu ul{list-style: none;text-align:left;box-shadow: 0 2px 3px rgba(0,0,0,.1);visibility: hidden;opacity: 0;border-top: solid 1px #fff;position: absolute;background: #fff;width: 262px;z-index: 999;padding: 0 0;
transition: all 0.2s;-webkit-transition: all 0.2s;}
.c-nav-menu > li > ul{transform: translateY(20px);-ms-transform: translateY(20px);-webkit-transform: translateY(20px);top: 100%;left: 0;}
.c-nav-menu > li > ul ul{top: 0%;left: 100%;}
.spec-nav{position: relative;top: 3px;}
.c-nav-menu a span.nav-mr{margin-right: 5px;margin-left: 6px;}

.c-nav-menu ul li{float: none;padding: 0 20px;margin-right: 0 !important;}
.c-nav-menu ul li a{padding: 5px 0;margin-left: 0;color: #333;
    white-space: nowrap;}
.c-nav-menu ul  li:last-child a{border-bottom: 0;}
.c-nav-menu ul li a{border-bottom: 1px solid #eee;}
@media(min-width: 768px){.c-nav-menu li:hover > a i{transform: rotate(-180deg);-ms-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}}
.c-nav-menu li:hover > ul{
    width: auto!important;
    opacity: 1;visibility: visible;transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);}

.c-nav-menu>li:hover>ul>li:hover>ul{
    max-height: 400px;
    overflow-y: hidden;
}
.c-nav-menu>li:hover>ul>li:hover>ul:hover{
    overflow-y: scroll;
}

.nav-menu{padding: 10px 0;background: #fff;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);}
.side-bar .logo{float: right;}
.logo img{width: 64px;}
.mnav{float: left;}
nav{padding-top: 5px;}
nav .c-nav-menu a{color: #1f2637;text-transform: uppercase;}
nav .c-nav-menu ul{width: 220px;}
/*nav .c-nav-menu li{margin-left: 10px;}*/
/* nav .c-nav-menu li span{height: 17px;width: 1px;background: #000;position: relative;top: 3px;margin-left: 14px;} */
.social-icons{margin-top: 7px;}
.social-icons li{float: right;}
.social-icons li a{margin-right: 10px;text-align:center;color: #fff;width: 32px;height: 32px;font-size: 12px;line-height: 27px;border-radius: 50%;border: 2px solid rgba(255,255,255,.4);}
.social-icons li a.last_link{width: auto;border:none;}
/************************* Content ***********************/
.main-area{padding: 30px 0;}
.slider{position: relative;z-index: 0;}
.slider img{height: 450px !important;}
.s-head{background: #f8b864;margin: 0;padding: 4px 10px;color: #fff;}
.widget-title{font-size: 18px;font-weight: 700;position: relative;margin-bottom: 36px;}
.widget-title:before,.widget-title:after{content: '';display: block;bottom: -15px;left: 0;position: absolute;height: 2px;right: 0;}
.widget-title:after{ width: 100%;border-bottom: 2px solid #f5f5f5;clear: both;float: right;   }
.widget-title:before{width: 40px;top: auto;z-index: 2;background: #f8b864;}
.btn{display: inline-block;padding: 6px 27px;}
.widget-area{margin-bottom: 40px;}
.awards a{width:100%;color: #333;}
.awards li{border-bottom: 1px dotted #cdcdcd;margin-bottom: 10px;padding-bottom: 10px;}
.bootstrap-datetimepicker-widget{width: 100% !important;top: 0 !important;}
.heading__primary{font-size: 24px;}
.bar{color: #999;background: #f5f5f5;margin-bottom: 40px;line-height: 34px;padding: 10px 30px;font-size: 13px;font-weight: 700;margin-top: 30px;}
.wrapper-line-heading,.custom-h h3{margin-bottom: 50px;text-align: center;text-transform: uppercase;font-size: 24px;position: relative;margin-top: 0;}
.wrapper-line-heading:before,.custom-h h3:before{content: "";position: absolute;width: 40px;border-top: 2px solid #FA8072;bottom: -10px;margin: 10px auto 0 auto;right: 0;left: 0;}
.slid-carousel{text-align: center;}
.slid-carousel a{color: #333;}
.slider2_margin{margin-top: 70px;}
/* .padding-layer{padding: 150px 0;} */
.slider2 p{margin-top: 30px;}
.t-btn{font-weight: 900;text-transform: uppercase;font-size: 13px;padding: 0 35px;line-height: 36px;border-radius: 30px;}
.btn-wrap{margin-top: 30px;clear: both;margin-bottom: 40px;}
#asd1 .display-table-cell:last-of-type{padding-right: 40px;}
#asd1 .display-table-cell{padding-bottom: 20px;}
#asd1 h4{margin-top: 0;font-size: 16px;}
#asd1 .display-table-cell:first-of-type{text-align: left}
#asd1 a{color:#f8b864;}
.f-head{padding-top: 10px;font-weight: 900;}
.owl-nav button{opacity: 0;visibility: hidden;}
.owl-carousel:hover button{opacity: 1;visibility: visible;}
.t-btn i{margin-left: 15px;}
.two-btns {margin-top: 40px;}
.two-btns a{background-color: #333;margin: 0 10px;}
.m-top-30{margin-top: 30px;}
.swal{color: #f8b864;font-size: 24px;}
.m-top-40{margin-top: 40px;}

li.treeview a{
    font-weight: normal;
}
li.treeview a.fosssize{
    font-weight: normal;
    font-size: 12px;
}


footer{background: #2b2b2b;}
footer .logo{margin-top: 11px;}
footer p,footer a{font-size: 23px;}
footer p,footer a,footer h4{color: #666666;}
footer h4{margin-bottom: 25px;color: #fff;}
footer p{margin: 41px 0 36px 0;}
footer a{margin-top: 10.5px;color: #999;font-size: 13px;font-weight: 700;margin-bottom: 10px;}
.social-icons li{float: right;margin-left: 0; line-height: 49px;}
.social-icons img{height: 29px;}
footer p, footer a{font-size: 13px;}
footer h4{font-size:  14px;text-transform: uppercase;}
.footer-icons a{margin-right: 15px;color: #FA8072;font-weight: 900;font-size: 15px;}
.footer-icons i{color: #999;}
.footer-bottom{color: #999;font-size: 17px;text-align: center;background: #090909;padding: 12px 0;font-size: 12px;font-weight: 700;}
.section2 ul{margin-top: 20px;}
.section2 li{float: right;font-weight: 900;margin-right: 5px;}
.section2 h1{margin: 0 0 10px 0;}
.section2 a{font-size: 13px;text-transform: uppercase;color: #fff;}
.section2 a.active{color: #f8b864;}
.section2:before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;background: rgba(0,0,0,.5)}
.contact_c{text-align: center;font-size: 15px;}
.contact_c p{margin-bottom: 30px;font-weight: 900;color: #999;}
.contact_c i{margin-bottom: 10px;color:#f8b864;}
.contact_c .social-icons{display: inline-block;}
.contact_c .social-icons a{border-color: #999;}
.contact_c .social-icons li i{color:#999;}
form .f-head{width: 159px;text-align: left ;}
form .f-head + div{ width:calc(100% - 159px); }
.l-wrap-top,.last-w{background: #FA8072;text-align: center;color: #fff;font-weight: 900;}
.l-wrap-top,.last-w{padding: 8px 20px;}
.l-w-c{position: relative;text-align: center;height: 300px !important;max-width: 300px;margin: auto;border: solid 1px #FA8072;border-radius: 50%;overflow: hidden;}
.l-w-c img{margin: 20px 0;width: 90px;}
.imgw{position: absolute;top: 50%;right: 50%;transform: translate(50%,-50%);-ms-transform: translate(50%,-50%);-webkit-transform: translate(50%,-50%);}
.l-wrap-top{position: absolute;bottom: 0;right: 0;width: 100%;left: 0;margin: auto; max-width: 231px}
.l-wrap-top span,.last-w span{width: 60%;margin: auto;}
.imgw:before{content: "";height: 100%;vertical-align: middle;width:1px;display: inline-block;}
.last-w{background: #FA8072;display: flex;align-content: center;}
.l-w-c a{width: 100%;}
.l-wrap .row{display: flex;flex-wrap: wrap;}
.l-wrap .row > div > div,.l-wrap .row > div div > a{height: 100%;}
.l-wrap .row > div{margin-bottom: 50px;}
.l-wrap .flx-center.imgw{display: flex;align-items: center;width: 90%;margin: auto;justify-content: center;}
.l-wrap .flx-center.imgw:before{display: none;}
.l-wrap .p-bold{font-weight: 900;}
.l-wrap p{color: #000;}
.direction{direction: ltr;}
.p-color{color: #FA8072;}
div.graphValuedivForGraph,div.graphLabeldivForGraph{font-size: 10px;}
div.graphLabeldivForGraph{transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);direction: rtl;margin-top: 13px;}
.sp-boxes a{color: #fff;}
.law-page .row > div:not(:first-of-type) .l-wrap-top span{
    padding: 10px 0;
}
@media(min-width: 768px){
    .i-spec{display: none !important;}
}
@media(max-width: 767px){
    .contact-page .row > div:last-of-type{margin-top: 30px;}
}
.news-wrap > button{
    background: transparent;
    border: 0;outline: 0;
    position: absolute;
    right: 15px;font-size: 26px;
    color:#f8b864;
}
.news-wrap > button:first-of-type{
    top: 0;
}
.news-wrap > button:last-of-type{
    bottom: 0;
}
footer ul a,nav a,.topbar ul ul a{transition: color 0.2s;-webkit-transition: color 0.2s;}
footer ul a:hover{color: #fff;}
nav a:hover,.topbar ul ul a:hover{color: #FA8072 !important;}
.m-t-b-15{margin: 35px 0;}
.section2 + .padding-layer img{display: inline-block;max-width: 100%;height: auto}
@media(max-width: 767px){
    .section2 h1{font-size: 24px;}
    .section2 .float-left,.section2 .float-right{float: none;text-align: center;}
    .section2 ul{display: inline-block;}
    .nbm{text-align: center;}
}

/*********************************** Mohsin **************************************/
.mnav{
    float:none;
}
.mnav nav{
    text-align: center;
}
.mnav nav>ul{
    display: inline-block;
}

.logoBar .charityVision img{
    height: 100px;
}
.headerOutLogoBar{
    padding: 10px 0px;
}
.headerOutLogoBar .logo{
    float: left;
}
.bootstrap-datetimepicker-widget{
    z-index: auto !important;
}

.importantLinkCircles .l-wrap-top, .last-w{
    padding: 8px 50px;
    min-height: 60px;
}

.socialShargingSection{
    margin:10px 0px;
}

.ssWrapper{
    border-radius: 10px;
    position: relative;
    background-color: #f5f5f5;
    border: 1px solid #edebeb;
    padding:15px;
    overflow: hidden;
}

.socialShargingSection .socailShareLink{
    display: inline-block;
    margin-left:10px;
    color: #fff;
    background-color: #ff6262;
    border-radius: 5px;
    padding: 5px 10px;
    font-size:12px;
}

.socialShargingSection .socailShareLink.facebook{
    background-color: #4267b2;
}

.socialShargingSection .socailShareLink.twitter{
    background-color: #1da1f2;
}

.socialShargingSection .socialSharingLabel{
    position: absolute;
    background: #FA8072; /* Old browsers */
    left:0px;
    top:0px;
    height: 58px;
    color: #fff;
    font-size: 20px;
    line-height: 60px;
    text-align: left;
    padding:0px 20px;
}

.showMenu1 > span{
    background-color: black;
}

.pCenterBold{
    text-align: center !important;
    font-weight: bold !important;
}
.detailsTable1{
    width: 100%;
    text-align: left;
    background-color: #fbfbfb;
    margin-top: 40px;
}
.detailsTable1 td{
    font-size:17px;
    font-weight: bold;
    padding:10px;
    border-bottom: 1px solid #dbdbdb;
}
.detailsTable1 tr:last-child td{
    border-bottom: none;
}

.p-darkBold{
    font-weight: bold;
}
.text-red{
    color: #c00a27;
}
.font-bold{font-weight: 900;}
@media screen and (max-width:767px){
    .l-wrap .row{
        display: block;
    }
    .section2{
        background-size: cover;
    }
    .headerOutLogoBar{
        display: none;
    }

    .mnav nav>ul{
        display: block;
    }
    .nav-menu .side-bar nav ul li a{
        color: #fff;
        text-align: left;
    }
    nav .c-nav-menu li span{
        display: none;
    }
    .mnav .c-nav-menu ul{
        position: static;
        display: none;
        background-color: #131313;
        border-top: none;
    }
    .mnav .ul-none{
        width:100%;
        padding:0px;
    }
    .mnav .c-nav-menu li{
        margin:0px;
    }
    .mnav .c-nav-menu ul li a{
        border-bottom: 1px solid #212121;
    white-space: nowrap;
    }
    .mnav .c-nav-menu ul li:last-child a{
        border-bottom: none;
    }
    .mnav .c-nav-menu li ul{
        opacity: 1;
        visibility: visible;
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -ms-transition: none;
        -webkit-transition: none;
        transition: none;
    }

    .topbar{
        text-align: center;
    }
    .topbar form.float-left{
        clear:both;
        display: inline-block;
        float:none;
        padding: 5px;
        background-color: #ffcd8a;
    }
    .topbar .float-left{
        float:none;
        clear:both;
    }

    .topbar ul.social-icons{
        display: none !important;
    }
    .topbar button[type="submit"]{
        background-color:#f8b864;
        padding:4px 10px;
    }
    .slider img{
        height: 250px !important;
    }

    .topbar .float-left ul{
        display: inline-block;
    }

    .topbar .float-left ul ul{
        width:180px;
    }
    .hfixed .showMenu1 > span{
        background-color: #333;
    }
    .nav-menu.hfixed .showMenuWrap .logo img{
        width:120px;
    }
    #asd1{
        width: 100% !important;
    }

    .c-nav-menu > li > ul ul{width: 100%;}
   .tree-opened > li{padding-right: 0 !important;}

   .header-logo img{
        width: 100px;
    }


    .navbar-toggle{
        float: left;
        margin-left: 15px;
    }

    .header-topbar:not(.home){
        min-height: 60px;
    }

    .header-nabaer{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }
    .logo_wrapper{
        float: right;
    }
    #myNavbar{
        background-color: #292929;
    }

    .project_item{
        display: block!important;
    }
    .first_column, .second_column {
        width: 100%!important;
    }
    .project_title{
        margin: 20px 0 !important;
    }
    
    .topbar-container.topbar-links{
        float: none;
    }
}
.topbar-container.topbar-links{
    float:right;
}

.footer-contact-container div span{
    font-size: 12px;
}

@media screen and (max-width:550px){
    .l-wrap .row{
        display: block;
    }
    .l-w-c{
        border-radius: 0px;
        width:100% !important;
    }
    .importantLinkCircles .l-wrap-top, .last-w{
        min-height: auto;
    }
    .ssWrapper{
        text-align: center;
    }
    .socialShargingSection .socialSharingLabel{
        display: none;
    }
}

.topbar .social-icons{
    margin-top: 5px;
}
/******************** Bara ********************/
.p-color{
    font-weight: bold;
}
p{
    margin: auto;
}
.LISTS{
    margin: auto;
    display: block;
}
.LISTS ol,.LISTS ol{
    margin: auto;
    padding: 0px;
    margin: 10px 0 10px 0;
}
.LISTS ol li,.LISTS ol li{
    margin: auto;
    width: 100%;
    margin-left: 10px;
    margin-bottom: 6px;
}
.who-7{
   width: 100%;
}


/********************** Asif ***************************/
.mainheadingdiv{

}
.mainheading{
    color: #ba0808;
}
.imgs{
    margin-bottom: 20px;
}
.tablediv{
    margin-top: 10px;
    margin-bottom: 20px;
}
.reportul{
    list-style: none;
    padding: 0px;
}
.project-img{
    height: 235px;
}
.project-img img{
    height: 235px;
}
.project-img1{
    height: 190px;
}
.project-img1 img{
    height: 190px;
}
.p1{
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
}
.ul-none1 li:before{display: none;}
.sp-table td{padding: 10px;}

/***************************************
 Custom Classes - Starts
 **************************************/
 span,a,label{
  display: inline-block;
}
a,input,button,textarea{
  outline: none;
}
.red{
  color: red;
}
.row{
  margin: 0 -15px;
}
.ul-none{
  margin: 0;
  padding: 0;
  list-style: none;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.float-right{
    float: left;
}
.pull-right {
  float: left !important;
}
.pull-left {
  float: right !important;
}
.float-left{
    float: right;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.invisible {
  visibility: hidden;
}
.visible{
  visibility: visible;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.bold{
  font-weight: bold;
}
.overflow-hidden{
  overflow: hidden;
}
.display-inline-block{
  display: inline-block;
}
.clearfix{
  clear: both;
}
.font-weight-bold{
  font-weight: bold;
}
.padding-0,.p-0{
  padding: 0 !important;
}
.margin-0,.m-0{
  margin: 0 !important;
}
.w-100{
  width: 100%;
}
.m-top-0{
    margin-top: 0 !important;
}
.m-bottom-0{
    margin-bottom: 0 !important;
}
.m-auto{
    margin: auto;
    float: none !important;
}
.p-left-0{padding-right: 0 !important;}
.p-right-0{padding-left: 0 !important;}
.flex,.flex-center,.flex-between{
  display: flex;
  flex-wrap: wrap;
}
.flex-center{
  align-items: center;
  justify-content: center;
}
.flex-between{
  justify-content: space-between;
  align-items: center;
}
.display-table{
  display: table;
  width: 100%;
}
.display-table-cell{
  display: table-cell;
  vertical-align: top;
  float: none !important;
  height: 100%;
}
.width-100{
  width: 100%;
}
.relv{
  position: relative;
}
.form-group label{
  font-weight: bold;
}
.cursor-pointer,.radio + label,.checkbox + label,.tgl + label,.tgl-2 + label,.c_wrap,.waves-effect,.c-toggle-btn
{
  cursor: pointer;
}
.user-select-none,.c_wrap > div,.c_wrap ul li,.radio + label,.checkbox + label,.tgl + label,.tgl-2 + label,
.waves-effect{
  -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
}
.shadow1{
  box-shadow: -2px 2px 10px -1px rgba(0, 0, 0, 0.14);
}
.shadow,.c_selected,.c_wrap ul li:hover,select:focus + .c_wrap > div,.sidebarloader{
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.trans-bottom{
  visibility: hidden;
  opacity: 0;
  position: absolute;
  width: 100%;
  right: 0;
  transform: translate3d(0,10px,0);-webkit-transform: translate3d(0,10px,0);-ms-transform: translate3d(0,10px,0);
  transition: all 0.15s ease-out;-webkit-transition: all 0.15s ease-out;
}
.trans-left,.transition,#toggle-btn i,.c-toggle-menu,.form-control1{
  transition: all 0.25s ease-out;-webkit-transition: all 0.25s ease-out;
}
.trans-left-focus{
  transform: translateX(-5px);-ms-transform: translateX(-5px);-webkit-transform: translateX(-5px);
}
.trans-bottom-focus,.cus_visible ul{
  visibility: visible;
  opacity: 1;
  transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);
}
.smooth-transition,.trans-left{
  transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);
}
.form-control1{
  display: block;
  width: 100%;
  padding: 12px 14px;
  line-height: 1.62857143;
  background-color: #ffffff;
  border: 1px solid #e7e7e7;
  color: #272727;
  resize: none;
}
.form-control{
  display: block;
  width: 100%;
  background: #ffffff;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-control,.select2-selection{
  border-radius: 4px;
  line-height: 1.62857143;
  padding: 8px 12px;
}
.note-editor.note-frame,.form-control,.select2-selection,.dropzone{
  border: 1px solid #cccccc;
  border: 1px solid rgba(34,36,38,.15);
}
.form-group{
  margin-bottom: 27px;
}
.form-group label{
  margin-bottom: 7px;
}
.pass-group .show-pass{
  position: absolute;
  left: 0;
  padding: 10px 10px 0 0;
  cursor: pointer;
}
.s-pass-group{
  position: relative;
}
.s-pass-group .show-pass{
  position: absolute;
  left: 25px;
  top: 0;
  height: 100%;
  padding: 10px 10px 0 0;
  cursor: pointer;
}
.s-pass-group input{
  padding-left: 50px;
}
nav li{float: right;}
.movetotop{
  position: fixed;
  bottom: 10px;
  left: 10px;
  background-color: #FA8072;
  color: #fff;
  border-radius: 50%;
  z-index: 999;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: none;
  cursor: pointer;
}
.cOverlay{
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  z-index: 9999;
  transition: opacity 0.2s ease-out;-webkit-transition: opacity 0.2s ease-out;
  background-color: rgba(0,0,0,0.8);
}
/*.cOverlayS{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  z-index: 9999;
  transition: opacity 0.2s ease-out;-webkit-transition: opacity 0.2s ease-out;
  background-color: rgba(0,0,0,0.8);
}*/
.cOverlayVisible,.cOverlayShow{
  visibility: visible;
  opacity: 1;
}
.showMenu{
  font-size: 18px;
  cursor: pointer;
}
.bar1, .bar2, .bar3 {
  width: 22px;
  height: 2px;
  margin: 4px 0;
  border-radius: 1px;
  position: relative;
}
.change1 .bar1{
  top: 0;
  -webkit-animation: topbar-back .5s linear 0s;animation: topbar-back .5s 0s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards
}
.change1 .bar3{
  bottom: 0;
  -webkit-animation: bottombar-back .5s linear 0s;animation: bottombar-back .5s 0s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards
}
.change .bar1 {
  top: 6px;
  -webkit-animation: topbar-x .5s linear 0s;animation: topbar-x .5s 0s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards
}
.change .bar2 {
  opacity: 0;
}
.change .bar3 {
  bottom: 6px;-webkit-animation: bottombar-x .5s linear 0s;animation: bottombar-x .5s 0s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards
}
@keyframes bottombar-back {
  0% { bottom: 6px;transform: rotate(135deg)}
  45% {transform: rotate(-10deg)}
  75% {transform: rotate(5deg)}
  100% {bottom: 0;transform: rotate(0)}
}
@-webkit-keyframes bottombar-back {
  0% {bottom: 6px;-webkit-transform: rotate(135deg)}
  45% {-webkit-transform: rotate(-10deg)}
  75% {-webkit-transform: rotate(5deg)}
  100% {bottom: 0;-webkit-transform: rotate(0)}
}
@keyframes topbar-back {
  0% {top: 6px;transform: rotate(-135deg)}
  45% {transform: rotate(10deg)}
  75% {transform: rotate(-5deg)}
  100% {top: 0;transform: rotate(0)}
}
@-webkit-keyframes topbar-back {
  0% {top: 6px;-webkit-transform: rotate(-135deg)}
  45% {-webkit-transform: rotate(10deg)}
  75% {-webkit-transform: rotate(-5deg)}
  100% {top: 0;-webkit-transform: rotate(0)}
}
@keyframes topbar-x {
  0% {top: 0;transform: rotate(0)}
  45% {top: 6px;transform: rotate(-145deg)}
  75% {transform: rotate(-130deg)}
  100% {transform: rotate(-135deg)}
}
@-webkit-keyframes topbar-x {
  0% {top: 0;-webkit-transform: rotate(0)}
  45% {top: 6px;-webkit-transform: rotate(-145deg)}
  75% {-webkit-transform: rotate(-130deg)}
  100% {-webkit-transform: rotate(-135deg)}
}
@keyframes bottombar-x {
  0% {bottom: 0;transform: rotate(0)}
  45% {bottom: 6px;transform: rotate(145deg)}
  75% {transform: rotate(130deg)}
  100% {transform: rotate(135deg)}
}
@-webkit-keyframes bottombar-x {
  0% {bottom: 0;-webkit-transform: rotate(0)}
  45% {bottom: 6px;-webkit-transform: rotate(145deg)}
  75% {-webkit-transform: rotate(130deg)}
  100% {-webkit-transform: rotate(135deg)}
}
/*.hideMenu{
  color: #939da8;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  font-size: 14px;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #1f262d;
  display: none;
}
.hideBar{
 transform: translate3d(220px,0,0);-webkit-transform: translate3d(220px,0,0);-ms-transform: translate3d(220px,0,0);
}*/
.showMenu > span{
  display: block;
  transition: background-color 0.25s ease-out,color 0.25s ease-out;-webkit-transition: background-color 0.25s ease-out,color 0.25s ease-out;
}
.arr-rotate i{
  transform: rotate(180deg);-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);
}
.showMenu1{
  float: left;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);
}
.showMenu1 > span{
  background-color: #fff;
}
.showMenu2{
  margin-top: 5px;
}
.showMenu2 > span{
  background-color: #fff;
}
.showMenu:hover > span{
  background-color: #d43247 !important;
}
/*.nav-menu{
  transition: padding 0.3s ease-out,background-color 0.3s;-webkit-transition: padding 0.3s ease-out,background-color 0.3s;
}*/
.nav-menu{
  will-change: top;-webkit-will-change: top;
}
.nav-menu.hfixed{
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 700;
  padding: 5px 0;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  /*animation: slideDown 0.25s ease-out;-webkit-animation: slideDown 0.25s ease-out;*/
}
/*.nav-menu.slideUp{
  animation: slideUp 0.25s ease-out forwards;-webkit-animation: slideUp 0.25s ease-out forwards;
}*/
@media(min-width: 768px){.nav-menu.hfixed .side-bar .logo img{transform: scale(0.7);}}
@media(max-width: 767px){.nav-menu.hfixed{padding: 5px 0!important; }.nav-menu.hfixed .showMenuWrap .logo img{width: 70px;}}
.nav-menu.hfixed .mnav{margin: 6px 0;}
@keyframes slideDown{ 0%{ top: -100px;} 100%{ top: 0;} }
@-webkit-keyframes slideDown{ 0%{ top: -100px; } 100%{ top: 0;} }
@keyframes slideUp{ 0%{ top: 0; } 100%{ top: -100px;} }
@-webkit-keyframes slideUp{ 0%{ top: 0;} 100%{ top: -100px;}
}
.hfixed nav ul li a{

}
/*.hfixed .showMenu1 > span{
  background-color: #fff;
}*/
.showMenuWrap{
  position: relative;
}
@media screen and (min-width: 768px) {
 .sideBar{
  transform: translate3d(0,0,0) !important;
 }
 .cOverlayVisible{
  visibility: hidden;
  opacity: 0;
 }
 .showMenu1,.showMenu2,.showMenuWrap .logo{
  display: none !important;
 }

}
/************** Navigation ***************/
@media (max-width: 767px){
  .showMenuWrap{
    padding: 7px 0;
  }
  .hfixed .showMenuWrap{
    padding: 0;
  }
  .nav-menu.hfixed{
    padding: 5px 0;
  }
  .nav-menu.hfixed .showMenuWrap .logo .lg{
    font-size: 22px;
  }
  .sidebar-out .side-bar{
      width: 240px !important;
  }
  .sidebar-out{
     position: fixed;
     top: 0;
     right: 0;
     z-index: 9999;
     transform: translate3d(265px,0,0);-ms-transform: translate3d(265px,0,0);-webkit-transform: translate3d(265px,0,0);
  }
  .sidebar-out .side-bar{
     overflow-y: auto;
     overflow-x: hidden;
     height: 100vh;
     background-color: #000;
  }
  .sidebar-out .showMenu{
     position: absolute;
     left: -25px;
     top: 0px;
  }
  .sidebar-out .logo,.sidebar-out .mnav{
    float: none !important;
  }
  .sidebar-out .side-bar .logo{
    padding: 15px;
  }
  .sidebar-out .side-bar .logo a{
    display: block;
  }
  .showMenuWrap .logo{
    float: right;
  }
  .nav-menu ul li{
    float: none;
    width: 100%;
  }
  .side-bar .logo{
    float: none !important;
  }
  .nav-menu .side-bar nav ul li a{
     display: block;
     padding: 10px 15px;
  }
  .sidebar-out .side-bar,.sidebar-out{
     transition: width 0.35s ease-out,transform 0.35s ease-out;-webkit-transition: width 0.35s ease-out,transform 0.35s ease-out;
     will-change: width,transform;
  }
  .sidebar-out.side-bar-showed{
     transform: translate3d(0,0,0) !important;-ms-transform: translate3d(0,0,0) !important;-webkit-transform: translate3d(0,0,0) !important;
  }
}

/************** Responsive Navigation Ends ******************/
article:after,aside:after,details:after,figcaption:after,figure:after,header:after,hgroup:after,main:after,menu:after,nav:after,section:after,
summary:after,h1:after,h2:after,h3:after,h4:after,h5:after,h6:after,p:after,div:after,span:after,ul:after{
  content: "";
  display: block;
  clear: both;
}
.showMenu1 > span{
    background-color: #333;
}

nav .c-nav-menu a:hover{
    text-decoration: none;
}

.mainFooter a:hover, .topbar a:hover{
    text-decoration: none;
}

/****************************************/
/****************************************/
/******* Ehtisham Code Ends Here ********/
/****************************************/
/****************************************/

/* General CSS */
.langArabic{
  direction: ltr;
}
.langArabic select.form-control{
  padding:0px;
}
select.form-control{
    padding:0px;
}
/* End General */

/*  My Code For Project */
.homeOwl .mainSliderItemWrapper{
    height: 500px;
    position: relative;
}
.homeOwl .mainSliderItemWrapper img{
    position: absolute;
    top:0px;
    height: 100%;
    width: 100%;
    z-index: -1;
}
.homeOwl .mainSliderItemWrapper h1{
    text-align: center;
    color: #fff;
    margin:0px;
    font-family: 'sstarabiclight','Comfortaalight';
    font-size:60px;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%);
}

.mainSlider{
    position: relative;
}

.sliderBlogsSection{
    margin-top: 15px;
    width: 100%;
    bottom: -100px;
}

.sliderBlogsSection .sBlogItem{
    position: relative;
    width:33.3%;
    float: right;
    text-align: center;
    overflow:hidden;
    background-image: url('../images/sliderBlog1.jpg');
    background-size: 100% 100%;
    z-index: +2;
    height: 388px;
    color: #fff;
    padding: 20px;
    box-sizing: border-box;
}
.sliderBlogsSection .sBlogItem .overlay{
    position: absolute;
    top:0px;
    right:0px;
    min-height: 100%;
    width: 100%;
    background-color: rgba(234, 77, 64, 0.88);
    z-index: -1;
}
.linkType1{
    display: inline-block;
    padding: 6px 25px;
    text-align: center;
    text-decoration: none;
    outline:none;
    color: #fff;
    font-weight: bold;
    border-radius: 30px;
    border:2px solid #fff;
}
.linkType1:hover{
    background-color: #FA8072;
    text-decoration: none;
    color: #fff;
}
.linkType1:focus{
  text-decoration: none;
  color:#fff;
}
.sliderBlogsSection .linkType1{
    margin-top:10px;
}
.sliderBlogsSection h1{
    margin-top:0px;
    position: relative;
    font-size: 18px;
}
.sliderBlogsSection h1:after{
    content: '';
    display: block;
    width: 70px;
    margin:10px auto;
    height: 2px;
    background-color: #fff;
}

.sBlogItem.second{
    background-image: url('../images/sliderBlog2.jpg');
}
.sBlogItem.second .overlay{
    background-color: rgba(0, 0, 0, 0.49);
}

.sBlogItem.third{
    background-image: url('../images/sliderBlog3.jpg');
}
.sBlogItem.third .overlay{
    background-color: rgba(68, 140, 203, 0.86);
}

/* Donation Link Section */
.donationLinkSection h1{
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
    font-size:20px;
    margin:20px 0px;
    margin-top:50px;
    padding: 25px 0px;
}

.linkType2{
    display: inline-block;
    padding: 6px 25px;
    background-color: #ED806A;
    text-align: center;
    text-decoration: none;
    outline:none;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    border-radius: 30px;
    border:2px solid #ED806A;
}
.text-center a.linkType2{
    padding: 6px 55px;
}
.linkType2:hover{
    background-color: #fff;
    text-decoration: none;
    color: #333;
}

.sliderBlogsSection .sBlogItem p{
    padding: 0px 20px;
    padding-top: 130px;
}

.sliderBlogsSection .sBlogItem .overlay{
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
/* End Donation Link Section */

/* Blogs Section */
.headingType1,.showPageCont h3{
    position: relative;
    font-size:25px;
    text-align: center;
    margin-bottom: 20px;
    clear: both;
}
.headingType1 .smallText{
    font-size: 20px;
    display: block;
    color: gray;
    margin-top:5px;
}
.headingType1:after,.showPageCont h3:after{
    content:'';
    display: block;
    margin:10px auto;
    width:50px;
    height: 3px;
    background-color: #FA8072;
    transition: all 0.3s;
}
.headingType1:hover:after,.showPageCont h3:hover:after{
    width:80px;
}
.blogsSection{
    margin-bottom: 40px;
}

.blogItemType1{
    border: 1px solid #f3f3f3;
    direction: ltr;
    margin-bottom: 30px;
}
.blogItemType1 .blogItemImage img{
    width: 100%;
    height: 240px;
}
.blogItemType1 .blogTitle{
    display: block;
    color: #333;
}
.blogItemType1 .blogTitle h1{
    font-size: 18px;
    font-family: 'sstarabiclight','Comfortaalight';
    margin-top:0px;
}
.blogItemType1 .blogTitle:hover{
    text-decoration: none;
    color: #FA8072;
}
.blogItemType1 .blogItemContent{
    padding:20px;
}
.blogItemType1 .linkType2{
    margin-top:20px;
}

.linkType3{
    display: inline-block;
    padding: 8px 20px;
    border: 2px solid #FA8072;
    color: #fff;
    font-weight: bold;
    background-color: #FA8072;
    border-radius: 30px;
}
.linkType3:hover, .linkType3:focus{
    text-decoration: none;
    color: #4a84b4;
    background-color: #fff;
}
.blogsSection .linkType3{
    margin-top:20px;
}
/* End Blogs Section */

/* Projects Section */
.projectsSection{
    background-color: rgba(225, 225, 225, 0.22);
    padding-bottom: 60px;
    padding-top:40px;
}
.projectsSection .headingType1{
    margin-bottom: 40px;
}
.blogItemType2{
    position: relative;
    height: 500px;
    overflow-y: hidden;
}
.blogItemType2 img{
    height: 100%;
    width: 100%;
}
.blogItemType2 .projectText{
    position: absolute;
    padding:20px;
    bottom: 0px;
    color: #fff;
    width: 100%;
    text-align: center;
}
.blogItemType2 .projectText h1{
    font-size:20px;
}
.linkType4{
    color: #FA8072;
    font-weight: bold;
    transition: all 0.3s;
}
.linkType4:hover{
    color: #f8b864;
    text-decoration: none;
    transform: translateX(2px);
}
.blogItemType2 .overlay{
    position: absolute;
    width: 100%;
    min-height: 100%;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+100&0+44,1+100 */
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(143,143,143,0) 44%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(143,143,143,0) 44%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(143,143,143,0) 44%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.projectsSection .linkType2{
    margin-top:20px;
}

.projectItemType1{
    background-color: #fff;
    border:1px solid #f1f1f1;
    margin-bottom: 20px;
}
.projectItemType1 .imgCont{
    height: 250px;
    position: relative;
}
.projectItemType1 .imgCont img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.projectItemType1 .projectContent{
    padding:10px;
}
.projectItemType1 .porjectTitle{
    display: block;
    height: 50px;
    font-weight: bold;
    overflow: hidden;
    text-align: center;
    font-size:18px;
    color: #FA8072;
}
.projectItemType1 .porjectTitle:hover, .projectItemType1 .porjectTitle:focus{
    text-decoration: none;
    color: #333;
}
.projectItemType1 .linkType3{
    padding:5px 20px;
}
.projectItemType1 .shortDescription{
    font-size: 14px;
    height: 50px;
    overflow: hidden;
    margin-bottom: 20px;
}
.projectProgressStatTable{
    width: 100%;
}
.projectProgressStatTable td:last-child{
    text-align: left;
}
.projectProgressStatTable span{
    font-size: 18px;
    font-weight: bold;
}
.projectProgressStatTable .progressTitle{
    display: block;
    font-size: 14px;
    font-weight: normal;
    color: #ababab;
}
.progress {
  overflow: visible;
  margin-bottom: 26px;
  height: 8px;
}
.progress .progress-bar {
  background-color: #4a84b4;
  position: relative;
  border-radius: 4px;
}
.progress .progress-bar span {
  background-color: #FA8072;
  position: absolute;
  bottom: -20px;
  font-size: 10px;
  line-height: 10px;
  padding: 2px 4px 2px 3px;
  left: -1.4em;
  border-radius: 2px;
}
.progress .progress-bar span:after {
  bottom: 100%;
  right: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #FA8072;
  border-width: 5px;
  margin-right: -5px;
}
/* End Projects Section */

/* Event Items */
.eventItemType1{
    margin-bottom: 30px;
}
.eventItemType1 .eventImage img{
    width: 100%;
    height: 300px;
}
.eventItemType1 .eventShortDetials{
    direction: ltr;
}
.eventItemType1 .eventDate{
    text-align: center;
    color: #FA8072;
    border-left: 1px solid #f3f3f3;
}
.eventItemType1 .day{
    font-size:40px;
    font-weight: bold;
    display: block;
}
.eventItemType1 .eventTitle{
    font-size:20px;
    display: block;
    margin-top:10px;
    font-weight: bold;
    color: #333;
}
.eventItemType1 .eventTitle:hover{
    text-decoration: none;
    color: #333;
}
.eventItemType1 .eventTiming span{
    display: inline-block;
    font-size:14px;
    margin-right: 20px;
    color: #333;
    font-weight: bold;
}
.eventItemType1 .eventText{
    padding-top:10px;
}
/* End Event Items */

/* Testimonials Section */
.testimonialSection{
    padding-top:30px;
    background-color: #FA8072;
    padding-bottom: 40px;
}
.testimonialSection .headingType1{
    color: #fff;
}
.testimonialSection .headingType1:after{
    background-color: #fff;
}
.testimonialSlider{
    position: relative;
}
.testimonialSlider .testimonailItemCont{
    border: 3px solid #fff;
    padding:20px;
    text-align: center;
    margin-top:30px;
}
.testimonialSlider h1{
    font-size: 25px;
    color: #ededed;
}
.testimonialSlider p{
    color: #fff;
    font-weight: bold;
}

.testimonialSlider .owl-nav{
    position: absolute;
    top: 42%;
    display: block!important;
    transform: translateY(-50%);
    width: 100%;
}
.testimonialSlider .owl-nav button{
    color: #4a84b4 !important;
    background-color: #fff !important;
    display: block !important;
    position: absolute;
    height: 40px;
    font-weight: bold !important;
    text-align: center;
    width: 40px;
    border:3px solid #4a84b4 !important;
    border-radius: 50% !important;
}
.testimonialSlider .owl-prev{
    right:-24px;
}
.testimonialSlider .owl-next{
    left:-24px;
}
/* End Testimonials Section */

/* Become Volunteer Section */
.bVolSection{
    padding: 60px 0px;
    background-image: url('../images/becomeVolunteer.jpg');
    background-size:cover;
    background-position: center center;
    background-attachment: fixed;
    position: relative;
    z-index: +1;
    color: #fff;
}
.bVolSection .overlay{
    position: absolute;
    top:0px;
    right:0px;
    background-color: rgba(47, 47, 47, 0.7);
    width: 100%;
    min-height: 100%;
    z-index: -1;
}
.bVolSection h1{
    margin-top:0px;
}
.bVolSection .linkType1{
    border-color: #FA8072;
    margin-top:10px;
}
/* End Become Volunteer Section */

/* News Letter Section */
.newsLetterSection{
    padding: 50px 0px;
    text-align: center;
    position: relative;
    background-color: rgba(225, 225, 225, 0.22);
}
.newsLetterSection .colSeperator{
    position: absolute;
    height: calc(100% - 50px);
    width: 2px;
    background-color: #f3f3f3;
    top:25px;
    right:0px;
    left: 0px;
    margin:auto;
}
.newsLetterSection h3{
    font-size: 20px;
    margin-top:0px;
    line-height: 28px;
}
.inputType1{
    display: block;
    width:100%;
    padding:6px 15px;
    border-radius: 25px;
    border:2px solid #dfdfdf;
    outline:none;
}
.inputType1:focus{
    outline:none;
}
.cFormItem1{
    position: relative;
}
.cFormItem1 button[type=submit]{
    position: absolute;
    left: 10px;
    top: 7px;
    border: none;
    outline: none;
    width: 23px;
    background-color: #FA8072;
    color: #fff;
    border-radius: 50%;
    text-align: center;
}
.newsLetterSection .cFormItem1{
    max-width: 400px;
    margin:auto;
    margin-top:20px;
}
.newsLetterSection .linkType2{
    margin-top:10px;
}
/* End News Letter Section */

/* Sponsers Section */
.sponsersSection{
    padding:40px 0px;
}
.sponsersSection .sponserLogo{
    height: 160px;
}
.sponsersSection .sponserLogo img{
    width: 100%;
    height: auto;
    max-height: 100%;
}
.sponsersSection .sponserType{
    text-align: center;
    font-weight: bold;
}
/* End Sponsers Section */
.main_shadow{
  -webkit-box-shadow: 1px 5px 28px -7px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 5px 28px -7px rgba(0,0,0,0.75);
    box-shadow: 1px 5px 28px -7px rgba(0,0,0,0.75);
}
/* Bread Crumb Section  */
.breadCrumbSection{
  direction: ltr;
  background-image: url('../images/breadCrumbBg.jpg');
  background-size:100% 100%;
  background-position: center center;
  height: 250px;
  display: inline-block;
  width: 100%;
  margin-top: 13%;
}
.breadCrumbSection h1{
  color: #fff;
    font-family: 'sstarabiclight','Comfortaalight';
}
.breadCrumbSection a{
  color: #fff;
  font-size:30px;
  vertical-align: middle;
}
.breadCrumbSection a span{
  color: #FA8072;
}
.breadCrumbSection a:hover{
  color: #fff;
  text-decoration: none;
}
/* End Bread Crumb Section  */

/* Contact Us Section */
.contactUsSection{
  padding: 40px 0px;
}
.toContactUsPara{
  direction: ltr;
}
.inputType2{
  border-radius: 5px;
  display: block;
  width:100%;
  outline:none;
  border: 2px solid #f8b864;
  border-bottom-width: 5px;
  padding:8px 10px;
}
.inputType2:focus{
  border-color: #ada7ae;
}
/* End Contact Us Section */

/* Join As Forms */
.joinAsVolunteerFormSection, .membershipFormSection{
  padding:40px 0px;
}
/* End Join As Forms*/

/* Faqs Page */
.faqCategoryItem .categoryName{
  font-size:20px;
}

.faqCategoryItem .faqItem{
  margin-bottom: 10px;
  border: 2px solid #f1f1f1;
}
.faqCategoryItem .faqItem .question{
  padding:10px;
  cursor: pointer;
}
.faqCategoryItem .faqItem .question.active{
  color: orange;
  font-weight: bold;
}
.faqCategoryItem .faqItem .question span{
  transition: all 0.2s;
  width:10px;
  height: 10px;

}
.faqCategoryItem .faqItem .question.active span{
  transform: rotate(-90deg);
  vertical-align: middle;
}
.faqCategoryItem .faqItem .answer{
  padding:10px;
  display: none;
}
/* End Faqs Page */

/* Our Mission Section */
.ourMissionSection{
  padding: 40px 0px;
}
.ourMissionSection .ourMissionWrapper .imageCont{
  height: 300px;
  overflow: hidden;
}
.ourMissionSection .ourMissionWrapper .imageCont img{
  height: 100%;
  width: 100%;
  transition: all 0.5s;
}
.ourMissionSection .ourMissionWrapper .imageCont:hover img{
  transform: scale(1.1);
}
.ourMissionSection .ourMissionWrapper h1{
  font-size: 25px;
}
/* End Our Mission Section */

/* Counter Section */
.counterSection{
  padding: 120px 0px;
  position: relative;
  background-image: url('../images/counterUpBg.jpg');
  background-size: cover;
  background-position: center center;
  z-index: +1;
}
.counterSection .overlay{
  position: absolute;
  top:0px;
  right: 0px;
  width: 100%;
  min-height: 100%;
  background-color: rgba(0, 0, 0, 0.67);
  z-index: -1;
}
.counterSection .counterWrapper{
  text-align: center;
}
.counterSection .counterUp{
  color: orange;
  display: block;
  font-size: 60px;
  font-weight: bold;
}
.counterSection .counterHeading{
  color: #fff;
  font-size:30px;
  margin:0px;
  font-variant: small-caps;
}
/* End Counter Section */

/* Team Section */
.ourTeamSection{
  padding: 40px 0px;
}
.teamMemberContType1{
  text-align: center;
  margin-bottom: 20px;
}
.teamMemberContType1 .teamMemberInnerCont{
  display: inline-block;
}
.teamMemberContType1 .imgCont{
  border-radius: 50%;
  height: 200px;
  width:200px;
  overflow: hidden;
}
.teamMemberContType1 .imgCont img{
  height: 100%;
  width: 100%;
}
.teamMemberContType1 h2{
  font-size:18px;
}
.teamMemberContType1 h3{
  font-size: 14px;
  color: #f8b864;
  margin-top:0px;
}
/* End Team Section */

/* Blogs Section */
.blogsPageSection{
  padding: 40px 0px;
}
.blogItemType3{
  border: 1px solid #f1f1f1;
  margin-bottom: 20px;
}
.blogItemType3 .imgCont img{
  width: 100%;
  height: 200px;
}
.blogItemType3 .content{
  padding:10px;
}
.blogItemType3 .postedOn span{
  color: gray;
  font-weight: bold;
}
.blogItemType3 .postedOn a{
  text-decoration: none;
  color: #333;
}
.blogItemType3 .postedOn a i{
  color: #f8b864;
}
.blogItemType3 .postedOn a:hover{
  text-decoration: none;
}
.blogItemType3 h1{
  font-size:18px;
  height: 49px;
  overflow: hidden;
  margin-bottom: 0px;
}
.blogItemType3 p{
  height: 100px;
  overflow: hidden;
}
.blogItemType3:hover{
  background-color: #f3f3f3;
}
/* End Blogs Section */

/* Blog Details Section */
.blogDetailsSection{
  padding: 40px 0px;
}
.blogDetailWrapper .blogHeading{
  font-size:25px;
  margin-bottom: 0px;
  color: #FA8072;
}
.blogDetailWrapper .blogMainImg{
  margin-bottom: 20px;
}
.blogDetailWrapper .blogMainImg img{
  height: auto;
  width: 100%;
}
.blogDetailWrapper .blogDate{
  font-size:18px;
  font-weight: bold;
  margin-top:0px;
}

.customSidebar{
  padding:10px;
  background-color: #f7f7f7;
  margin-bottom: 20px;
}
.customSidebar .sidebarHeading{
  font-size:18px;
  margin-top:0px;
  margin-bottom: 20px;
}
.customSidebar .sidebarItemType1{
  margin:10px;
  position: relative;
  border-top:1px dashed #c0c0c0;
  padding-top:10px;
  overflow: hidden;
}
.customSidebar .sidebarItemType1 .hoverIndicator{
  position: absolute;
  left:0px;
  height: 100%;
  width:4px;
  background-color: #4a84b4;
  opacity: 0;
  transition: all 0.3s;
}
.customSidebar .sidebarItemType1 .hoverIndicator:before{
  content: '';
  position: absolute;
  right: -7px;
  top: 43%;
  display: block;
  height: 0px;
  width: 0px;
  border-left: 8px solid #4a84b4;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  transform: translateY(-50%);
}
.customSidebar .sidebarItemType1:hover .hoverIndicator{
  opacity: 1;
}

.customSidebar .sidebarItemType1 img{
  width:100%;
  height: 50px;
}
.customSidebar .sidebarItemType1 .col-xs-3{
  padding-left:0px;
}
.customSidebar .sidebarItemType1 a{
  font-size:16px;
  font-weight: bold;
  color: #333;
}
.customSidebar .sidebarItemType1 a:hover{
  text-decoration: none;
}
/* End Blog  Details Section */

/* Who We Are Page */
.whoWeAreSection, .boardOfDirectorsSection, .strategicGoalsSection,.showPageCont{
  padding: 40px 0px;
}
.presidentSpeechSection, .ourRulingValuesSection{
  padding:40px 0px;
  background-color: #f7f7f7;
}
/* End Who We Are Page */

/* Donate Now Section */
.donateNowSection{
  padding:100px 0px;
  background-image: url('../images/donationLinkBg.jpg');
  background-size:cover;
  background-attachment: fixed;
  color: #fff;
  text-align: center;
  position: relative;
  z-index: 1;
}
.donateNowSection .overlay{
  position: absolute;
  top:0px;
  right:0px;
  width:100%;
  min-height: 100%;
  background-color: rgba(74, 132, 180, 0.8);
  z-index: -1;
}
.donateNowSection h1{
  margin-top: 0px;
}
.donateNowSection .linkType1{
  margin-top:40px;
}
/* End Donate Now Section */

/* Project Details */
.headingType2{
    font-size:18px;
    color: #FA8072;
}
.projectSidebarContainer{
    padding: 10px;
    background-color: #f8f8f8;
}
.projectSidebarContainer .donationAmounts{
    font-size: 16px;
    /*border-left: 3px solid #FA8072;
    border-right: 3px solid #FA8072;*/
    padding-left: 20px;
    font-weight: bold;

}
.projectSidebarContainer .linkType3{
    display: block;
    text-align: center;
}
.donationFormWrapper{direction: ltr;}
/* End Project Details */

/* User Dashboard */
#userDashboardApp{
    /* margin:40px 0px;  */
}
/* End User Dashboard */

/*  Donation Form  */
.donationFormWrapper{
    padding:30px;
    margin:auto;
    border-radius: 20px;
    max-width: 900px;
    background-color: #f8f8f8;
}
/*  End Donation Form  */


/***************** My Styles ******************/
[disabled]{cursor: not-allowed !important;opacity: 0.5;}
.m-auto{margin: 10px auto !important;}
.display-inline-block{padding-right: 30px;padding-left: 30px;}
.dib{display: inline-block;vertical-align: middle;}
.dashboard-container .row > div{margin-bottom: 30px;}
.dashboard-box{padding: 20px;border: solid 2px #ddd;}
/*.dashboard-box img{width: 100px;}*/
.dashboard-box a h2{color: #000;}
.dashboard-box h2{font-size: 20px;margin-top: 28px;}
.dashboard-box h2 div{margin-top: 15px;font-size: 25px;font-weight: bold;}
.dashboard-box img.profile-img{width: 50px;border-radius: 50%;}
.dashboard-box h5{margin: 0;}
.dashboard-box .dib{padding-left: 10px;}
.dashboard-box .progress{height: 10px !important;margin: 25px 0;}
.dashboard-box .update-pro-btn{background: #ff9810;color: #fff;font-size: 13px;text-align: center;padding: 8px 13px;border-radius: 3px;}
.pro-info{margin: -5px 0 10px 0;}
.dashboard-box i{font-size: 42px;color:#ff9810;}
.dashboard-container .row.flex{display: flex;flex-wrap: wrap;direction: ltr;}
.dashboard-container .row.flex > div > div{height: 100%}
.inner-form label{font-size: 12px;margin-top: 7px;}
.hide{display: none;}
.headingTypef{font-size: 18px;text-align: center;margin: 15px 0 30px 0;}
.socl input,.socl textarea{margin-bottom: 10px;}
.socl i{cursor: pointer;position: relative;top: 0px;font-weight: bold;font-size: 11px;}
.inner-form .row{position: relative;}
.form-border{position: relative; width: 40%;border-top: dotted 1px #000;margin: 30px auto 10px auto;}
.close-ico{cursor: pointer;position: absolute;right: 15px;top: 5px;font-weight: bold;}
input[type="file"]{padding-top: 5px;}
.dashboard-box{min-height: 223px;}
.no-record{margin-top: 60px;}
[data-m-box] img{margin: 20px;}
[data-m-box] > div{padding: 30px;}
.table td{vertical-align: middle !important;}
.fflex  .single{width: 100%;}
form .row{direction: ltr;}
form .row > div[class*="col-"]{float: left;}
.t-list li{line-height: 1.8;font-size: 17px;margin-bottom: 10px;}
.t-list ul{padding-left: 0;list-style-type: none;list-style-position:inside;}
.t-list ul li:before{content: "\2022";color: #FA8072;font-weight: bold;display: inline-block;width: 1em;margin-right: 1em;}
.t-btn{background: #FA8072;color: #fff;display: inline-block;padding: 6px 27px;}
.t-btn:hover,.t-btn:active,.t-btn:focus{color: #fff;}
.l-w-c a{color: #fff;}
.showPageCont .eventDate{text-align: right;border-left: none;}
.details-text{margin-top: 30px;}
.details-img{margin-top: 20px;}
.head-right{float: left !important;}
.head-right:after{display: none !important;}
.direction-rtl > .row > div{float: left;}
.donationFormWrapper form .row [class^="col-"]{float: left;}
.progress-bar{float: left;}
.progress .progress-bar span{right: -1.4em;left: auto;}
.alert button{left: auto;right: 5px;}
.donationFormWrapper th,.donationFormWrapper td,table th,table td{text-align: left;}
.full-covered th,.full-covered td{border: solid 1px  #ddd !important;}
.modal{direction: rtl !important;}
.p-white{background: #fff;padding: 4px 4px;font-size: 14px;border-radius: 4px;border: 1px solid rgba(34,36,38,.15);}
.social-box{width: 25%;float: left;margin-bottom: 5px;}
.social-box input{position: relative;top: 2px;margin-right: 1px;}

form input:not([type="file"]),form textarea{direction: rtl;text-align: left;}
[data-m-box] form{direction: ltr;}
div.counter {
   display: none;
   position: absolute;
   min-width: 23px;
   padding: 5px;
   text-align: center;
   font-size: 15px;
   line-height: 0px;
   height: 22px;
   background-color: rgba(0, 0, 0, 0.8);
   top: 50%;
   right: -40px;
   margin-top: -10px;
   color: white;
}
div.rate-container:hover div.counter {
   display: block;
}
.rate-container{display: inline-block;}

div.counter:before, div.counter ::before {
   content: "";
   width: 0;
   height: 0;
   top: 50%;
   margin-top: -5px;
   display: block;
   border-color: transparent rgba(0, 0, 0, 0.8) transparent transparent;
   border-width: 5px 5px 5px 0px;
   right: 10px;
   border-style: solid;
   position: relative;
}
.swal2-content,.swal2-title{direction: ltr;}
.swal2-container{z-index: 999999;}
.projectProgressStatTable tr td{padding-bottom: 10px;}

@media(max-width: 767px){
    .eventDate > div{float: none !important;}
    .col-sm-12{width: 100%;}
    .col-sm-6{width: 50%;}
}
@media(max-width: 575px){
    .col-sm-6,form .col-sm-4{width: 100%;}
    .headingType2{
        font-size:15px;
        color: #FA8072;
    }

    .projectSidebarContainer .donationAmounts{
        font-size: 13px;


    }

}
@media(min-width:  767px){
    .l-wrap .row > div,.direction-right  > div{float: left !important;}
    .jugar-l-wrap{direction: rtl;}
}

.imgCont{position: relative;}
.imgCont .logop{position: absolute;
bottom: 7px;left: 7px;width: 50px !important;height: 50px !important;border-radius: 50%;}
.shortDescription{direction: ltr;}
.blogDetailWrapper .blogHeading{margin-top: 0;}



.headingType1.biggerLines:after{
    height: 7px;
    width:70px;
}

.headingType1.biggerLines:before{
    border-top: 5px solid #FA8072;
}

.boardOfDirectorsSection .table-responsive{
    overflow-y: hidden;
}
.tableStyle2{
    width:100%;
    overflow-y: hidden;
    border-collapse: collapse;
}
.tableStyle2 td, .tableStyle2 th{
    border: 1px solid #333;
    padding:5px 10px;
}
.tableStyle2 td:first-child, .tableStyle2 th:first-child{
    text-align: center;
    background-color: #FA8072;
}
.tableStyle2 th{
    background-color: #FA8072 !important;
}

.tableCenteredText td, .tableCenteredText th{
    text-align: center;
}
.breadCrumbSection h1{
    display: none;
}

/* Server Modifications */
.headerbarRightContent ul{
    float:right;
}
.headerbarRightContent div.center-logo{
    float:left;
    margin-right: 50px;
    margin-left: 50px;
}
/* End Server Modifications */

*{
    text-indent: 0px !important;
    font-family:'Cairo-Light';
}
.myCustomPage *{
    font-family:'Cairo-Light' !important;
}

.pad015{
    padding: 0px 15px;
}

/*New page design ABRAR css*/
ul {
    padding: 0;
}

li {
    list-style: none;
}

a,
a:hover,
a:link,
a:focus {
    text-decoration: none;
    display: inline-block;
}

span {
    display: inline-block;
}
img{
  
    height: auto;
}
.repeat-section{
    padding: 2em 0;
}

.Flex{
    display: flex;
    flex-wrap: wrap;
}
.section-heading{
    margin: auto;
    text-align: center;
}
.section-heading h1{
    margin: auto;
    margin-bottom: 2em;
    display: inline-block;
}
.section-heading h1::after{
    content: "";
    display: block;
    height: 2px;
    width: 50%;
    margin: auto;
    margin-top: 10px;
    background-color: #DC695A;
}



/* ----------------- */
/* Custom Fonts Starts */
/* ----------------- */
@font-face {
    font-family: FirstFont;
    src: url('../fonts/GothamBook_0.ttf');
}
@font-face {
    font-family: SecondFont;
    src: url('../fonts/SSTArabicBold.ttf');
}
@font-face {
    font-family: ThirdFont;
    /* src: url('../fonts/SSTArabicMedium.ttf'); */
    src: url('../../assets/fonts/Cairo-Bold.ttf');
}
@font-face {
    font-family: ForthFont;
    src: url('../fonts/SSTArabicRoman.ttf');
}
/* ----------------- */
/* Custom Fonts Close */
/* ----------------- */


/* ----------------------- */
/* Header styles Starts */
/* ----------------------- */

.header-topbar{
    /* background-color: #F58962; */
    direction: ltr;
}
.header-topbar:not(.home){
    background-color: #292929;
}

.main-header:not(.home){
    position:inherit;
}
.nav>li>a:focus, .nav>li>a:hover{
    background-color: transparent;
    color: #000;
}
.topbar-links .navbar-nav>li>a{
    color: #fff;
    font-family: ThirdFont;
    border: 1px solid #F68962;
    border-radius: 5px;
    padding: 10px 20px;
}
.header-topbar .navbar-nav>li>a.drpdown{
    border: none;
}
.header-topbar .navbar-nav>li{
    margin: 0 5px;
    margin-top: 14px;
}

/* ----------------------- */
/* Header styles Close */
/* ----------------------- */


/* ----------------------- */
/* navbar styles Starts */
/* ----------------------- */

.navbar-nav>li>a{
    font-family: ThirdFont;
    font-size: 12px;
    color: #fff;
}
.header-nabaer .navbar-nav>li>a{
    position: relative;
}
.header-nabaer .navbar-nav>li>a::after{
    content: "";
    display: block;
    height: 50%;
    width: 2px;
    background-color: #303030;
    position: absolute;
    right: 0;
    top: 55%;
    transform: translateY(-50%);
    display: none;
}
.header-nabaer .navbar-nav>li>a::after:first-child{
    width: 0px;
    display: none;
}
.header-nabaer.navbar{
   /*  margin: auto; */
}

/* ----------------------- */
/* navbar styles Close */
/* ----------------------- */

/* ----------------------- */
/* slider styles Starts */
/* ----------------------- */
.slider-description *{
    color: #fff;
}
.main-sliderSection .col-sm-6{
    padding: 0;
}
.main-sliderSection{
    height: auto;
    overflow: hidden;
    position: relative;
}
.slider-container{
    margin: auto;
}
/*.slider-container img{
    width: 80% !important;
    float: right;
}*/
.slider-description{
    background-image: linear-gradient(to left, #E78367, #E78367, #E78367, #E99178, #f7e4dd14);
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    width: 50%;
    padding: 2em;
    height: 100%;
    text-align: left;
}
.slider-description h1{
    margin-top: auto;
    margin-bottom: 1em;
    font-family: ThirdFont;
}
.slider-description p{
    font-family: ThirdFont;
}

.Qoute-box {
    text-align: center;
}
.Qoute-box  span{
    font-size: 7em;
}

/* ----------------------- */
/* slider styles close */
/* ----------------------- */


/* ----------------------- */
/* Cards Section starts */
/* ----------------------- */
.cards-section{
    margin: auto;
    margin-top: 2em;
}
.cards-container{
    background-color: #F8A275;
    padding: 1em;
    border-radius: 10px;
    margin: auto;
    text-align: center;
    position: relative;
    overflow: hidden;
    height: 100%;
    transition: .5s all;
}
.cards-container:hover{
    transform: translateY(-30px);
}
.card-icon{
    width: 150px;
    height: 150px;
    background-color: #fff;
    border-radius: 50%;
    line-height: 100px;
    position: absolute;
    top: -65px;
    right: 50%;
    transform: translateX(50%);
    border: 7px solid #F8A275;
    text-align: center;
}
.card-icon img{
    width: auto;
    height: 50px;
    margin-top: 60px;
}
.card-icon span{
    color: #F58962;
    font-size: 30px;
}
.card-body{
    margin-top: 5.5em;
}
.card-body *{
    color: #fff;
    font-family: ForthFont;
}
.border-div{
    border: 1px solid #fff;
    height: 100%;
}

.card-body h6{
    font-size: 28px;
}
.card-body p{
    font-size: 19px;
}
.Flex .col-sm-4{
    margin: 0;
}

/* ----------------------- */
/* Cards Section close */
/* ----------------------- */


/* ------------------------ */
/* Projects Section starts */
/* ------------------------ */
.Projects-Section{
    margin: auto;
}
.projects-container{
    box-shadow: -11px 10px 11px #eee;
    height: 100%;
}
.project-descBody{
    margin: auto;
    padding: 10px;
}
.project-desc::after{
    content: "";
    margin: auto;
    display: block;
    width: 99%;
    height: 1px;
    background-color: #303030;
}
.project-desc{
    margin: auto;
    text-align: center;
}
.project-desc h6 a{
    color: #F19D75;
}
.project-desc p{
    color: #303030;
    font-size: 16px;
    font-family: ThirdFont;
    height: 90px;
}
.project-desc h6{
    color: #F58962;
    font-size: 17px;
    font-family: ThirdFont;
    margin-bottom: 2em;
    height: 20px;
}
.project-desc p.project-desc1{
    color: #303030;
    font-size: 14px;
    font-family: ThirdFont;
    height: 95px;
}
.project-desc h6.project-desc1{
    color: #F58962;
    font-size: 15px;
    font-family: ThirdFont;
    margin-bottom: 2em;
    height: 20px;
}

/* Circular Progress starts */
#container,#container2,#container3 {
  margin: 0px 0 20px 0;
  width: 100%;
  height: 100%;
  position: relative;
}
.data-caption{
    margin:auto;
    font-size: 15px;
    font-family: ThirdFont;
    text-align: left;
}
.data-caption.project-desc1{
    margin:auto;
    font-size: 11px;
    font-family: ThirdFont;
    text-align: left;
}
.data-caption strong{
    color: #ED806A;
}
.data-link{
    background-color:#EC6E61;
    color: #fff;
    font-family: ThirdFont;
    text-align: center;
    border-radius: 5px;
    padding-bottom: 8px;
}
.data-link1{
    padding: 5px;
    background-color:#EC6E61;
    color: #fff;
    font-family: ThirdFont;
    text-align: center;
    border-radius: 5px;
    padding-bottom: 8px;
    font-size: 12px;
}
 img.comma-img{
    width: auto;
    height: 50px;
 }
.poject-data{
    margin-top: 1em;
}
.text-center .data-caption{
    text-align: center;
    display: inline-block;
    margin: 0 5px;
}
/* Circular Progress close */

/* ------------------------ */
/* Projects Section close */
/* ------------------------ */



/* -------------------------- */
/* Follow Banner Section starts */
/* -------------------------- */
.Fbanner-section{
    /*     background-image: linear-gradient(to right top, rgb(98, 74, 73), rgba(98, 74, 73, 0.63)), url(../images/Backgrounds/1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0% 85%; */
}
.Folloew-container{
    padding: 0px 70px;
}
.banner-desc{
    text-align: center;
}
.banner-desc p, .tegline{
    font-size: 24px;
    font-family: ThirdFont;
    color: #fff;
    text-align: center;
}
.tegline p{
    text-align: right;
}
.text-left span , .text-right span{
    color: #F58962;
    font-size: 5em;
}
.head-line h6{
    font-size: 26px;
    color: #9F3C32;
    display: inline-block;
    font-family: ThirdFont;
}
.head-line h6::after, .head-line.text-center h6::after{
    content: "";
    display: block;
    height: 3px;
    width: 100%;
    background: #9F3C32;;
    margin-top: 10px;
}
.head-line.text-center h6{
    color: #303030;
    margin-bottom: 2em;
}
.head-line.text-center h6::after{
    background: #FF9F7A;;
    width: 70%;
    margin: auto;
    margin-top: 10px;
}

/* -------------------------- */
/* Follow Banner Section close */
/* -------------------------- */


/* ----------------------------- */
/* cntact us section starts */
/* ----------------------------- */

.contact-container{
    margin: auto;
    text-align: center;
}
.footer-contact-container{
    text-align: left;
    margin-top:10px ;
}

.contact-container> p{
    font-family: ThirdFont;
    font-size: 20px;
    margin-bottom: 8px;
}
.contact-container a{
 /*    font-family: ThirdFont;
    font-size: 17px;
    background-color: #EC6E61;
    border-radius: 30px;
    padding: 5px 10px; */
    color: #fff;

}
.contact-container div i{
    color: #000000;
    font-size: 25px;

}
.contact-container div span{
    color: #fff;
    font-family: FirstFont;
    padding: 1px 5px;
}
.bordered{
    border-left: 2px solid #DC695A;
}

/* ----------------------------- */
/* cntact us section close */
/* ----------------------------- */

/* ------------------------------- */
/* Partners Section starts */
/* ------------------------------- */
.prtner-img{
    margin: auto;
    text-align: center;
}
.prtner-img img{
    /* min-height: 200px; */
    width: auto;
}
/* ------------------------------- */
/* Partners Section starts */
/* ------------------------------- */


/* ------------------------------- */
/* Footer section starts */
/* ------------------------------- */
.footer-section{
    background-color: #fff;
    padding: 0;
    direction: ltr;
}
.footer-container{
    margin: auto;
}
.footer-container h6{
    font-family: ThirdFont;
    color: #101010;
    font-size: 16px;
    margin-bottom: 2em;
    text-align: left;
}
.footer-container ul li{
    margin-bottom: 1em;
}
.footer-container ul li a{
    color: #101010;
    font-size: 13px;
    font-family: ThirdFont;
    text-align: left;
    font-weight: normal;
    display: block;
}
.footer-logo{
    margin: auto;
    font-weight: bold;
    padding: 1em 1em;
    text-align: left;
    /*background-image: url('../images/3.png');
    background-repeat-x: repeat;
    background-repeat-y: no-repeat;
    background-size: 15px 10px;
    background-position: bottom;*/
}
.footer-logo img{
    width: auto;
    width: 120px;
}
.map-img{
    margin-top: -45px;
}
ul.socila-links{
    margin: auto;

}
ul.socila-links li{
    display: inline-block;
    margin: 10px 6px;
    float:right;
}
ul.socila-links li a{
    font-size: 15px;
    color: #F7A175;
    background-color: #EEF2F4;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
}
.footerimg{
    margin-bottom: 2em;
}
.BottmBar span{
    
}
.BottmBar{
    padding: 15px;
    text-align: left;
}
.more-padding{
    padding: 0 50px
}
.footer-container-9{
    padding: 1em 0;
}
/* ------------------------------- */
/* Footer section close */
/* ------------------------------- */


/* ------------------------------- */
/* joinus-section starts */
/* ------------------------------- */
.joinus-section{
    margin: auto;
    background-image: url(../images/Backgrounds/2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: 5em;
    margin-bottom: 4em;
    height: 40vh;
    vertical-align: middle;
    display: flex;
    align-items: center;
    flex: 1;
}
.join-bttn{
    margin: auto;
    text-align: center;
}
.join-bttn a{
    background-color: #fff;
    padding: 5px 30px;
    border-radius: 30px;
    color: #ED806A;
    font-size: 25px;
    font-family: ThirdFont;
}
.heading{
    color: #fff;
    text-align: left;
    font-family: ThirdFont;
    font-size: 50px;
    margin: auto;
}
.container-padd{
    padding:0px 15px;
}
.w-100{
    width: 100% !important;
}
.disp-flex{
    display: flex;
    flex-wrap: wrap;
}
/* ------------------------------- */
/* joinus-section close */
/* ------------------------------- */

/*umair stlye*/
.fixedHeader{
    /*background-color:#fff;*/
    position:fixed;
    width:1140px !important;
    z-index: 2;
    max-width: 100%;
}
nav.navbar.header-nabaer {
    /* background-color: #fff !important; */
    margin: 0!important;
}
.main-sliderSection{
  top: 135px;
}
.eventItemType1 {
    max-width: 95%;
    min-height: 400px !important;
    /* border: 2px solid #f7a27d; */
    padding: 11px;
}
.head-right{
    display: inline-block;
    width: 100%;
    text-align: center;
}
/* .float-right {
    width: 98%;
} */
.removeContainer{
padding:15px;
}
.repeat-section-new{
    margin-top: 12em;
    display: inline-block;
    width: 100%;
}
@media only screen and (max-width: 767px) {
 .fixedHeader{
      position: static;
      width:100% !important;
 }
 .repeat-section-new{
    margin-top: 2em;
 }
 .main-sliderSection {
    top: 0px;
}
.padding-layer {
    padding: 10px 0;
}

   .cards-container {
        margin-bottom: 5em !important;
        display: inline-block;
        width: 100%;
    }

}







/*section.repeat-section-new.repeat-section.cards-section .Flex{
    flex-wrap: inherit !important;
}

section.repeat-section.Projects-Section .disp-flex{
  flex-wrap: inherit !important;
}*/
.col-sm-4 {
width: 33% !important;
}


.myCustomPage .l-wrap .row > .col-md-4 {
    width: 33% !important;
}

@media(max-width: 1200px){
    .fixedHeader {

    position: initial;
    }
    .fixedHeader ~ .padding-layer {
        padding: 50px 0;
    }
    .main-sliderSection {
        top: 0;
    }
    .header-nabaer .navbar-nav>li>a {
    position: relative;
    font-size: 11px;
    }
}
@media(max-width: 991px){

    .header-nabaer .navbar-nav>li>a {

    font-size: 10px;
    padding: 5px;
    }
}

@media(max-width: 768px){
    .col-sm-4 {
        width: 100% !important;
    }
    .c-nav-menu li:hover > ul {
        opacity: 0 !important;
        visibility: hidden !important;
        transform: translateY(20px)!important;
        -ms-transform: translateY(20px)!important;
        -webkit-transform: translateY(20px)!important;
    }
    .c-nav-menu>li:hover>ul>li:hover>ul {
        max-height: inherit;
        overflow-y: initial !important;
    }
    nav .c-nav-menu ul{
        display: none;
    }
    div#myNavbar .navbar-nav.navbar-right.c-nav-menu li a {
        font-size: 16px;
        padding: 18px;
    }
    nav a:hover, .topbar ul ul a:hover{
        color: #000 !important
    }
     div#myNavbar .navbar-nav.navbar-right.c-nav-menu li a i {

        font-size: 20px;
        line-height: 23px;
    }
    li.treeview.menu_active {
        background: #f18861;
    }
    li.treeview.menu_active > a{
        color: #fff !important
    }
    .myCustomPage .l-wrap .row > .col-md-4 {
      width: 100% !important;
    }

    ul.nav.navbar-nav.c-nav-menu li {
        float: none !important;
    }
    .topbar-container.topbar-links ul.nav.navbar-nav.c-nav-menu {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

}
img{
    max-width: 100% !important
}

@media(max-width: 640px){
    ul.nav.navbar-nav.c-nav-menu li {
        float: none !important;
    }
    .topbar-container.topbar-links ul.nav.navbar-nav.c-nav-menu {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .topbar-container.topbar-links ul.nav.navbar-nav.c-nav-menu li:last-child{
        margin-right: auto !important
    }

    
}


li.treeview.menu_active > ul {
    opacity: 1!important;
    visibility: visible!important;
    transform: translateY(0)!important;
    left: 0;
    top: 59px;
    display: block !important;
    width: 100% !important;
    background: #2f2f2f;

}
li.treeview.menu_active > ul > li > a{
    color: #fff !important
}

li.treeview.menu_active > ul > li.treeview.menu_active{
    background: #bf6747 !important;
}
li.treeview.menu_active > ul > li.treeview.menu_active > ul{
    background: #bf6747 !important;
}

li.treeview.menu_active > a{
        color: #fff !important;
}


.myCustomPage {
    padding: 30px;
}
.myCustomPage h3.heading__primary.wrapper-line-heading {
    font-weight: bold !important;
    text-shadow: -1px 0px, -1px 1px, -1px 2px, 0px 0px;
    background: #fbf6f6;
    padding: 20px;
    padding-bottom: 30px;
}
.myCustomPage .wrapper-line-heading:before, .myCustomPage .custom-h h3:before {

    width: 80px;
    border-top: 4px solid #FA8072;
    bottom: -5px;

}
.myCustomPage p.p-color {
    text-shadow: -1px 0px, -1px 0px, -1px 0px;
    margin-top: 15px;
}
.myCustomPage ul {
    padding: 15px;
    /*background: #fbf6f6;*/
}
.myCustomPage ul li {
    margin: 15px 0;
    position: relative !important;
}
.t-list ul li:before {

    position: absolute !important;
    left: -20px !important;
}
.p-color {
    color: #f18861 !important;
}
/*
@media (min-width: 992px){
    .container {
        width: 95%;
    }
}*/

.header-nabaer .navbar-nav>li>a {
    padding: 10px 12px;
}

/***********contact us***start Here*************************/
body {
    background: #fff url(../images/bg1.jpg);
    overflow-x: hidden;
}
/* body > .container{
    background: #fff
} */
.padding-layer {
    background: #fff;
}
.bottomBar{
    background: #fff
}
.Bank-Wrapper .people-Moda {
    height:100%
}
/**********banks****************************************/
.Bank-Wrapper .people-Moda,
.laws-Wrapper .people-Moda
{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.Bank-Wrapper .people-Moda:hover,
.laws-Wrapper .people-Moda:hover{
    transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);

}
.Bank-Wrapper{
    direction: ltr;
}
.a-Number-Account > strong{
    margin-bottom: 10px;
    display: block;
    background: #f1f1f1;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 10px;
}
.a-Number-Account > div{
    margin: 20px 0;
}
.a-Number-Account > div span{
    padding: 10px;
    border: 2px solid #ddd;
    border-radius: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.a-Number-Account > div span:hover{
    background-color: #f58962;
    border-color: #f58962;
    color: #fff;
}
.a-Number-Account > div span:last-child {
    margin-right: 0px;
}
.a-img-Bank {
    height: 145px;
    margin-bottom: 14px;
    border-bottom: 2px solid #ddd;
    padding: 0 90px;
    padding-top: 20px;
    text-align: center;
}


.a-img-Bank img{
    width: 60%;
    margin: 0 auto!important;
}


.fixedHeader {
    box-shadow: 0 0 10px #ddd;
    z-index: 999;
}

.navbar {
    border-radius: 0;
}
.Bank-Wrapper ul li > strong{
    font-size: 19px;
}

/***********laws*********************/

.Laws-Page a{
color: #333;
}
.Laws-Page{
    padding-bottom: 0;
}

.a-2img-laws{
    padding: 0;
    margin-bottom: 14px;
    border-bottom: 0;
}
.a-2img-laws > a {
    display: block;
    padding-bottom: 10px;
    text-align: center;
}
.a-2img-laws > a img
{
    width: 170px;

}
.a-4img-laws{
    text-align: center;
    margin-bottom: 14px;
}
.a-4img-laws img{width: 120px;}

.a-3img-laws img{
    width: 250px;
    margin: 0 auto;
    display: block;
}


.a-svg-laws img{
    width: 100px;
    margin: 0 auto;
    display: block;
    margin-bottom: 15px;
    margin-top: 10px;
}


.laws-Wrapper .a-img-Bank {
    height: auto;
    margin-bottom: 14px;
    border-bottom: 0;
    padding: 20px 40px 15px 40px;
    text-align: center;
}
.section2Laws .people-Moda{
    padding-top: 30px !important;
}

.laws-Wrapper .a-Number-Account > strong:hover,
.downloadPdf:hover{
    background-color: #f58962;


}

.laws-Wrapper .a-Number-Account > strong:hover a,
.downloadPdf:hover a
{
    color: #fff;
}
.a-4img-important {
    text-align: center;
}
.a-4img-important a img{
    width: 310px;
    margin-bottom: 10px;
}



.links-important-Wrapper .a-img-Bank a img{
    width: 95px
}
.important-Img-3{ width: 158px !important;}



.downloadPdf a{
    color: #333
}
.downloadPdf a img{
width: 36px;
}
.main_shadow {

    background: #fff;
}
.studies-Wrapper .p-bold{
  font-size: 14px;
}

.downloadPdf {
    border: 2px solid #ddd;
    border-radius: 10px;
    padding: 4px 0;
    width: 195px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
}
/**********events*******************/
.events-Wrapper .people-Moda {
    text-align: center;
}
.events-Wrapper .people-Moda p{
    margin: 17px 0;
    text-align: center;
}

.events-Wrapper .people-Moda a {
    color: #333;
    border: 2px solid #ddd;
    padding: 10px 20px;
    border-radius: 10px;
    margin: 10px 0 20px 0;
}
.events-Wrapper .people-Moda a:hover,
.all-news .people-Moda> a:hover{
    border-color: #f58962;
    background: #f58962;
    color: #fff;


}
/* .carousel-inner img{
    max-height: 300px;
} */
.details-events-Wrapper .people-Moda1 {
    overflow: hidden;
    border: 4px solid #cacaca;

}
.details-events-Wrapper .people-Moda1 img,
.img-News img
{
    /* rotate(0deg) */
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}


.details-events-Wrapper .people-Moda1 img:hover,
.img-News img:hover{
    /* rotate(15deg) */
    -webkit-transform:  scale(1.3);
    transform:  scale(1.3);
}
/******************/

.all-news .people-Moda{
    height: 100%;
    min-height: 425px;

}
.details-news .people-Moda{
    height: auto

}
.img-News {
    overflow: hidden;

}

.items-News{
    font-size: 14px;
    color: #8a8a8a;
    margin: 10px 10px 5px 5px;

}
.all-news i {
    color: #DC695A;
    font-size: 17px;
    margin-right: 5px;
}
.all-news .people-Moda> a{
    border: 2px solid #e4e4e4;
    padding: 10px;
    text-align: center;
    margin: 10px 0 20px 0;
    border-radius: 10px;
    color: #333;


}
.all-news .people-Moda .p-bold a{
    color: #333;
}
 .News-time-date :nth-child(2){
     direction: rtl;
 }
/*************details news******************/
.details-news .people-Moda{
    padding: 15px;
}

.details-news .people-Moda p {
    font-size: 18px;
    font-weight: normal;
    margin: 10px 0;
}
.text-NewsRATED{
font-size: 20px;
margin-top: 0;
border-bottom: 2px solid #ddd;
padding-bottom: 15px;
margin-bottom: 16px;
}

/*******Number-statics*****************************/
.Number-statics .lanelPage{
    text-align: center;
    direction: ltr;
    font-weight: bold;
}
.Number-statics .lanelPage span:first-child{

    font-size: 23px;
    margin-top: 0;
}
.Number-statics .lanelPage span:last-child{

    margin: 15px 0 40px 0;
    color: #f58962;
    font-size: 19px;
    margin-left: 10px;
}


.section-statics-1 h6{
    text-align: left;
    padding: 0 0 15px 15px;
    border-bottom: 2px solid #ddd;
    font-size: 23px;
    margin-bottom: 30px;
    letter-spacing: 2px;
}
span.counter {
    color: #f58962;
    font-size: 28px;
    font-weight: bold;
    padding: 5px;
    background: #f58962right 33 top 50%;
}
.item-statics{
 direction: ltr;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    padding: 10px;
    height: 100%;
    /* text-align: center; */
}
/* .item-statics-Number {
   text-align: center;
} */
.content-statics{
    margin-top: 10px;
    font-size: 16px;
}
.item-statics-Number span:last-child{
    font-size: 18px;
    font-weight: bold;
    margin-left: 5px;
}

/***********who7***********************************/
.who-pic-right{
    background-color: #F58962;
    height: 538px;
}

.page-who{
    direction: ltr;
    padding: 0 15px;
}

.section-who >div {
    color: #9b9b9c;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 7px;
}
.section-who h6 {
    font-size: 25px;
    text-align: left;
    padding: 0 0 15px 0;
    margin: 0 0 10px 0;
    border-bottom: 2px solid #ddd;
    color: #f58962;
}

.subTileWho >div{
    color: #9b9b9c;
    font-size: 22px;
    font-weight: bold;
}

.subTileWho > h6{
    color: #f58962;
    font-size: 17px;
}

.subTileWho {
    display: inline-block;
    margin-right: 20px;
}
.subTileWho:last-child{
    margin-right: 0;
}
.list-itemwho {
    margin: 15px 0;
    position: relative;
    color: #737171;
    font-size: 14px;
    line-height: 1.8;
    font-weight: 700;
    display: inline-block;
    width: 95%;
}
.bollets-list {
    margin-right: 15px;
    font-size: 26px;
    width: 10px;
    height: 10px;
    background: #FA8072;
    border-radius: 10px;
    display: inline-block;
    vertical-align: text-top;
}

.list-who h3 {
    padding-bottom: 17px;
    /* border-bottom: 1px solid #ddd; */
    color: #f58962;
    font-weight: bold;
    margin-top: 30px;
    background: #f58962right 30 top 50%;
    padding: 15px;
    font-size: 20px;
}
/************org**************************/
.w-280{
    width: 280px !important
}
.all-strategy .custom-w{
    width: 200px;
    margin: 0 auto;
}

.wrapper-Item-Str {
    text-align: center;
    display: block;
}
.Item-Str {
    background: #f58962right 40 top 50%;
    width: auto;
    margin: 0 auto;
    font-size: 18px;
    border-radius: 10px;
    padding: 10px;
    color: #f58962;
    font-weight: bold;
    margin-bottom: 35px;
}

/* .org-Green{
    background: #6b9c6c;
    color: #fff;
} */
/* .org-Blue{
    background: #6e85e0;
    color: #fff;
}

.org-yellow{
    background: #f8b864;
    color: #fff;
}
.org-nve{
    background: #31708f;
    color: #fff;
} */


.org-orange{
    background: #f58962;
    color: #fff;
}
.org-orange-1{
    background: #ffb093;
    color: #fff;
}
.org-gray{
    background: #eef2f4;
    color: #4E4E4E;
    border: 1px solid #ddd;
}

.org-gray-1{
    background: #eef2f4;
    color: #4E4E4E;
    border: 1px solid #ddd;
}
.org-gray-2{
    background: #f5f5f5;
    color: #4E4E4E;
    border: 1px solid #ddd;
}
.org-gray-3{
    background: #f7f7f7;
    color: #4E4E4E;
    border: 1px solid #ddd;
}


 .a-mt-2 {
    margin-top: 10px !important;
}
.a-mt-3 {
    margin-top: 15px !important;
}
.a-mt-4 {
    margin-top: 20px !important;
}
.a-mt-5 {
    margin-top: 30px !important;
}
.a-mb-3{
    margin-bottom:  15px !important;
}
/*************992px****************/
@media (min-width: 1200px){
body > .container{
    width: 1170px;
}
.fixedHeader{
    width: 1170px;
}
.all-strategy .a-d-flex  {
    direction: ltr;
    display: flex;
    justify-content: center;
}
.a-d-flex .wrapper-Item-Str{
    margin-right: 10px;
}

.mr-4{
    margin-left: 10px;
}

}

@media (min-width: 992px){
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: left;
    }
.a-fixedHeader{
    /*display: flex;*/
    direction: ltr;

}
.laws-Wrapper .people-Moda{
    height: 246px;
    padding-top: 50px;
}
.laws-Wrapper .a-fixedHeader{
    margin-bottom: 20px;
}
.links-important-Wrapper .a-2img-laws > a img{
    width: auto;
}

.studies-Wrapper .people-Moda{
    height: 210px !important;
    }
    .studies-Wrapper .people-Moda{
        position: relative;
    }
    .studies-Wrapper .downloadPdf{
        position: absolute;
        bottom: 10px;
        right: 0;
        left: 0;
    }
    .img-News {

       /*  height: 145px; */
    }
    .Bank-Wrapper .a-fixedHeader {
        margin-bottom: 25px;
    }
    .details-events-Wrapper .people-Moda1 {
        height: 200px;
    }
}
@media (max-width: 992px){
    .who-pic-right{
        display: none;
    }
    .a-img-Bank{
        height: auto;
        padding: 0;
        padding-bottom: 10px;
    }
    .all-strategy {
        padding: 0 15px;
    }
    .a-img-Bank img{
        width:35%;
    }
}



.people-Moda .read_more_btn{
    position: absolute;
    bottom: 0;
    left: 30px;
}

.news_description_wrap *{
    font-family:'FrutigerLTArabic'!important;
    line-height: 23px!important;
    margin-right: 0!important;
    margin-left: 0!important;
}


.rtl{
    direction: ltr!important;
}


/***********Cart***************/



.lighter-text {
    color: rgb(171, 176, 190);
}
.main-color-text {
    color: rgb(99, 148, 248);
}

/* 
nav {
    background: rgb(248, 248, 248) none repeat scroll 0 0;
    font-size: 16px;
    padding: 20px 0 40px;
}
nav .navbar-left {
    float: left;
}
nav .navbar-right {
    float: right;
}
nav ul li {
    display: inline;
    padding-left: 20px;
}
nav ul li a {
    color: rgb(119, 119, 119);
    text-decoration: none;
}
nav ul li a:hover {
    color: rgb(0, 0, 0);
}*/
#checkout .container {
    margin: auto;
    width: 80%;
} 

#cart_ul .badge {
    background-color: rgb(99, 148, 248);
    border-radius: 15px;
    box-shadow: -1px 1px 5px rgb(0 0 0 / 10%);
    color: rgb(255, 255, 255);
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    padding: 3px 7px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    position: absolute;
    top: -3px;
    right: -10px;
}
.shopping-cart {
    background: rgb(255, 255, 255) none repeat scroll 100% 0;
    border-radius: 3px;
    float: left;
    margin: 20px 0;
    padding: 20px;
    position: absolute;
    width: 320px;
    top: 40px;
    z-index: 999999;
    left: -20px;
}
.shopping-cart img{
  /*   width:auto!important; */
  width: 70px;
}
.shopping-cart .shopping-cart-header {
    border-bottom: 1px solid rgb(232, 232, 232);
    padding-bottom: 0;
}
.shopping-cart .shopping-cart-header .shopping-cart-total {
    float: left;
}
.shopping-cart .shopping-cart-items {
    padding-top: 20px;
}
.shopping-cart .shopping-cart-items li {
    margin-bottom: 18px;
    box-shadow: 0px 3px 3px #cccccca1;
    border-radius: 10px;
    overflow: hidden;
    padding: 2px 7px;
}
.shopping-cart .shopping-cart-items img {
    float: right;
    margin-left: 12px;
}
.shopping-cart .shopping-cart-items .item-name {
   /*  display: block; */
    font-size: 16px;
    padding-top: 10px;
}
.shopping-cart .shopping-cart-items .item-price {
    color: rgb(99, 148, 248);
    font-size: 12px;
    margin-left: 8px;
}
.shopping-cart .shopping-cart-items .item-quantity {
    color: rgb(171, 176, 190);
    font-size: 13px;
}
.shopping-cart::after {
    -moz-border-bottom-colors: none;
    -moz-border-right-colors: none;
    -moz-border-left-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(255, 255, 255);
    border-image: none;
    border-style: solid;
    border-width: 8px;
    bottom: 100%;
    content: " ";
    height: 0;
    right: 89%;
    margin-right: -8px;
    pointer-events: none;
    position: absolute;
    width: 0;
}
.cart-icon {
    color: rgb(81, 87, 131);
    float: right;
    font-size: 24px;
    margin-left: 7px;
}
#cart_ul .button {
    background: rgb(245 137 98) none repeat scroll 100% 0;
    border-radius: 30px;
    box-shadow: -7px 7px 10px rgb(0 0 0 / 15%);
    color: rgb(255, 255, 255);
    display: block;
    font-size: 16px;
    margin: 7px 15px 0 0;
    padding: 12px;
    text-align: center;
    text-decoration: none;
}
#cart_ul  .button:hover {
    background: rgb(207, 112, 78) none repeat scroll 100% 0;
}
.clearfix::after {
    clear: both;
    content: "";
    display: table;
}

.shopping-cart .button{
    width:100%;
}

#cart_ul{
    position: relative;
    float: left;
}

#cart{
    color: #fff;
    font-family: ThirdFont;
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 5px 10px;
    margin-top: 22px;
    position: relative;
}

.shopping-cart{
display: none;
}


/***********Cart***************/

.header-logo img{
    /* width: 80px;
    padding: 5px; */
}

    .box-model-a .box-icon i{
        color: #fff;  
    }
  .box-model-a .box-icon {
      width: 64px;
      height: 64px;
      background: #F68962;
      border-radius: 64px;
      font-size: 30px;
      line-height: 60px;
      text-align: center;
  }

  .box-model-a .box-title{
      color: #282828;
      font-size: 32px;
  }
  .box-model-a .box-content{
      color: #282828;
      font-size: 16px;
      font-weight: bold;
  }

  h2.titled {
      display: flex;
      width: 100%;
      justify-content: center;
      align-items: center;
      text-align: center;
      color: #282828;
      margin: 10px 0 50px 0;
      direction: ltr;
  }

  h2.titled:after {
      content: '';
      border-top: 2px solid;
      margin:12px 0 0 20px;
      flex: 1 0 20px;
      color: #AEAEAE;
  }

  .project_item{
    text-align: left;
    direction: ltr;
    margin: 20px auto;
    display: flex;
    align-items: start;
    justify-content: space-between;
  }

  .project_title{
    font-size: 20px;
    color: #101010;
    margin-bottom: 20px;
    margin-top: 0;
  }

  .project_description,.project_percentage{
    color:#858585;
    margin: 20px 0;
    font-size: 18px;

  }
  .project_percentage{
    color: #000;
    font-size: 15px;

  }

  .first_column,.second_column{ 
    width: 50%;
  }

  .second_column{ 
    padding-left: 13px;
  }


  .site-btn-outline{
    color: #292929;
    font-family: ThirdFont;
    border: 1px solid #F68962;
    border-radius: 5px;
    padding: 10px 40px;
  }

  .site-btn-outline:hover,.site-btn-outline:active{
    background-color: #F68962!important;
    color: #fff;
  }

  .more_btn{
    font-size: 20px;
    font-weight: normal;
    position: absolute;
    color: #F68962;
    right: 0;
    background: white;
    padding: 6px;
  }

  .more_btn i{
    position: relative;
    top: 5px;
  }

  .section_head{
    font-size: 30px!important;
  }

  .box-model-a{
    margin: 15px 0;
  }