/* arabic */
@font-face {
    font-family: 'Noto Kufi Arabic';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("../fonts/kufi.woff2") format('woff2');
    unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("../fonts/roboto.woff2") format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

*{
    box-sizing: border-box;
    -webkit-tap-highlight-color:transparent;

}
.ui-loader-header {
    /*jquery.mobile.js show loading text so we hide it*/
    display: none;
}
body {
    height: 100%;
    padding: 0;
    margin: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    font-family: 'Roboto','Noto Kufi Arabic';
}
.nav_body_container{
    display: flex;
    width: 100%;
}
a:hover {
    text-decoration: none;
}
h2{
    font-weight: bold;
}
/*.card-columns{
    column-count: 2;
}*/
.card{
    border-radius: 1.25rem
}
.compaign_image{
    transition: all 0.5s;
}

.compaign_image:hover{
    transform: scale(1.1);
}

@keyframes fade_animation{
    0%{
        transform: translateY(5px);
        opacity:0;
    }
    100%{
        transform: translateY(0px);
        opacity:1;
    }
}
@media screen and (min-width:600px){
    .card-columns{
        column-count: 2;
    }
}
@media screen and (max-width:601px){
    .card-columns{
        column-count: 1;
    }
}

@media screen and (max-width:1000px){
    .nav_body_container{
        flex-direction: column;
    }
    footer {
        margin:0px;
    }
}
/*footer*/
footer{
    margin-top: auto;
}
.site-footer
{
    background-color: var(--primary_color);
    padding:45px 0 20px;
    font-size:15px;
    line-height:24px;
    color:white;
}
.site-footer hr
{
    border-top-color:#bbb;
    opacity:0.5
}
.site-footer hr.small
{
    margin:20px 0
}
.site-footer h6
{
    color:#fff;
    font-size:16px;
    text-transform:uppercase;
    margin-top:5px;
    letter-spacing:2px
}
.site-footer a
{
    color:#737373;
}
.site-footer a:hover
{
    color:#3366cc;
    text-decoration:none;
}
.footer-links
{
    padding-right: 0px;
    padding-left:0;
    list-style:none
}
.footer-links li
{
    display:block
}
.footer-links a
{
    color:#606060;
}
.footer-links a:active,.footer-links a:focus,.footer-links a:hover
{
    color:#3366cc;
    text-decoration:none;
}
.footer-links.inline li
{
    display:inline-block
}
.site-footer .social-icons
{
    text-align:right
}
.site-footer .social-icons a
{
    width:40px;
    height:40px;
    line-height:40px;
    margin-left:6px;
    margin-right:0;
    border-radius:100%;
    background-color:#FFF;
    display: flex;
    justify-content: center;
    align-items: center;
}
.copyright-text
{
    margin:0
}
@media (max-width:991px)
{
    .site-footer [class^=col-]
    {
        margin-bottom:30px
    }
}
@media (max-width:767px)
{
    .site-footer
    {
        padding-bottom:0
    }
    .site-footer .copyright-text,.site-footer .social-icons
    {
        text-align:center
    }
}
.social-icons
{
    padding-left:0;
    margin-bottom:0;
    list-style:none
}
.social-icons li
{
    display:inline-block;
    margin-bottom:4px
}
.social-icons li.title
{
    margin-right:15px;
    text-transform:uppercase;
    color:#96a2b2;
    font-weight:700;
    font-size:13px
}
.social-icons a{
    background-color:#eceeef;
    color:var(--primary_color);
    font-size:16px;
    display:inline-block;
    line-height:44px;
    width:44px;
    height:44px;
    text-align:center;
    margin-right:8px;
    border-radius:100%;
    -webkit-transition:all .2s linear;
    -o-transition:all .2s linear;
    transition:all .2s linear;
    padding: 9px;
}
.social-icons a:active,.social-icons a:focus,.social-icons a:hover
{
    color:#fff;
    background-color:#29aafe
}
.social-icons.size-sm a
{
    line-height:34px;
    height:34px;
    width:34px;
    font-size:14px
}
.social-icons a.facebook:hover
{
    background-color:#3b5998
}
.social-icons a.twitter:hover
{
    background-color:#00aced
}
.social-icons a.instagram:hover
{
    background:  linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);

}
.social-icons a.youtube:hover
{
    background-color:#ea4c89
}
.social-icons a.whatsapp:hover
{
    background-color:#95d500
}
@media (max-width:767px)
{
    .social-icons li.title
    {
        display:block;
        margin-right:0;
        font-weight:600
    }
}


.card-block{
    border-radius:15px 15px 0px 0px;
    background-color:var(--primary_color);
}
.more_link{
    color: #25a0db;
}


/*for the pages*/
.bodyContent {
    overflow: hidden;
    margin: auto;
    max-width: 1140px;
    max-width: 1500px;
}
section.pageSection {
    padding: 1px !important;
}
.det-all {
    box-shadow: 1px 1px 5px grey;
    border-radius: 5px;
}
.det-all {
    width: 95%;
    background: #fff;
    padding: 5px;
    border: 1px solid #f1f1f1;
    border-top-color: rgb(241, 241, 241);
    border-top-style: solid;
    border-top-width: 1px;
    border-top: none;
    margin-bottom: 30px;
}
.inner_page .page_img, .inner_page .page_content {
    padding: 20px;
}
.page_img {
    position: relative;
}
#pageSection .page_img img {
    width: 100%;
}

.padding_title{
    background-color: var(--primary_color);
    color:white;
}
.title_sub_project{
    padding: 1.5rem 1.5rem;
    font-size: 20px;
}

.main_image{
    width: 100%;
    height:50vh;
    overflow: hidden;
}
@media screen and (max-width: 1000px){
    .padding_to_fix_display{
        padding: 0px;
    }
    .padding_top_10{
        padding-top: 10px;
    }
    .main_image{
        height: auto;
    }
    .main_image_item{
        height:auto;
    }
    .main_image_position img
    {
        /*height: 300px !important;*/
    }

}
.main_image_item{
    height: auto;
    width: 100%;
    overflow: hidden;
    color: white;
    font-size: 1rem;
    font-weight: bold;
}
.main_image_position{
    position: relative;
}

.main_image_position img
{
    width: 100%
}
.caption a{
    text-decoration: none;
    color: white;
}
.caption a:hover{
    text-decoration: none;
    color: var(--primary_color);
}

.stay-in-place {
    height: 100%;
    width: 100%;
    background: red;
    position: absolute;
}
.move-in-to-place {
    position: absolute;
    bottom: -100%;
    height : 100%;
    width : 100%;
    background: blue;
    opacity:0;
}
.p_relative {
    position: relative;
    /*    width:200px;
        height:200px;*/
    overflow:hidden;
}
.p_relative:hover .move-in-to-place {
    bottom: 0;
    -webkit-transition: all 1s, -webkit-transform 1s;
    transition: all 1s, transform 1s;
    width:100%;
    height:100%;
    opacity:1;
}



/* nada */
@media (min-width:200px) and (max-width:991px){
    .side-menu{
        display: none;
    }
}

.title_sub_project h5 a{
    color: white;

}
.title_sub_project h5 a:hover{
    text-decoration: none;
    color: #0e74bd

}
.text_primary{
      color: var(--primary_color);
}
.bg_primary{
    background-color: var(--primary_color);
    padding: .5rem;
}
/*taget and amount in sub_order page*/

.target_amount{
    /*margin: 2rem;*/
    background: var(--primary_color);
    padding: 1rem;
    color: white;
}
.w_100{
    margin: .5rem;
    background-color: white;
}
.scroll-line{
    -webkit-box-shadow: 0px -1px 23px 11px var(--primary_color_light);
    box-shadow: 0px -1px 23px 11px var(--primary_color_light);
    background:linear-gradient(217deg, rgb(15, 117, 189), rgba(255,0,0,0) 70.71%),
        linear-gradient(127deg, rgb(37, 160, 219), rgba(0,255,0,0) 70.71%),
        linear-gradient(336deg, rgb(37, 160, 219), rgba(0,0,255,0) 70.71%);
    top: 0;
    left: 0;
    height: 10px;
    width: 0px;
    transition: 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.scroll-line_p{
    background:linear-gradient(217deg, rgb(151, 179, 66), rgba(255,0,0,0) 70.71%),
        linear-gradient(127deg, rgb(15, 118, 192), rgba(0,255,0,0) 70.71%),
        linear-gradient(336deg, rgb(151, 179, 66), rgba(0,0,255,0) 70.71%);
    top: 0;
    left: 0;
    height: 10px;
    transition: 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
/*//load*/



.svgContainer{
    display: block;
    margin: auto;
    height: 500px;
    width: 500px;
    margin-top: 100px;
}

.circles {
    stroke-dasharray: 50%;
    animation-name: dashingRotation;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

@keyframes dashingRotation {
    0%     {
        stroke-dashoffset: 0%;
    }
    50%    {
        stroke-dashoffset: 100%;
    }
    100%   {
        stroke-dashoffset: 100%
    }
}
[data-invalid-input]{
    border-color: red;
}
[data-invalid-message]{
    font-weight: bold;
    color: red;
}
.btn{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}
.alert{
    display: flex;
    align-items: center
}
.alert .iconify{
    font-size: 2rem
}
.spinner{
    width: 20px;
    height: 20px;
    border: 3px solid white;
    border-top-color:  transparent;
    border-radius: 100%;
    animation: 0.3s spinner_animation linear infinite;
}

@keyframes spinner_animation{
    0%{
        transform:rotateZ(0deg)
    }
    100%{
        transform:rotateZ(360deg)
    }
}
.bg_primary:hover,.card:hover{
    /*-webkit-box-shadow: 0px -1px 23px 11px var(--primary_color_light);*/
    box-shadow: 1px 1px 15px var(--primary_color_light);
}
.title_summary {
    padding-top: 4rem;
}

.clamp1,
.clamp2,
.clamp3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.clamp1 {
    -webkit-line-clamp: 1;
}

.clamp2 {
    -webkit-line-clamp: 2;
}

/*recaptcha*/
.recpatcha-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.contact_us_title {
    position: absolute;
}

.payment_info{
    box-shadow: 1px 1px 5px grey;
    padding: 1rem;
    border-radius: 5px;
    margin:  auto;
    width: 98%;
    max-width: 500px;
    height: fit-content;
    
}
.payment_info td{
    padding: 0 1rem;
}


.margin_auto{
    margin: 0px auto;
}
.img_donation{
    width: 56px;
}
.shadow_btn{
    box-shadow: 9px 0.3rem 1rem rgb(105, 113, 88);
}

.shadow_btn:hover{
    box-shadow: 9px 0.3rem 1rem rgb(158, 168, 135);
}

/*
.content {
  padding: 2px 0; 
}
.owl-carousel .owl-item img {
    max-height: 200px;
}

.bg-left-half, .bg-right-half {
  position: relative; }

  .bg-left-half:before {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    content: "";
    left: 0;
    top: 0;
    background-color: var(--primary_color);
  }

  .bg-right-half:before {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    content: "";
    right: 0;
    top: 0;
    background-color: var(--primary_color);
  }

.media-29101 img {
  margin-bottom: 20px; }

.media-29101 h3 {
  font-size: 18px;
  font-weight: 900 !important; }
  .media-29101 h3 a {
    color: #6c757d; }

.owl-2-style .owl-nav {
  display: none; }

.owl-2-style .owl-dots {
  text-align: center;
  position: relative;
  bottom: -30px; }
  .owl-2-style .owl-dots .owl-dot {
    display: inline-block; }
    .owl-2-style .owl-dots .owl-dot span {
      display: inline-block;
      width: 15px;
      height: 3px;
      border-radius: 0px;
      background: #cccccc;
      -webkit-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
      -o-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
      transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
      margin: 3px; }
    .owl-2-style .owl-dots .owl-dot.active span {
      background: #007bff; }
    .owl-2-style .owl-dots .owl-dot:active, .owl-2-style .owl-dots .owl-dot:focus {
      outline: none; }
    */

.demo-gallery > ul {
    float: right;
    /*! list-style: none; */
    margin: 0;
}

.demo-gallery > ul > li {
    float: right;
    margin-bottom: 0.5px;
    overflow: hidden;
    float: right;
    width: 190px;
    height: 123px;
}

@media screen and (min-width: 801px)
ul li {
    min-width: unset !important;
}

.demo-gallery > ul > li a {
    background-color:  var(--primary_color);
    display: block;
    overflow: hidden;
    position: relative;
    float: right;
    padding: 6px;
    height: 120px;
    width: 190px;
}

.demo-gallery > ul > li a > img {
    transition: transform 0.15s ease 0s;
    transform: scale3d(1, 1, 1);
    height: 100%;
    width: 100%;
}

.demo-gallery > ul > li a .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.1);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background-color 0.15s ease 0s;
}

.demo-gallery > ul > li a .demo-gallery-poster > img {
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transition: opacity 0.3s ease 0s;
}

.demo-gallery > ul > li a:hover .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery > ul > li a:hover .demo-gallery-poster > img{
    opacity: 1
}
.demo-gallery > ul > li a:hover  > img{
    transform: scale(1.3);
}

@media screen and (max-width: 700px){
    .demo-gallery > ul > li {
        width: 146px;
    }
    .right_img {
        display: none;
    }
}
.two_btn_flex{
    display: flex; 
    align-items: center;  
    justify-content: center; 
    justify-content: space-evenly;
}

.justif_targ{
    justify-content: space-between;
    display: flex;
}
.per_targ_span{
    font-size: 12px;
      padding: 1rem !important;
      min-width: 284px;
      color: white;
}
.per_targ_div{
    width: 25%;
    display: inline-flex;
}
.lang_icon {
  font-size: 18px;
  cursor: pointer;
  z-index: 9999;
margin-top: 1rem;
  text-align: center;
position: relative;
}
.no_data_found{
    width: 100%;
    margin-top: 2rem;
    background-color:  var(--primary_color);
    text-align: center;
    margin-bottom: 2rem;
    color: white;
}
.no_data{
    padding: 2rem;
}