#card-number input, #card-date input, #card-cvv input, #card-postal input{
    font-size: 16px!important;
}
      #card-number, #card-date, #card-cvv, #card-postal{
    position: relative;
    overflow: hidden;
}
#card-number iframe, #card-date iframe, #card-cvv iframe, #card-postal iframe{
    position: absolute;
    top: 14px;
    left: 0;
    padding: 0 15px;
}
      .economic-eligibility .col-sm-6{
    padding: 0;
}
#cvv, #postal, #date, #cardNumber{
    height: 47px!important;
}
.radiogrp1 {
    margin: 15px 0 !important;
}
      #cardNumber, #date, #cvv, #postal{
    height: 50px;
}
      .economic-eligibility .form-group {
          margin: 13px 0;
      }
      .economic-eligibility .col-sm-12{
          margin-bottom: 15px;
      }
      .economic-eligibility .form-control{font-size:16px; color:#000; height:50px; border:solid 1px #d7d7d7; background:#fff; border-radius:5px; box-shadow:inset 0 3px 7px rgba(0,0,0,.0); box-shadow: 3px 0px 15px rgba(0,0,0,.0);
          padding: 0px 14px;}
      .economic-eligibility .form-control::-webkit-input-placeholder { 
        color: #a1a1a1;
      }

      .economic-eligibility .form-control::-moz-placeholder { 
        color: #a1a1a1;
      }

      .economic-eligibility .form-control:-ms-input-placeholder {
        color: #a1a1a1;
      }

      .economic-eligibility .form-control:-moz-placeholder {
        color: #a1a1a1;
      }
      .economic-eligibility input type[radio]{
          margin-right: 10px;
      }

      .headerlogo img
      {
          width:110px;
      }
      #submit-donation{
            display: inline-block;
            border-radius: 5px;
            padding: 12px 50px;
            font-size: 20px;
            text-align: center;
            font-weight: 500;
            color: #fff;
            border: none;
            background: #1d1e1d;
      }
      #submit-donation:hover{
            background: #000;
      }    

      .alert-success{
          margin: 20px 0!important;
      }
      .economic-eligibility input[type=radio]{
          margin-right: 10px;
      }
      .radiogrp1{
          margin: 10px 0;
      }
      .radiogrp1 span{
          display: inline-block;
          background: #eceff0;
          padding: 10px 50px 10px 20px;
          border-radius: 50px;
      }
      .modal-header{
          position: relative;
          display: block;
      }
      .modal-header .close {
          position: absolute;
          right: 15px;
          top: 10px;
      }
      .modal-footer {
          justify-content: start;
      }
      
      .economic-eligibility .col-sm-12{
    padding: 0;
}
.payment_clover_div .form-row{
    display: block;
    margin: 13px 0;
}

#card-element{
    display: flex;
    gap: 15px;
}
.hydrated input{
    height: 50px;
}
      @media only screen and (max-width: 599px)
      {
          .headerlogo img {
            width: 80px;
          }
      }