/* Breakpoint sizes */
/* Mobile first */
/* Desktop first */
* {
  outline: none !important;
  box-sizing: border-box;
  /* width */
  /* Track */
  /* Handle */
  scrollbar-color: #255996 #e6f2e8;
  scrollbar-width: thin;
}
*:before, *:after {
  box-sizing: border-box;
}
* ::-webkit-scrollbar {
  width: 3px;
}
* ::-webkit-scrollbar-track {
  background: #255996;
}
* ::-webkit-scrollbar-thumb {
  background: #E6EDF8;
  border-radius: 4px;
}

/* 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 !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #FFFFFF inset !important;
  -webkit-text-fill-color: rgba(51, 43, 69, 0.6) !important;
}

input[type=file] {
  display: none;
}

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

body {
  font-family: "CreatoDisplay-Medium", serif;
  color: #FFFFFF;
}

.cover-link {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}

button svg path {
  transition: 0.3s ease-in-out;
}

.q-focus-helper {
  display: none;
}

.q-ripple {
  display: none !important;
}

a {
  transition: 0.3s ease-in-out;
}

p {
  margin: 0;
}

.q-textarea .q-field__native {
  resize: none;
}

.q-img {
  height: 100%;
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

.clr-primary {
  color: #255996;
}

.clr-secondary {
  color: #e6f2e8;
}

.items-drop-menu {
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.2);
}

.app-select-drop {
  border-radius: 12px;
  background: #F3F6FC;
}
.app-select-drop .q-item {
  color: #1F426D;
  font-family: "InterTight-SemiBold", serif;
  border-radius: 20px;
  height: 36px;
  min-height: 20px;
  justify-content: center;
  text-align: center;
  font-size: 15px;
}
.app-select-drop .q-item--active {
  background: #E6EDF8;
}

.mobile-nav-menu {
  border-radius: 0;
  background: transparent;
  max-height: 100vh !important;
  height: 100vh;
  width: 100vw;
  left: 0 !important;
  top: 0 !important;
  box-shadow: none;
  max-width: 100vw !important;
  overflow: hidden;
  padding: 16px;
}
@media only screen and (min-width: 767.98px) {
  .mobile-nav-menu {
    max-width: 363px !important;
    left: 29px !important;
    top: 100px !important;
    padding: 0;
  }
}
.mobile-nav-menu__bg {
  position: absolute;
  background: #192F49;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
}
@media only screen and (min-width: 767.98px) {
  .mobile-nav-menu__bg {
    display: none;
  }
}
.mobile-nav-menu .app-btn {
  display: flex !important;
  width: 100%;
  padding: 5px 26px;
  height: 60px;
  font-size: 15px;
}
@media only screen and (min-width: 767.98px) {
  .mobile-nav-menu .app-btn {
    display: none !important;
  }
}

@font-face {
  font-display: swap;
  font-family: "InterTight-Regular";
  src: url(../fonts/InterTight-Regular.c76da3ab.ttf);
}
@font-face {
  font-display: swap;
  font-family: "OverusedGrotesk-Regular";
  src: url(../fonts/OverusedGrotesk-Regular.86604d44.woff2);
}
@font-face {
  font-display: swap;
  font-family: "OverusedGrotesk-SemiBold";
  src: url(../fonts/OverusedGrotesk-SemiBold.b6530717.woff2);
}
@font-face {
  font-display: swap;
  font-family: "CreatoDisplay-Medium";
  src: url(../fonts/CreatoDisplay-Medium.ee677d4f.otf);
}
@font-face {
  font-display: swap;
  font-family: "InterTight-Medium";
  src: url(../fonts/InterTight-Medium.6d32ebea.ttf);
}
@font-face {
  font-display: swap;
  font-family: "DrukWideCyr-Medium";
  src: url(../fonts/DrukWideCyr-Medium.22b0b92c.otf);
}
@font-face {
  font-display: swap;
  font-family: "OverusedGrotesk-Medium";
  src: url(../fonts/OverusedGrotesk-Medium.c9cc4002.woff2);
}
@font-face {
  font-display: swap;
  font-family: "InterTight-SemiBold";
  src: url(../fonts/InterTight-SemiBold.6d4f98a9.ttf);
}
@font-face {
  font-display: swap;
  font-family: "InterTight-Bold";
  src: url(../fonts/InterTight-Bold.400525d6.ttf);
}
@font-face {
  font-display: swap;
  font-family: "CreatoDisplay-Bold";
  src: url(../fonts/CreatoDisplay-Bold.07b3a53b.otf);
}
@font-face {
  font-display: swap;
  font-family: "CreatoDisplay-ExtraBold";
  src: url(../fonts/CreatoDisplay-ExtraBold.f9de8b92.otf);
}
@font-face {
  font-display: swap;
  font-family: "MursGothic-WideDark";
  src: url(../fonts/MursGothic-WideDark.cb4135f5.woff2);
}
.ft-regular {
  font-family: "OverusedGrotesk-Regular", sans-serif;
}

.ft-tight-regular {
  font-family: "InterTight-Regular", sans-serif;
}

.ft-medium {
  font-family: "CreatoDisplay-Medium", sans-serif;
}

.ft-tight-medium {
  font-family: "InterTight-Medium", sans-serif;
}

.ft-grotesk-medium {
  font-family: "OverusedGrotesk-Medium", sans-serif;
}

.ft-semibold {
  font-family: "OverusedGrotesk-SemiBold", sans-serif;
}

.ft-tight-semibold {
  font-family: "InterTight-SemiBold", sans-serif;
}

.ft-bold {
  font-family: "CreatoDisplay-Bold", sans-serif;
}

.ft-fancy {
  font-family: "DrukWideCyr-Medium", sans-serif;
}

.ft-tight-bold {
  font-family: "InterTight-Bold", sans-serif;
}

.ft-fancy-bold {
  font-family: "MursGothic-WideDark", sans-serif;
}

.ft-extrabold {
  font-family: "CreatoDisplay-ExtraBold", sans-serif;
}

/*# sourceMappingURL=app.a695c933.css.map*/