.card-step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    overflow: hidden;
    border: 1rem solid var(--color-gray-200);
    border-radius: 16rem;
}

.card-step__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 16rem;
    background-color: var(--color-gray-100);
}

.card-step__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 8rem;
}

.card-step__title_img {
    width: 18rem;
    height: 18rem;
    margin-right: 8rem;
}

.card-step__title_text {
    color: var(--color-primary);
    font-size: 18rem;
    line-height: 1.3;
}

.card-step__description {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-top: 14rem;
    font-size: 14rem;
    line-height: 1.3;
}

.card-step__time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 16rem;
}

.card-step__time_img {
    width: 12rem;
    min-width: 12rem;
    height: 12rem;
    -o-object-fit: contain;
       object-fit: contain;
    margin-right: 8rem;
}

.card-step__time_text {
    color: var(--color-primary);
    font-size: 12rem;
    line-height: 1.3;
}