.process-block {
    padding: 60px 0;
    position: relative;
    overflow: hidden;
}

.process-heading {
    padding-bottom: 30px;
    text-align: center;
}

.process-item {
    text-align: center;
    margin-bottom: 35px;
    position: relative;
}

.process-item-image {
    width: 200px;
    height: 200px;
    border-radius: 3px;
    margin: 0 auto;
    display: block;
    overflow: hidden;
}

.process-item-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.process-item-content h4 {
    width: 50px;
    height: 50px;
    font-size: 24px;
    color: #fff;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #13307F;
    border-radius: 3px;
    transition: all ease 0.3s;
    margin: -25px auto 15px;
    padding: 0;
}

.process-item:last-child {
    margin-bottom: 0;
}

.process-item-btn {
    margin: 30px auto 0;
    text-align: center;
}

.process-item-content p {
    font-size: 15px;
}

.process-block-curve div {
    position: absolute;
}

.process-curve-1 {
    width: 219px;
    height: 162px;
    bottom: 47px;
    left: -20px;
}

.process-curve-2 {
    width: 160px;
    height: 110px;
    bottom: 0px;
    left: -40px;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}

.process-curve-3 {
    width: 219px;
    height: 162px;
    top: 36px;
    right: -20px;
}

.process-curve-4 {
    width: 159px;
    height: 77px;
    top: 155px;
    right: -20px;
}




@media (min-width: 768px){
    /* .process-block {
        padding: 70px 0;
    } */

    .process-wrapper {
        display: flex;
        width: calc(100% + 32px);
        margin: 0 -16px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .process-item {
        width: calc(50% - 32px);
        margin: 0 16px 40px;
    }

    .process-item-btn {
        margin: 0 auto;
    }

    .process-curve-1 {
        bottom: 115px;
    }

    .process-curve-2 {
        bottom: 56px;
        left: -80px;
    }

    .process-curve-3 {
        top: 66px;
    }

    .process-curve-4 {
        top: 183px;
    }

    .process-heading p {
        line-height: 1.6875;
    }
}


@media (min-width: 1200px){
    /* .process-block {
        padding: 100px 0;
    } */

    .process-item {
        width: calc(25% - 32px);
        margin: 0 16px 0;
    }

    .process-item-btn {
        margin: 40px auto 0;
    }

    .process-item-content p {
        font-size: 16px;
    }

    .process-heading {
        padding-bottom: 40px;
    }

    .process-item:after {
        content: "\e91a";
        position: absolute;
        font-family: 'icomoon' !important;
        font-weight: normal;
        right: -26px;
        top: 88px;
        color: #EA7500;
        font-size: 23px;
    }

    .process-item:last-child:after {
        display: none;
    }

    .process-curve-1 {
        bottom: 152px;
        width: 547px;
        height: 403px;
    }

    .process-curve-2 {
        bottom: -12px;
        left: -200px;
        width: 398px;
        height: 277px;
    }

    .process-curve-3 {
        top: 25px;
        width: 547px;
        height: 403px;
    }

    .process-curve-4 {
        top: 322px;
        width: 398px;
        height: 194px;
    }
}