@charset "utf-8";

@font-face {
  font-family: louiscafe-light;
  /* src: url("../fonts/NotoSansSC-Light.ttf"); */
  src: local("MiSans Light"), url("https://cdn-font.hyperos.mi.com/font/woff2/MiSans-Light.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: louiscafe-bold;
  src: local("MiSans Regular"), url("https://cdn-font.hyperos.mi.com/font/woff2/MiSans-Regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: louiscafe;
  /* src: url("../fonts/NotoSansSC-Regular.ttf"); */
  src: url("https://fonts.gstatic.com/s/notosanssc/v6/8QINdiTajsj_87rMuMdXp6YoN10dKhU.ttf") format('truetype');
  font-display: swap;
}

@font-face {
  font-family: roboto-light;
  src: local("MiSans Light"), url("https://cdn-font.hyperos.mi.com/font/woff2/MiSans-Light.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: roboto-bold;
  src: local("MiSans Semibold"), url("https://cdn-font.hyperos.mi.com/font/woff2/MiSans-Semibold.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: roboto;
  /* src: url("../fonts/NotoSansSC-Medium.ttf"); */
  src: url("https://fonts.gstatic.com/s/notosanssc/v6/8QINdiTajsj_87rMuMdjp6YoN10dKhU.ttf") format('truetype');
  font-display: swap;
}

@font-face {
  font-family: robotoslab;
  /* src: url("../fonts/NotoSansSC-Light.ttf"); */
  src: url("https://fonts.gstatic.com/s/notosanssc/v14/u-4g5lGk5ZjO7Jw3F1k0Fc3UV-bOdRaV5uSLtJKy.ttf") format('truetype');
  font-display: swap;
}

/* =========Mainly for SVG fonts=========== */
@font-face {
  font-family: MiSans;
  src: local("MiSans Regular"), url("https://cdn-font.hyperos.mi.com/font/woff2/MiSans-Regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: MiSans-Semibold;
  src: local("MiSans Semibold"), url("https://cdn-font.hyperos.mi.com/font/woff2/MiSans-Semibold.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: NotoSansSC-SemiBold;
  /* src: url("../fonts/NotoSansSC-SemiBold.ttf"); */
  src: url("https://fonts.gstatic.com/s/notosanssc/v6/8QINdiTajsj_87rMuMdap6YoN10dKhU.ttf") format('truetype');
  font-display: swap;
}

@font-face {
  font-family: NotoSansSC-Bold;
  /* src: url("../fonts/NotoSansSC-Bold.ttf"); */
  src: url("https://fonts.gstatic.com/s/notosanssc/v6/8QINdiTajsj_87rMuMdfp6YoN10dKhU.ttf") format('truetype');
  font-display: swap;
}

@font-face {
  font-family: NotoSansSC-Medium;
  /* src: url("../fonts/NotoSansSC-Medium.ttf"); */
  src: url("https://fonts.gstatic.com/s/notosanssc/v6/8QINdiTajsj_87rMuMdjp6YoN10dKhU.ttf") format('truetype');
  font-display: swap;
}

@font-face {
  font-family: NotoSansSC-Regular;
  /* src: url("../fonts/NotoSansSC-Regular.ttf"); */
  src: url("https://fonts.gstatic.com/s/notosanssc/v6/8QINdiTajsj_87rMuMdXp6YoN10dKhU.ttf") format('truetype');
  font-display: swap;
}

body {
  font-family: 'Noto Sans SC', 'SimHei', 'SimSun', 'MiSans' sans-serif;
  font-display: swap;
}

h1,
h3 {
  font-family: roboto-bold;
  font-display: swap;
}

h2 {
  font-family: louiscafe-bold;
  font-display: swap;
}

/* h4 {
  font-family: roboto;
} */

h5,
p {
  font-family: louiscafe-bold;
  font-display: swap;
}

h6 {
  font-family: robotoslab;
  font-display: swap;
}

#home h1 {
  margin: 0;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 50px;
  color: #070707;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
}

.tabs-title {
  font-size: 28px;
}

.professional .icon-box h4 {
  margin: 5px 0 !important;
  line-height: 20px;
}

.footer-sg-title h1 {
  font-size: 1.6rem;
}

@media (max-width: 1199px) and (min-width: 768px) {
  .footer-sg-title h1 {
    font-size: 1.2rem;
    margin: 4px 0px 4px 0px;
    line-height: 1.6rem;
  }
}

@media (max-width: 768) {
  .tabs-t3-infected {
    flex-direction: column !important;
  }

  .tabs-t3-infected-text {
    display: flex !important;
    padding-left: 0 !important;
  }
}

/* s.case for sg cn home cover section */
@media (max-width: 395px) {
  .title-home h1 {
    font-size: 2rem !important;
  }

  #home p {
    font-size: 21px;
  }
}