.step-item {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left:15rem;
    max-width: 678px;
}
.step-icon {
    min-width: 40px;
}

.step-number {
    width: 44px;
    height: 44px;
    /* border: 2px solid #f28c28; orange border */
   
  border: 3px solid transparent;
  border-radius: 50px;
  background:
    linear-gradient(white, white) padding-box,
    linear-gradient(to right, #5E1986 0%, #921E3D 16%, #A42025 45%, #E6410A 84%, #ED722B 100%) border-box;

color:#ED722B;
    font-size: 25px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.step-content {
    background: #F9F4FF;
    color: #333;
  padding: 10px 12px 10px 12px;
    border-radius: 10px;
    line-height: 1.6;
    font-size: 16px;
    font-weight: 400;
    /* max-width: 700px; */
}
.mechanism-img{
    justify-content: center;
    align-items: center;
    display: flex;
}
.subtext-mechanism{
font-size:16px;
font-weight:700;
color:#ED722B;
}
@media (max-width: 768px) {
.step-item {

flex-direction: column;

align-items: center;
margin-left:0%;

}
.mechanism-text{
    font-size: 18px;
    font-weight: 400;
}
    
}

.mech-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    /* width:520px; */
    max-width: 280px;
    max-height: 46px;
    padding: 10px 31px 10px 31px;
    background: #6a1b9a;
    color: #fff;
    text-decoration: none;
    border-radius: 999px;
    font-size: 18px;
    font-weight: 700;
    width: 100%;
    margin: 0 auto;
}