* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
html {
  scroll-behavior: smooth;
}
body {
	  font-family: "Poppins", serif ;
	overflow-x: hidden;
  color:#011624;
  background: #fcfff1;

}
.container{width: 1200px; margin:auto ;}

::placeholder{ 
    font-family: "Poppins", serif !important;
}
.ply_fr_fnt{ font-family: "Playfair", serif !important;}

img{display: block;}
.text-center{text-align: center;}

.ft_500{font-weight: 500 !important;}
.ft_600{font-weight: 600 !important;}


.grid_2{display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(2, 1fr); 

}

.grid_3{display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(3, 1fr); 

}


.d-flex {
	display: flex !important;
}


.d-block {
	display: block !important;
}
.gap_70{gap: 70px;}
.gap_60{gap: 60px;}
.gap_50{gap: 50px;}
.gap_40{gap: 40px;}
.gap_30{gap: 30px;}
.gap_25{gap: 25px;}
.gap_20{gap: 20px;}
.gap_15{gap: 15px;}
.gap_10{gap: 10px;}
.gap_5{gap: 5px;}
.flex_wrap{flex-wrap: wrap;}

.justify-content-start {
	justify-content: start;
}

.justify-content-end {
	justify-content: end;
}

.justify-content-center {
	justify-content: center;
}

.justify-content-between {
	justify-content: space-between;
}

.justify-content-around {
	justify-content: space-around;
}

.justify-content-evenly {
	justify-content: space-evenly;
}

.align-items-start {
	align-items: start;
}

.align-items-end {
	align-items: end;
}

.align-items-center {
	align-items: center;
}

.flex-dir-clmn{
  flex-direction: column;
}
.list-style-none{list-style: none;}

.d-inflex{display: inline-flex;}

.text-center{text-align: center;}


.mt-5{margin-top: 5px;}
.mt-10{margin-top: 10px;}
.mt-15{margin-top: 15px;}
.mt-20{margin-top: 20px;}
.mt-25{margin-top: 25px;}

.mt-40{margin-top: 40px;}
.mt-50{margin-top: 50px;}
.mt-60{margin-top: 60px;}

.mt-100{margin-top: 100px;}

.mb-10{margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}
.mb-40{margin-bottom: 40px;}
.mb-50{margin-bottom: 50px;}
.mb-60{margin-bottom: 60px;}
.mb-70{margin-bottom: 70px;}





.para{font-size: 18px;}




.custom_heading{font-size: 32px;}
.custom_heading span{color: #076b28; font-style: italic;  font-family: "Playfair Display", serif; padding-left: 4px;}
.mt-70{margin-top: 70px;}
.mt-30{margin-top: 30px;}
.text_w{color: #fff;}
/* -------------------------------------- */
.icon img {width:65px}
.hero_sec{background-image: url(https://images.emtcontent.com/donation/hero_img.webp); background-size: cover; width: 100%; height: 100%; background-position-y: bottom; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;} 
.hero_sec p{font-size: 18px;}
.overlay {
      padding: 100px 0 160px 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .content {
      max-width: 780px;
    }



    .content h2 {
      font-size: 66px;
      font-weight: 400;
    }

    .content h2 span {
        font-family: "Playfair Display", serif;
      font-style: italic;
      color: #076b28;
    }

.text-danger {font-size:12px;}
    .custom_btn {
      display: inline-flex;
      background: #f25c05;
      color: #fff;
      padding: 15px 34px;
      border-radius: 30px;
      font-size: 18px;
      font-weight: 500;
      text-decoration: none;
      margin-top: 10px;
      transition: 0.3s;
      align-items: center;
          width: max-content;
          gap: 8px;
		  cursor:pointer
    }

    .custom_btn:hover img {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  
  30%, 50%, 70% {
    transform: translate3d(-2px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(2px, 0, 0);
}


}



.info_sec{margin-top: -125px;}

.info_bxx{
    background: #fff;
      padding: 25px;
      border-radius: 20px;
         box-shadow: -1px 10px 12px 0px #6A6A6A1F;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.info_bxx h4{font-size: 24px; font-weight: 600; margin: 16px 0 10px 0;}
.overlay_inner{display: flex; flex-direction: column; gap: 30px;} 

.info_bxx_prnt{gap: 20px;}

 .donation-container {
      text-align: center;
 box-shadow: -1px 10px 12px 0px #6A6A6A1F;
border-radius: 20px;
      padding:50px;
      background: #fff;
    }

    .donation-container h2 {
      font-size: 28px;
      font-weight: 500;
    }

    .donation-container h2 em {
      font-style: italic;
      color: #2e8273;
    }

    .donation-container p {
      margin: 20px 0 32px;
    }

    .donation-container h3 {
      font-size: 24px;
      margin-bottom: 20px;
      font-weight: 500;
      color: #1a2f2c;
    }

    .amount-buttons {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 15px;
      margin-bottom: 20px;
    }

    .amount-buttons button {
      background: #243F3D1C;
      border: none;
      padding: 8px 25px;
      border-radius: 25px;
      font-size: 18px;
      cursor: pointer;
      transition: all 0.3s ease;
      font-family: "Poppins", serif ;
    }

    .amount-buttons button:hover {
      background:#28a745;
      color: #fff;
    }

    .custom-amount {
      margin-top: 16px;
      font-size: 15px;
    font-weight: 500;
    }

    .custom-amount input {
      border: 1px solid #243f3d5c;
      border-radius: 20px;
      padding: 10px 12px;
      font-size: 15px;
      margin-left: 10px;
      outline: none;
       font-family: "Poppins", serif ;
      width: 152px;
    }


    .info_input_bxx{gap: 20px; width: 500px; margin:30px auto 0 auto;}
        .info_input_bxx div{text-align: left;}
         .info_input_bxx label{margin-bottom: 5px; font-size: 14px; display: block; font-weight: 500;}
    .info_input_bxx input{
      border: 1px solid #243f3d5c;
      border-radius: 4px;
      padding: 10px 10px;
      font-size: 15px;
      margin-left: 0px;
      outline: none;
       font-family: "Poppins", serif ;
      width: 100%;
    }

    .bottom-text {
      margin-top: 40px;
      margin-bottom: 20px;
      font-size: 24px;
      font-weight: 600;
      color: #076b28;
    }

    .terms h4{font-size: 18px; font-weight: 500; margin-bottom: 30px;}

    .terms ol{padding-left: 15px;}
     .terms ol li{margin-bottom: 20px; font-size: 14px;}
     .terms ol li ul {padding-left: 15px; margin-top: 20px;}
span.section-title {
    display: block;
}


      .btm_sec .heading {
      font-size: 28px;
      font-weight: 600;
      color: #ffffff;
    }

    .btm_sec .heading span {
      font-style: italic;
      font-weight: 400;
      opacity: 0.7;
    }

   .btm_sec .subheading {
      margin-top: 22px;
      font-size: 18px;
      font-weight: 400;
    }

    .values {
      margin-top: 32px;
      font-size: 14px;
    }

    .values span {
      margin: 0 30px;
      position: relative;
    }

    .values span::after {
      content: "•";
      position: absolute;
      right: -30px;
      color: #fff;
    }

    .values span:last-child::after {
      content: "";
    }


    .btm_sec .container{flex-direction: column;}

    .btm_sec{padding: 60px 0; background:#3F988F; color: #fff;}
    .btm_sec .custom_heading{color: #fff;}
     .btm_sec .custom_heading span{color: #ffffff; padding-left: 4px;}

        #loaderOverlay {
                background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    font-family: Poppins;
    height: 100%;
    margin: 0;
    padding: 0;
    top: 0px;
    position: fixed;
    width: 100%;
    z-index: 9999;
	-ms-backdrop-filter: blur(3px);
    -o-backdrop-filter: blur(3px);
    -moz-backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
        }

.loadtxtfl {
    margin: auto;
    font-size: 14px;
    color: #FFF;
    height: 20px;
    width: 254px;
    position: absolute;
    top: 175px;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
	z-index:999;
}
.loaderpp {
  position: absolute;
  width: 80px;
  height: 80px;
  z-index: 999;
  padding: 30px 0;
  border: 1px solid rgba(125, 125, 125, 0.01);
  border-radius: 100%;
  margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.loaderpp span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: rotate(calc(18deg * var(--i)));
}
.loaderpp span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  background: #2093EF;
  border-radius: 50%;
  transform: scale(0);
  animation: animate 2s linear infinite;
  animation-delay: calc(0.1s * var(--i));
}
.loaderpp .paperplane {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: rotating 2s linear infinite;
  animation-delay: -1s;
}
.loaderpp .paperplane:before {
  content: "";
  position: absolute;
  top: 58px;
  left: 63px;
  color: #2093EF;
  font-size: 60px;
  transform: rotate(180deg);
  background:url(/Content/img/paper-plane.svg) no-repeat;
      width: 40px;
    height: 40px;
    background-size: 100%;
}
.container_loader2,.modal_mfLoader {
    -ms-backdrop-filter: blur(3px);
    -o-backdrop-filter: blur(3px);
    -moz-backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}
@keyframes animate {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.2);
  }
  80%, 100% {
    transform: scale(0);
  }
}
@keyframes rotating {
  0% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(370deg);
  }
}

 @media only screen and (min-width:150px) and (max-width:990px){
      .container{width: 100%; padding: 0px 15px;}
      .grid_2, .grid_3{display: block;}
      .hero_sec{background-position: right center;}
      .hero_sec .container{padding: 0;}
      .overlay{        display: block;
        padding: 21px 15px;background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0));
        }
      .content h2 {font-size: 31px;}
      .hero_sec p {
    font-size: 15px;
}

.overlay_inner {
    gap: 8px;
    margin-top: 8px;
}
.amount-buttons {gap:5px}
.hero_sec p.mt-60{margin-top: 30px;}
.info_sec {
    margin-top: 0;
}
.para {
    font-size: 14px;
}
.info_bxx h4 {
    font-size: 18px;
     }
.info_bxx {
    padding: 25px 15px;
    margin-bottom: 15px;
}
.info_bxx:last-child{margin-bottom: 0;}

.custom_heading {
    font-size: 22px;
}
.donation-container h3 {
    font-size: 18px;
}

.amount-buttons button {
    padding: 7px 23px;
    font-size: 14px;
}

.info_input_bxx {
    width: 100%;
}

.info_input_bxx div{margin-bottom: 15px;}
.info_input_bxx div:last-child{margin-bottom: 0}
.info_input_bxx input, .custom-amount input {
    padding: 8px 15px;
}
.bottom-text {
    margin-top: 20px;
    font-size: 18px;
}
.donation_sec{padding: 0 15px;}
.donation-container{padding: 20px 15px;}
.btm_sec{text-align: center;}
.btm_sec .subheading {
    margin-top: 15px;
    font-size: 14px;
}
.btm_sec {
    padding: 35px 0;
}
.values{display: flex;     margin-top: 20px;}
.values span{margin: 0 9px;}
.values span::after {
    
    right: -13px;

}

.custom_btn {
    padding: 12px 26px;
    font-size: 15px;
}
.custom_btn img{    width: 18px;}
.mt-70{margin-top: 50px;}

.terms ol li{margin-bottom: 15px;}
.terms ol li ul {
    margin-top: 15px;

    }
  }