.hero {
    /* background-color: #222B45; */
    height: 18.75rem;
    position: relative;
   
    background-position: center;
background-size: cover;
background-position: top;
background-repeat: no-repeat;
    /*background-color: #222B45;*/
    background-blend-mode: overlay;

}
@media (max-width: 767px) {
    .hero {
        background-position: center !important;
        background-size: cover !important;
        background-position: left !important ;
        background-repeat: no-repeat;
    }
}


.containt-steper{
    background-color: #F5F9FC;
    color: #192038;
    padding: 8px 32px;
    border-radius: 8px;
}
@media (max-width: 767px) {
    .containt-steper {
 
        padding: 8px 0px;
    }
}

.name-service{
    color: #FFF;
    font-size: 44px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-align: center;
padding-top: 9% ;
}
@media (max-width: 767px) {
.name-service{
    padding-top: 29% ;
}

}
.conatiner-progress-steper{
    width: 90% !important;
}
.conatiner-progress-steper .bg-success
{
    background: linear-gradient(77deg, rgba(59, 216, 173, 0.80) 7.19%, rgba(11, 11, 99, 0.80) 129.88%) !important; 
}
.what-step{
        margin-bottom: 1rem;
}

@media (max-width: 767px) {
.container-steper-in-description{
  margin-right: -1rem;
}

}
.progress{
    background:#EDF1F7 !important;
}