* {
    --primary-color: #627246;
  }
  /* / banner css start here / */
   .banner {
    background: #d9d9d9;
  }
  .btn {
    box-shadow: none;
    padding: clamp(6px, 1vw, 10px) clamp(6px, 2vw, 25px);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    font-weight: 500;
    overflow: hidden;
    font-size: clamp(16px, 1.9vw, 18px);
    color: #fff;
    font-size: 16px;
  }
  
  .btn-primary,
  .btn-primary:hover,
  .btn-primary:focus,
  .btn-primary:active,
  .btn-check:checked + .btn,
  .btn.active,
  .btn.show,
  .btn:first-child:active,
  :not(.btn-check) + .btn:active {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  
  .f-50 {
    font-size: clamp(24px, 4.5vw, 50px);
  }
  .fw-500 {
    font-weight: 500;
  }
  section,
  footer {
    padding-block: clamp(45px, 4vw, 50px);
  }
  /* / banner css end here /  */
  .primary-color {
    color: var(--primary-color);
  }
  
  div#multi-step-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    width: min(615px, 100%);
    height: 420px;
    justify-content: center;
    margin: auto;
    border-radius: 24px;
  }
  .step {
    text-align: center;
  }
  .step input {
    padding: 10px;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #000;
  }
  .step input::placeholder {
    color: black !important;
  }
  form#pms-login-form {
    width: 100%;
    max-width: 85%;
  }
  .step label {
    margin-bottom: 13px;
  }
  .error-msg {
    margin-bottom: 10px !important;
    color: red !important;
  }
  .sucess-msg {
    color: green !important;
    margin-bottom: 10px !important;
  }
  .mobile-otp {
    margin-bottom: 10px !important;
  }
  .step input::-webkit-outer-spin-button,
  .step input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  
  /* / Firefox / */
   .step input[type="number"] {
    -moz-appearance: textfield;
  }
  

  .pms-table tr td {
    border: none !important;
}

.pms-table tbody {
    border: none !important;
    background: #fff;
    padding: 25px;
    display: flex;
    flex-direction: column;
    border-radius: 13px;
    margin-top: 25px;
}

.payment-table {
    width: 12%;
}

.payment-long {
    width: 20%;
}

.pms-table tr {
    display: flex;
    justify-content: space-around;
}

ul.pms-form-fields-wrapper li {
  width: 49%;
}

ul.pms-form-fields-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 25px;
  border-radius: 13px;
  margin-top: 25px;
  padding: 25px !important;
  background:#fff ;
}
ul.pms-form-fields-wrapper li input {
  background: transparent;
  border-radius: 5px;
  border: 2px solid black !important;
}
.edit-profile {
  padding: 12px 30px !important;
}

.pms-account-subscription-details-table {
  margin-bottom: 12px;
  padding: 25px !important;
  display: flex;
  background: #fff;
  border-radius: 10px;
}

.pms-account-subscription-details-table tbody {
  width: 100%;
}

.pms-account-subscription-details-table tr {
  width: 100% !important;
  display: flex;
  justify-content: space-between;
  margin: 5px 0;
}

.pms-account-subscription-details-table td {
  width: 50%;
}
.country_mobile {
  position: relative;
}

#pms_country_code {
  position: absolute;
  border: 1px solid black;
  width: 70px;
  border-radius: 10px 0 0 10px;
}

input#pms_mobile {
  padding-left: 75px;
}

.pms-account-subscription-action-link__abandon{
  display: none;
}