.admission-container{
    padding: 70px 20px;
    display: flex;
    flex-direction: column;
    gap:30px;
}

.step-details{
   margin-top: 30px;
   margin-left: 30px;
}

.step-details img{
    margin-top: 20px;
}

.steps-description{
    margin-left:15px;
}

.steps-container{
    display: flex;
    flex-direction: column;
    gap:30px;
}
.steps-header{
    display: flex;
    gap:10px;
    align-items: center;
}

.steps{
    background: var(--blue);
    color: var(--white);
    padding: 10px 13px;
    border-radius: 50%;
    font-size:20px;
    cursor: default !important;
}
.steps:focus,
.steps:hover{
    background: var(--blue) !important;
    color: var(--white) !important;
}
.steps.one{
    background: var(--blue);
    color: var(--white);
    padding: 10px 15px;
}


.steps-header h4{
    margin: 0;
}

.mobile-image{
    display: none;
}
@media(max-width:767px){
    .admission-container{
        padding: 70px 5px;
    }

    .step-details{
        margin-left: 0;
    }
    .desktop-image{
        display: none;
    }
    .mobile-image{
        display: block;
    }
}

@media(max-width:500px){
    .steps{
        padding: 8px 11px;
        font-size:17px;
    }
    .steps.one{
        padding: 8px 13px;
    }
    .steps-header h4{
        font-size: 20px;
    }
}