:root {
    --background-dark-beinsight: #0b1727;
    --body-color-dark-beinsight: #9da9bb;
    --card-background-dark-beinsight: #121e2d;
    --box-shadow--beinsight: 0 7px 14px 0 rgba(3, 12, 51, 0.15), 0 3px 6px 0 rgba(0, 0, 0, 0.2);
    --bs-card-color: #d8e2ef;
}

:root, [data-bs-theme="dark"] {
    --background-dark-beinsight: #0b1727;
    --body-color-dark-beinsight: #9da9bb;
    --card-background-dark-beinsight: #121e2d;
    --box-shadow--beinsight: 0 7px 14px 0 rgba(3, 12, 51, 0.15), 0 3px 6px 0 rgba(0, 0, 0, 0.2);
    --card-gradient-beinsight: linear-gradient(45deg, #012552, #001835);
    --bg-circle-shape-beinsight: linear-gradient(-45deg, rgba(9, 25, 43, .41), #0a3b79);
    --bs-heading-color: #d8e2ef;
}

body {
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 200;
    font-style: normal;
    color: var(--body-color-dark-beinsight);
    background-color: var(--background-dark-beinsight);
}

.fw-bolder {
    font-weight: 800 !important;
}
.fw-semi-bold {
    font-weight: 600 !important;
}
.fs-5 {
    font-size: 2.0736rem !important;
}
.fs-10 {
    font-size: 0.8333333333rem !important;
}
.mb-4 {
    margin-bottom: 1.8rem !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
    color: var(--bs-heading-color);
}

a {
    text-decoration: none;
}

.card {
    --bs-card-color: #d8e2ef;
    background-color: var(--card-background-dark-beinsight);
    box-shadow: var(--box-shadow--beinsight);
}

.card-body {
    color: var(--bs-card-color);
}

.bg-holder {
    position: absolute;
    width: 100%;
    min-height: 100%;
    top: 0px;
    left: 0px;
    background-size: cover;
    will-change: transform, opacity, filter;
    backface-visibility: hidden;
    background-repeat: no-repeat;
    z-index: 0;
    background-position: center center;
    overflow: hidden;
}

.bg-card-gradient {
    background-image: var(--card-gradient-beinsight);
    background-position: center;
}

.flex-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 768px) {
    .bg-auth-card-shape {
        background-position: 0px 133%;
    }

    .pb-md-7 {
        padding-bottom: 5rem !important;
    }
}