.hpdw-steps {
    display: grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 22px
}

.hpdw-step {
    display: grid;
    grid-template-columns:auto 1fr;
    gap: 14px;
    align-items: flex-start
}

.hpdw-num {
    width: 42px;
    height: 42px;
    border-radius: 999px;
    background: var(--accent);
    display: grid;
    place-items: center;
    font-weight: 800;
    color: #111827;
    flex: 0 0 42px
}

.hpdw-image {
    width: 100%;
    height: 100%;
    min-height: 360px;
    object-fit: cover;
    border-radius: 22px;
    display: block
}

.hpdw-split {
    display: grid;
    grid-template-columns:1.05fr .95fr;
    gap: 22px;
    align-items: stretch
}

.hpdw-checks {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 16px
}

@media (max-width: 900px) {
    .hpdw-split, .hpdw-steps {
        grid-template-columns:1fr
    }

    .hpdw-image {
        min-height: 260px
    }
}