.wp-devlop-hiring-process .section-hedding p {
    color: #ffffff;
    max-width: 1090px ;
}
.wp-devlop-hiring-process {
    margin-bottom: 0;
}
.step-box-wrapp {
    border: 1px solid #ffffff;
    border-radius: 10px;
    padding: 60px 20px 30px;
    text-align: center;
    transition: transform 0.3s ease;
    position: relative;
    min-height: 100%;
}


.step-box-wrapp h4 {  
    text-align: center;
    margin-bottom: 10px;
    color: #ffffff;
}


.step-box-wrapp span.step-number {
    width: 70px;
    height: 70px;
    display: flex;
    background-color: #ffffff;
    border-radius: 50%;
    color: #3f5292;
    justify-content: center;
    align-items: center;
    position: absolute;
    transform: translateX(50%);
    right: 50%;
    top: -35px;
    font-size: 20px;
    font-weight: 600;
}
.wp-devlop-hiring-process .process-box-wrapp li {
    text-align: left;
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
}
.wp-devlop-hiring-process .process-box-wrapp li::after {
    position: absolute;
    content: '';
    top: 4px;
    left: 0;
    height: 15px;
    width: 15px;
    background: url(./images/our-website-maintenance-plans-pricing-svg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    filter: brightness(0) invert(1);
}
.wp-devlop-hiring-process .process-box-wrapp ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    margin-top: 20px;
}
.wp-devlop-hiring-process .section-hedding {
    margin-bottom: 60px;
}

/* Dark mode CSS Start */

.dark-mode #hiring-models .nav-item .nav-link.active {
    color: #9DB5FF !important;
    border-color: #9DB5FF !important;
}

.dark-mode #hiring-models .business-modal-text h4, .dark-mode #hiring-models .business-modal-text p b {
    color: #9DB5FF !important;
}
.dark-mode .step-box-wrapp span.step-number {
    background-color: #9DB5FF;
    color: #ffffff;
}
.dark-mode .step-box-wrapp {
    border: 1px solid #9DB5FF;
}