@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;1,200&display=swap');
#styleindicatorhome{
    display: none;
    position: absolute;
    width:9.5rem;
    height:1.2rem;
    opacity:0;
    background-color:  #F36F2E;
    margin-top: -3rem;
    transition: width ease-out 0.3s;
}



#styleindicatorabout{
    display: none;
    position: absolute;
    width:14rem;
    height:1.2rem;
    opacity:0;
    background-color:  #F36F2E;
    margin-top: -3rem;
    transition: width ease-out 0.3s;
}




#styleindicatorproduct{
    display: none;
    position: absolute;
    width:12.5rem;
    height:1.2rem;
    opacity:0;
    background-color:  #F36F2E;
    margin-top: -3rem;
    transition: width ease-out 0.3s;
}



#styleindicatorblog{
    display: none;
    position: absolute;
    width:7.5rem;
    height:1.2rem;
    opacity:0;
    background-color:  #F36F2E;
    margin-top: -3rem;
    transition: width ease-out 0.3s;
}


@media (min-width: 778px) {
     #styleindicatorhome{
        display:block;
        position: absolute;
        /* width:9.5rem; */
        height:1.11rem;
        /* opacity:0; */
        background-color:  #F36F2E;
        margin-top: -3rem;
        transition: width ease-out 0.3s;
    }
   
    
    
    #styleindicatorabout{
        display:block;
        position: absolute;
        height:1.11rem;
        background-color:  #F36F2E;
        margin-top: -3rem;
        transition: width ease-out 0.3s;
    }
   
    
    
    
    
    #styleindicatorproduct{
        display:block;
        position: absolute;
        height:1.11rem;
        background-color:  #F36F2E;
        margin-top: -3rem;
        transition: width ease-out 0.3s;
    }
   
    
    
    #styleindicatorblog{
        display:block;
        position: absolute;
        height:1.11rem;
        background-color:  #F36F2E;
        margin-top: -3rem;
        transition: width ease-out 0.3s;
    }
   
 }