@media(min-width:900px){
    .line-ml::before{
        position: absolute;
        content: '';
        background: #d5e8f5;
        width: 100%;
        height: 2px;
        top: 28px;
        right: -180px;
    
    }
}

.line-ml{
    position: relative;
}
.number{
    position: relative;

    display: inline-block;
    
    width: 56px;
    
    height: 56px;
    line-height: 48px;
    
    text-align: center;
    
    border: 2px solid #d5e8f5;
    
    color: #d5e8f5;
    
    background: #ffffff;
    
    font-size: 24px;
    
    /* font-family: 'Comfortaa', cursive; */
    
    font-weight: 700;
    
    border-radius: 50%;
    
    margin-bottom: 50px;
    
    transition: all 500ms ease;
}
.m1{
    transition: all 500ms ease;
    padding: 10%;
}
.hover-eff:hover .m1{

    box-shadow: 0 0px 30px rgba(176,176,176,.30);
    transform: translateY(-10px); 
}

.hover-eff:hover .n1{
    background: linear-gradient(to left top,#ec5627 50%,#303489 50%);
   border:none;  
   color:white;
}