.mod-none {
  display: none;
}
#mod-product-payment * {
  transition: all linear;
}
#mod-product-payment p {
  margin-bottom: 0px;
}
#mod-product-payment abbr {
  text-decoration: none;
}
#mod-variations option {
  margin: 5px 0;
}

#mod-product-payment .two_col {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#mod-product-payment .two_col #billing_first_name_field {
  width: 49%;
}
#mod-product-payment .two_col #billing_last_name_field {
  width: 49%;
}
@media screen and (max-width: 575px) {
  #mod-product-payment .two_col {
    flex-wrap: wrap;
  }
  #mod-product-payment .two_col #billing_first_name_field {
    width: 100%;
  }
  #mod-product-payment .two_col #billing_last_name_field {
    width: 100%;
  }
}

#place_order {
  width: 100%;
  cursor: pointer;
}

ul#billing_gateway_method_field {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

#mod-product-payment #payment {
  background-color: transparent !important;
  display: flex;
}
#billing_first_name_field input,
#billing_last_name_field input,
#billing_phone_field input,
#billing_email_field input,
#billing_address_1_field input,
#billing_postcode_field input {
  width: 100%;
}

#billing_first_name_field input:focus-visible,
#billing_last_name_field input:focus-visible,
#billing_phone_field input:focus-visible,
#billing_email_field input:focus-visible,
#billing_address_1_field input:focus-visible,
#billing_postcode_field input:focus-visible,
#payment button:focus-visible {
  /* border: 0; */
  outline: 0;
}

li.mod-gateway-li {
  display: flex;
  align-items: center;
}

li.mod-gateway-li label {
  display: inline-block;
}

#ezzati-cp-shortcode-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08);
  padding: 10px 15px;
  border-radius: 4px;
}
#ezzati-cp-shortcode-form * {
  font-family: vazir;
}
#ezzati-cp-shortcode-form #billing_first_name_field,
#ezzati-cp-shortcode-form #billing_last_name_field,
#ezzati-cp-shortcode-form #billing_phone_field {
  width: 100%;
}

#ezzati-cp-shortcode-form #billing_first_name_field input,
#ezzati-cp-shortcode-form #billing_last_name_field input,
#ezzati-cp-shortcode-form #billing_phone_field input {
  border: 0;
  outline: 0;
  border-radius: 4px;
  border: 1px solid gray;
}
#ezzati-cp-shortcode-form abbr {
  text-decoration: none;
  color: red;
}

#ezzati-cp-shortcode-form label {
  margin: 10px 0;
}

#ezzati-cp-shortcode-form #payment {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 20px 0;
}

#ezzati-cp-shortcode-form #payment button {
  transition: 0.4s all ease;
  background-color: #fdcd32;
  color: #000;
  border: 1px solid transparent;
}
#ezzati-cp-shortcode-form #payment button:hover {
  background-color: #000;
  color: #fdcd32;
}

.sms-guide {
  border: 1px dashed #fdcd32;
  padding: 10px 15px;
}

.cp-msg-wrapper {
  width: 100%;
  background-color: #fdcd32;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 50px;
}
.cp-msg-wrapper h3,
.cp-msg-wrapper .info p {
  color: #00505a;
  margin: 0px;
}
.cp-msg-wrapper h3 {
  margin: 25px 0 25px 0;
  padding-top: 30px;
}
.cp-msg-wrapper .info-title {
  background-color: #000;
  color: #fff;
  border-radius: 4px;
  padding: 2px 25px;
  transform: translateY(17px);
}
.cp-msg-wrapper .info-title p {
  margin: 0px;
}
.cp-msg-wrapper .info {
  border: 2px dashed #000;
  padding: 25px 65px 20px 65px;
}