/* Scrollbar tổng thể */
::-webkit-scrollbar {
  width: 8px; /* Độ rộng thanh cuộn dọc */
  height: 8px; /* Độ cao thanh cuộn ngang */
}

/* Màu nền của scrollbar */
::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

/* Màu của thanh trượt (nút cuộn) */
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}

/* Khi hover vào thanh trượt */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

@font-face {
  font-family: "NotoSans";
  src: url("fonts/NotoSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "NotoSans";
  src: url("fonts/NotoSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "NotoSans";
  src: url("fonts/NotoSans-Thin.ttf") format("truetype");
  font-weight: 100; /* Thin thường có trọng lượng là 100 */
  font-style: normal;
}

@font-face {
  font-family: "NotoSans";
  src: url("fonts/NotoSans-Italic.ttf") format("truetype");
  font-weight: 400; /* Regular trọng lượng 400 */
  font-style: italic;
}


* {
  font-family: "NotoSans", sans-serif !important;
    color: #000;
}