.steps-component {
    display: flex;
    gap: 30px;
}

.steps-component .step-item {
    border-radius: 10px;
    padding: 20px;
    border: 1px solid #C9C9C9
}

.steps-component .step-item .title {
    font-weight: 700;
    font-size: 18px;
}

.steps-component .step-item .step-number {
    margin: 15px 0;
    font-size: 15px;
}

.steps-component .step-item .step-number span {
    border-radius: 16px;
    border: 1px solid #C9C9C9;
    padding: 3px 13px;
}

@media only screen and (max-width: 767px) {
    .steps-component {
        flex-wrap: wrap;
        gap: 20px;
    }

    .steps-component .step-item {
        width: 100%;
    }
}