/* Contact List Page */
.contact-detail {
    width: 100%;
}
.contact-detail .contact-detail-box {
    width: 100%;
    background-color: #ffffff;
}
.contact-detail .contact-detail-block {
    padding-top: 44px !important;
    padding-bottom: 60px;
}
.contact-detail .contact-detail-heading {
    background-color: #edeff0;
    font-size: 18px;
    display: flex;
       flex-wrap: wrap;
    position: relative;
}
.contact-detail .contact-detail-left {
    width: 100%;
    max-width: calc(100% - 494px - 70px);
}
.contact-detail .contact-detail-heading h2 {
    color: #007dc5;
    font-size: 22px;
    margin-bottom: 4px;
}
.contact-detail .contact-detail-left h3 {
    color: #007dc5;
    font-size: 22px;
    font-weight: normal;
}

.contact-detail .form-class > p {
    display:flex
}

.contact-detail .contact-detail-left.wpb_column{
    flex: 0 0 50%;
    max-width: 50%;
}

.contact-detail span.wpcf7-form-control-wrap {
    width: 100%;
}
.contact-detail .wpb_wrapper  .form-class > p {
    display:flex;
    align-items: center;
}

.contact-detail .wpb_wrapper .contact-detail-left.wpb_column{
    flex: 0 0 50%;
    max-width: 50%;
}

.contact-detail .wpb_wrapper  span.wpcf7-form-control-wrap {
    width: 100%;
}

.contact-detail .wpb_wrapper  .form-class > p >label {
    min-width: 97px;
}
.contact-detail .common-space .wpb_wrapper p > a[href^="tel:"] {
    color: #3a4c56;
}
.contact-detail .common-space .wpb_wrapper p > a[href^="mailto:"] {
    color: #27aae1;
      text-decoration: underline;
}
.contact-detail .wpb_wrapper input.wpcf7-form-control.wpcf7-submit.has-spinner {
    /*text-align: right;*/
    margin-left: auto;
    padding: 10px;
    padding-left: 90px;
    padding-right: 90px;
}

.contact-detail .wpb_wrapper input{
    padding: 20px;
}

.contact-detail .wpb_wrapper span.wpcf7-form-control-wrap select {
    padding: 16px 36px 16px 16px;
        border: 1px solid #cbcbcb;
        width:100%;
  
        max-width:300px;
            appearance: none;
background: #fff url(../images/select-down-svg.png) no-repeat;
    background-size: auto 20px;
    background-position: calc(100% - 10px) center;

}
 .contact-detail .vc_row.vc_column-gap-35  {
    margin-left: 0px;
    margin-right: 0px;
        padding:0;
}
.contact-detail .contact-detail-heading{
    padding: 30px 60px !important;
    position:relative;
}
/*.contact-detail-box .container {
    max-width: 1440px;
}*/

.contact-detail  .vc_row.vc_column-gap-35>.vc_column_container{
    padding: 0;
}
.contact-detail .vc_row.wpb_row.vc_inner.vc_row-fluid.vc_column-gap-35.vc_row-o-equal-height.vc_row-flex {
    padding: 0px 60px;
}

.contact-detail .vc_column-inner .vc_column-inner  .wpb_wrapper h3 {
/*    color: #007dc5;*/
    font-weight: 400;
}
.contact-detail .contact-detail-heading:before{
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 360px;
        transform: rotateY(178deg);
        background-color: #e5e6e6;
       clip-path: polygon(30% 0, 80% 37%, 0% 145%, 0 11%, 0 0);
}
.contact-detail .common-space .wpb_map_wraper:after {
   content: "";
   position: absolute;
   height: 100%;
   background: #00dcff4f;
   width: 100%;
   top: 0;
   right: 0;
   opacity: .2;
}
.contact-detail .common-space {
 margin-bottom: 95px;
}
.contact-detail .overlay-map{
    position:relative;
}
.contact-detail .overlay-map:before{
	content: '';
	position: absolute;
bottom: 0px;
    left: 5px;
	width: 100%;
	height: 160px;
	max-width: 50%;
	z-index: 1;
	opacity: .8;
    clip-path: polygon(0 16%, 14% 0, 100% 100%, 0 99%);

    background: rgb(136,199,117);
    background: -moz-linear-gradient(90deg, rgba(136,199,117,1) 0%, rgba(82,183,178,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(136,199,117,1) 0%, rgba(82,183,178,1) 100%);
    background: linear-gradient(90deg, rgba(136,199,117,1) 0%, rgba(82,183,178,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#88c775",endColorstr="#52b7b2",GradientType=1); 
}

@media screen and (max-width: 991px){
.contact-detail .contact-detail-block p {
    font-size: 15px;
}
.contact-detail .wpb_wrapper  .form-class > p >label {
min-width: 85px;
}
.contact-detail .wpb_wrapper input {
    padding: 15px;
}
.contact-detail .contact-detail-heading  {
    padding: 30px 30px !important;
}
.contact-detail .wpb_wrapper span.wpcf7-form-control-wrap select {
        padding: 10px;
}
}

@media screen and (max-width: 767px){
    .contact-detail .wpb_wrapper .contact-detail-left.wpb_column{
    flex: 0 0 100%;
    max-width: 100%;
}
   .contact-detail .contact-right-detail-block {
    margin: 20px 0;
}
.contact-detail .contact-detail-block p {
    font-size: 15px;
}

.contact-detail .vc_row.wpb_row.vc_inner.vc_row-o-equal-height.vc_row-flex {
    padding: 0px 30px;
}
.contact-detail  .vc_column-inner {
    margin-bottom: 0px;
}

.contact-detail .overlay-map:before {
    bottom: 0px;
}
.contact-detail .common-space {
    margin-bottom: 40px;
}
.contact-detail .wpb_wrapper input.wpcf7-form-control.wpcf7-submit.has-spinner {
    margin-left: auto;
    margin-right: auto;

}
.contact-detail .vc_row.wpb_row.vc_inner.vc_row-fluid.vc_column-gap-35.vc_row-o-equal-height.vc_row-flex {
    padding: 0px 20px;
        gap: 28px;
}
}
@media screen and (max-width: 600px){
   .contact-detail .vc_custom_1710306252167 {
    padding-right: 10px !important;
}
.contact-detail .wpb_wrapper .form-class > p {
    display: flex;
    align-items: flex-start;
       flex-wrap: wrap;
}
}

/*-----------------------------------------*/
.donate-detail  .donate-banner-section {
    padding:85px 0;
    background: rgb(140,204,255);
    background: linear-gradient(0deg, rgb(92 172 235 / 92%) 0%, rgb(0 125 189) 100%);
}
.donate-detail .donate-banner-section h2::before {
    content: '';
    top: 50px;
    left: 50%;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../images/heart-icon-fill.svg);
    width: 44px;
    height: 40px;
        transform: translate(-50%, 0px);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.donate-detail .tdcwri-box p {
    font-size:18px;
        line-height: 22px;

}
.donate-detail .block-title p {
    color:#fff;
    max-width: 541px;
    margin: auto;
}
.donate-detail  .common-space {
    margin-bottom: 60px;
}
.donate-detail  .donate-banner-section h2.donate-heading {
color:#cbdb2a;
margin-bottom: 60px;
font-size:34px;
  position:relative;
}
.donate-detail .tdcwri .tdcwri-box .wpb_wrapper {
    width:100%;
    max-width:100%;

}
.donate-detail .wpb_column{
    padding:0 30px;
}
.donate-detail .people-detail-quote .wpb_text_column {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 10px 0 24px 0;
}
.donate-detail .wpb_wrapper .vc_row-fluid {
    align-items: center;
}
.donate-detail .people-detail-quote .wpb_text_column{
    max-width:800px;
}
.donate-detail .tdcwri-box h2:before {
    content: "";
    position: absolute;
    width: 100%;
    max-width: 152px;
    background: #007dc540;
    height: 5px;
    bottom: 0;
}
.donate-detail .wpb_row {
    margin-left: -30px;
    margin-right: -30px;
}
.donate-detail .tdcwri-box h2 {
    padding-bottom: 15px;
    position: relative;
    color: #27AAE1;
    margin-bottom: 15px;
    font-weight: 300;
}

.donate-detail .testimonial-section p {
    max-width: 980px;
  padding: 73px 0px;
    margin: auto;
    font-size:18px;
    line-height: 22px;
    text-align: center;
     position:relative;
}
 
.donate-detail .testimonial-section p::before {
    content: '';
    position: absolute;
    left: 0px;
    top: -22px;
    transform: translateX(-50%);
    width: 50px;
    height: 50px;
    background-image: url(../images/testi-up.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.donate-detail  .testimonial-section p::after{
    bottom:-22px;
        right: 0px;
    content: '';
    position: absolute;
    background-image: url(../images/testidown.png);
    width: 50px;
    height: 50px;
     background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.donate-detail .vc_row-has-fill>.vc_column_container>.vc_column-inner {
    padding-top: 0px !important;
}
 .donate-detail .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner{
         padding-top: 0px !important;
 }
.donate-detail .vc_row[data-vc-full-width] {
    overflow: visible;
}
.donate-detail .donate-section-right .vc_single_image-wrapper::after,
.donate-detail .donate-img-section .vc_single_image-wrapper::after {
    content: '';
    clip-path: polygon(0 0, 100% 0, 100% 100%, 61% 100%, 43% 92%, 78% 73%);
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100px;
    mix-blend-mode: multiply;
    background: rgb(123, 195, 132);
    background: -moz-linear-gradient(175deg, rgba(123, 195, 132, 1) 0%, rgba(70, 179, 190, 1) 100%);
    background: -webkit-linear-gradient(175deg, rgba(123, 195, 132, 1) 0%, rgba(70, 179, 190, 1) 100%);
    background: linear-gradient(175deg, rgba(123, 195, 132, 1) 0%, rgba(70, 179, 190, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7bc384",endColorstr="#46b3be",GradientType=1);
}
.donate-detail .donate-section-right .vc_single_image-wrapper::after{
   left: 0;
    right: auto;
        transform: rotate(180deg);
}
.donate-img-section .wpb_wrapper {
    position:relative;
}
@media screen and (max-width: 1023px){
.donate-detail .tdcwri-box .wpb_wrapper p {
    font-size:14px;
}
 .donate-detail .testimonial-section p{
        font-size:14px;
}
}

@media screen and (max-width: 991px){
    .donate-detail .wpb_column{
    padding:0 10px;
}

.donate-detail .wpb_row {
    margin-left: -10px;
    margin-right: -10px;
}

}
@media screen and (max-width: 767px){
    .donate-detail .testimonial-section p {
    max-width: 100%;
    padding: 33px 0px;
}
.donate-detail .testimonial-section p::before {
    left: 21px;
    top: -42px;

}
.donate-detail .testimonial-section p::after {
    bottom: -42px;
    right: 0px;
}
.contact-detail .contact-detail-heading {
    padding: 20px 20px !important;
    position: relative;
}
.donate-detail .common-space {
    margin-bottom: 0px;
}
.donate-detail .testimonial-section p {
    padding: 45px 0px;

}
.donate-detail .donate-banner-section {
    padding: 40px 0;
}
.donate-detail .wpb_column{
 margin:20px 0;
} 
.donate-detail  .tdcwri-box .wpb_wrapper h2 {
    font-size:22px;
}
.donate-detail .donate-img-section {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.donate-detail .donate-banner-section {
    padding: 5px 0;
}
}
@media screen and (max-width: 525px){
    .donate-detail .donate-banner-section h2::before {
        top:95px;
    }
}