.form-control {
    --input-padding: .575rem .75rem;
    border-color: var(--border-color);
    font-size: var(--font-size-14);
    border-radius: var(--border-radius) !important;
    padding: var(--input-padding);
}

.form-control:focus {
    border-color: var(--highlight-color);
    box-shadow: none;
}

[data-bs-theme="light"] form,
[data-bs-theme="light"] form label {
    --bs--secondary-color: #5e5e5e;
    --bs-body-color: var(--bs--secondary-color);
}

form label,
form .invalid-feedback {
    font-family: var(--outfit-light);
}

label.required:after,
.required:after {
    content: "*";
    color: var(--bs-danger);
    padding-left: 3px;
}

.invalid-feedback {
    font-size: 0.825rem;
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus,
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    box-shadow: none;
}

.form-control.is-valid,
.was-validated .form-control:valid,
.form-control.is-invalid,
.was-validated .form-control:invalid {
    background-image: none;
}

/* form components ends here */

/* buttons declarations begins */
.btn {
    --bs-btn-font-size: 0.875rem;
    --bs-btn-padding-y: .5rem;
    min-width: 7.5rem;
}

.btn-success {
    --bs-btn-bg: var(--highlight-color);
    --bs-btn-hover-bg: var(--highlight-color-hsl);
    --bs-btn-border-radius: var(--border-radius);
}

.btn-outline-success {
    --bs-btn-color: var(--highlight-color);
    --bs-btn-border-color: var(--highlight-color);
    --bs-btn-hover-bg: var(--highlight-color-hsl);
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    background-color: var(--bs-gray-200);
    border-color: var(--bs-gray-200)
}

.bank-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 2.75rem;
    border-radius: 0.5rem;
    padding: 0.375rem;
}

.bank-info {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.image-container {
    width: 1.5rem;
    height: 1.5rem;
    object-fit: contain;
}

.error {
    color: var(--error-red);
    font-size: 13px;
    display: block;
    margin-top: 3px;
}

input.invalid {
    border: 1px solid var(--error-red);
}

.hidedisplay {
    display: none !important;
}

.verification-section[style*="display: none"] {
    display: none !important;
}

.disabled-link {
    pointer-events: none;
    opacity: 0.5;
    cursor: default;
    text-decoration: none;
}

.btn.disabled,
.btn:disabled {
    color: var(--subtext2-color);
}

form .text-danger {
    font-size: 13px !important;
}