.prjSection {margin:20px 0px 41px;position: relative;z-index: 1;}
.prjSection .wrap{display: flex;}
.prjSection .pic{width:50%;background-size:cover;background-position: center center;background-repeat:no-repeat;min-height: 200px; padding: 15px; display: flex;
  justify-content: center;align-items: center;position: relative;overflow: hidden;}
.prjSection .pic:before{display: block;content:'';position: absolute;top:0px;left:-5px;width:calc(100% + 5px);height: 30px;
  background: #f4f4f4;transform: rotate(2deg);z-index: 1;pointer-events: none;}
  .prjSection .pic:after{display: block;content:'';position: absolute;top:0px;left:-5px;width:calc(100% + 5px);height: 15px;
    background: #f4f4f4;z-index: 1;pointer-events: none;}
.prjSection .pic .text{font-size: 41px;color: #f4f4f4;}
.prjSection .data{width:50%; }
.prjSection .pic img{display: none;}
.prjSection .top{background: #3B7B3A;padding:92px 55px 14px;min-height: 246px;display: table;width:100%;position: relative;}
.prjSection .top:before{display: block;content:'';position: absolute;top:0px;left:-5px;width:calc(100% + 5px);height: 30px;
  background: #f4f4f4;transform: rotate(-2deg);z-index: 1;pointer-events: none;}
  .prjSection .top:after{display: block;content:'';position: absolute;top:0px;left:-5px;width:calc(100% + 5px);height: 15px;
    background: #f4f4f4;z-index: 1;pointer-events: none;}
.prjSection .top .info{display: table-cell;vertical-align: bottom;}
.prjSection .bottom{background: #fff;padding:47px 35px 28px;position: relative;}
.prjSection .title{font-size:30px;color: #f5f5f5;margin-bottom: 14px;}
.prjSection .subtitle{font-size:15px;color: #f4f4f4;padding-bottom: 15px;margin-bottom: 10px;border-bottom: 1px solid #A9BDA9;}
.prjSection .time{font-size:25px;color: #f5f5f5;}
.prjSection .time img{width: 28px;margin-right: 18px;position: relative;top:-2px;}
.prjSection .fund{display: flex;align-items: center;height: 41px!important;background: #3B7B3A;border-radius: 20px;color: #fff!important;cursor: pointer;
                  text-align: center;transition: 0.3s all;font-size: 14px;padding: 0px 40px;position: absolute;left:300px;bottom: 35px;z-index: 1;border: 1px solid  #3B7B3A;}
#sketch{position: relative;display: inline-block;}
#sketch .shape{width:205px;position: relative;z-index: 1;}
#sketch .shape img{width: 100%;}
#sketch .progressWrap{position:absolute;left:0px;bottom:6px;width:100%;height: calc(100% - 19px);overflow: hidden;}
#sketch .bar{transition: 0.3s height;position:absolute;left:0px;bottom:0px;width:100%;background: #3B7B3A;}
#sketch .amount{position: absolute;left:265px;width:300px;z-index: 1;}
#sketch .amount .label{font-size: 16px;color: #000;position: relative;line-height: 27px;top:-11px;}
#sketch .amount .nb{font-size:25px;color: #000;display: block;}
#sketch .amountWrap{position: absolute;bottom:6px;height:calc(100% - 19px);}
#sketch .amount.target .label:before{display: block;content: '';position: absolute;left:-168px;width: 147px;height: 1px;pointer-events: none;background: #8A401F;top:5px;}
#sketch .amount.collected .label:before{display: block;content: '';position: absolute;left:-168px;width: 147px;height: 1px;pointer-events: none;background: #8A401F;top:11px;}
.Map{background: #357D33;padding: 219px 15px 28px;text-align: center;}
.Map .title{margin: 0 auto;max-width: 770px;font-size: 35px;text-align: center;color: #fff;word-spacing: 2.5px;margin-bottom: 37px;}
.Map .subtitle{font-size: 30px;color: #fff;margin-bottom: 54px;}
.Map .screen{max-width: 100%;overflow: hidden;display: inline-block;margin-bottom: 38px;}
.Map .swiper-slide{width: 505px;list-style: none;padding: 0px 15px;position: relative;}
.Map .screen .dot{position: relative;margin: 0px auto 13px;width: 15px;height: 15px;background: #fff;border: 2px solid #fff;border-radius: 100%;}
.Map .screen .value{font-size:29px;color: #fff;font-weight: bold;}
.Map .screen .value:after{display: block;position: relative;margin: 4px auto 12px;content: '';height: 1px;width: 15px;background: #fff;}
.Map .screen .text{font-size:15px;color: #fff;font-weight: bold;margin:0px auto 36px;max-width: 269px;position: relative;}
.Map .screen .desc{font-size:14px;color:rgba(255,255,255,0.68);max-width: 365px;display: inline-block;}
.Map .swiper-slide:before{display: block;content: '';right:0px;top:96px;width:100%;height: 1px;background:rgba(255,255,255,0.33);position: absolute;}
.Map .swiper-slide:nth-child(1):before{width: 49%;}
.Map .swiper-slide:last-child:before{width: 49%;right: auto;left: 0px;}
.Map .icon{width: 120px;height: 84px;display: flex;justify-content: center;align-items: center;position: relative;margin: 0px auto 5px;}
.Map .icon img{max-width: 100px;max-height: 80px;}
.Map .contribute{display:block;padding-left: 42px;padding-right: 42px;color: #fff!important;width: 196px;position: relative;margin: 0px auto 32px;}
.Map .info{display: flex;align-items: center;justify-content: center;text-align: center;}
.Map .info img{margin: 0px 32px 0px 32px;width: 41px;}
.Map .info .label{width:280px;font-size:16px;color: #fff;}
.Map .info .label span{display: block;font-size: 25px;}
.Map .swiper-wrapper{padding:0px;margin:0px;}
.Map .breadcrumbs-partner .breadcrumb{justify-content: flex-start;}
/* .Map .breadcrumbs-partner .breadcrumb a{color: #999;}
.Map .breadcrumbs-partner .breadcrumb-item:before{color: #999!important;} */
.Contributors{padding: 0px 0px 70px;}
.Contributors .screen{width: 100%;overflow: hidden;}
.Contributors .title{font-size: 30px;color: #333333;margin-bottom: 48px;text-align: center;display: flex;justify-content: center;align-items: center;}
.Contributors .title span{padding: 0px 45px;}
.Contributors .prev,.Contributors .next{transition: 0.3s all;cursor: pointer;font-size:22px;color: #A9A9A9;outline:none!important;position: relative;top: 2px;}
.Contributors .swiper-button-disabled{opacity: 0.4;pointer-events: none;}
.Contributors .listing{list-style: none;margin: 0px;padding: 0px;}
.Contributors .listing>li{width:291px;margin:  0px ;padding: 0px;}
.Contributors .item{width: 100%;border: 1px solid #ddd;border-top:7px solid #357D33;padding: 15px 15px 0px;height: 100%;}
.Contributors .record{padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #ddd;display: flex;justify-content: space-between;}
.Contributors .record:last-child{border: 0px;margin: 0px;}
.Contributors .name{font-size: 13px;color: #111;font-weight: bold;padding-right: 7px;}
.Contributors .value{font-size: 13px;color: #777;font-weight: bold;text-align: right;padding-left: 7px;}
.project-detail.new .section-detail-info{padding-top: 99px;padding-bottom: 0px;}
.project-detail.new .col-lg-6:nth-child(2){display: flex;align-items: center;position: relative;padding: 53px 0px;}
.project-detail.new .detail-video-holder .play-btn{top:0px;bottom: 0px;margin: auto;left: 0px;right: 0px;}
.Sharing{list-style: none;display: flex;align-items: center;position: absolute;bottom:0px;margin: 0px;padding: 0px 0px 0px 9px;left:0px;}
.Sharing .label{font-size: 16px;color: #fff;font-weight: bold;margin-right: 21px;}
.Sharing li>a{margin-right: 15px;cursor: pointer;transition: 0.3s all;font-size: 20px;color: #4D9640;}
.section-volunteer .caption{text-align: center; font-weight: 400;color: #fff;font-size: 19px;margin-top: 33px;}
.volunteer-page .interest .radio-selection .label-name{padding-right: 13px;}
.volunteer-page .interest .radio-btn{bottom: auto;top:5px;}


@media screen and (max-width: 1220px){
  .prjSection .top{padding-left: 20px;padding-right: 20px;}
  .prjSection .bottom{padding-left: 0px;padding-right: 20px;}
}

@media screen and (max-width: 1150px){
  .prjSection .time{font-size: 22px;}
  .prjSection .title{font-size: 27px;}
  .prjSection .subtitle{font-size: 14px;}
  #sketch .amount .label{font-size: 14px;}
  #sketch .amount .nb{font-size: 22px;}
  #sketch .amount{width: 241px;}
  .prjSection .pic .text{font-size: 38px;}
  .prjSection .fund{left: 254px;padding-left: 20px;padding-right: 20px;height: 39px!important;}
}

@media screen and (max-width:1035px) and (min-width: 768px){
  #sketch .shape{width: 167px;}
  #sketch .progressWrap{height: calc(100% - 16px);bottom: 5px;}
  #sketch .amountWrap{bottom: 5px;}
  #sketch .amountWrap{height: calc(100% - 16px);}
  .prjSection .fund{left: 184px;}
  #sketch .amount{left: 187px;width: 176px;}
  #sketch .amount .label{font-size: 11px;line-height: 19px;}
  #sketch .amount .nb{font-size: 16px;}
  #sketch .amount.collected .label:before{width: 60px;left: -68px;}
  #sketch .amount.target .label:before{left: -100px;width: 94px;}
}

@media screen and (min-width: 768px){
  .prjSection .fund:hover{background: #fff;color: #3B7B3A!important;height: calc(100% - 16px);}
  .Map .contribute:hover{color:#8a401f!important;}
  .Sharing li>a:hover{color: #fff;}
  .Contributors .prev:hover,.Contributors .next:hover{color: #8a401f;}
}


@media screen and (max-width: 991px){
.project-detail.new .detail-info-holder{margin-top: 33px!important;}
.project-detail.new .col-lg-6:nth-child(2){padding-top: 0px;}
}

@media screen and (max-width: 767px){ /* below ipad */
  .prjSection .pic:before,.prjSection .pic:after,.prjSection .top:before,.prjSection .top:after{display: none;}
  .prjSection .wrap{display: block;}
  .prjSection .pic{width: 100%;}
  .prjSection .data{width: 100%;}
  .prjSection .top{padding: 10px;min-height: 0px;}
  .prjSection .pic .text{font-size: 37px;}
  .prjSection .title{font-size:19px;margin-bottom: 7px;}
  .prjSection .bottom{padding-bottom: 44px;}
  .prjSection .time{font-size: 16px;}
  .prjSection .time img{width: 20px;margin-right: 12px;}
  .prjSection .pic img{display: block;width:100%;}
  /* .prjSection .pic{background: none!important;padding: 0px;min-height: 0px;display: block;position: relative;} */
  .prjSection .pic{padding: 0px;display: block;position: relative;}
  .prjSection .pic .text{position: absolute;top:0px;bottom: 0px;width: 100%;height: 100%;padding: 12px;display: flex;justify-content: center;align-items: center;font-size: 29px;}
  .prjSection{margin: 0px 0px 10px;}
  .prjSection .subtitle{font-size: 12px;}
  .Map .swiper-slide{width: 320px;}
  .Map .title{font-size: 21px;margin-bottom: 15px;}
  .Map {padding-top: 180px;}
  .Map .subtitle{font-size:16px;margin-bottom: 25px;}
  .Map .screen .text{margin-bottom: 22px;}
  .Map .screen .value{font-size: 25px;}
  .Map .screen .text{font-size: 13px;}
  .Map .info .label{font-size: 13px;padding:0px 12px;}
  .Map .info .label span{font-size: 16px;}
  .Map .info img{width: 29px;margin:0px 3px 0px;}
  .Contributors .title{margin-bottom:18px;font-size: 20px;}
  .Contributors .title span{padding: 0px 24px;}
  .Contributors{padding-bottom: 25px;}
  .project-detail.new .detail-info-holder{margin-top: 0px !important;margin-bottom: 22px;}
  .project-detail.new .section-detail-info{padding-top: 70px;padding-bottom: 20px;}
  .project-detail.new {margin-bottom: 33px;}
  .Sharing{position: relative;bottom: auto;}
  .project-detail.new .col-lg-6:nth-child(2){display: block;padding:20px 15px;}
  .Map .breadcrumbs-partner .breadcrumb{margin-left: -15px;}
  .volunteer-page .interest .radio-selection .label-name{padding-right: 0px;}
  .section-volunteer .caption{font-size: 16px;}
  .volunteer-page .section-volunteer{padding-top: 161px;}

}



@media screen and (max-width:520px){
  #sketch .shape{width: 125px;}
  #sketch .progressWrap{height: calc(100% - 12px);bottom: 4px;}
  #sketch .amountWrap{height: calc(100% - 12px);bottom: 4px;}
  .prjSection .fund{left: 109px;bottom: 47px;height: 31px!important;font-size: 12px;}
  #sketch .amount{left: 130px;width: 158px;}
  #sketch .amount .label{font-size: 10px;line-height: 19px;}
  #sketch .amount .nb{font-size: 13px;}
  #sketch .amount.collected .label:before{width:24px;left: -29px;top:11px;}
  #sketch .amount.target .label:before{left: -67px;width: 61px;top:7px;}
  #sketch{left: -6px;}
  .home .prjSection .bottom{padding-bottom: 82px;}
}


@media screen and (max-width: 767px){
  .section-gallery .gallery-top .swiper-slide:first-child {
    display: block !important;
}
.partners .section-partner {
  height: 801px !important;
}
}


.partners .section-partner{
  height: 1051px;
}


.partners .section-private-sector .private-sector-swiper .partner-logo-holder{
  height: 217px;
}

input[type="date"]:not(.has-value):before{
  padding-right: 16px;
  content: attr(placeholder);
}

.wrapform{
  display: flex;
}

@media screen and (max-width: 767px){.wrapform{
  display: block !important;
}
}

.Listing-Another .swiper-wrapper{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

.Listing-Another  .swiper-slide{
  max-width: 75%!important;
}

@media screen and  (max-width: 768px)
{
  .Listing-Another .swiper-wrapper{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
  }
  
  .Listing-Another  .swiper-slide{
    max-width: 75%!important;
  }
}

.section-board-members .board-members-holder{
  padding-left: 10px;
}

.home .section-impact .impact-swiper .swiper-wrapper{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0px;
}

@media screen and (min-width: 992px){
.home .section-impact .swiper-impact .swiper-slide {
  max-width: unset;
}}

.contact-us .details-ul .icon {
  display: inline-grid;
  padding: unset;
  margin: unset;
  margin-top: 15px;
  place-content: center;
}