.card {
    background-color: var(--color-grey-shade);
    color: #FFFFFF;
    padding: 30px;
    height: 100%;

    .card-title {
        font-family: var(--roboto-bold);
        font-size: 22px;
        line-height: 25px;
        font-weight: 700;
        color: #FFFFFF;
    }

    .card-body {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    p {
        font-family: var(--roboto-thin);
        font-size: 18px;
        font-weight: 400;
        line-height: 25px;
    }
}

@media (max-width: 992px) {
    .card {
        .card-title {
            font-size: 20px;
            line-height: 23.44px;
        }

        p {
            font-size: 18px;
            line-height: 25.2px;
        }
    }
}

@media (max-width: 576px) {
    .card {
        .card-title {
            font-size: 18px;
            line-height: 21.09px;
        }

        p {
            font-size: 15px;
            line-height: 21px;
        }
    }
}