@font-face {
  font-family: "Urbanist";
  src: url("../asset/fonts/Urbanist/Urbanist-Regular.eot");
  src: url("../asset/fonts/Urbanist/Urbanist-Regular.eot?#iefix")
      format("embedded-opentype"),
    url("../asset/fonts/Urbanist/Urbanist-Regular.woff2") format("woff2"),
    url("../asset/fonts/Urbanist/Urbanist-Regular.woff") format("woff"),
    url("../asset/fonts/Urbanist/Urbanist-Regular.ttf") format("truetype"),
    url("../asset/fonts/Urbanist/Urbanist-Regular.svg#Urbanist-Regular")
      format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Urbanist";
  src: url("../asset/fonts/Urbanist/Urbanist-ExtraLight.eot");
  src: url("../asset/fonts/Urbanist/Urbanist-ExtraLight.eot?#iefix")
      format("embedded-opentype"),
    url("../asset/fonts/Urbanist/Urbanist-ExtraLight.woff2") format("woff2"),
    url("../asset/fonts/Urbanist/Urbanist-ExtraLight.woff") format("woff"),
    url("../asset/fonts/Urbanist/Urbanist-ExtraLight.ttf") format("truetype"),
    url("../asset/fonts/Urbanist/Urbanist-ExtraLight.svg#Urbanist-ExtraLight")
      format("svg");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Urbanist";
  src: url("../asset/fonts/Urbanist/Urbanist-Bold.eot");
  src: url("../asset/fonts/Urbanist/Urbanist-Bold.eot?#iefix")
      format("embedded-opentype"),
    url("../asset/fonts/Urbanist/Urbanist-Bold.woff2") format("woff2"),
    url("../asset/fonts/Urbanist/Urbanist-Bold.woff") format("woff"),
    url("../asset/fonts/Urbanist/Urbanist-Bold.ttf") format("truetype"),
    url("../asset/fonts/Urbanist/Urbanist-Bold.svg#Urbanist-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Urbanist";
  src: url("../asset/fonts/Urbanist/Urbanist-ExtraBold.eot");
  src: url("../asset/fonts/Urbanist/Urbanist-ExtraBold.eot?#iefix")
      format("embedded-opentype"),
    url("../asset/fonts/Urbanist/Urbanist-ExtraBold.woff2") format("woff2"),
    url("../asset/fonts/Urbanist/Urbanist-ExtraBold.woff") format("woff"),
    url("../asset/fonts/Urbanist/Urbanist-ExtraBold.ttf") format("truetype"),
    url("../asset/fonts/Urbanist/Urbanist-ExtraBold.svg#Urbanist-ExtraBold")
      format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Urbanist";
  src: url("../asset/fonts/Urbanist/Urbanist-Medium.eot");
  src: url("../asset/fonts/Urbanist/Urbanist-Medium.eot?#iefix")
      format("embedded-opentype"),
    url("../asset/fonts/Urbanist/Urbanist-Medium.woff2") format("woff2"),
    url("../asset/fonts/Urbanist/Urbanist-Medium.woff") format("woff"),
    url("../asset/fonts/Urbanist/Urbanist-Medium.ttf") format("truetype"),
    url("../asset/fonts/Urbanist/Urbanist-Medium.svg#Urbanist-Medium")
      format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Urbanist";
  src: url("../asset/fonts/Urbanist/Urbanist-SemiBold.eot");
  src: url("../asset/fonts/Urbanist/Urbanist-SemiBold.eot?#iefix")
      format("embedded-opentype"),
    url("../asset/fonts/Urbanist/Urbanist-SemiBold.woff2") format("woff2"),
    url("../asset/fonts/Urbanist/Urbanist-SemiBold.woff") format("woff"),
    url("../asset/fonts/Urbanist/Urbanist-SemiBold.ttf") format("truetype"),
    url("../asset/fonts/Urbanist/Urbanist-SemiBold.svg#Urbanist-SemiBold")
      format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* roboto */
@font-face {
  font-family: 'Roboto';
  src: url('../asset/fonts/Roboto/Roboto-Bold.eot');
  src: url('../asset/fonts/Roboto/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
      url('../asset/fonts/Roboto/Roboto-Bold.woff2') format('woff2'),
      url('../asset/fonts/Roboto/Roboto-Bold.woff') format('woff'),
      url('../asset/fonts/Roboto/Roboto-Bold.ttf') format('truetype'),
      url('../asset/fonts/Roboto/Roboto-Bold.svg#Roboto-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../asset/fonts/Roboto/Roboto-ExtraBold.eot');
  src: url('../asset/fonts/Roboto/Roboto-ExtraBold.eot?#iefix') format('embedded-opentype'),
      url('../asset/fonts/Roboto/Roboto-ExtraBold.woff2') format('woff2'),
      url('../asset/fonts/Roboto/Roboto-ExtraBold.woff') format('woff'),
      url('../asset/fonts/Roboto/Roboto-ExtraBold.ttf') format('truetype'),
      url('../asset/fonts/Roboto/Roboto-ExtraBold.svg#Roboto-ExtraBold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../asset/fonts/Roboto/Roboto-ExtraLight.eot');
  src: url('../asset/fonts/Roboto/Roboto-ExtraLight.eot?#iefix') format('embedded-opentype'),
      url('../asset/fonts/Roboto/Roboto-ExtraLight.woff2') format('woff2'),
      url('../asset/fonts/Roboto/Roboto-ExtraLight.woff') format('woff'),
      url('../asset/fonts/Roboto/Roboto-ExtraLight.ttf') format('truetype'),
      url('../asset/fonts/Roboto/Roboto-ExtraLight.svg#Roboto-ExtraLight') format('svg');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../asset/fonts/Roboto/Roboto-Medium.eot');
  src: url('../asset/fonts/Roboto/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
      url('../asset/fonts/Roboto/Roboto-Medium.woff2') format('woff2'),
      url('../asset/fonts/Roboto/Roboto-Medium.woff') format('woff'),
      url('../asset/fonts/Roboto/Roboto-Medium.ttf') format('truetype'),
      url('../asset/fonts/Roboto/Roboto-Medium.svg#Roboto-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../asset/fonts/Roboto/Roboto-Regular.eot');
  src: url('../asset/fonts/Roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
      url('../asset/fonts/Roboto/Roboto-Regular.woff2') format('woff2'),
      url('../asset/fonts/Roboto/Roboto-Regular.woff') format('woff'),
      url('../asset/fonts/Roboto/Roboto-Regular.ttf') format('truetype'),
      url('../asset/fonts/Roboto/Roboto-Regular.svg#Roboto-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../asset/fonts/Roboto/Roboto-SemiBold.eot');
  src: url('../asset/fonts/Roboto/Roboto-SemiBold.eot?#iefix') format('embedded-opentype'),
      url('../asset/fonts/Roboto/Roboto-SemiBold.woff2') format('woff2'),
      url('../asset/fonts/Roboto/Roboto-SemiBold.woff') format('woff'),
      url('../asset/fonts/Roboto/Roboto-SemiBold.ttf') format('truetype'),
      url('../asset/fonts/Roboto/Roboto-SemiBold.svg#Roboto-SemiBold') format('svg');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap'); */

* {
  margin: 0;
  box-sizing: border-box;
  font-family: 'Roboto';
}
a {
  color: #fff;
  text-decoration: unset;
}
ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0;
}
p {
  margin: 0;
}
img {
  max-width: 100%;
}
.custom-container {
  max-width: 1460px;
  margin: auto;
  width: 100%;
  padding-inline: 10px;
}
.row {
  margin: auto;
}
section {
  padding-inline: clamp(10px, 5vw, 24px) !important;
}
.container {
  padding: 0;
}
body {
  background: #090a0d;
}
:root {
  --primary-color: rgba(212, 156, 91, 1);
  --secondray-color: #d49c5b;
  --white-color: #fff;
  --dashboard-header-bg: #493721;
  --card-background: #101114;
}
.font-32 {
  font-size: clamp(26px, 2vw, 32px);
  font-weight: 500;
  line-height: 29px;
}
.font-18 {
  font-size: clamp(16px, 2vw, 18px);
  line-height: 29px;
  font-weight: 400;
}
.font-48 {
  font-size: clamp(38px, 3vw, 48px);
  font-weight: 600;
  line-height: normal;
  padding-bottom: 12px;
}
input:focus-visible {
  box-shadow: unset;
  outline: unset;
}
.text-color-white {
  color: var(--white-color);
}
.text-center {
  text-align: center;
}
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--primary-color);
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--dashboard-header-bg);
}
/* custom-checkbox */
.custom-checkbox {
  display: inline-block;
  position: relative;
  cursor: pointer;
  width: 20px;
  height: 20px;
}

.custom-checkbox input {
  opacity: 0;
  width: 0;
  height: 0;
}
.checkmark {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #d9d9d9;
  border-radius: 2px;
  width: 100%;
  height: 100%;
  transition: background-color 0.3s;
  font-size: 40px;
  color: black;
  position: absolute;
  top: 0;
  pointer-events: none;
}
.custom-checkbox input:checked + .checkmark::before {
  content: "✔";
  font-size: 15px;
}
.custom-checkbox input:checked + .checkmark {
  background-color: var(--secondray-color);
}
input[type="checkbox"] {
  min-width: 20px;
  height: 20px;
  border-radius: 2px;
  background: #d9d9d9;
}