.sv-process-steps {
    width: 100%;
    position: relative;
}

.sv-process-steps__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--sv-ps-columns-gap, 60px);
    row-gap: var(--sv-ps-rows-gap, 54px);
    position: relative;
}

.sv-process-steps__grid::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: var(--sv-ps-divider-width, 3px);
    background: var(--sv-ps-divider-color, #111111);
}

.sv-process-steps__item {
    min-width: 0;
    position: relative;
}

.sv-process-steps__item-inner {
    display: flex;
    align-items: flex-start;
    gap: 22px;
}

.sv-process-steps__icon-wrap {
    flex: 0 0 auto;
    width: var(--sv-ps-icon-circle-size, 74px);
    height: var(--sv-ps-icon-circle-size, 74px);
    border: 1.5px solid var(--sv-ps-icon-border-color, #111111);
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.sv-process-steps__icon,
.sv-process-steps__icon-image {
    width: calc(var(--sv-ps-icon-size, 28px) + 8px);
    height: calc(var(--sv-ps-icon-size, 28px) + 8px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.sv-process-steps__icon svg {
    width: var(--sv-ps-icon-size, 28px);
    height: var(--sv-ps-icon-size, 28px);
    display: block;
    fill: currentColor;
    stroke: currentColor;
}

.sv-process-steps__icon-image img {
    width: var(--sv-ps-icon-size, 28px);
    height: var(--sv-ps-icon-size, 28px);
    object-fit: contain;
    display: block;
}

.sv-process-steps__content {
    min-width: 0;
    max-width: 460px;
}

.sv-process-steps__title {
    margin: 0 0 8px;
    line-height: 1.15;
    font-weight: 400;
    color: #111111;
}

.sv-process-steps__text {
    line-height: 1.45;
    color: #111111;
}

.sv-process-steps__item--call {
    align-self: end;
}

.sv-process-steps__call-card {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 125px;
    background: var(--sv-ps-call-bg, #f3eee8);
    color: var(--sv-ps-call-color, #111111);
    border-radius: var(--sv-ps-call-radius, 0px);
    padding: var(--sv-ps-call-padding, 34px);
    text-decoration: none;
}

.sv-process-steps__call-card:hover {
    background: #46494f;
    color: #fff;
}

.sv-process-steps__call-content {
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 2;
}

.sv-process-steps__call-title {
    line-height: 1.2;
    font-weight: 400;
    color: inherit;
}

.sv-process-steps__call-number {
    margin-top: 10px;
    line-height: 1.4;
    color: inherit;
}

.sv-process-steps__call-image {
    position: absolute;
    right: 10px;
    bottom: -40px;
    width: 190px;
    max-width: 42%;
    z-index: 1;
    pointer-events: none;
}

.sv-process-steps__call-image img {
    display: block;
    width: 240px;
    height: 240px;
    object-fit: cover;
}

@media (max-width: 991px) {
    .sv-process-steps__grid {
        grid-template-columns: 1fr;
        row-gap: 34px;
    }

    .sv-process-steps__grid::before {
        display: none;
    }

    .sv-process-steps__call-card {
        min-height: 100px;
    }
}

@media (max-width: 767px) {
    .sv-process-steps__item-inner {
        gap: 16px;
    }
    .sv-process-steps__call-title {
        margin-right: 99px;
        font-size: 24px;

    }
    .sv-process-steps__icon-wrap {
        width: 64px;
        height: 64px;
    }

    .sv-process-steps__title {
        margin-bottom: 6px;
    }

    .sv-process-steps__call-image {
        width: 120px;
        max-width: 38%;
        right: 6px;
        bottom: -60px;
    }
}