.mobile_header{
    .mobile_header_wrapper{
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 60px;
        .mobile_heade_left{
            .mob_logo{
                a{
                    img{
                        height: 45px;
                        width: auto;
                        object-fit: contain;
                    }
                }
            }
        }
        .hamberger_icon{
            i{
                font-size: 24px; 
                color: $black;
               }
        }
    }
}

    .header_nav{
        ul{
            li{
                display: block;
                margin-left: 20px;
                margin-bottom: 10px;
                position: relative;
                &:hover a{
                    color: $primaryColor;
                }
                &:hover::after{
                  opacity: 1;
                //   transition: all linear.3s;
                }
                &::after{
                    position: absolute;
                    content: '';
                    bottom: -10px;
                    left: 0;
                    width: 35%;
                    height: 2px;
                    background-color: $primaryColor;
                    opacity: 0;
                    margin-bottom: 5px;
                }
                
                a{
                    font-size: 16px;
                    font-weight: 500;
                    color: #333;
                    text-transform: uppercase;
                }
            }
        }
    }