@import url("https://fonts.googleapis.com/css2?family=Kanit:wght@200&display=swap");
body {
  font-family: "Kanit", sans-serif;
  margin: 0;
  background: rgb(0, 0, 0);
  color: white;
  overflow-x: hidden;
}
/* font size */
.font10 {
  font-size: 10px !important;
}

.font12 {
  font-size: 12px !important;
}

.font14 {
  font-size: 14px !important;
}

.font16 {
  font-size: 16px !important;
}

.font18 {
  font-size: 18px !important;
}

.font20 {
  font-size: 20px !important;
}

.font22 {
  font-size: 22px !important;
}

.font24 {
  font-size: 24px !important;
}

.font26 {
  font-size: 26px !important;
}

.font28 {
  font-size: 28px !important;
}
.font29 {
  font-size: 29px !important;
}
.font30 {
  font-size: 30px !important;
}
.font31 {
  font-size: 31px !important;
}
.font32 {
  font-size: 32px !important;
}
.font33 {
  font-size: 33px !important;
}
.font34 {
  font-size: 34px !important;
}
.font35 {
  font-size: 35px !important;
}
.font36 {
  font-size: 36px !important;
}
.font37 {
  font-size: 37px !important;
}
.font38 {
  font-size: 38px !important;
}
.font39 {
  font-size: 39px !important;
}
.font40 {
  font-size: 40px !important;
}
/* font size end */

.navbar-top {
  top: 0;
  left: 0;
  width: 100%;
  background: #111a24;
  border-bottom: 1px solid #0000001f;
  position: fixed !important;
  z-index: 9999;
}
.off-nav {
  background: #111a24 !important;
}

.navbar-stuck {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  animation: navbar-show 0.25s ease-in-out;
  box-shadow: 0 0.275rem 1.25rem rgba(11, 15, 25, 0.05),
    0 0.25rem 0.5625rem rgba(11, 15, 25, 0.03);
  z-index: 1031;
}
.navbar {
  --si-navbar-stuck-bg: #fff;
  --si-navbar-toggler-color: #33354d;
}
.position-absolute {
  position: absolute !important;
}
.navbar.navbar-stuck {
  background-color: var(--si-navbar-stuck-bg);
}
.font-w-bold {
  font-weight: bold;
}

.background-gardiend {
  background-image: linear-gradient(to top, #cd9cf2 0%, #f6f3ff 100%);
}

.backgroud-top {
  background-image: url(/assets/images/all/backgroud-top7.png);
  width: auto;
  /* background-size: cover; */
}
.backgroud-footer {
  background-image: url(/assets/images/all/backgroud-foter.png);
  /* width: auto; */
  /* background-size: cover; */
}
.backgroud-body {
  background-image: url(/assets/images/all/backgroud-body2.png);
  width: auto;
  background-size: cover;
}
.backgroud-top123 {
  background-image: url(https://nikkei-digital.com/img/Banner-bg.jpg);
  width: auto;
  background-size: cover;
}
.bgcard {
  border-radius: 7px;
  border: 0px solid #f5f5f5;
  background: #d5d0d01c;
  margin: 4px 0px 0px 0px;
  text-shadow: 5 0 black;
  padding: 0px 7px 4px 7px;
  /* box-shadow: 0px 0px 1px 0px #538fa1; */
  color: #000;
  font-weight: bold;
}

.bocard1 {
  --bs-card-border-width: 8px !important;
  --bs-card-bg: #ffffff !important;
  --bs-card-border-color: rgb(255 255 255 / 0%);
  padding: 4px;
  border: 1px solid #b1b5f3;
}
.fontdigital {
  font-family: "Orbitron", sans-serif;
  color: #ff9800;
}

div span:last-of-type {
  font-size: 12px;
  /* color: rgb(0, 0, 0); */
  font-weight: bold;
  margin-top: 4px;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 3px;
}
.countdown > div {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 5px;
  box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.25);
  width: 50px;
  height: 50px;
  border-radius: 3px 3px 3px 3px;
  background: #111a24;
  color: #ffffff;
  /* border: 1px solid #ffffffad; */
}
.font-digital {
  font-family: "DS-Digital", sans-serif;
}
.btnoren {
  color: #ffffff !important;
  background: #ff9000 !important;
  border-color: #ff9000 !important;
}
.cardbd {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgb(0 10 9 / 16%);
  border-radius: 0.35rem;
  width: 100%;
  min-width: 100%;
}
.card-body-data {
  flex: 1 1 auto;
  padding: 1rem 1rem;
}
table.dataTable.no-footer {
  border-bottom: 1px solid rgb(0 0 0 / 16%) !important;
}
.dataTables_length {
  display: none;
}
tr {
  border-color: inherit;
  border-style: hidden !important;
  border-width: 0;
}
.dataTables_info {
  font-size: 12px !important;
}
.paging_simple_numbers {
  font-size: 12px !important;
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 0px !important;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.dataTables_filter {
  font-size: 13px !important;
}

.boder-images {
  border-radius: 10px;
  border: 1px solid #ffffff;
}
.text-color-dark {
  color: #ffffff;
}
.navbar-toggler{
  background-color: #57728754 !important;
}
.backgroud-body-images{
  background-image: url(/assets/images/all/list_bg1.png) ;
  border: 0px !important;
  color: #ffffff;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}
.backgroud-body-images2{
  background-image: url(/assets/images/all/list_bg4.png) ;
  border: 0px !important;
  color: #ffffff;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}
.backgroud-body-images3{
  background-image: url(/assets/images/all/list_bg5.png);
  border: 0px !important;
  color: #ffffff;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}