section.how-works-banner {
    position: relative;
    background-image: url('../images/zm/digital-banner-bg.webp');
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.hence-forth-how-works-page h1 span {
    background: linear-gradient(180deg, #04ea6f 0, #00d563 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 700
}

.our-how-process-box {
    background: #fff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .12);
    border-radius: 16px;
    padding: 40px 25px
}

.our-how-process-box h2 {
    background: linear-gradient(46.19deg, #ff512f 5.66%, #f09819 94.35%);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    opacity: .1
}

.our-how-process-custom:nth-child(2) .our-how-process-box h2 {
    background: linear-gradient(268.84deg, #ea52f8 0, #06f 100%)
}

.our-how-process-custom:nth-child(3) .our-how-process-box h2 {
    background: linear-gradient(226.69deg, #ffb199 0, #ff0844 100%)
}

.our-how-process-custom:nth-child(4) .our-how-process-box h2 {
    background: linear-gradient(46.19deg, #f09819 5.66%, #ffed4e 94.35%)
}

.how-our-process-content-box h5 {
    color: #00d563;
    font-weight: 600
}

.how-our-process-content-box h5 span {
    position: relative;
    display: inline-block;
    margin-right: 30px;
    top: 20px
}

.how-our-process-content-box h5 span::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    background: #00d563;
    left: 0;
    top: -12px;
    animation: 2s infinite pulses
}

@keyframes pulses {
    0% {
        box-shadow: 0 0 0 0 rgb(0 213 99 / 90%)
    }

    70% {
        box-shadow: 0 0 0 10px rgb(0 213 99 / 12%)
    }

    100% {
        box-shadow: 0 0 0 0 rgb(0 213 99 / 0%)
    }
}

@media all and (max-width:767px) {
    .reason-why-choose-box {
        padding: 20px
    }
}