@import url(https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap);body {
  background: #f5f7ff;
  color: #28224b;
  font-family: "DM Sans", sans-serif;
}

.pay-module {
  padding: 0;
}
@media (min-width: 576px) {
  .pay-module {
    padding: 3rem 15px 3rem 15px;
  }
}
@media (min-width: 576px) {
  .pay-module .pay {
    max-width: 35rem;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.4);
  }
}
.pay-module .pay .card-header {
  background: #4c50b1;
}

iframe.bepaid-iframe {
  background-color: #f5f7ff;
}

.title-logo {
  color: #fff;
  font-style: italic;
}

.btn-success {
  color: #ffffff;
  background-color: #19ceaf;
  border-color: #19ceaf;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #16c2a4;
  border-color: #19ceaf;
}

.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #19ceaf;
  border-color: #19ceaf;
}

.btn-success .badge {
  color: #19ceaf;
  background-color: #ffffff;
}