.page-wrapper {
  padding: 0 !important;
}
.header .header-main {
  background: rgba(0, 0, 0, 0.6);
}
.header-bg-container {
  display: none !important;
}
.header .header-main ul li a {
  color: #fff;
  text-decoration: none;
}

@media (max-width: 767px) {
  .header .header-main .header-inner {
    background: #142035;
  }
}

@media (min-width: 768px) {
  .header .header-main .container {
    max-width: 1380px;
  }
  .header {
    position: relative;
    margin-bottom: -85px;
    padding-top: 10px;
  }
}
/* 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;
}

@media only screen and (max-width: 48em) {
  /*************** ADD MOBILE ONLY CSS HERE  ***************/
}