.bg-image {
    background-image: linear-gradient(0deg, #231F20 -0.73%, rgba(57, 53, 54, 0.9) 19.86%, rgba(124, 121, 122, 0.6) 37.58%, rgba(236, 235, 235, 0.09) 54.16%, rgba(255, 255, 255, 0) 56.45%), url('/images/bg-login.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
    z-index: 0;
}

.img-text-container {
    position: absolute;
    bottom: 15%;
    left: 40px;
}

    .img-text-container h2 {
        font-family: 'Helvetica Neue LT Pro', sans-serif;
        font-weight: 700;
        font-size: 112px;
        line-height: 75%;
        letter-spacing: -2px;
        color: #FFFFFF;
        z-index: 1;
        position: relative;
    }

.body-container {
    display: flex;
    height: 100%;
    flex-direction: column;
}

.card-title {
    color: rgba(0, 14, 64, 1);
    font-family: Dasa Sans;
    font-weight: 500;
    font-size: 24px;
}

.card-subtitle {
    font-family: Dasa Sans;
    font-weight: 400;
    font-size: 16px;
    max-width: 330px;
    line-height: 1.25;
}

.card-body {
    padding: 36px !important;
    height: 100%;
}

@media (max-width: 768px) {
    .card-body {
        padding: 24px 12px !important;
        height: 100%;
    }
}