/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.woocommerce-page .payment_methods .payment_box {
  background-color: #eee !important;
  border-color: #dcd7ca !important;
}

.woocommerce-page .payment_methods .payment_box fieldset {
  padding: 3% !important;
  padding-bottom: 0 !important;
  border: 0 !important;
  background: #f6f6f6 !important;
}
p.form-row {
  text-align: initial !important;
  margin: 0px 0px 10px 0px !important;
  padding: 0px !important;
}

p.form-row-first {
  float: left !important;
  width: 48% !important;
}
p.form-row-last {
  float: right !important;
  width: 48% !important;
}
p.form-row label {
  display: block;
}
.cowpay_feild {
  font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue",
    Helvetica, sans-serif;
  /*color: #000; */
  border-color: #dcd7ca;
  background: #fff;
  border-radius: 0;
  border-style: solid;
  border-width: 0.1rem;
  box-shadow: none;
  display: inline-block;
  font-size: 1.6rem;
  letter-spacing: -0.015em;
  margin: 0;
  max-width: 100%;
  padding: 3% 2% !important;
}

.wc-credit-card-form-expiry-year {
  width: 30% !important;
}

.wc-credit-card-form-expiry-month {
  width: 60% !important;
}

@media screen and (max-width: 650px) {
  p.form-row-last {
    float: left !important;
    width: 100%;
    display: block;
    margin-top: 15px !important;
  }
}