/* Toplogis NOTE
Max width is 1500px
*/
:root{
    
    --white: #FFFF;
    --water: #CDE4F8;
    --sky-blue: #EFF7FF;
    --light-blue: #4A96FF;
    --cobalt-blue: #004EB1;
    --blue: #002A79;
    --dark-blue: #272D37;
    --light-blue-line-gradient: linear-gradient(180deg, #EFF7FF 0%, rgba(239, 247, 255, 0.00) 100%);
    --blue-line-gradient: linear-gradient(46deg, #000945 0%, #002A79 54.49%, #004EB1 100%);
    --gray-line-gradient: linear-gradient(to right, #ffffff, #fafafa, #f6f6f6, #f1f1f1, #ededed);
    --orange: #FF922D;
    --green: #51A127;
    --light-gray: #F0F0F0;
    --gray-60: rgba(21, 30, 43, 0.60);
    --gray-50: rgba(0, 0, 0, 0.50);

    --ff-heading: 'DM Sans', sans-serif;
    --ff-body: 'Open Sans', sans-serif;

    --fs-xl-large: 2.6rem;
    --fs-large: 2.5rem;
    --fs-medium: 2rem;
    --fs-small: 1.8rem;
    --fs-smaller: 1.6rem;

    --gutter:2.5rem;
    --gutter-section: 8rem; /* Spacing between section*/
    --max-xl-width: 1300px;
    --max-sm-width: 900px;

    --breakpoint-tablet: 768px;
    --breakpoint-desktop: 992px;
}

*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
img{
    width: auto;
    height: auto;
}
html{
    font-size: 62.5%;
    scroll-behavior: smooth;
}
html[lang="zh-Hant"] {
    --ff-heading: "Noto Sans TC",'Open Sans', sans-serif;
    --ff-body: "Noto Sans TC",'Open Sans', sans-serif;
    letter-spacing: 0.75px;
}
body{
    background-color: #FFF;
    font-family: var(--ff-body);
    font-size: var(--fs-smaller);
}
/*  */
.background-blue-gradient{
    background: var(--light-blue-line-gradient);
    width: 100%;
}
.background-light-blue{
    background: var(--sky-blue);
    width: 100%;
}
.background-white{
    background: var(--white);
    width: 100%;
}
.background-blue{
    background: var(--blue);
    width: 100%;
}
.background-water{
    background: var(--water);
    width: 100%;
}

@media (min-width: 992px) { 
    :root{
        --fs-xl-large: 3.5rem;
        /* --fs-large: 3rem; 
        --fs-medium: 2.5rem; 
        --fs-small: 2rem;
        --fs-smaller: 1.8rem;
        --gutter:10rem; */
    }
}