.sr--center img {
    display: block;
    margin: auto;
}

.sr--center {
    --bs-body-bg: #000;
    --bs-body-color: var(--sr-text-clr);
    --bs-body-color-rgb: 122,122,122;
    --bs-heading-color: var(--sr-text-clr);
    --bs-secondary-color: var(--sr-light-gray);
    --bs-link-color: var(--sr-dark-purple);
    --bs-link-color-rgb: var(--sr-dark-purple-rgb);
    --bs-link-hover-color-rgb: var(--sr-purple-rgb);
    --bs-body-font-family: var(--sr-font-family);
    --bs-border-radius: 1rem;
    --bs-border-radius-lg: 9999px;
}

.sr--text-clr-light-gray {
    color: var(--sr-light-gray);
}

.btn-lg {
    --bs-btn-font-size: 1rem;
    --bs-btn-padding-y: .875rem;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--sr-purple);
    --bs-btn-border-color: var(--sr-purple);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--sr-light-purple);
    --bs-btn-hover-border-color: var(--sr-light-purple);
    --bs-btn-focus-shadow-rgb: var(--sr-dark-purple-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--sr-light-purple);
    --bs-btn-active-border-color: var(--sr-light-purple);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--sr-dark-purple);
    --bs-btn-disabled-border-color: var(--sr-dark-purple);
}

.fs-7 {
    font-size: .875rem;
}

.fs-8,
.fs-12px {
    font-size: .75rem;
}

.sr--center {
    margin-left: auto;
    margin-right: auto;
    max-width: 22.5rem;
    padding-top: 3.5rem;
}

.form-control:hover,
.form-control:focus {
    background-color: var(--sr-gray-highlight);
    border: none;
    box-shadow: none;
}

.form-floating > label {
    color: rgb(var(--bs-body-color-rgb)) !important;
}

.form-floating > .form-label::after {
    content: none !important;
}

.form-control {
    background-color: var(--sr-gray);
    border-color: var(--sr-gray) !important;
}

.form-label {
    --bs-body-color-rgb: var(--sr-light-gray-rgb);
}

.nav-tabs {
    border: none;
    margin: 6rem .75rem 3rem .75rem;
    justify-content: space-between;
    flex-wrap: nowrap;
    --bs-nav-tabs-link-active-border-color: var(--sr-gray-bg);
}

.nav-link {
    --bs-nav-link-color: var(--sr-light-gray);
    --bs-nav-link-hover-color: var(--sr-text-clr);
}

.nav-tabs .nav-link {
    border-radius: 9999px;
    padding: .875rem 1.5rem;
}

.form-switch .form-check-input {
    --bs-body-bg: var(--sr-gray-bg);
    --bs-border-color: var(--sr-gray-bg);
    width: 3.25em;
    height: 2em;
}

    .form-switch .form-check-input,
    .form-switch .form-check-input:hover,
    .form-switch .form-check-input:focus {
        --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
    }

.form-check-input:hover,
.form-check-input:focus {
    border-color: var(--sr-dark-purple);
    box-shadow: none;
}

.form-check-input:checked {
    background-color: var(--sr-dark-purple);
    border-color: var(--sr-dark-purple);
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    --bs-nav-tabs-link-active-color: var(--sr-text-clr);
    --bs-nav-tabs-link-active-bg: var(--sr-gray-bg);
}

.sr--profit-card-logo {
    position: relative;
    text-align: center;
    margin: 0 0 6rem 3rem;
}

.sr--profit-card-logo__img {
    color: var(--sr-dark-purple);
}

.sr--profit-card-logo__text {
    color: var(--sr-text-clr);
    position: relative;
    top: 4.5rem;
    left: -3rem;
}

.sr--check {
    display: flex;
}

    .sr--check .form-check {
        display: flex;
        padding: 0;
        flex-direction: row-reverse;
    }

        .sr--check .form-check .form-check-input {
            float: none;
        }

        .sr--check .form-check .form-check-label {
            margin-top: .5rem;
        }

.sr--invalid input,
.sr--invalid input.valid,
.sr--invalid input.valid.modified,
.sr--invalid input.valid.modified:not([type=checkbox]) {
    outline: 1px solid #e50000;
}
