.process-info-section {
    margin: 6rem auto 0;
    box-sizing: border-box;
}

.process-steps-container {
    margin: 4rem auto 0;
    position: relative;
    display: flex;
    justify-content: flex-start;
    padding: 4rem 0;
    background-color: transparent;
}

.process-steps-container div {
    height: 18rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 4.375rem;
    box-sizing: border-box;
}

.process-steps-container div > img.oa-icon {
    height: 6.25rem;
    width: 6.25rem;
}

.process-steps-container div:nth-child(1) {
    border-top: 3px solid var(--primary-500);
}

.process-steps-container div:nth-child(2) {
    border-radius: 0 24px 24px 0;
    border-top: 3px solid var(--primary-500);
    border-right: 3px solid var(--primary-500);
    border-bottom: 3px solid var(--primary-500);
}

.process-steps-container div:nth-child(3) {
    border-radius: 24px 0 0 24px;
    border-top: 3px solid var(--primary-500);
    border-bottom: 3px solid var(--primary-500);
    border-left: 3px solid var(--primary-500);
    top: -3px;
}

.process-steps-container div:nth-child(1) img,
.process-steps-container div:nth-child(2) img {
    position: absolute;
    top: -3.125rem;
    left: 0;
}

.process-steps-container div:nth-child(3) img {
    position: absolute;
    bottom: -3.125rem;
}

.process-steps-container div:nth-child(3) img:nth-child(2) {
    display: inline;
    position: absolute;
    bottom: -3.125rem;
    right: -6.2125rem;
}

.process-steps-container div:nth-child(4) img:nth-child(1) {
    display: none;
}

/* Desktop */
@media only screen and (max-width: 1200px) {}
@media only screen and (max-width: 992px) {}

/* Mobile */
@media only screen and (max-width: 768px) {
    .process-steps-container {
        justify-content: center;
        padding: 2rem 0 0;
        margin-top: 0;
    }

    .process-steps-container div {
        height: auto;
        padding-left: 3.375rem;
    }

    .process-steps-container div:not(:last-child) {
        padding-bottom: 1.25rem;
    }

    .process-steps-container div:nth-child(1),
    .process-steps-container div:nth-child(2),
    .process-steps-container div:nth-child(3) {
        border-radius: 0;
        border: none;
        border-left: 3px solid var(--primary-500);
    }

    .process-steps-container div > img.oa-icon {
        height: 3.125rem;
        width: 3.125rem;
    }

    .process-steps-container div:nth-child(3) img:nth-child(2) {
        display: none;
    }

    .process-steps-container div:nth-child(4) img:nth-child(1) {
        display: inline;
    }

    .process-steps-container div:nth-child(1) img,
    .process-steps-container div:nth-child(2) img,
    .process-steps-container div:nth-child(3) img,
    .process-steps-container div:nth-child(4) img {
        position: absolute;
        left: -1.6rem;
        top: -4px;
    }
}

@media only screen and (max-width: 576px) {
    .process-info-section {
        margin: 2rem auto;
        padding: 0 1.5rem;
    }

    .process-steps-container div {
        padding-left: 2.375rem;
    }
}