@font-face {
  font-family: "Gilroy";
  src: url(./font/Gilroy/Gilroy-Regular_0.ttf) format("truetype");
}

@font-face {
  font-family: "Gilroy-ExtraBold";
  font-style: Bold;
  src: url(./font/Gilroy/Gilroy-ExtraBold.ttf) format("truetype");
}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0
}

html {
  background-color: #002267;
}

html,
body {
  max-width: 100vw;
  overflow-x: hidden
}

body {
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
  max-width: 100dvw;
  /* min-height: calc(var(--vh, 1dvh) * 100); */
  font-family: "Gilroy" !important;

}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul,
span,
button,
div,
table {
  font-family: "Gilroy" !important;
}

/* ::-webkit-scrollbar {
    display: none;
} */

::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 10px;
}

.bg {
  color: white !important;
  background: linear-gradient(123.9deg,
      #29a5de 24.41%,
      #2b3c8e 94.01%) !important;
}

.border-gd {
  width: 100%;
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  padding: 1.05px;
}

.bg-red {
  background: rgb(193 81 91) !important;
  background-color: rgb(193 81 91) !important;
}

.border-gd::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 18px;
  padding: 0.6px;
  background: linear-gradient(123.9deg, #29a5de 24.41%, #2b3c8e 94.01%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.w-content {
  width: fit-content !important;
}

.w-95 {
  width: 95% !important;
}

.w-90 {
  width: 90% !important;
}

.w-85 {
  width: 85% !important;
}

.w-80 {
  width: 80% !important;
}

.h-100dvh {
  height: 100dvh !important;
}

.px-sm-0 {
  @media only screen and (max-width:768px) {
    padding: 0 !important;
  }
}


p.fs-55,
ol.fs-55,
ul.fs-55,
h6.fs-55,
span.fs-55,
input.fs-55,
button.fs-55 {
  font-size: 1.1rem !important;
}

p.fs-65,
ol.fs-65,
ul.fs-65,
h6.fs-65,
span.fs-65,
input.fs-65,
button.fs-65 {
  font-size: 0.93rem !important;
}

p.fs-675,
ol.fs-675,
ul.fs-675,
h6.fs-675,
span.fs-675,
input.fs-675,
button.fs-675 {
  font-size: 0.9rem !important;
}

p.fs-7,
ol.fs-7,
ul.fs-7,
h6.fs-7,
span.fs-7,
input.fs-7,
button.fs-7 {
  font-size: 0.875rem !important;
}

p.fs-715,
ol.fs-715,
ul.fs-715,
h6.fs-715,
span.fs-715,
input.fs-715,
button.fs-715 {
  font-size: 0.855rem !important;
}

p.fs-75 {
  font-size: 0.78rem !important;
}

p.fs-8,
ol.fs-8,
ul.fs-8,
h6.fs-8,
span.fs-8 {
  font-size: 0.75rem !important;
}

p.fs-9,
ol.fs-9,
ul.fs-9,
span.fs-9 {
  font-size: 0.68rem !important;
}

p.fs-10,
ol.fs-10,
ul.fs-10 {
  font-size: 0.6rem !important;
}

p.link {
  color: #5a8cff !important;
  cursor: pointer;
}

.cursor-pointer {
  cursor: pointer;
}

.lc-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.lc-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.lc-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ls-6 {
  letter-spacing: 0.6px !important;
}

.ls-7 {
  letter-spacing: 0.7px !important;
}

.ls-8 {
  letter-spacing: 0.8px !important;
}

.ls-9 {
  letter-spacing: 0.9px !important;
}

.ls-10 {
  letter-spacing: 1px !important;
}

.ls-11 {
  letter-spacing: 1.1px !important;
}

.ls-12 {
  letter-spacing: 1.2px !important;
}

.ls-13 {
  letter-spacing: 1.3px !important;
}

.gap-35 {
  gap: 1.25rem !important;
}

.text-yellow {
  color: #fab400 !important;
}

.CircularProgressbar-trail .CircularProgressbar-trail {
  stroke: #f8312f;
}

.no-appearance {
  border: none;
  background: none;
  outline: none;
  box-shadow: none;
  color: transparent;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
  appearance: none;
}