body {
}
.how-we-work {
    padding: 100px 0;
    background-color: #0d1028;
}


.section-title {
    margin-bottom: 40px;
}

    .section-title .bar {
        width: 50px;
        height: 5px;
        background-color: #007bff; /* Adjust color as needed */
        margin: 0 auto 20px;
    }

    .section-title h2 {
        font-size: 2.5rem;
        margin-bottom: 10px;
        margin-top:5px;
        color: #0d1028;
    }

    .section-title span {
        font-size: 1.2rem;
        color: #ff5202;
    }

.single-work-process {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 30px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .single-work-process:hover {
        transform: translateY(-10px);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    }

    .single-work-process .icon img {
        max-width: 100px;
    }

    .single-work-process h3 {
        font-size: 1.5rem;
        margin: 20px 0 10px;
        color: #333;
    }

    .single-work-process p {
        font-size: 1rem;
        color: #555;
    }

    .single-work-process .arrow-img img {
        width: 24px;
        height: auto;
    }
#workproccesstitle{

    color:orangered;

}