.en__field--paycurrency div.en__field__element--radio {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.en__field--paycurrency div.en__field__element--radio .en__field__item {
  margin-bottom: 1rem;
  padding: 0;
  width: calc(33% - .5rem);
}

.en__field--paycurrency input.en__field__input--radio {
  left: -10000px;
  position: absolute;
  z-index: -1;
}

.en__field--paycurrency label.en__field__label--item {
  box-sizing: border-box;
  cursor: pointer;
  font-size: 2rem;
  padding: 1.5rem;
  text-align: center;
}

.en__field--paycurrency .en__field__item label {
  font-family: 'Northwoods', sans-serif;
}

.en__field--paymenttype div.en__field__element--radio {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 10px;
}

.en__field--paymenttype div.en__field__element--radio .en__field__item {
  margin-bottom: 1rem;
  padding: 0;
  width: calc(33% - .5rem);
}

.en__field--paymenttype input.en__field__input--radio {
  left: -10000px;
  position: absolute;
  z-index: -1;
}

.en__field--paymenttype label.en__field__label--item {
  box-sizing: border-box;
  cursor: pointer;
  font-size: 2rem;
  padding: 1.5rem;
  text-align: center;
}

#content-wrap {
  max-width: 138rem !important;
}

.en__submit > button > span {color: white;}
        
        .en__field__input--other {
     width: 200px !important;
  }
  .gbp::before {
    content: "£";
  }
  .usd::before {
    content: "$";
  }
  .eur::before {
    content: "€";
  }
 .en__field--taxdeductible { border: solid 1px #ccc;
  padding: 90px 12px 12px 12px;
   background-image: url("https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/2482/giftaid-logo-ari.png?v=1764598868000");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 180px;}

   .en__field--taxdeductible > label {
  margin-top: 2em;
   }
  .en__field--taxdeductible > .en__field__label { font-weight: bold;
  font-size: 1.2em; }
  .donation-frequency {
    font-weight: 500;
    font-size: 0.9em;
    margin-left: 5px;
    color: #ffffff;
    opacity: 0.85;
  }
  .en__field--ccvv .en__field__element {
      width: 200px;
  }

  
  
  .en__component--row {
    align-items: flex-start;
    -webkit-align-items: flex-start;
}

.en__field__item:has(#en__field_transaction_paymenttype1),
.en__field__item:has(#en__field_transaction_paymenttype3) {
    display: none !important;
}
  
  footer .inner-wrap {text-align: left!important;}
  footer .inner-wrap p {font-size: 13px!important;}
  
 .en__field__element--checkbox .en__field__item {align-items: flex-start!important;}
.en__field__element--checkbox .en__field__input--checkbox {margin-top: 3px;}

 ul.progressbar {padding-inline-start: 0; text-align: center; margin-bottom: 15px;}
 .progressbar {counter-reset: step;}
 .progressbar li {list-style: none; display: inline-grid; width: 23%; position: relative; text-align: center; font-size: 1.6rem!important; line-height: 2.1rem!important;}
 .progressbar li.active:before {background-color: #0093ff; color: white; font-weight: bold;}
 .progressbar li:after {content: ""; position: absolute; width: 100%; height: 1px; background-color: #ddd; top: 15px; left: -50%; z-index : 0;}
 .progressbar li:before {content: counter(step); counter-increment: step; width: 30px; height: 30px; line-height : 30px; border: 1px solid #D9DADC; border-radius: 100%; display: block; text-align: center; margin: 0 auto 5px auto; background-color: #D9DADC; z-index: 1;}
 .progressbar li:first-child:after {content: none;}
 .progressbar li.active {color: #0093ff; font-weight: bold;}
.progressbar li.active:before {border-color: #0093ff;} 

    .en__field__input--vgs {
  height: 5rem !important;
  width: 100% !important;
  border-radius: 5px;
}

#en__pagebuilder .en__container {width: 100%;}

.en__field--donationAmt div.en__field__element--radio .en__field__item.en__field__item--other:not(.en__field__item--hidden) input.en__field__input--other {
width: 100% !important;
border: .2rem solid #0093ff;
height: 60px;
}

label[for=en__field_transaction_recurrpay] {text-align: left!important;}
.en__field--donationAmt > label {text-align: left!important;}

.en__component--dd360search {margin-bottom: 15px;}
#dd-company-name-input .dtd-search-input, .dtd-streamlined-plugin .dtd-search-input {border: .1rem solid #5E6263;  border-radius: .5rem; padding: .5rem 1.2rem; height: 50px;}
.small p {font-size: 12px;}

@media screen and (max-width: 610px) {
.en__field--paymenttype div.en__field__element--radio .en__field__item {flex: 0 1 calc(50% - 5px);}
}
        
                @media screen and (max-width: 768px) {
            .column2 {padding: 2%; margin-top: 10px; background: white;}
            .single-column {padding: 2%; margin-top: 10px; background: white; margin: 0 auto;}
            main {padding: 2rem 0!important;}
            .column1 {padding-right: 0;}
            #content-wrap form {width: 100%!important; padding-left: 1.25rem!important; padding-right: 1.25rem!important;}
            .inner-wrap {max-width: 138rem!important; padding-left: 1.25rem; padding-right: 1.25rem;}
            .footer-logo {display: block; margin-bottom: 25px;}
            .footer-logos {display: block; text-align: left;}
        }
        
        @media screen and (min-width: 769px){
        .column2 {padding: 2%; margin-left: 2%; margin-top: -3px; background: white; margin: 0 auto;}
        main {padding: 3rem 0!important;}    
        .column1 {padding-right: 3%;}
        #content-wrap form {width: 100%!important; padding-left: 6rem!important; padding-right: 6rem!important;}
        .inner-wrap {max-width: 138rem!important; padding-left: 6rem; padding-right: 6rem;}
        footer .inner-wrap {flex-direction: row!important;}
        .single-column {padding: 2%; margin-top: 10px; background: white; max-width: 65rem; margin: 0 auto;}
        .footer-logos {justify-content: center !important; align-items: center !important; display: flex; gap: 30px; flex: 1 1 auto;}
        }