.donationWrap{background: #f4f4f4;}
.coupleBox{background: #E0DED8; font-weight: 300;}
.couplePic{width: 200px; height: 200px; border-radius: 50%; background: #f2f2f2; overflow:hidden;}
.couplePic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s;
  /* object-fit: contain; */
  object-position: center; 
}
.coupleName, .donationDate .date{font-size: 1.5rem; font-family: var(--secondaryFont);}
.dvdr{width: 10px; height: 10px;border-radius: 50%; background: var(--pink); margin: 0 25px; }
.donationDate p{color: #919191; font-size:1.1rem ; font-weight: 400;}
.donationDate p img{margin-right: 10px; vertical-align: middle;}

.donationDetails{background: var(--white); box-shadow: 5px 0px 10px #ccc;}
h2.otherTitle{font-size: 2rem;font-family: var(--secondaryFont); position: relative;}
h2.otherTitle:after{width: 50px; height: 2px; background: var(--pink); position: absolute; left: 0; bottom: 0; content: "";}

.donationHead{padding: 20px; background: #E8E7E2;font-size: 1.4rem;font-family: var(--secondaryFont); font-weight: 500; border-top: 1px solid #d2d2d2; border-bottom:  1px solid #d2d2d2; }
.donationHead span{width: 30px; height: 30px; border-radius: 50%; background:#F2F1EE; display: inline-block; text-align: center; margin-right: 15px; font-family: "futuraLT";}

.donationDetails.active .donationHead span{background: var(--pink); color: var(--white);}

.ngoBox{text-align: center;}
.ngoBox .logo{text-align: center; width: auto; margin-bottom: 10px;}
.ngoBox .logo img{display: block; max-width: 180px;}
.ngoName{line-height: 18px; min-height: 35px;}
.donationAmt{padding:7px 10px; border: 1px solid #bbb; text-align: center;}
/* .donationAmt:focus{border: 1px solid #bbb !important;} */
.donationAmt input[type=number]:focus{box-shadow: none; appearance: none;}
.donationAmt .form-control{border: 0; padding: 0;}
.price{position: relative;}
.price:before{content: "\20B9"; color: #919191; margin-right: 8px;}
.totalDonation{border-top: 1px solid #d2d2d2; border-bottom:  1px solid #d2d2d2; }

.totalDonation span{font-size: 1.3rem;font-family: var(--secondaryFont); text-transform: uppercase; margin-right: 15px; }
.totalDonation .price{font-size: 1.2rem; min-width: 150px; text-align: center; -webkit-appearance: none; }
.donationDetails button{border: 0;}

.redColor{color: #f00; font-family: "futuraLT-Light"; font-style: italic;}
.donationForm label{color: #626262;}
.donationForm .form-control{border-radius: 0; padding: 10px 15px;}
.donationForm .form-control:focus{border: 1px solid var(--pink);}
.donationForm .form-control::placeholder{color: #919191;}
.donationForm textarea.form-control{height: 80px;}
.donationForm textarea.form-control:focus{box-shadow: none;}
.greyCtaBtn{background: #919191;}

.fancybox__backdrop{background: rgba(0, 0, 0, 0.5) !important;}
.fancybox__content>.carousel__button.is-close{background: #000; color: #000;}

.summeryHead{background: #E8E7E2;}
.summeryHead h2{font-size: 1.8rem;font-family: var(--secondaryFont); font-weight: 600;}

/* .productTableWrap{border: 1px solid #ddd; width: 100%;} */
.productTable{border: 1px solid #ddd;}
.productTable tr{border-bottom: 1px solid #ddd;}
.productTable th{background:#F2F1EE; padding:5px 10px;border-right: 1px solid #ddd; font-weight: 300;}
.productTable td{padding: 8px 15px; border-right: 1px solid #ddd;}
.productTable td:last-child{border-right: 0;}
.productTable .total td{background:#F2F1EE; font-size: 1.4rem;}
.productTable .total td:first-child{text-align: right; font-family: var(--secondaryFont);}
.productTable .total .price:before{color: #000;}


.creditCards{border: 1px solid #C6C5C5; background: #f9f9f9;}
.creditCards img{max-width: 150px;}

.paymentTab li button{ font-family: "futuraLT"; font-size: 1rem; color: #919191;}

.paymentTab  li.active button:after{display: none;}

@media (max-width:768px) {
    .creditCards img {width: 80px;}
    .table-responsive {max-width: 450px;}
}

@media (max-width:515px) {
    .table-responsive {max-width: 400px;}
}

@media (max-width:450px) {
    .table-responsive {max-width: 350px;}
}

@media (max-width:400px) {
    .table-responsive {max-width: 290px;}
}

@media (max-width:350px) {
    .table-responsive {max-width: 260px;}
}

.custom_radio{
    margin: 20px;
 }
 .custom_radio input[type="radio"]{
   display: none;
 }
 .custom_radio input[type="radio"] + label{
   position: relative;
   display: inline-block;
   padding-left: 1.5em;
   margin-right: 2em;
   cursor: pointer;
   line-height: 1em;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   
 }
 .custom_radio input[type="radio"] + label:before,
 .custom_radio input[type="radio"] + label:after{
   content: '';
   position: absolute;
   top: 12px;
   left: 0;
   width: 1em;
   height: 1em;
   text-align: center;
   color: white;
   font-family: Times;
   border-radius: 50%;
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
   
 }
 .custom_radio input[type="radio"] + label:before {
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
   box-shadow: inset 0 0 0 0.2em white, inset 0 0 0 1em #c6c6c6;
 }
 .custom_radio input[type="radio"] + label:hover:before {
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
   box-shadow: inset 0 0 0 0.3em white, inset 0 0 0 1em #c6c6c6;
 }
 .custom_radio input[type="radio"]:checked + label:before {
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
   box-shadow: inset 0 0 0 0.2em white, inset 0 0 0 1em var(--pink);
 }
 .bankLogo{width: 40px; height: 40px; display: inline-block; border-radius: 50%; border: 1px solid #ddd; overflow: hidden;  margin-right: 10px;  vertical-align: middle;}

 .bankLogo img{width: 100%;}

 .select-box {
  
    display: inline-block; 
   
    border-radius: 10px;
    border: 1px solid #eee;
    
  }
  
  /* .fa {
     font-family: 'Lato', 'Font Awesome 5 Free', 'Font Awesome 5 Brands';
      font-weight: 900;
    padding: 1rem 2rem;
    color: #3a9c7d;position: relative;
    
  
  }


  .fa:before{width:15px ; height: 15px; background: #f00; position: absolute; left: 0; content: "";} */