/*MAIN*/
html {
  font-size: 20px !important;
}

@media screen and (max-width: 1640px) {
  html {
    font-size: 14px !important;
  }
}
@media screen and (max-width: 1400px) {
  html {
    font-size: 12px !important;
  }
}
@media screen and (max-width: 1200px) {
  html {
    font-size: 10px !important;
  }
}
@media screen and (max-width: 800px) {
  html {
    font-size: 16px !important;
  }
}
*:focus {
  outline: none;
}

/* hide scrollbar but allow scrolling */
body {
  -ms-overflow-style: none;
  /* for Internet Explorer, Edge */
  scrollbar-width: none;
  /* for Firefox */
  overflow-y: scroll;
  margin: 0;
}

body::-webkit-scrollbar {
  display: none;
  /* for Chrome, Safari, and Opera */
}

a {
  text-decoration: none;
  color: unset;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

/*CLASSES*/
.pointer {
  cursor: pointer;
}

.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.r-0 {
  right: 0;
}

.lh-initial {
  line-height: initial !important;
}

.overflow-inherit {
  overflow: inherit !important;
}

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

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

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

.color-black {
  color: black !important;
}

.em-card-p {
  padding: 3.0625rem;
}

.fs-11 {
  font-size: 0.6875rem !important;
}

.fs-12 {
  font-size: 0.75rem !important;
}

.fs-13 {
  font-size: 0.8125rem !important;
}

.fs-14 {
  font-size: 0.875rem !important;
}

.fs-15 {
  font-size: 0.9375rem !important;
}

.fs-18 {
  font-size: 1.125rem !important;
}

.fs-24 {
  font-size: 1.5rem !important;
}

.fs-42 {
  font-size: 2.625rem !important;
}

.fs-52 {
  font-size: 3.25rem !important;
}

.em-heading {
  font-style: normal;
  font-weight: bold;
  font-size: 3.25rem;
  line-height: 3.8125rem;
  color: black;
}

.em-heading-2 {
  font-style: normal;
  font-weight: bold;
  font-size: 2.375rem;
  line-height: 2.8125rem;
  color: black;
}

.em-heading-3 {
  font-style: normal;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1.75rem;
  color: black;
}

.em-medium-text {
  font-style: normal;
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  color: black;
}

.em-medium-text-2 {
  font-style: normal;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: black;
}

.em-paragraph {
  font-style: normal;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.625rem;
  color: black;
}

.em-small-text {
  color: black;
  font-style: normal;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1rem;
}

.em-cut-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}