@import url(../fonts/stylesheet.css);
.bold,
h1,
h2,
h3,
h4,
h5,
h6,
.full-nav nav .nav-action .donation,
header .banner.home .container .caption,
#donation .donation-form p,
#donation .donation-form .money,
footer .header .container .donate a.btn,
#testimony .slider-container .slider .slide .image-title .name p {
  font-family: "Droid Arabic Kufi";
  font-weight: bold;
  font-style: normal;
}
html,
body {
  scroll-behavior: smooth;
}
body {
  background-color: #ebebeb;
}
body.white {
  background-color: #ffffff;
}
.btn {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-align: right;
  margin: 0;
}

p {
  font-size: 1.125em;
  margin: 0;
  text-align: right;
}

.english {
  font-family: "Myriad Pro Regular";
}

.normal,
p,div,
.full-nav .nav,
#programs .content .card-pro .hover .btn,
#stories .story-card .share,
#stories .story-card .card-desc .btn,
#careers .career .btn,
#career-detail .career .btn,
#career-detail .career form .form-control,
#training .content .btn,
#contact form .form-control,
#contact form .btn,
#donation .donation-form .checkbox-container,
#donor .donors .persons ul li,
.our-members ul li,
footer .footer-content .info .location p,
#home-programs .content .desc .btn,
#better-life .content .desc .btn {
  font-family: "Droid Arabic Kufi";
  font-weight: normal;
  font-style: normal;
}

.border,
.full-nav nav .nav-action .ham,
.full-nav nav .nav-action .donation,
.full-nav .nav,
header .banner.home .container .caption h1.bg,
#programs .content .card-pro,
#programs .content .card-pro .hover .btn,
#stories
  .modal
  .story-detail
  .story-modal
  .detail-text::-webkit-scrollbar-track,
#stories
  .modal
  .story-detail
  .story-modal
  .detail-text::-webkit-scrollbar-thumb {
  border-radius: 6px;
}
.rtl{
direction: rtl !important;	
}
* {
  direction: rtl;
}

.main-header-box.with-height {
  height: 85px;
}
@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1200px;
  }
}

html {
  font-size: 1em;
}

@media (max-width: 1200px) {
  html {
    font-size: 0.625em;
  }
}

.full-nav {
  width: 100%;
  z-index: 1000;
  position: fixed !important;
  top: 0;
  left: 0;
  z-index: 999;
}
.full-nav nav {
  width: 100%;
  z-index: 99;
}
@media (max-width: 768px) {
  .full-nav nav .navbar-brand img {
    width: 50px;
  }
}
.full-nav nav .social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.full-nav nav .social .fab {
  width: 20px;
  height: 20px;
  color: white;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 3px;
  margin: 0 1px;
  font-size: 10px;
}
.full-nav nav .social .fab.fa-facebook-f {
  background-color: #4668a1;
}
.full-nav nav .social .fab.fa-twitter {
  background-color: #00a9ee;
}
.full-nav nav .social .fab.fa-linkedin-in {
  background-color: #0076b5;
}
.full-nav nav .social .fab.fa-youtube {
  background-color: #ec332b;
}
.full-nav nav .social .fab.fa-instagram {
  background-color: #000000;
}
.full-nav nav .nav-action {
  position: relative;
}
.full-nav nav .nav-action .ham {
  color: white;
  background-color: #c2002f;
}
.full-nav nav .nav-action .donation {
  color: #c2002f;
  background-color: white;
  border: 1px solid #c2002f;
}
.full-nav .nav {
  background-color: #f0f0ed;
  margin-top: 10px;
  display: none;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  padding: 0 10px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .full-nav .nav {
    width: 100%;
    margin-top: 0 !important;
  }
  .full-nav .nav .nav-item {
    padding: 0px !important;
  }
  .full-nav .nav .nav-link {
    padding: 0.5rem 0px;
  }
}
.full-nav .nav.show {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.full-nav .nav .nav-item {
  padding: 0 10px;
}
.full-nav .nav .nav-item .nav-link {
  color: #c2002f;
  font-size: 1.125em;
}
.full-nav .nav .nav-item.dropdown .dropdown-toggle::after {
  display: none;
}
.full-nav .nav .nav-item.dropdown .dropdown-menu {
  border: none;
  background-color: white;
  right: 0;
  margin: 0;
  border-radius: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-right: 2px solid #c2002f;
  top: 113%;
}
.full-nav .nav .nav-item.dropdown .dropdown-menu .dropdown-item {
  text-align: right;
  font-size: 1.125em;
  padding: 5px;
  color: #606060;
}
.full-nav .nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover {
  background-color: transparent;
  color: #c2002f;
}
.banners {
  direction: ltr;
  display: inline-block;
  width: 100%;
  height: 100vh;
}
.banners_slick {
  display: inline-block;
  width: 100%;
}
.banners .banners_slick,
.banners .slick-list,
.banners .slick-track {
  height: 100%;
  direction: ltr;
}
@media (max-width: 768px) {
  .banners_slick .caption{display: none;}
}

header .banner {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 99;
}

.router_home header .banner {
  direction: ltr;
  float: left;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 99;
}

@media (max-width: 768px) {
  .banners {
    height: 300px;
  }
}
header .banner.home {
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media (max-width: 1200px) {
  header .banner.home {
    background-size: cover;
  }
}
@media (max-width: 768px) {
  header .banner.home {
    background-size: contain;
  }
}
header .banner.home .container {
  height: 100%;
}
header .banner.home .container .caption {
  color: #c2002f;
  padding-bottom: 2rem;
  font-size: 34px;
  /* margin-right: auto;text-align: right;*/
}
header .banner.home .container .caption h2 {
  font-size: 2.5rem;
}
header .banner.home .container .caption h3.bg {
  background-color: #c2002f;
  color: white;
  margin-top: 10px;
  padding: 10px 5px;
  font-size: 2.5rem;
}
header .banner .container {
  height: 100%;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
header .banner .container .desc {
  height: 100vh;
  color: white;
  padding-top: 20vh;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

header .banner.blog .container .desc {
  height: 450px;
  color: white;
  padding-top: 20vh;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #c2002f;opacity: 0.7;
}
.clear{clear:both;}
.blog.topText{
padding: 50px 150px;
}
@media (max-width: 768px) {
  .blog.topText{
    padding: 50px 50px;
    }
}
.blog.topText p{
  font-size:25px;
  color: #343a40;
  text-align: center;
  }
.blogsearch{
    margin:0px 50px 50px 50px;
    text-align: center;
}
.blogsearch p{
  text-align: center;
  color: #c2002f;
}
.bloglist{
  margin:0px 50px 50px 50px;
  direction: rtl; text-align: right;
}
.bloglist .list{
  border:solid 1px #343a40;
   margin: 0px; padding: 0px;
   border-radius: 5px;
   box-shadow: 2px 3px  #343a40;
}
.bloglist .list .top_image{
  background-color:#000;
 }
.bloglist .list .top_image img{
  width:100%; border:0px; margin:0px; padding:0px;
}
.bloglist .list .info{
 margin:10px;
}
.bloglist .list .info .title {
  min-height:60px;
}
.bloglist .list .info .title h2{
  font-size:16px;line-height:20px;
 }
 .bloglist .list .info .title h2 a {
  color:#343a40;
  text-decoration: none;
 }
.bloglist .list .info .title h2 a:hover {text-decoration:underline;}
.bloglist .list .info .bdesc{
  margin:15px 0px 0px 0px;
  font-size:14px;line-height:20px;
  min-height:180px;
 }
 .bloglist .list .info .seperate{
  height:1px; background-color: #343a40;
 }
 .bloglist .list .info .more{
  margin:15px 0px 15px 0px;
 }
 .bloglist .list .info .more p{
  text-align: left;
 }
 .bloglist .list .info .more a{
    font-size: 14px;
    color:#c2002f;
    text-decoration:none;
}
.bloglist .list .info .more a:hover{
color:#343a40;
}
 .bloglist .list .info ul{
  margin:10px 0px; padding:0px; 
  list-style-type:none;
 }
 .bloglist .list .info ul li{
  margin:0px; padding:0px;
 }
 .bloglist .list .info ul li.author{
  float: right;
}
 .bloglist .list .info ul li.date{
  float: left;
 }
 .bloglist .list .info ul li p{
  font-size: 12px;
  color: #343a40;
 }
 .bloglist .list0{
  border:solid 1px #343a40;
  box-shadow: 5px 5px 5px #343a40;
   margin: 0px; padding: 0px;
   margin-bottom: 15px;
   border-radius: 5px;
}
.bloglist .list0 .top_image{
  background-color:#000;
 }
.bloglist .list0 .top_image img{
  width:100%; border:0px; margin:0px; padding:0px;
}
.bloglist .list0 .info{ 
  margin:15px; 
}
.bloglist .list0 .info .title {
  min-height:60px;
}
.bloglist .list0 .info .title h2{
  font-size:24px;line-height:30px;
 }
.bloglist .list0 .info .title h2 a {
  color:#343a40;
  text-decoration: none;
 }
.bloglist .list0 .info .title h2 a:hover {text-decoration:underline;}
.bloglist .list0 .info .bdesc{
  margin:15px 0px 0px 0px;
  font-size:16px;line-height:24px;
  color:#343a40;
 }
 .bloglist .list0 .info .seperate{
  height:1px; background-color: #343a40;
 }
 .bloglist .list0 .info .seperate1{
  height:50px;
 }
 .bloglist .list0 .info .more{
  margin:15px 0px 15px 15px; position:absolute; bottom: 0; right:1; left:0;width:100%;
 }
 .bloglist .list0 .info .more p{
  text-align: left;
 }
 .bloglist .list0 .info .more a{
    font-size: 14px;
    color:#c2002f;
    text-decoration:none;
}
.bloglist .list0 .info .more a:hover{color:#343a40;}
.bloglist .list0 .info ul{
  margin:10px 0px; padding:0px; 
  list-style-type:none;
  /* position: absolute;
  bottom: 0;left:10; right:10;
  width:96%; */
 }
 .bloglist .list0 .info ul li{
  margin:0px; padding:0px;
 }
 .bloglist .list0 .info ul li.author{
  float: right;
}
 .bloglist .list0 .info ul li.date{
  float: left;
 }
 .bloglist .list0 .info ul li p{
  font-size: 14px;
  color: #343a40;
 }
.bloglist .list .info .more a:hover{
color:#343a40;
}
.blogdetails{
  margin:0px 150px 50px 150px;
}

.blogdetails .main_image{width:100%; text-align:center; margin: 0 auto;}
.blogdetails .author-date{ display: block;margin:5px 0px; width:100%; font-size:12px;}
.blogdetails .social{margin:15px 0px; direction: rtl; text-align: right;}
.blogdetails .description{margin-top:25px; margin-bottom: 25px; font-size:1em!important;}
.blogdetails .description div,.blogdetails .description p{font-size:1em!important;}
.blogdetails .description img, .blogdetails .description div img,.blogdetails .description p img{width:50%!important;}
.blogdetails .tags{margin-top:25px; margin-bottom: 50px;}
.blogdetails .tags a {display: inline-block; margin:2px; padding: 10px 15px; color:#343a40; background-color:#dedede; font-size: 12px;} 
@media (max-width: 768px) {
  .blogdetails{
    margin:0px 50px 50px 50px;
  }
  .blogdetails .description,.blogdetails .description p,.blogdetails .description div{font-size:1.2em!important; text-align: justify!important;}
  .blogdetails .description img, .blogdetails .description div img,.blogdetails .description p img{width:75%!important;}
}
@media (max-width: 478px) {
  .blogdetails .description img, .blogdetails .description div img,.blogdetails .description p img{width:100%!important;}
}
.bloglist .relatedPost{
  margin:50px 0px 25px 50px;
 }
 

 .author_date .seperate{
  margin-top:15px;
  height:1px; background-color: #ffffff;
 }
.author_date ul{
  margin:15px 0px; padding:0px; 
  list-style-type:none;  display: block;;
 }
.author_date ul li{
  margin:0px; padding:0px;
 }
 .author_date ul li.author{
  float: right;
}
.author_date ul li.date{
  float: left;
 }
 .author_date ul li p{
  font-size: 14px;
  color: #ffffff;
 }
.blogdetails_back{
  margin: 10px 25px 100px 25px;
  text-align: left; direction: ltr;
}
.blogdetails_back .back p{
text-align: center;; margin: 0 auto;;
}




@media (max-width: 768px) {
  header .banner .container .desc {
    height: 500px;
  }
}
header .banner .container .desc .top p {
  font-size: 1.25em;
}
header .banner .container .desc p,
header .banner .container .desc h1 {
  margin: 0;
}
header .banner .container .desc h1 {
  font-size: 2.125em;
}
header .banner .container .desc .go-back {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: #532e6d;
}
header .banner.about .desc {
  background-color: rgba(194, 0, 47, 0.8);
}
header .banner.about .desc .top {
  background-color: #910026;
}
header .banner.services .desc {
  background-color: rgba(71, 42, 93, 0.8);
}
header .banner.services .desc .top {
  background-color: #532e6d;
}

#programs {
  position: relative;
  background-color: white;
}
#programs .back1 {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 1;
}
#programs .title , .new_title .title {
  position: relative;
  z-index: 99;
  text-align: center;
  color: #c2002f;
  font-size: 2.813em;
}
#programs .content {
  position: relative;
  z-index: 99;
}
#programs .content .card-pro {
  height: 300px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  position: relative;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
#programs .content .card-pro .bg-1 {
  background-color: rgba(68, 41, 88, 0.8);
}
#programs .content .card-pro .bg-2 {
  background-color: rgba(38, 121, 113, 0.8);
}
#programs .content .card-pro .bg-3 {
  background-color: rgba(221, 120, 64, 0.8);
}
#programs .content .card-pro .card-title {
  width: 100%;
  margin: 0;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
#programs .content .card-pro .card-title h5 {
  text-align: center;
  color: white;
  font-size: 1.563em;
  margin: 0;
}
#programs .content .card-pro .hover {
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
#programs .content .card-pro .hover .btn {
  font-size: 1.125em;
  padding: 5px 20px;
}
#programs .content .card-pro:hover .hover {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
#programs .content .card-pro:hover .card-title {
  opacity: 0;
}

#stories h6 {
  font-size: 1.25em;
}

#stories .story-card {
  text-align: right;
}
#stories .story-card h3 {
  font-size: 1.875em;
  margin: 0;
}
#stories .story-card p {
  margin: 0;
}
#stories .story-card .share a {
  text-decoration: none;
}
#stories .story-card .share a .fab {
  width: 25px;
  height: 25px;
  color: white;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 1px;
  font-size: 1.1rem;
}
#stories .story-card .share a .fab.fa-facebook-f {
  background-color: #4668a1;
}
#stories .story-card .share a .fab.fa-twitter {
  background-color: #00a9ee;
}
#stories .story-card .share a .fab.fa-youtube {
  background-color: #ec332b;
}
#stories .story-card .share a .fab.fa-youtube {
  background-color: #ec332b;
}
#stories .story-card .share a .fab.fa-whatsapp {
  background-color: #31b946;
}
#stories .story-card .share a .fab.fa-linkedin {
  background-color: #0073b1;
}
#stories .story-card .card-image {
  border-radius: 10px;
  overflow: hidden;
}
#stories .story-card .card-desc .btn {
  border-radius: 10px;
  background-color: #c2002f;
  color: white;
}

#stories .modal {
  background-color: rgba(76, 76, 76, 0.8);
}
#stories .modal .modal-dialog {
  max-width: 100% !important;
  height: 100%;
  margin: 0 !important;
}
#stories .modal .story-detail {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100vh;
  pointer-events: auto;
  position: relative;
}
#stories .modal .story-detail .row,
#stories .modal .story-detail .col-md-8,
#stories .modal .story-detail .col-md-4 {
  height: 100%;
}
@media (max-width: 768px) {
  #stories .modal .story-detail .row,
  #stories .modal .story-detail .col-md-8,
  #stories .modal .story-detail .col-md-4 {
    height: auto;
  }
}
#stories .modal .story-detail .story-modal {
  height: 80%;
  background-color: white;
  border-radius: 10px;
}
@media (max-width: 768px) {
  #stories .modal .story-detail .story-modal {
    overflow-y: scroll;
  }
}
#stories .modal .story-detail .story-modal .modal-side {
  border: none;
}
@media (min-width: 769px) {
  #stories .modal .story-detail .story-modal .modal-side {
    height: 100%;
  }
}
#stories .modal .story-detail .story-modal .modal-side p,
#stories .modal .story-detail .story-modal .modal-side h3,
#stories .modal .story-detail .story-modal .modal-side .share {
  text-align: center;
}
#stories .modal .story-detail .story-modal .modal-side .date p {
  direction: ltr;
}
#stories .modal .story-detail .story-modal .modal-side .program {
  color: #c2002f;
  padding-bottom: 10px;
  border-bottom: 1px solid #c2002f;
  display: table;
  margin: 10px auto;
}
#stories .modal .story-detail .story-modal .detail-text {
  direction: ltr;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
@media (min-width: 769px) {
  #stories .modal .story-detail .story-modal .detail-text {
    height: 100%;
    overflow-y: scroll;
    padding-right: 40px;
  }
}
@media (max-width: 768px) {
  #stories .modal .story-detail .story-modal .detail-text {
    margin-top: 20px;
  }
}
#stories .modal .story-detail .story-modal .detail-text::-webkit-scrollbar {
  width: 10px;
}
#stories
  .modal
  .story-detail
  .story-modal
  .detail-text::-webkit-scrollbar-track {
  background: #e1e1e1;
}
#stories
  .modal
  .story-detail
  .story-modal
  .detail-text::-webkit-scrollbar-thumb {
  background: #707070;
}
#stories
  .modal
  .story-detail
  .story-modal
  .detail-text::-webkit-scrollbar-thumb:hover {
  background: #555;
}
#stories .modal .story-detail .close-btn {
  position: absolute;
  top: 5vh;
  right: 20px;
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  cursor: pointer;
  text-shadow: none;
  padding: 0;
}

.section-title {
  position: relative;
  z-index: 99;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.section-title:before,
.section-title:after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 42vw;
  height: 2px;
  background-color: #c2002f;
}
@media (max-width: 768px) {
  .section-title:before,
  .section-title:after {
    width: 30vw;
  }
}
.section-title:before {
  left: 0;
}
.section-title:after {
  right: 0;
}
.section-title h2 {
  font-size: 2.625em;
  background-color: #ebebeb;
  padding: 0 40px;
  z-index: 99;
}

#careers {
  position: relative;
}
#careers .back1 {
  position: absolute;
  top: -20%;
  right: 0;
  width: 25%;
  z-index: 1;
}
#careers .career {
  text-align: right;
  position: relative;
  z-index: 99;
}
#careers .career h4 {
  font-size: 1.375em;
  color: #c2002f;
}
#careers .career .btn {
  font-size: 1.25em;
  background-color: #c2002f;
  color: white;
  width: 50%;
  border-radius: 10px;
  margin: 0 auto;
}
#careers .no-careers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#careers .no-careers div {
  background-color: #c2002f;
  border-radius: 10px;
  color: white;
  width: 50%;
}
#careers .no-careers div p {
  text-align: center;
}

#career-detail {
  position: relative;
  text-align: right;
}
#career-detail .back1 {
  position: absolute;
  right: 0;
  width: 25%;
  top: -15%;
  z-index: 1;
}
#career-detail .career {
  position: relative;
  z-index: 99;
}
#career-detail .career h4 {
  font-size: 1.375em;
  color: #c2002f;
}
#career-detail .career .btn {
  font-size: 1.25em;
  background-color: #c2002f;
  color: white;
  width: 60%;
  padding: 10px 0px;
  border-radius: 15px;
  margin-right: auto;
}
#career-detail .career form .customfile .inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
#career-detail .career form .customfile label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#career-detail .career form .form-control {
  font-size: 1.125em;
  border-radius: 10px;
  padding: 5px 15px;
  border: 0px;
}
#career-detail .career form textarea {
  max-height: 200px;
  height: 200px;
}
#career-detail .career form .btn {
  color: white;
  background-color: #c2002f;
  border-radius: 10px;
  width: 90%;
  height: 50px;
}
@media (max-width: 768px) {
  #career-detail .career form .btn {
    height: auto;
    margin: 0 auto;
  }
}
#career-detail .career form .recaptcha .g-recaptcha {
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
}

#training {
  position: relative;
}
#training .back1 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 25%;
}
#training img {
  position: relative;
  z-index: 99;
}
#training .content {
  position: absolute;
  top: 50%;
  z-index: 99;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (min-width: 769px) {
  #training .content {
    left: 15%;
    width: 30%;
  }
}
@media (max-width: 768px) {
	.donation-card-main{flex: 0 0 100% !important;
    max-width: 100% !important;}
	.team-card .image img {max-width:100%;border-radius:5px}
	.team-card .image{height:150px !important;}
	.our-members ul li{width:32% !important}
  #training .content {
    position: relative;
    top: auto;
    left: 0;
    width: 100%;
    color: #FFF;
    transform: inherit;
    padding-top: 30px;
  }
}
#training .content p {
  font-family: "Droid Arabic Kufi";
  color: #606060;
  text-align: right;
}
#training .content .btn {
  font-size: 1.25em;
  background-color: #c2002f;
  color: white;
  width: 65%;
  border-radius: 10px;
  display: block;
  margin: 0 auto;
}

#contact {
  position: relative;
}
#contact .container {
  position: relative;
  z-index: 99;
}
#contact .back1 {
  position: absolute;
  bottom: -10%;
  left: 0;
  z-index: 1;
  width: 25%;
}
#contact h5 {
  font-size: 1.563em;
  margin: 0;
  margin-bottom: 5px;
}
#contact p {
  margin: 0;
  line-height: 2;
}
#contact .social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
#contact .social .fab {
  width: 20px;
  height: 20px;
  color: #000;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 3px;
  margin: 0 1px;
  font-size: 16px;
}/*
#contact .social .fab.fa-facebook-f {
  background-color: #4668a1;
}
#contact .social .fab.fa-twitter {
  background-color: #00a9ee;
}
#contact .social .fab.fa-linkedin-in {
  background-color: #0076b5;
}
#contact .social .fab.fa-youtube {
  background-color: #ec332b;
}
#contact .social .fab.fa-instagram {
  background-color: #000000;
}*/
#contact form .form-control {
  border-radius: 10px;
  font-size: 1.125em;
  border: 0px;
  padding: 5px 15px;
}
#contact form textarea {
  max-height: 200px;
  height: 200px;
}
#contact form .btn {
  color: white;
  background-color: #c2002f;
  border-radius: 10px;
  height: 50px;
  font-size: 1.25em;
  margin-right: auto;
  width: 90%;
  padding: 10px 0px;
}
@media (max-width: 768px) {
  #contact form .btn {
    margin: 0 auto;
    height: auto;
  }
}
#contact form .recaptcha .g-recaptcha {
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
}

#donation .head p {
  font-size: 1.25em;
  text-align: center;
}

#donation .head h5 {
  font-size: 1.563em;
  text-align: center;
}

#donation .donation-card {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 10px;
  overflow: hidden;
  height: 350px;
  cursor: pointer;
  position: relative;
}
@media (max-width: 768px) {
  #donation .donation-card {
    height: 250px;
    margin: 10px 0px;
  }
}
#donation .donation-card:hover .hover-donation {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
#donation .donation-card .title-dontation {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-image: -webkit-linear-gradient(
    top,
    transparent 0%,
    rgba(0, 0, 0, 0.5) 80%
  );
}
#donation .donation-card .title-dontation h6 {
  width: 100%;
  text-align: center;
  color: white;
  font-size: 1.375em;
  padding: 10px 0;
  background: #c2002f;
  margin: 0;
}
#donation .donation-card .hover-donation {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  color: white;
  -webkit-transform: translateY(70%);
  transform: translateY(70%);
  left: 0;
  background-color: #c2002f;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
@media (max-width: 768px) {
  #donation .donation-card .hover-donation {
    transform: translateY(80%);
    -webkit-transform: translateY(80%);
    -moz-transform: translateY(80%);
    -ms-transform: translateY(80%);
    -o-transform: translateY(80%);
  }
}
#donation .donation-card .hover-donation h6 {
  font-size: 1.375em;
}
#donation .donation-card .hover-donation p {
  font-size: 1.063em;
}

#donation .donation-options.show .option {
  opacity: 1;
}

#donation .donation-options .option {
  background-color: white;
  border-radius: 10px;
  color: #c2002f;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
#donation .donation-options .option h1 {
  font-family: "GE SS Two Bold";
  font-size: 2.3em;
  margin: 0;
}
#donation .donation-options .option p {
  font-size: 0.875em;
  margin: 0;
}

#donation .donation-form {
  background-color: white;
}
#donation .donation-form p {
  font-size: 1.25em;
  margin: 0;
}
#donation .donation-form .money {
  color: #c2002f;
  border-bottom: 1px solid black;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
#donation .donation-form .money input {
  border: 0;
  color: #c2002f;
  width: 150px;
  outline: 0;
}
#donation .donation-form .money span {
  font-size: 1.75em;
  font-family: "GE SS Two Bold";
}
#donation .donation-form .btn {
  color: white;
  background-color: #c2002f;
  border-radius: 10px;
  height: 100%;
  font-size: 1.25em;
}
#donation .donation-form .checkbox-container {
  display: table;
  position: relative;
  cursor: pointer;
  font-size: 1.125em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0;
  padding-right: 40px;
}
#donation .donation-form .checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
#donation .donation-form .checkbox-container input:checked ~ .checkmark:after {
  display: block;
}
#donation .donation-form .checkbox-container input:checked ~ .checkmark {
  background-color: #c2002f;
}
#donation .donation-form .checkbox-container input:hover input ~ .checkmark {
  background-color: #ccc;
}
#donation .donation-form .checkbox-container .checkmark {
  position: absolute;
  top: 0;
  right: 0;
  height: 25px;
  width: 25px;
  border: 1px solid #c2002f;
  border-radius: 4px;
}
#donation .donation-form .checkbox-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#donor .donors {
  position: relative;
  z-index: 100;
}
#donor .donors .side-title {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #c2002f;
  color: white;
}
@media (min-width: 769px) {
  #donor .donors .side-title {
    border-radius: 10px;
  }
}
#donor .donors .side-title h4 {
  font-size: 1.563em;
  width: 60%;
  margin: 0;
  text-align: center;
}
#donor .donors .images .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;

  justify-content: center;
}

#donor .donors .persons .person {
  font-size: 1.125em;
}
#donor .donors h6 {
  font-size: 1.25em;
}

#partner {
  position: relative;
  z-index: 99;
}
#partner .slider-container {
  background-color: white;
  position: relative;
  z-index: 99;
}
#partner .slider-container .slider,
#partner .slider-container .slick-list {
  direction: ltr;
}
#partner .slider-container .slide {
  padding: 0 20px;
}
#partner .slider-container .slick-dotted.slick-slider {
  margin: 0;
}
#partner .slider-container .slider-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  direction: ltr;
  margin-top: 10px;
}
#partner .slider-container .slider-action .btn {
  -webkit-box-shadow: none;
  box-shadow: none;
}
#partner .slider-container .slider-action .dots-container .slick-dots {
  position: static;
  direction: ltr;
}
#partner .slider-container .slider-action .dots-container .slick-dots li {
  width: 10px;
  height: 10px;
}
#partner
  .slider-container
  .slider-action
  .dots-container
  .slick-dots
  li.slick-active
  .dot {
  background-color: #c2002f;
}
#partner .slider-container .slider-action .dots-container .slick-dots .dot {
  width: 10px;
  height: 10px;
  border-radius: 50px;
  background-color: #898989;
  display: block;
}
#partner .back1 {
  position: absolute;
  right: 0;
  width: 400px;
  top: -200px;
  z-index: 1;
}
#partner .back2 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 200px;
  z-index: 1;
}

.our-members {
  background-color: #e4e4e4;
  z-index: 99;
  position: relative;
}
.our-members ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right;
}
.our-members ul.with-border {
  border-right: 1px solid #c2002f;
}
.our-members ul li {
  font-size: 1.125em;
  line-height: 2.2em;
  width: 24%;
  display: inline-block;
  text-align: center;
}

.team-card {
  z-index: 99;
  position: relative;
}
.team-card .image {
  height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 10px;
}
.team-card .image h5 {
  display: none;
  color: white;
}
.team-card .image.no-image {
  background-color: #c2002f;
}
.team-card .image.no-image h5 {
  display: block;
}
.team-card h5 {
  font-size: 1.563em;
  text-align: center;
}
.team-card p {
  text-align: center;
}

#team {
  position: relative;
}
#team h2 {
  font-size: 2.616em;
}
#team .back1,
#team .back2,
#team .back3 {
  position: absolute;
}
#team .back1 {
  left: 0;
  width: 40%;
  top: -200px;
  z-index: 1;
}
#team .back2 {
  right: 0;
  width: 30%;
  top: 42%;
  z-index: 1;
}
#team .back3 {
  left: 0;
  width: 20%;
  bottom: 0;
  z-index: 1;
}

.divider {
  height: 1px;
  background-color: #cccccc;
}

#faq {
  position: relative;
}
#faq .back1,
#faq .back2 {
  width: 30%;
  position: absolute;
  z-index: 1;
}
#faq .rand-1,
#faq .rand-2,
#faq .rand-3,
#faq .rand-4 {
  width: 35%;
  position: absolute;
  z-index: 1;
}
#faq .back1 {
  top: -5%;
  right: 0;
}
#faq .back2 {
  bottom: 0;
  left: 0;
}
#faq .rand-1 {
  left: 0;
  top: 0;
}
#faq .rand-2 {
  right: 0;
  bottom: 0;
}
#faq .rand-3 {
  left: 0;
  top: 40%;
}
#faq .rand-4 {
  right: 0;
  top: 70%;
}
#faq .card-columns {
  position: relative;
  z-index: 99;
}
#faq .card-columns .card {
  overflow: hidden;
  border: none;
  position: relative;
}
#faq .card-columns .card h5 {
  font-size: 1.375em;
  color: #c2002f;
  position: relative;
  z-index: 99;
}
#faq .card-columns .card p {
  line-height: 2;
  font-family: Droid Arabic Kufi;
  position: relative;
  z-index: 99;
}
#faq .card-columns .card ul {
  padding: 0;
}
#faq .card-columns .card ul li {
  line-height: 2;
  font-size: 1.125em;
  font-family: Droid Arabic Kufi;
  text-align: right;
}

footer .header {
  position: relative;
  z-index: 99;
  background: url("../images/footerimg.png") top no-repeat;
  background-size: cover !important;
  height: 500px;
}
@media (max-width: 768px) {
  footer .header {
    height: 250px;
  }
}
footer .header .container {
  height: 100%;
}
footer .header .container .row {
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
footer .header .container .donate {
  color: #c2002f;
}
footer .header .container .donate h2,
footer .header .container .donate p {
  font-size: 2.014em;
}
footer .header .container .donate a.btn {
  background-color: #c2002f;
  color: white;
  font-size: 1.769em;
  border-radius: 10px;
}

footer .footer-content {
  background-color: #f1f1f2;
}
footer .footer-content .border-footer {
  border-bottom: 1px solid #bcbcbc;
}
footer .footer-content .newsletter p {
  color: #c2002f;
}
footer .footer-content .newsletter input {
  height: 80%;
  border: 1px solid #c2002f;

  font-size: 1.125em;
  font-weight: 400;
  border-radius: 10px;
}
footer .footer-content .newsletter input[type="submit"] {
  margin-top: 0 !important;
}
.pt-10 {
  padding-top: 10px;
}

.flex-row {
  display: flex !important;
  justify-content: center;
  flex-direction: row;
  align-content: center;
  align-items: center;
}
footer .footer-content .nav {
  width: 90%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
footer .footer-content .nav .nav-link {
  padding: 0;
  font-size: 1em;
  font-family: "Droid Arabic Kufi";
  color: #c2002f;
}
footer .footer-content #googleMap {
  width: 100%;
  height: 300px;
}
footer .footer-content .info .location p {
  direction: rtl;
  text-align: right;
}
footer .footer-content .info p {
  direction: ltr;
  text-align: left;
  font-family: "Myriad Pro Regular";
  font-size: 1em;
}
footer .footer-content .info p i.fas {
  margin-right: 10px;
  line-height: 2;
}
footer .footer-content .info .social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media (max-width: 768px) {
  footer .footer-content .info .social {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
footer .footer-content .info .social .fab {
  width: 20px;
  height: 20px;
  color: #000;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 3px;
  margin: 0 1px;
  font-size: 16px;
}/*
footer .footer-content .info .social .fab.fa-facebook-f {
  background-color: #4668a1;
}
footer .footer-content .info .social .fab.fa-twitter {
  background-color: #00a9ee;
}
footer .footer-content .info .social .fab.fa-linkedin-in {
  background-color: #0076b5;
}
footer .footer-content .info .social .fab.fa-youtube {
  background-color: #ec332b;
}
footer .footer-content .info .social .fab.fa-instagram {
  background-color: #000000;
}*/
.send_newsletter {
  margin-top: 5px;
  width: 100%;
}
.full-nav {
  position: relative;
}
.menu-fixed {
  background: #fff;
}
.normal-search {
  width: 0;
  overflow: hidden;
  transition: width 0.5s;
  -webkit-transition: width 0.5s;
  -moz-transition: width 0.5s;
  -ms-transition: width 0.5s;
  -o-transition: width 0.5s;
}
.normal-search.active {
  width: 220px;
}
.menu-fixed .search_form .btn,
.menu-fixed #show-search {
  color: #c2002f !important;
}
.menu-fixed .search_form input {
  border-bottom: 1px solid #c2002f !important;
  color: #c2002f !important;
}
.full-nav .nav-bar {
  z-index: 50;
  position: relative;
}
.full-nav:before {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 120px;
  background: url(../images/shadow1.png) no-repeat center top;
  background-size: cover;
  z-index: 5;
}
.full-nav.router_home1:before {
  height: 326px;
  background: url(../images/shadow.png) no-repeat center center;
}

footer .footer-bottom .nav .nav-link {
  font-family: "Droid Arabic Kufi";
  font-size: 1em;
  color: #444444;
  padding-right: 0;
  padding-left: 2em;
}

footer .copyright {
  color: white;
  direction: ltr;
  background-color: #616161;
}
footer .copyright p {
  text-align: center;
  font-family: "Myriad Pro Regular";
}
footer .copyright a {
  color: #fff;
}
#home-programs,
#better-life {
  background-color: white;
  position: relative;
  text-align: right;
}
#home-programs,
#better-life:before {
  content: "";
  display: block;

  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.9) 30%,
    rgba(255, 255, 255, 0) 100%
  );
  width: 100%;
  height: 100px;
}

#home-programs,
#better-life:after {
  content: "";
  display: block;

  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 1) 30%,
    rgba(255, 255, 255, 0) 100%
  );
  width: 100%;
  height: 100px;
}
@media (max-width: 768px) {
  #better-life:after,
  #better-life::before {
    display: none;
  }
  #better-life h1 {
    margin-top: 10px;
  }
  #better-life {
    padding-bottom: 20px;
  }
}
#home-programs .content,
#better-life .content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media (max-width: 768px) {
  #home-programs .content,
  #better-life .content {
    position: static;
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}
#home-programs .content .desc h1,
#better-life .content .desc h1 {
  font-size: 2em;
  color: #c2002f;
}
#home-programs .content .desc p,
#better-life .content .desc p {
  font-size: 1.563em;

  color: #4b4b4b;
}
#home-programs .content .desc .btn,
#better-life .content .desc .btn {
  background-color: #c2002f;
  color: white;
  border-radius: 10px;
  width: 50%;
}

@media (min-width: 769px) {
  #better-life .content {
    height: 80vh;
  }
  #better-life .content .desc {
    margin-right: auto;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.about-banner {
  position: relative;
  height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  z-index: 99;
}
@media (max-width: 768px) {
  .about-banner {
    height: 500px;
  }
}

#vision,
#message,
#story,
#sevice {
  position: relative;
}
#vision .back1,
#message .back1,
#story .back1,
#sevice .back1 {
  position: absolute;
  left: 0;
  width: 30%;
  top: -25%;
  z-index: 1;
}
#vision h2,
#message h2,
#story h2,
#sevice h2 {
  text-align: center;
  font-size: 2.616em;
  margin: 0;
  position: relative;
  z-index: 99;
}
#vision p,
#message p,
#story p,
#sevice p {
  font-size: 1.563em;
  margin: 0;
  z-index: 99;
  position: relative;
  text-align: center;
}
@media (min-width: 769px) {
  #vision p,
  #message p,
  #story p,
  #sevice p {
    width: 80%;
    margin: 0 auto;
  }
}

#message .back2 {
  right: 0;
  position: absolute;
  width: 30%;
  bottom: -15%;
  z-index: 1;
}

#story img {
  position: relative;
  z-index: 99;
}

#story .content {
  width: 105%;
  position: relative;
  z-index: 100;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
  margin-top: -150px;
}

#testimony {
  background-color: white;
  position: relative;
}
#testimony:before,
#testimony:after {
  position: absolute;
  z-index: 1;
  left: 0;
  width: 100%;
  height: 50%;
  content: "";
}
#testimony:before {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#ebebeb),
    color-stop(15%, transparent)
  );
  background: linear-gradient(to bottom, #ebebeb 0%, transparent 15%);
  top: 0;
}
#testimony:after {
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#ebebeb),
    color-stop(15%, transparent)
  );
  background: linear-gradient(to top, #ebebeb 0%, transparent 15%);
  bottom: 0;
}
#testimony h2 {
  font-size: 2.813em;
  color: #c2002f;
  text-align: center;
}
#testimony .slider-container {
  z-index: 99;
  position: relative;
}
#testimony .slider-container .prev,
#testimony .slider-container .next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (max-width: 768px) {
  #testimony .slider-container .prev img,
  #testimony .slider-container .next img {
    width: 10px;
  }
}
#testimony .slider-container .prev {
  left: 0;
}
#testimony .slider-container .next {
  right: 0;
}
#testimony .slider-container .slider .slick-list {
  direction: ltr;
}
#testimony .slider-container .slider .slick-dots {
  position: relative;
  z-index: 99;
}
#testimony .slider-container .slider .slick-dots li {
  width: auto;
  height: auto;
}
#testimony .slider-container .slider .slick-dots li.slick-active button {
  background-color: #c2002f;
  width: 30px;
}
#testimony .slider-container .slider .slick-dots li button {
  background-color: #898989;
  width: 10px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  padding: 0;
  height: 4px;
}
#testimony .slider-container .slider .slick-dots li button:before {
  display: none;
}
#testimony .slider-container .slider .slide .content {
  position: relative;
}
#testimony .slider-container .slider .slide .content p {
  font-size: 1em;
  color: #c2002f;
  text-align: center;
  font-family: "Droid Arabic Naskh";
  line-height: 1.6;
  position: relative;
  z-index: 99;
}
#testimony .slider-container .slider .slide .content:before,
#testimony .slider-container .slider .slide .content:after {
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 80px;
  height: 80px;
}
@media (max-width: 768px) {
  #testimony .slider-container .slider .slide .content:before,
  #testimony .slider-container .slider .slide .content:after {
    width: 50px;
    height: 50px;
  }
}
#testimony .slider-container .slider .slide .content:before {
  content: "";
  background-image: url("../images/quote-top.png");
  top: -7%;
  right: 0;
}
@media (max-width: 768px) {
  #testimony .slider-container .slider .slide .content:before {
    top: 0;
  }
}
#testimony .slider-container .slider .slide .content:after {
  content: "";
  background-image: url("../images/quote-bottom.png");
  bottom: -7%;
  left: 0;
}
@media (max-width: 768px) {
  #testimony .slider-container .slider .slide .content:after {
    bottom: 0;
  }
}
#testimony .slider-container .slider .slide .image-title .name p {
  font-size: 1.563em;
  color: #c2002f;
}
#testimony .slider-container .slider .slide .image-title .image {
  position: relative;
}
#testimony .slider-container .slider .slide .image-title .image:before {
  position: absolute;
  content: "";
  bottom: -10px;
  left: -10px;
  border-radius: 10px;
  z-index: 1;
  width: 100%;
  background-color: #c2002f;
  height: 100%;
}
#testimony .slider-container .slider .slide .image-title .image img {
  border-radius: 10px;
  position: relative;
  z-index: 2;
}

.year-report {
  position: relative;
}
.year-report .back1 {
  position: absolute;
  left: 0;
  width: 25%;
  top: 0;
  z-index: 1;
}
.year-report .report {
  border: 2px solid #c2002f;
  border-radius: 10px;
  position: relative;
  z-index: 99;
  background-color: white;
}
@media (min-width: 769px) {
  .year-report .report {
    width: 50%;
    margin: 0 auto;
  }
}
.year-report .report .image {
  overflow: hidden;
  border-radius: 10px;
}
.year-report .report p {
  font-size: 1.875em;
  color: #c2002f;
  text-align: center;
}
.year-report .report p span {
  margin-right: 5px;
  font-family: "GE SS Two Bold";
}

#service {
  position: relative;
}
#service .back1 {
  position: absolute;
  left: 0;
  width: 30%;
  top: 0;
  z-index: 1;
}
#service .service-container {
  z-index: 99;
  position: relative;
}
#service .service-container .service-card {
  overflow: hidden;
  height: 350px;
  border-radius: 10px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
@media (max-width: 768px) {
  #service .service-container .service-card {
    height: 200px;
  }
}
#service .service-container .service-card .caption {
  color: white;
  background-color: rgba(71, 42, 93, 0.8);
  width: 100%;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#service .service-container .service-card .caption h5 {
  font-size: 1.2em;
  text-align: center;
}

.video {
  position: relative;
  z-index: 99;
}
.video .back {
  position: relative;
  z-index: 2;
  height: 600px;
  border-radius: 20px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
}
@media (max-width: 768px) {
  .video .back {
    height: 250px;
  }
}
.video .back .video-player {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.video .back .video-player iframe {
  width: 100%;
  border: none;
  height: 100%;
}
.video .back .video-player .close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 99;
}
.video .back .video-player .close-btn .fas {
  font-size: 2em;
  color: white;
}
.video .back .btn {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.video .back .btn i.fab {
  font-size: 4em;
  color: white;
}
.video .caption {
  position: relative;
  z-index: 1;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: rgba(176, 176, 176, 0.7);
  color: White;
}
.video .caption p {
  font-size: 1.25em;
  text-align: right;
  width: 100%;
}

section .work {
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 750px;
}
@media (max-width: 768px) {
  section .work {
    height: 300px;
  }
}
section .work:before,
section .work:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
}
section .work:before {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#ebebeb),
    color-stop(30%, transparent)
  );
  background: linear-gradient(to bottom, #ebebeb 5%, transparent 30%);
}
section .work:after {
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#ebebeb),
    color-stop(30%, transparent)
  );
  background-image: linear-gradient(to top, #ebebeb 5%, transparent 30%);
}
section .work .container {
  position: absolute;
  z-index: 99;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
section .work .desc .content {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.4);
  color: white;
}
section .work .desc .content h4 {
  font-size: 1.7em;
  line-height: 1.5;
}
section .work .desc .content p {
  font-family: "Droid Arabic kufi";
  line-height: normal;
  font-size: 1.1em;
}
section .work .desc .content .btn {
  color: white;
  background-color: #c2002f;
  border-radius: 10px;
  font-family: "Droid Arabic kufi";
}

.statistics .statistic-card {
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 10px;
  color: #c2002f;
  position: relative;
  height: 150px;
}
@media (max-width: 768px) {
  .statistics .statistic-card {
    height: 100px;
  }
}
.statistics .statistic-card .card-content {
  position: absolute;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.statistics .statistic-card p {
  font-size: 1em;
}
.statistics .statistic-card .number p {
  font-size: 3.5em;
  font-family: "GE SS Two Bold";
  line-height: 0.6;
}
@media (max-width: 768px) {
  .statistics .statistic-card .number p {
    font-size: 2.5em;
  }
}
.statistics .statistic-card .adobe-text p {
  text-align: center;
  font-size: 2em;
  font-family: "adobe arabic";
  line-height: 0.8;
}
@media (max-width: 768px) {
  .statistics .statistic-card .adobe-text p {
    font-size: 1.4em;
  }
}

.service-em .card-em {
  height: 350px;
  border-radius: 20px;
  position: relative;
  cursor: pointer;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}
@media (max-width: 768px) {
  .service-em .card-em {
    height: 250px;
	width:120%;
    margin-right: -10%;
  }
}
.service-em .card-em:hover .description {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.service-em .card-em .description {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: white;
  text-align: center;
  background-color: rgba(84, 50, 110, 0.95);
  -webkit-transform: translateY(77%);
  transform: translateY(77%);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  padding: 30px;
}
@media (max-width: 768px) {
  .service-em .card-em .description {
    -webkit-transform: translateY(74%);
    transform: translateY(74%);
  }
}
.service-em .card-em .description h6,
.service-em .card-em .description p {
  text-align: center;
  width: 100%;
}
.service-em .card-em .description h6 {
  margin-bottom: 30px;
}


.health-videos .video .back {
  height: 350px;
}
.displaynone {
  display: none;
}
.vError {
  border: 1px solid red !important;
}
.FormResult {
  color: green;
  text-align: right;
}
.form-error {
  color: red;
  font-size: 12px;
  width: 100%;
  display: inline-flex;
}
.success {
  text-align: right;
  width: 100%;
  display: inline-block;
}
.banners {
  direction: ltr;
}

.dir_p p {
  direction: ltr;
}
.bg_before {
  position: relative;
}
.bg_before .container {
  z-index: 50;
  position: relative;
}
.bg_before:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.place-card .place-card-large {
  display: none !important;
}
.overflow-h {
  overflow: hidden;
}
#googleMap1 {
  margin-top: -40px !important;
}
.tac {
  text-align: center;
}
.linked_in {
  background-color: #0076b5;
  width: 20px;
  height: 20px;
  color: white;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 3px;
  margin: 0 1px;
  font-size: 10px;
}

.top-burger i {
  font-size: 22px;
}

.ltr {
  direction: ltr !important;
}
.search_form .btn,
#show-search {
  color: white;
}
.search_form {
  width: 220px;
}
.search-responsive.active {
  height: 40px;
}
.search-responsive {
  height: 0;
  overflow: hidden;
  transition: height 0.5s;
  -webkit-transition: height 0.5s;
  -moz-transition: height 0.5s;
  -ms-transition: height 0.5s;
  -o-transition: height 0.5s;
}
.search_form input {
  font-size: 10pt;
  border: 0;
  background-color: transparent;
  border-bottom: 1px solid white;
  border-radius: 0 !important;
  font-family: "Droid Arabic Kufi";
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
}
@media (max-width: 768px) {
  .search_form input {
    width: 100px;
  }
}
.search_form input::-webkit-input-placeholder {
  color: #fff;
}

.search_form input:-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
}

.search_form input::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
}

.search_form input:-ms-input-placeholder {
  color: #fff;
}
.search_form input:focus,
.search_form input:active {
  outline: none;
  color: #fff;
  background-color: transparent !important;
}

.search_form:hover .icon {
  color: #93a2ad;
}

.slick-dots {
  bottom: 5px !important;
}
.slick-dots li button:before {
  opacity: 0 !important;
}
header .slick-dots li {
  width: 10px !important;
  height: 10px !important;
  background: #c2002f !important;
  border-radius: 50px;
}
header .slick-dots li.slick-active {
  background: #fff !important;
}
.donation_input input {
  border: 0;
  border-bottom: 1px solid #000;
  width: 100%;
  background-color: transparent;
  margin: 25px 0;
}
.donate_now:hover
{
	color:#c2002f !important;
	background:#FFF !important;
}
.slick-prev , .slick-next
{
	z-index:5000 !important;
}
.slick-prev:before, .slick-next:before
{
	font-size: 45px !important;
	
    color: #c2002f !important;
}
.slick-next
{
	right:15px !important;
}
.slick-prev
{
	left:35px !important;
}
@media (max-width: 768px) {
.slick-prev:before, .slick-next:before
{
	font-size: 30px !important;
}	
}
.ffont{font-family:Droid Arabic Kufi}

.back {
    background-color: #c2002f;
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border:solid 1px #fff;
}
    .back a {
        color: #fff;
        text-decoration: none;
        text-align: center;
        display: block;
        width: 100%;
        height:100%;
    }
    .back:hover {
        background-color: #fff;
        border: solid 1px #c2002f;
    }
.back a:hover{
    color: #c2002f;
    text-decoration:none;
}
.storyType {
    border: solid 1px #fff;
    padding: 2px 10px;
    margin-top:2px;
    border-radius: 10px;
    display: inline-block;
}
.storyType span {
    font-size:14px;
    color:#212529;
}
.clear{

    clear:both;

}
.videolist {
  position: relative;
  z-index: 99;
}
.videolist .back {
  position: relative;
  z-index: 2;
  height: 300px;
  border-radius: 20px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
}
@media (max-width: 768px) {
  .videolist .back {
    height: 250px;
  }
}
.videolist .back .video-player {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.videolist .back .video-player iframe {
  width: 100%;
  border: none;
  height: 100%;
}
.videolist .back .video-player .close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 99;
}
.videolist .back .video-player .close-btn .fas {
  font-size: 2em;
  color: white;
}
.videolist .back .btn {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.videolist .back .btn i.fab {
  font-size: 4em;
  color: white;
}
.videolist .caption {
  position: relative;
  z-index: 1;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: rgba(176, 176, 176, 0.7);
  color: White;
}
.videolist .caption p {
  font-size: 1.25em;
  text-align: right;
  width: 100%;
}
#stories .card-desc p{
margin-top:7px;
}