.steps-wrapper {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}
@media (min-width: 768px) {
    .steps-wrapper {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }
}
.steps-wrapper .steps {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    max-width: 1260px;
    flex-direction: column;
    gap: 1.25rem
}
@media (min-width: 768px) {
    .steps-wrapper .steps {
        flex-direction: row
    }
}
.steps-wrapper .steps .card {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 1.5rem
}
@media (min-width: 768px) {
    .steps-wrapper .steps .card {
        gap: 2rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-left: 2.5rem;
        padding-right: 3.5rem
    }
}
.steps-wrapper .steps .card .card-icon {
    height: 4rem;
    width: 3.5rem;
    flex-shrink: 0
}
@media (min-width: 768px) {
    .steps-wrapper .steps .card .card-icon {
        height: 5rem;
        width: 4rem
    }
}
.steps-wrapper .steps .card .card-icon img {
    width: 100%
}
.steps-wrapper .steps .card .card-content > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}
.steps-wrapper .steps .card .card-content h2,
.steps-wrapper .steps .card .card-content p {
    font-size: 16px;
    line-height: 18px
}
@media (min-width: 768px) {
    .steps-wrapper .steps .card .card-content h2,
.steps-wrapper .steps .card .card-content p {
        font-size: 23px;
        line-height: 27px
    }
}
.steps-wrapper .steps .card .card-content a {
    --tw-text-opacity: 1;
    color: rgb(0 147 208 / var(--tw-text-opacity))
}
.steps-wrapper .steps .card .card-content svg {
    margin-left: 0.5rem;
    display: inline-block;
    height: 1.25rem;
    width: 1.25rem
}
@media (min-width: 768px) {
    .steps-wrapper .steps .card .card-content svg {
        height: 1.75rem;
        width: 1.75rem
    }
}