@media (max-width: 100px) and (min-width: 320px){
    .navbar-brand h4{
        font-size: 12px;
        /* color: #8b0000; */
        font-weight: 800;
        gap: 5;
    }
}

 



@media (min-width: 375px) and (max-width: 667px){
    .navbar-brand h4{
        font-size: 12px !important;
        /* color: #8b0000; */
        font-weight: 800;
        gap: 5;
    }

    .navbar-brand img{
        width: 20%;
    }

    .step-form {
        background-color: #edf0f7;
        padding: 30px !important;
    }

    .step-one { 
        width: 6vh !important;       
        padding: 4px !important;
    }
    
    .step-one-active { 
        width: 6vh !important;       
        padding: 4px !important;
    }
   

    .mar-right{
        margin-right: 0px !important;
    }

    .step-section{
        padding: 15px !important;
    }

    .padd-left5{
        padding-left: 1rem !important;
    }

}