a{
    text-decoration:none;
}

.fluid{
    width: 100%;
    height: auto;
}

/*fix setting*/
.fluid-w{
    width: 100%;
    height: auto;
    overflow: hidden;
    
}



.text-dark{
    color: black;
}

.text-light{
    color:whitesmoke;
}

.text-gray{
    color:grey;
}

.text-primary{
    color: var(--primary-color);
}

.text-blue{
    color: var(--light-blue);
}

.text-center{
    text-align: center;
}

.text-justify{
    text-align: justify;
}


.text-ssm{
    font: normal 400 .8rem var(--font-Poppins);
}

.text-sm{
    font: normal 500 .9rem var(--font-Poppins);
}

.test-md{
    font: normal 700 1.2rem/1.4rem var(--font-Poppins);
}

.text-lg{
    font: normal 700 2rem/1.8rem var(--font-Poppins);
}

.text-sm:lang(zh-HK){
    font: normal 500 1.1rem var(--font-cwt);
}

.text-md:lang(zh-HK){
    font: normal 700 1.2rem/1.4rem var(--font-cwt);
}

.text-lg:lang(zh-HK){
    font: normal 700 2rem/1.8rem var(--font-cwt);
}




.uppercase{
    text-transform: uppercase;
}

.flex{
    display: flex;
}

.flex.flex-row{
    flex-direction: row;
}

.flex.flex-column{
    flex-direction: column;
}

.flex.flex-wrap{
    flex-wrap:wrap;
}

.flex.justify-content-center{
    justify-content: center;
}

.p-0{
    padding: 0;

}

p.para{
    font: normal 200 1rem var(--font-Poppins);
    margin:0;
    margin-bottom: 1rem;
    
}

.mr-auto{
    margin-right: auto;
}

.ml-auto{
    margin-left: auto;
}

.text-shadow{
    text-shadow: 2px 2px var(--orange);
}

.text-under{
    text-decoration: underline;
}