[data-theme="dark"] {
  color-scheme: dark;
  --b1: 240deg 13.58% 15.88%;
  --b2: 240deg 17.86% 10.98%;
  --b-65: 240deg 13.58% 15.88%/ 65%;
  --b-75: 240deg 13.58% 15.88%/ 75%;
  --btable: 240deg 13.58% 15.88%/ 65%;
  --c1: 214deg 3% 81%;
  --c2: 0deg 0% 12%;
  --cse1: 214deg 3% 81%;
}

[data-theme="light"] {
  color-scheme: light;
  --b1: 222deg 83.33% 97.65%;
  --b2: 0deg 0% 100%;
  --b-65: 222deg 83.33% 97.65%/ 65%;
  --b-75: 222deg 83.33% 97.65%/ 75%;
  --btable: 222deg 83.33% 97.65%;
  --c1: 0deg 0% 12%;
  --c2: 214deg 3% 81%;
  --cse1: 208deg, 7%, 46%;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: var(--fonts), sans-serif;
  font-weight: 400 !important;
  font-style: normal;
}

html {
  scroll-behavior: smooth;
}

body::-webkit-scrollbar {
  width: 3px;
}

body::-webkit-scrollbar-track {
  background: none;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

body::-webkit-scrollbar-thumb {
  border-radius: 25px;
  background: -webkit-linear-gradient(var(--clr-s) 0%, var(--clr-m) 100%);
}

.bg-wh {
  background: hsl(var(--b2)) !important;
}

.bg-wh\/2 {
  background: hsl(var(--b1)) !important;
}

.text-wh {
  color: hsl(var(--c1)) !important;
}
.text-bc {
  color: hsl(var(--c2)) !important;
}
.text-se {
  color: hsl(var(--cse1)) !important;
}
.text-gra\/main-sec {
  background: -webkit-linear-gradient(60deg, var(--clr-m), var(--clr-s));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.btn-main {
  color: var(--clr-m) !important;
  padding: 2.5px 10px;
  border-radius: 5px;
  text-decoration: none;
  border: 2.15px solid var(--clr-m);
  background-color: var(--clr-s65);
  transition: all 0.55s ease;
}

.nav-link.btn-main {
  color: var(--clr-m) !important;
  padding: 5.5px 15px;
  transition: all 0.65s ease;
}

.btn-main.active {
  color: #ffffff95 !important;
  background-color: var(--clr-m);
}

.btn-main.disabled {
  cursor: not-allowed;
}

.nav-link.btn-main:hover {
  color: #ffffff95 !important;
  background-color: var(--clr-m);
}

.btn-main:hover {
  color: var(--clr-s) !important;
  background-color: var(--clr-m);
}

.text-main\/hover {
  color: #6c757d;
  transition: all 0.35s ease;
}
.text-main\/hover:hover {
  color: var(--clr-m);
}

.text-main\/toright {
  background: -webkit-linear-gradient(0deg, var(--clr-m), var(--clr-s));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

input.form-check-input {
  cursor: pointer;
  box-shadow: none;
  transition: all 0.55s ease;
}

input.form-check-input:focus {
  outline: 0;
  border-color: var(--clr-s);
  background-color: #ffffff;
  box-shadow: 0 0 1px 1px var(--clr-m);
}

input.form-check-input:checked {
  box-shadow: none;
  border-color: var(--clr-s);
  background-color: var(--clr-m);
}

.dropdown .dropdown-menu {
  -webkit-transition: all 0.45s;
  -moz-transition: all 0.45s;
  -ms-transition: all 0.45s;
  -o-transition: all 0.45s;
  transition: all 0.45s;

  max-height: 0;
  display: block;
  overflow: hidden;
  opacity: 0;
}

.dropdown .dropdown-menu.show {
  max-height: 500px;
  opacity: 1;
}

.ysx-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  height: 50px;
  width: 50px;
  border-radius: 1vh;
}

.ysx-badge.ysx-main {
  color: var(--clr-m) !important;
  background: var(--clr-m50) !important;
}

.ysx-badge.ysx-blue {
  background: #8e90f250 !important;
  color: #696cff !important;
}

.fxzoom,
.fxzoom\/up,
.fxslide\/right {
  transition: all 0.65s ease;
}

.fxzoom:hover {
  transform: scale(1.035);
}

.fxzoom\/up:hover {
  transform: scale(1.035) translateY(-8.5px);
}

.fxslide\/right:hover {
  transform: translateX(10px);
}

.text-main {
  color: var(--clr-m);
}

b {
  font-weight: bold !important;
}

.menuclick {
  position: absolute;
  text-align: center;
  border-radius: 10px;
  background-color: #f9f6ee;
  z-index: 99;
  transition: all 0.35s ease;
}

.menuclick ul {
  padding: 0px;
  margin: 0px;
  min-width: 150px;
  list-style: none;
  transition: all 0.35s ease;
}

.menuclick ul li {
  cursor: pointer;
  padding-top: 7px;
  padding-bottom: 7px;
  border-radius: 10px;
  transition: all 0.35s ease;
}

.menuclick ul li button {
  border: 0;
  color: #333333;
  background: none;
  text-decoration: none;
  transition: all 0.35s ease;
}

.menuclick ul li:hover button {
  color: var(--clr-m);
}

.menuclick ul li:hover {
  background-color: #edeade;
}

.grecaptcha-badge {
  visibility: hidden !important;
}

.manimation\/bounce {
  transform: translateY(0px);
  animation: mbounce 4s ease-in-out infinite;
}

@keyframes mbounce {
  0% {
    transform: translatey(0px);
  }

  50% {
    transform: translatey(-45px);
  }

  100% {
    transform: translatey(0px);
  }
}

tbody,
td,
tfoot,
th,
thead,
tr {
  transition: all 0.35s ease;
}

.sign-new {
  position: absolute;
  top: 10px;
  left: 10px;
  color: var(--fontcolor_new);
  font-size: 16px;
  padding: 2px 20px;
  background-color: var(--bgcolor_new);
  border-radius: 5px;
  z-index: 1;
}

.sign-popular {
  position: absolute;
  top: 10px;
  right: 10px;
  color: var(--fontcolor_topsell);
  font-size: 16px;
  padding: 2px 20px;
  background-color: var(--bgcolor_topsell);
  border-radius: 5px;
  z-index: 1;
}