.page-intro {
      background: #dfe7ea;
      text-align: center;
      padding: 50px 0;
      display: flex;
      align-items: center;
      justify-content: center
      }
     @media screen and (min-width: 768px) {
      .page-intro {
      padding:100px;
      min-height: 515px
      }
      }
      .page-intro__heading {
      font-size: 50px;
      font-weight: 600;
      letter-spacing: -.21px
      }
      .page-intro__sub-heading {
      text-transform: uppercase;
      font-family: Cera Pro Medium,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
      font-weight: 500;
      font-size: 1rem;
      margin: 0
      }
      .page-intro__percentage {
      font-family: "Silk Serif",serif;
      margin: 50px 0 10px;
      line-height: 1;
      font-size: 100px
      }
      @media screen and (min-width: 768px) {
      .page-intro__percentage {
      font-size:150px
      }
      }
      .page-intro__percentage .percent-symbol {
      font-size: 50px
      }
      .page-intro__text-heading {
      font-size: 36px;
      font-family: Baskerville,serif
      }
      .page-intro__text {
      margin: 0 auto;
      color: #000;
      max-width: 670px
      }
      .page-intro__text p:last-of-type {
      margin-bottom: 0
      }
      .page-intro__text--small {
      max-width: 670px;
      padding-top: 25px;
      }
      .page-intro__text--large {
      max-width: 900px
      }
      .page-intro .button {
      margin-top: 30px;
      display: inline-block
      }
      .vertical-line {
      width: 1px;
      height: 50px;
      margin: 30px auto;
      background: #000
      }
      .letter-spacing-md {
      letter-spacing: 1.67px;
      }
      #page-intro .custom-form label {
      margin: 0;
      font-family: Cera Pro Medium,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 1.26px;
      line-height: 12px;
      width: 100%;
      text-align: left;
      }
      #page-intro .custom-form .form-control {
      height: auto;
      border-radius: 0;
      width: 100%;
      padding: 18px 20px;
      border: 1px solid #979797;
      margin-top: 8px;
      letter-spacing: -.28px;
      line-height: 22px;
      color: #000
      }
      #page-intro .custom-form .form-group {
      margin-bottom: 20px;
      }
      #page-intro .custom-form span {
      font-size: 12px;
      color: #5b6770;
      text-transform: none;
      letter-spacing: -.25px;
      line-height: 18px;
      text-align: left;
      display: block;
      padding: 5px 0px 0px;
      }
      #page-intro #payonline {
      display: flex;
      justify-content: center;
      align-items: center;
      min-width: 168px;
      transition: background-color .3s;
      background: #e35205;
      color: #fff;
      padding: 12px 38px;
      border: 1px solid #e35205;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 13px;
      letter-spacing: .19px;
      word-break: break-word;
      }
      #page-intro .custom-form {
      margin-top: 35px;
      }
      .blog-heading .container,.blog-text .container,.blog-title .container,.blog-video .container,.social-share .container {
      max-width: 670px
      }
      #page-builder h2 {
      font-family: Baskerville,serif;
      margin: 0;
      padding-bottom: 15px;
      font-size: 2rem;
      letter-spacing: -.14px;
      }
      #page-builder .blog-component--padding-top {
      padding-top: 50px;
      }
      #page-builder .blog-component--padding-bottom {
    padding-bottom: 50px;
}
.mb-0 {
    margin-bottom: 0px;
}
.justify-content-center {
  justify-content: center;
}
.align-items-center{
  align-items: center;
}

.payment-response .card{
  color:#000;
  text-align: center;
  padding: 50px 25px;
  
  width: 500px;
    margin: 50px 20px;
}
.payment-response .success .card{
border-top: 5px solid green;
}
.payment-response .failed .card{
border-top: 5px solid red;
}
.text-success{
  color: green;
}
.payment-response .btn-primary a{
  color:#fff;
}
.text-danger{
  color:red;
}
.makePayment p.mb-0 {
    padding-bottom: 0;
}
.lead-generator .vertical-line--bottom,.lead-generator .vertical-line{
  background: #fff;
}
.visibility_hidden{
  opacity: 0;
}
body .pre-nav__link{
  padding: 0 20px;
}
.vertical-line {
  color:#fff;
}
.red{
  color: red;
}
body .make-a-payment .page-intro{
  padding-bottom:0px;
  min-height: auto !important;
}
.currency-input-container {
  position: relative;
}
.currency-symbol {
  position: absolute;
  left: 9px;
  top: 50%;
  transform: translateY(-50%);
  padding-top: 0px !important;
}
.currency-symbol::before {
  content: "£";
  font-size: 17px;
}
.amountInput::-webkit-inner-spin-button,
.amountInput::-webkit-outer-spin-button 
{
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
._icon{
  padding-bottom: 10px;
}
@media only screen and (max-width: 600px) {
  .d-block{
    display: block;
  }
  .payment-response .card{
    width: 90%;
    margin: 50px auto;
  }
  .payment-response .failed .card{
     width: 100%;
     padding: 50px 50px;
     margin: 50px auto;
  }
}