* {
    outline: 0 none;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.placeholder {
    background-color: #f6f7f8;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}
h4, .h4 {
    font-size: 18px;
}
button, input {
    line-height: normal;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}
input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
body {
    margin: 0;
    background-color: #edf1f2;
    color: #222;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    line-height: 21px;
}
.main {
    width: 510px;
    margin: 40px auto 0;
    padding: 20px;
    border: 1px solid #ebeff1;
    border-radius: 10px;
    background-color: white;
}
a {
    color: #0e83ca;
    text-decoration: underline;
}
a {
    background-color: transparent;
}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert h4 {
    margin-top: 0;
    color: inherit;
}
.alert .alert-link {
    font-weight: bold;
}
.alert > p,
.alert > ul {
    margin-bottom: 0;
}
.alert > p + p {
    margin-top: 5px;
}

.alert-dismissable {
    padding-right: 35px;
}
.alert-dismissable .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847;
}
.alert-success hr {
    border-top-color: #c9e2b3;
}
.alert-success .alert-link {
    color: #356635;
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #3a87ad;
}
.alert-info hr {
    border-top-color: #a6e1ec;
}
.alert-info .alert-link {
    color: #2d6987;
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #c09853;
}
.alert-warning hr {
    border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
    color: #a47e3c;
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #b94a48;
}
.alert-danger hr {
    border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
    color: #953b39;
}
.qt-form-page {
    display: flex;
    height: 100%;
}
.qt-form-page__left-side {
    width: 324px;
    height: 100%;
    background-image: url('../img/remote-pattern.svg');
}
.qt-form-page__right-side {
    flex-grow: 1;
    padding: 120px 0 24px 120px;
    background-color: #edf2f6;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
form.qt-form-page__form {
    z-index: 1;
}
.qt-form-page__form {
    width: 360px;
    padding: 24px 24px 24px 24px;
    border-radius: 6px;
    box-shadow: 0 10px 20px -5px rgba(0,0,0,.10);
    background-color: #fff;
}
.qt-form-page__form-title {
    color: #364656;
    font-size: 22px;
    line-height: 1.27;
    margin-bottom: 4px;
    font-weight: 600;
}
.qt-form-page__form-subtitle {
    font-size: 14px;
    line-height: 1.43;
    color: #4f5f79;
    font-weight: 400;
}
.qt-form-page__form-inputs {
    margin-top: 20px;
}
.qt-form-page__form-input-block {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
}
.qt-form-page__form-label {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.54;
    color: #4f5f79;
}
.qt-form-page__form-input {
    border-radius: 4px;
    height: 40px;
    padding: 10px 14px;
    font-size: 14px;
    color: #364656;
    border: solid 1px #c4cbd5;
    background-color: #ffffff;
    width: 100%;
}
.qt-form-page__form-input::placeholder {
    color: #9ca5b6;
}
.form-control:-moz-placeholder {
    color: #999999;
}
.form-control::-moz-placeholder {
    color: #999999;
}
.form-control:-ms-input-placeholder {
    color: #999999;
}
.form-control::-webkit-input-placeholder {
    color: #999999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eeeeee;
}
.qt-form-page__form-submit-btn {
    width: 100%;
    background-color: #16a4fa;
    color: white;
    border-radius: 4px;
    height: 40px;
    border: none;
    font-size: 13px;
}
.qt-form-page__item-title {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.62;
    margin-bottom: 2px;
    color: #364656;
}
.qt-form-page__item-value {
    font-size: 16px;
    line-height: 1.63;
    color: #4f5f79;
}

/* Payments.css */
.center-horizontally {
    display: table;
    margin: auto;
    width: 100%;
    height: 100%;
    background: url('../img/screen-bg.jpg') no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}
.center-vertically {
    display: table-cell;
    vertical-align: middle;
}
.center-horizontally:after {
    position: absolute;
    content: "";
    background-color: rgba(0, 0, 0, 0.2);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.col-md-12 {
    width: 100%;
}
.form-signin-heading {
    font-size: 28px;
    color: #364656;
    font-weight: 700;
    margin-bottom: 35px;
    position: relative;
}
.form-signin-heading::after {
    position: absolute;
    content: "";
    width: 27%;
    height: 3px;
    background-color: #16a4fa;
    border-radius: 3px;
    left: 0;
    bottom: -15px;
}
.payments-container {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    flex-wrap: wrap;
}
.payments-container .form-signin-heading {
    width: 100%;
}
.payments-container .col-md-6 {
    flex: 1 0 50%;
    padding-left: 15px;
    padding-right: 15px;
}
.stripe-button-el {
    overflow: hidden;
    display: inline-block;
    visibility: visible !important;
    background-image: linear-gradient(#28a0e5,#015e94);
    -webkit-font-smoothing: antialiased;
    border: 0;
    padding: 1px;
    text-decoration: none;
    border-radius: 5px;
    box-shadow: 0 1px 0 rgba(0,0,0,.20);
    user-select: none;
    cursor: pointer;
}
.paypal-button.paypal-button-shape-pill {
    border-radius: 13px;
}
.paypal-button:not(.paypal-button-card) {
    height: 25px;
    min-height: 25px;
    max-height: 55px;
}
.paypal-button:not(.paypal-button-card) {
    height: 25px;
    min-height: 25px;
    max-height: 30px;
}
.paypal-button.paypal-button-color-gold {
    background: #ffc439;
    color: #111;
}
.paypal-button:not(.paypal-button-card) {
    border-radius: 0 3px 3px 0;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    border: none;
    vertical-align: top;
    cursor: pointer;
    outline: none;
    overflow: hidden;
}
.paypal-button.paypal-button-color-gold:hover,
.paypal-button.paypal-button-color-silver:hover {
    box-shadow: inset 0 0 100px 100px rgba(0,0,0,.5);
}
.paypal-button > .paypal-button-label-container > * {
    vertical-align: top;
    height: 100%;
    text-align: left;
}
.paypal-button-logo {
    padding: 0;
    display: inline-block;
    background: none;
    border: none;
    width: auto;
}
@media (max-width: 767px) {
    .payments-container .col-md-6 {
        flex: 100%;
    }
}
/* End Payments.css */