img[alt="Credit/debit card"]{
  float: right !important;
  max-width: 125px !important;
  max-height: 100% !important;
}

img.description_image {
  width: 130px !important;
  display: block !important;
  margin-left: 2% !important;
  margin-right: auto !important;
  margin-top: 4% !important;
  float: none !important;
  max-height: 100% !important;
}

img.footer_image {
  width: 100px !important;
  max-width: 100px !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
  max-height: 100% !important;
}

.wc-credit-card-form {
  max-width: 21rem;
  width: 21rem !important; /*100%*/
  background-color: #fefefe !important;
  border: 0.063rem solid #e2e5e8 !important;
  border-radius: 0.5rem;
  box-shadow: 0.063rem 0.063rem 0.625rem 0 rgb(144 144 144 / 50%) !important;
  padding: 15px 10px !important;
  margin: 0.5rem auto !important;
  /* display: flex; */
  flex-direction: column !important;
}


#card_number, #card_exp, #card_cvc
{
  width: 100%;
  line-height: 1.4;
  background-color: #f9f9f9;
  border: 1px solid #d0edf0;
  border-radius: 25px;
  -webkit-transition: 0.35s ease-in-out;
  -moz-transition: 0.35s ease-in-out;
  -o-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  box-sizing: border-box;
  font-family:'primeformpro';

}
#card_number
{
  padding: 10px !important;
}
#card_exp, #card_cvc
{
  padding: 10px !important;
}

input:focus {
outline: 0;
border-color: #57adfe;
}
input:focus + .input-icon i {
color:  #57adfe;
}
input:focus + .input-icon:after {
border-right-color: #57adfe;
}

.input-group {
margin-bottom: 1em;
zoom: 1;
box-sizing: border-box;

}
.input-group:before,
.input-group:after {
content: "";
display: table;
}
.input-group:after {
clear: both;
}
.input-group-icon {
position: relative;
box-sizing: border-box;

}
.input-group-icon input {
padding-left: 1.4em;
box-sizing: border-box;

}
.input-group-icon .input-icon {
position: absolute;
top: 0;
left: 0;
width: 2.4em;
height: 2.6em;
line-height: 2.4em;
text-align: center;
pointer-events: none;
box-sizing: border-box;

}
.input-group-icon .input-icon:after {
position: absolute;
top: 0.6em;
bottom: 0.6em;
left: 2.4em;
display: block;
border-right: 1px solid #e5e5e5;
content: "";
-webkit-transition: 0.35s ease-in-out;
-moz-transition: 0.35s ease-in-out;
-o-transition: 0.35s ease-in-out;
transition: 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
box-sizing: border-box;

}
.input-group-icon .input-icon i {
-webkit-transition: 0.35s ease-in-out;
-moz-transition: 0.35s ease-in-out;
-o-transition: 0.35s ease-in-out;
transition: 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
box-sizing: border-box;
color: #626161;
}
.card_container {
max-width: 38em;
padding: 0.5em 1em 0em 1em;;
margin: 0em auto;
background-color: #fefefe;
/* border-radius: 4.2px;
box-shadow: 0px 3px 10px -2px rgba(0, 0, 0, 0.2); */
display: table;
box-sizing: border-box;

}
.divider_container {
max-width: 38em;
padding: 1em 1em 0.5em 1em;;
margin: 0em auto;
background-color: #fefefe;
/* border-radius: 4.2px;
box-shadow: 0px 3px 10px -2px rgba(0, 0, 0, 0.2); */
/* display: table; */
box-sizing: border-box;

}

.card_info{
  max-width: 18rem !important;
}

.col-half {
padding-right: 10px;
float: left;
width: 50%;
box-sizing: border-box;
/* display: contents !important; */

}
.col-half:last-of-type {
padding-right: 0;
box-sizing: border-box;

}

@media only screen and (max-width: 540px) {
.col-half {
  width: 100%;
  padding-right: 0;
  box-sizing: border-box;

}

}

@media only screen and (max-width: 750px) {

  .payment_box.payment_method_wpgfull {
      padding-left: 1rem !important;
  }
}

.custom-credit-card-form {
   position: relative;
  /*margin: 300px auto 0;
  width: 500px;
  height: 250px; */
  /* background: linear-gradient(0deg, #000, #272727); */
}



.woocommerce-page input[type=radio][name=payment_method]~.payment_box {
  padding-left: 3rem;
  margin-top: 3rem !important;
}

.mf-divider {
  text-align: center;
  border-bottom: 0.063rem solid #c7c7c7;
  line-height: 0.1rem;
  margin: 0px 0px 30px 0px !important;
}
.mf-divider-span {
color: #888484;
background: #fff;
padding: 0 0.625rem;
font-size: 12px;
font-family: 'Roboto', sans-serif;
font-weight: 500;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}

p.form_desc {
  margin: -20px 0px 10px 0px !important;
  font-family:'primeformpro';
}

#montypay_pay {
  /* float: right; */
  width: 90%;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin: auto;
  text-transform: none;
  /* display: inline-block; */
  text-align: center;
  word-break: break-word;
  padding: 5px 1rem !important; /* 9 px */
  margin-top: 1rem;
  text-decoration: none;
  font-size: medium; /*12px !important*/
  cursor: pointer;
  background-color: #51b3fd;
  color: white;
  border-radius: 20px;
  margin-bottom: 1rem;
  font-family: 'primeformpro';
  border-color: aliceblue !important;
}

#cn_error{
  font-family:'primeformpro';
  color: red;
  margin-block-start: 0em !important;
  margin-block-end: 0em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-size: 12px;
  margin-left: 15px;
}