@font-face {
  /* font-weight: 400; */
  font-family: "Hitmarker-normal";
  src: url("../font/HitmarkerText-Regular.ttf");
}

@font-face {
  /* font-weight: 700; */
  font-family: "Hitmarker-bold";
  src: url("../font/HitmarkerText-Bold.ttf");
}

@font-face {
  font-family: "Hitmarker-medium";
  src: url("../font/HitmarkerText-Medium.ttf");
}

@font-face {
  font-family: "Inter";
  src: url("../font/Inter_18pt-Regular.ttf");
}

@font-face {
  font-family: "bitter";
  src: url(../font/Bitter-VariableFont_wght.ttf);
}

body {
  font-family: "Hitmarker-normal";
  background-color: #05090a;
  letter-spacing: 1.8px;
  color: #ececec;
}

.login-card {
  border-radius: 20px;
  background: var(--Color-BW-black, #0f0e12);
}

.card-header {
  padding: 24px;
  border-radius: 10px 10px 0px 0px !important;
  background: rgba(212, 212, 212, 0.2);
  box-shadow: 0px -0.5px 0px 0px rgba(0, 0, 0, 0.05) inset,
    0px 0.5px 0px 0px rgba(0, 0, 0, 0.15);
}

.font-24 {
  color: var(--Color-8, #fff);
  font-family: "Hitmarker-normal";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
}

.font-32-bold {
  color: var(--Colors-W-1, #ececec);
  text-align: center;
  font-family: "Hitmarker-bold";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
}

.form-control {
  color: #adadad;
  padding: 13px 20px;
  border-radius: 60px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.2);
}

.partner-form-label-text {
  font-size: 14px;
  color: #ececec;
  opacity: 0.8 !important;
}
.form-control::placeholder {
  color: #ececec;
  opacity: 0.8 !important;
}

.partner-submit-btn {
  padding: 12px;
  border: none;
  border-radius: 99px;
  background: var(--Colors-W-1, #ececec);
}

.submit-btn-text {
  color: var(--Color-10, #12b76a);
  font-family: "Hitmarker-bold";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
}

.forgot-password-text {
  color: #87e101 !important;
  text-align: right;
  font-family: "Hitmarker-medium";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

.success-modal {
  border-radius: 20px;
  background: rgba(18, 183, 106, 0.6);
  backdrop-filter: blur(20px);
}

.account-success-text {
  color: var(--Colors-W-1, #ececec);
  text-align: center;
  font-family: "Hitmarker-bold";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 38px;
}

.ok-btn {
  border: none;
  border-radius: 99px;
  background: var(--Colors-W-1, #ececec);
  padding: 5px 50px;
}

.leftbar {
  height: 90vh;
  background: #252525;
  padding: 32px 16px 0 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.leftbar-scrollable {
  overflow-y: auto;
  flex: 1;
}

.menu-items {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 35px;
  border-radius: 30px;
}

.menu-items.active {
  background: var(--bw-10, rgba(255, 255, 255, 0.1));
}

.menu-text {
  color: var(--Color-8, #fff);
  font-family: "Hitmarker-normal";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.font-20 {
  color: #fff;
  font-family: "Hitmarker-normal";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
}

.server-card {
  padding: 8px 22px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.04);
}

.server-text {
  color: #fff;
  font-family: "Hitmarker-normal";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}

.server-timezone {
  color: rgba(255, 255, 255, 0.4);
  font-family: "Hitmarker-normal";
  font-size: 9px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}

.form-check-input {
  width: 2em;
  height: 2em;
}

.dashboard-card {
  padding: 20px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.06);
}

.dashboard-header-text {
  color: var(--Colors-W-1, #ececec);
  font-family: "Hitmarker-bold";
  font-size: 23px;
  font-style: normal;
  font-weight: 700;
  line-height: 38px;
}

.dashboard-inside-card {
  padding: 10px 20px;
  border-radius: 10px;
  border: 0.6px solid #404040;
}

.dashboard-inside-card-text {
  color: var(--Colors-W-1, #ececec);
  font-family: "Hitmarker-normal";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 38px;
}

.dashboard-inside-card-subtext {
  color: var(--Colors-W-1, #ececec);
  font-family: "Hitmarker-normal";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 38px;
}

.activate-btn {
  padding: 10px 28px;
  border-radius: 99px;
  border: 1px solid rgba(103, 189, 93, 0.6);
  background: linear-gradient(268deg, #08763a 2.05%, #2f9d23 80.76%);
}

.activate-btn-text {
  color: var(--Colors-W-1, #ececec);
  font-family: "Hitmarker-normal";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 44px;
}

.dashboard-inside-sub-card {
  padding: 10px 20px;
  border-radius: 10px;
  background: #05090a;
}

.dashboard-two-text {
  color: var(--Colors-W-1, #ececec);
  font-family: "Hitmarker-normal";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.anchor-tag-text {
  color: var(--Color-10, #12b76a);
  font-family: "Hitmarker-normal";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 38px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.loader {
  display: none;
  position: fixed;
  z-index: 100001;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5) url("../img/loader.gif") 50% 50%
    no-repeat;
}

.error-message {
  color: red;
}