/*
Variables list
https://quasar.dev/style/sass-scss-variables#variables-list

color schema (UI Kit)
https://www.figma.com/design/H47FY8AexYQZ4YZjT8a8Gk/%D0%94%D0%B5%D1%82%D1%81%D0%BA%D0%B8%D0%B9-%D0%A3%D0%BD%D0%B8%D0%B2%D0%B5%D1%80%D1%81%D0%B8%D1%82%D0%B5%D1%82?node-id=16-177&p=f&t=PlVrRaqTd9xwABls-0

original color schema (Material Theme Builder)
https://www.figma.com/community/plugin/1034969338659738588/material-theme-builder
https://www.figma.com/design/H47FY8AexYQZ4YZjT8a8Gk/%D0%94%D0%B5%D1%82%D1%81%D0%BA%D0%B8%D0%B9-%D0%A3%D0%BD%D0%B8%D0%B2%D0%B5%D1%80%D1%81%D0%B8%D1%82%D0%B5%D1%82?node-id=3332-46669&m=dev
*/
/* use mobile first */
/* usage */
@font-face {
  font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* https://www.figma.com/design/rs4Ln0GFxG2ncXUdQB7Zbw/%D0%94%D0%B5%D1%82%D1%81%D0%BA%D0%B8%D0%B9-%D0%A3%D0%BD%D0%B8%D0%B2%D0%B5%D1%80%D1%81%D0%B8%D1%82%D0%B5%D1%82-(Copy)?node-id=16-177&p=f&t=uJVsVDGCHDyg7clu-0 */
/* Base colors */
/* Corporate colors */
/* Gradients */
/* Gray colors */
/* Semantic colors */
/* Additional semantic colors */
:root {
  --q-red: #ed131c;
  --q-gray: #3a3a3a;
}

/* Gradients */
/* https://fonts.google.com/specimen/Raleway?query=Raleway */
/* https://www.figma.com/design/1XmFUujQqNXhgKp9ejk6WO/schus-ceny?node-id=315-23488&t=viUKkfZleBOidny3-0 */
/* mobile first approach for typography */
/* if mobile line-height is 100%, set value normal */
/* if mobile letter-spacing is 0%, set value normal */
/* map
  1 font-size desktop
  2 line-height desktop
  3 letter-spacing desktop
  4 font-size mobile
  5 line-height mobile
  6 letter-spacing mobile
  7 font-weight desktop and mobile
 */
.h1 {
  font-size: 38px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.h1 {
    font-size: 98px;
    line-height: 95%;
    letter-spacing: -2%;
}
}
.h2 {
  font-size: 26px;
  font-weight: 600;
  line-height: 110%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.h2 {
    font-size: 64px;
    line-height: 110%;
    letter-spacing: -2%;
}
}
.h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -1%;
}
@media (min-width: 1439.98px) {
.h3 {
    font-size: 48px;
    line-height: 110%;
    letter-spacing: -2%;
}
}
.h4 {
  font-size: 22px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.h4 {
    font-size: 38px;
    line-height: 110%;
    letter-spacing: normal;
}
}
.h5 {
  font-size: 18px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.h5 {
    font-size: 26px;
    line-height: 120%;
    letter-spacing: normal;
}
}
.subtitle1 {
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.subtitle1 {
    font-size: 26px;
    line-height: 120%;
    letter-spacing: normal;
}
}
.subtitle2 {
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.subtitle2 {
    font-size: 19px;
    line-height: 120%;
    letter-spacing: normal;
}
}
.body {
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.body {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: normal;
}
}
.tag {
  font-size: 10px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.tag {
    font-size: 14px;
    line-height: 120%;
    letter-spacing: normal;
}
}
.bold {
  font-weight: 600;
}
.wrap {
  hyphens: auto;
}

/* validation errors */
.q-field__bottom {
  padding: 1px;
}
.bg-white {
  background: initial !important;
  background-color: #ecedf0 !important;
}
* {
  font-family: "Raleway", sans-serif;
  font-variant-numeric: lining-nums proportional-nums;
  scrollbar-width: thin;
}
img {
  display: block;
  object-fit: cover;
}
.animation-rotate-90 {
  transition: transform 0.3s;
}
.animation-rotate-90:hover {
  transform: rotate(90deg);
}

/* use mobile first */
.container {
  display: grid;
  grid-template-columns: minmax(0, 768px);
  justify-content: center;
}
@media (min-width: 767.98px) {
.container {
    grid-template-columns: minmax(0, 1024px);
}
}
@media (min-width: 1023.98px) {
.container {
    grid-template-columns: minmax(0, 1440px);
}
}
@media (min-width: 1439.98px) {
.container {
    grid-template-columns: minmax(0, 1920px);
}
}
@media (min-width: 1919.98px) {
.container {
    grid-template-columns: minmax(0, 2600px);
}
}
.container .center-x {
  justify-items: center;
}
.container .center-y {
  align-items: center;
}
.link-red {
  color: red;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.link-hover-red:hover, .link-hover-red:focus {
  color: red;
}
.link-gray {
  color: gray;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.link-hover-gray:hover, .link-hover-gray:focus {
  color: gray;
}
.link-black {
  color: black;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.link-hover-black:hover, .link-hover-black:focus {
  color: black;
}
.link-white {
  color: white;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.link-hover-white:hover, .link-hover-white:focus {
  color: white;
}
.landing-capture-form .form-fields {
  display: grid;
  gap: 8px;
}
@media (min-width: 1439.98px) {
.landing-capture-form .form-fields {
    grid-template-columns: repeat(auto-fill, minmax(0, 505px));
}
}
.landing-capture-form .terms {
  display: grid;
  grid-auto-flow: column;
  gap: 8px;
}/*
Variables list
https://quasar.dev/style/sass-scss-variables#variables-list

color schema (UI Kit)
https://www.figma.com/design/H47FY8AexYQZ4YZjT8a8Gk/%D0%94%D0%B5%D1%82%D1%81%D0%BA%D0%B8%D0%B9-%D0%A3%D0%BD%D0%B8%D0%B2%D0%B5%D1%80%D1%81%D0%B8%D1%82%D0%B5%D1%82?node-id=16-177&p=f&t=PlVrRaqTd9xwABls-0

original color schema (Material Theme Builder)
https://www.figma.com/community/plugin/1034969338659738588/material-theme-builder
https://www.figma.com/design/H47FY8AexYQZ4YZjT8a8Gk/%D0%94%D0%B5%D1%82%D1%81%D0%BA%D0%B8%D0%B9-%D0%A3%D0%BD%D0%B8%D0%B2%D0%B5%D1%80%D1%81%D0%B8%D1%82%D0%B5%D1%82?node-id=3332-46669&m=dev
*/
/* use mobile first */
/* usage */
@font-face {
  font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* https://www.figma.com/design/rs4Ln0GFxG2ncXUdQB7Zbw/%D0%94%D0%B5%D1%82%D1%81%D0%BA%D0%B8%D0%B9-%D0%A3%D0%BD%D0%B8%D0%B2%D0%B5%D1%80%D1%81%D0%B8%D1%82%D0%B5%D1%82-(Copy)?node-id=16-177&p=f&t=uJVsVDGCHDyg7clu-0 */
/* Base colors */
/* Corporate colors */
/* Gradients */
/* Gray colors */
/* Semantic colors */
/* Additional semantic colors */
:root {
  --q-red: #ed131c;
  --q-gray: #3a3a3a;
}

/* Gradients */
/* https://fonts.google.com/specimen/Raleway?query=Raleway */
/* https://www.figma.com/design/1XmFUujQqNXhgKp9ejk6WO/schus-ceny?node-id=315-23488&t=viUKkfZleBOidny3-0 */
/* mobile first approach for typography */
/* if mobile line-height is 100%, set value normal */
/* if mobile letter-spacing is 0%, set value normal */
/* map
  1 font-size desktop
  2 line-height desktop
  3 letter-spacing desktop
  4 font-size mobile
  5 line-height mobile
  6 letter-spacing mobile
  7 font-weight desktop and mobile
 */
.h1 {
  font-size: 38px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.h1 {
    font-size: 98px;
    line-height: 95%;
    letter-spacing: -2%;
}
}
.h2 {
  font-size: 26px;
  font-weight: 600;
  line-height: 110%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.h2 {
    font-size: 64px;
    line-height: 110%;
    letter-spacing: -2%;
}
}
.h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -1%;
}
@media (min-width: 1439.98px) {
.h3 {
    font-size: 48px;
    line-height: 110%;
    letter-spacing: -2%;
}
}
.h4 {
  font-size: 22px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.h4 {
    font-size: 38px;
    line-height: 110%;
    letter-spacing: normal;
}
}
.h5 {
  font-size: 18px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.h5 {
    font-size: 26px;
    line-height: 120%;
    letter-spacing: normal;
}
}
.subtitle1 {
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.subtitle1 {
    font-size: 26px;
    line-height: 120%;
    letter-spacing: normal;
}
}
.subtitle2 {
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.subtitle2 {
    font-size: 19px;
    line-height: 120%;
    letter-spacing: normal;
}
}
.body {
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.body {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: normal;
}
}
.tag {
  font-size: 10px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.tag {
    font-size: 14px;
    line-height: 120%;
    letter-spacing: normal;
}
}
.bold {
  font-weight: 600;
}
.wrap {
  hyphens: auto;
}

/* validation errors */
.q-field__bottom {
  padding: 1px;
}
.bg-white {
  background: initial !important;
  background-color: #ecedf0 !important;
}
* {
  font-family: "Raleway", sans-serif;
  font-variant-numeric: lining-nums proportional-nums;
  scrollbar-width: thin;
}
img {
  display: block;
  object-fit: cover;
}
.animation-rotate-90 {
  transition: transform 0.3s;
}
.animation-rotate-90:hover {
  transform: rotate(90deg);
}

/* use mobile first */
.container {
  display: grid;
  grid-template-columns: minmax(0, 768px);
  justify-content: center;
}
@media (min-width: 767.98px) {
.container {
    grid-template-columns: minmax(0, 1024px);
}
}
@media (min-width: 1023.98px) {
.container {
    grid-template-columns: minmax(0, 1440px);
}
}
@media (min-width: 1439.98px) {
.container {
    grid-template-columns: minmax(0, 1920px);
}
}
@media (min-width: 1919.98px) {
.container {
    grid-template-columns: minmax(0, 2600px);
}
}
.container .center-x {
  justify-items: center;
}
.container .center-y {
  align-items: center;
}
.link-red {
  color: red;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.link-hover-red:hover, .link-hover-red:focus {
  color: red;
}
.link-gray {
  color: gray;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.link-hover-gray:hover, .link-hover-gray:focus {
  color: gray;
}
.link-black {
  color: black;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.link-hover-black:hover, .link-hover-black:focus {
  color: black;
}
.link-white {
  color: white;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.link-hover-white:hover, .link-hover-white:focus {
  color: white;
}
.landing-capture-form-dialog {
  width: 98vw;
  max-width: 100% !important;
  padding: 40px;
  background-color: rgba(245, 245, 246, 0.5);
  border-radius: 16px !important;
  box-shadow: initial;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.landing-capture-form-dialog .form-wrapper {
  max-width: 1050px;
  margin-right: auto;
  margin-left: auto;
}/*
Variables list
https://quasar.dev/style/sass-scss-variables#variables-list

color schema (UI Kit)
https://www.figma.com/design/H47FY8AexYQZ4YZjT8a8Gk/%D0%94%D0%B5%D1%82%D1%81%D0%BA%D0%B8%D0%B9-%D0%A3%D0%BD%D0%B8%D0%B2%D0%B5%D1%80%D1%81%D0%B8%D1%82%D0%B5%D1%82?node-id=16-177&p=f&t=PlVrRaqTd9xwABls-0

original color schema (Material Theme Builder)
https://www.figma.com/community/plugin/1034969338659738588/material-theme-builder
https://www.figma.com/design/H47FY8AexYQZ4YZjT8a8Gk/%D0%94%D0%B5%D1%82%D1%81%D0%BA%D0%B8%D0%B9-%D0%A3%D0%BD%D0%B8%D0%B2%D0%B5%D1%80%D1%81%D0%B8%D1%82%D0%B5%D1%82?node-id=3332-46669&m=dev
*/
/* use mobile first */
/* usage */
@font-face {
  font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* https://www.figma.com/design/rs4Ln0GFxG2ncXUdQB7Zbw/%D0%94%D0%B5%D1%82%D1%81%D0%BA%D0%B8%D0%B9-%D0%A3%D0%BD%D0%B8%D0%B2%D0%B5%D1%80%D1%81%D0%B8%D1%82%D0%B5%D1%82-(Copy)?node-id=16-177&p=f&t=uJVsVDGCHDyg7clu-0 */
/* Base colors */
/* Corporate colors */
/* Gradients */
/* Gray colors */
/* Semantic colors */
/* Additional semantic colors */
:root {
  --q-red: #ed131c;
  --q-gray: #3a3a3a;
}

/* Gradients */
/* https://fonts.google.com/specimen/Raleway?query=Raleway */
/* https://www.figma.com/design/1XmFUujQqNXhgKp9ejk6WO/schus-ceny?node-id=315-23488&t=viUKkfZleBOidny3-0 */
/* mobile first approach for typography */
/* if mobile line-height is 100%, set value normal */
/* if mobile letter-spacing is 0%, set value normal */
/* map
  1 font-size desktop
  2 line-height desktop
  3 letter-spacing desktop
  4 font-size mobile
  5 line-height mobile
  6 letter-spacing mobile
  7 font-weight desktop and mobile
 */
.h1 {
  font-size: 38px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.h1 {
    font-size: 98px;
    line-height: 95%;
    letter-spacing: -2%;
}
}
.h2 {
  font-size: 26px;
  font-weight: 600;
  line-height: 110%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.h2 {
    font-size: 64px;
    line-height: 110%;
    letter-spacing: -2%;
}
}
.h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -1%;
}
@media (min-width: 1439.98px) {
.h3 {
    font-size: 48px;
    line-height: 110%;
    letter-spacing: -2%;
}
}
.h4 {
  font-size: 22px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.h4 {
    font-size: 38px;
    line-height: 110%;
    letter-spacing: normal;
}
}
.h5 {
  font-size: 18px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.h5 {
    font-size: 26px;
    line-height: 120%;
    letter-spacing: normal;
}
}
.subtitle1 {
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.subtitle1 {
    font-size: 26px;
    line-height: 120%;
    letter-spacing: normal;
}
}
.subtitle2 {
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.subtitle2 {
    font-size: 19px;
    line-height: 120%;
    letter-spacing: normal;
}
}
.body {
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.body {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: normal;
}
}
.tag {
  font-size: 10px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.tag {
    font-size: 14px;
    line-height: 120%;
    letter-spacing: normal;
}
}
.bold {
  font-weight: 600;
}
.wrap {
  hyphens: auto;
}

/* validation errors */
.q-field__bottom {
  padding: 1px;
}
.bg-white {
  background: initial !important;
  background-color: #ecedf0 !important;
}
* {
  font-family: "Raleway", sans-serif;
  font-variant-numeric: lining-nums proportional-nums;
  scrollbar-width: thin;
}
img {
  display: block;
  object-fit: cover;
}
.animation-rotate-90 {
  transition: transform 0.3s;
}
.animation-rotate-90:hover {
  transform: rotate(90deg);
}

/* use mobile first */
.container {
  display: grid;
  grid-template-columns: minmax(0, 768px);
  justify-content: center;
}
@media (min-width: 767.98px) {
.container {
    grid-template-columns: minmax(0, 1024px);
}
}
@media (min-width: 1023.98px) {
.container {
    grid-template-columns: minmax(0, 1440px);
}
}
@media (min-width: 1439.98px) {
.container {
    grid-template-columns: minmax(0, 1920px);
}
}
@media (min-width: 1919.98px) {
.container {
    grid-template-columns: minmax(0, 2600px);
}
}
.container .center-x {
  justify-items: center;
}
.container .center-y {
  align-items: center;
}
.link-red {
  color: red;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.link-hover-red:hover, .link-hover-red:focus {
  color: red;
}
.link-gray {
  color: gray;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.link-hover-gray:hover, .link-hover-gray:focus {
  color: gray;
}
.link-black {
  color: black;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.link-hover-black:hover, .link-hover-black:focus {
  color: black;
}
.link-white {
  color: white;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.link-hover-white:hover, .link-hover-white:focus {
  color: white;
}
.footer-card {
  display: grid;
  gap: 20px;
  background-color: #ecedf0;
  border-radius: 16px;
}
@media (min-width: 767.98px) {
.footer-card {
    gap: 20px;
    align-content: start;
    padding: 24px;
    border-radius: 16px;
}
}
.footer-card .accordion-header .q-item__label:hover, .footer-card .accordion-header .q-item__label:focus {
  color: #ed131c;
}
.footer-card .accordion .q-item {
  padding: 12px;
  background-color: #ecedf0;
  border-radius: 8px;
}
.footer-card .accordion .q-card {
  background-color: #ecedf0;
  border-radius: 8px;
}
.footer-card .links {
  display: grid;
  gap: 12px;
  border-radius: 8px;
}/*
Variables list
https://quasar.dev/style/sass-scss-variables#variables-list

color schema (UI Kit)
https://www.figma.com/design/H47FY8AexYQZ4YZjT8a8Gk/%D0%94%D0%B5%D1%82%D1%81%D0%BA%D0%B8%D0%B9-%D0%A3%D0%BD%D0%B8%D0%B2%D0%B5%D1%80%D1%81%D0%B8%D1%82%D0%B5%D1%82?node-id=16-177&p=f&t=PlVrRaqTd9xwABls-0

original color schema (Material Theme Builder)
https://www.figma.com/community/plugin/1034969338659738588/material-theme-builder
https://www.figma.com/design/H47FY8AexYQZ4YZjT8a8Gk/%D0%94%D0%B5%D1%82%D1%81%D0%BA%D0%B8%D0%B9-%D0%A3%D0%BD%D0%B8%D0%B2%D0%B5%D1%80%D1%81%D0%B8%D1%82%D0%B5%D1%82?node-id=3332-46669&m=dev
*/
/* use mobile first */
/* usage */
@font-face {
  font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* https://www.figma.com/design/rs4Ln0GFxG2ncXUdQB7Zbw/%D0%94%D0%B5%D1%82%D1%81%D0%BA%D0%B8%D0%B9-%D0%A3%D0%BD%D0%B8%D0%B2%D0%B5%D1%80%D1%81%D0%B8%D1%82%D0%B5%D1%82-(Copy)?node-id=16-177&p=f&t=uJVsVDGCHDyg7clu-0 */
/* Base colors */
/* Corporate colors */
/* Gradients */
/* Gray colors */
/* Semantic colors */
/* Additional semantic colors */
:root {
  --q-red: #ed131c;
  --q-gray: #3a3a3a;
}

/* Gradients */
/* https://fonts.google.com/specimen/Raleway?query=Raleway */
/* https://www.figma.com/design/1XmFUujQqNXhgKp9ejk6WO/schus-ceny?node-id=315-23488&t=viUKkfZleBOidny3-0 */
/* mobile first approach for typography */
/* if mobile line-height is 100%, set value normal */
/* if mobile letter-spacing is 0%, set value normal */
/* map
  1 font-size desktop
  2 line-height desktop
  3 letter-spacing desktop
  4 font-size mobile
  5 line-height mobile
  6 letter-spacing mobile
  7 font-weight desktop and mobile
 */
.h1 {
  font-size: 38px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.h1 {
    font-size: 98px;
    line-height: 95%;
    letter-spacing: -2%;
}
}
.h2 {
  font-size: 26px;
  font-weight: 600;
  line-height: 110%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.h2 {
    font-size: 64px;
    line-height: 110%;
    letter-spacing: -2%;
}
}
.h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -1%;
}
@media (min-width: 1439.98px) {
.h3 {
    font-size: 48px;
    line-height: 110%;
    letter-spacing: -2%;
}
}
.h4 {
  font-size: 22px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.h4 {
    font-size: 38px;
    line-height: 110%;
    letter-spacing: normal;
}
}
.h5 {
  font-size: 18px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.h5 {
    font-size: 26px;
    line-height: 120%;
    letter-spacing: normal;
}
}
.subtitle1 {
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.subtitle1 {
    font-size: 26px;
    line-height: 120%;
    letter-spacing: normal;
}
}
.subtitle2 {
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.subtitle2 {
    font-size: 19px;
    line-height: 120%;
    letter-spacing: normal;
}
}
.body {
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.body {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: normal;
}
}
.tag {
  font-size: 10px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.tag {
    font-size: 14px;
    line-height: 120%;
    letter-spacing: normal;
}
}
.bold {
  font-weight: 600;
}
.wrap {
  hyphens: auto;
}

/* validation errors */
.q-field__bottom {
  padding: 1px;
}
.bg-white {
  background: initial !important;
  background-color: #ecedf0 !important;
}
* {
  font-family: "Raleway", sans-serif;
  font-variant-numeric: lining-nums proportional-nums;
  scrollbar-width: thin;
}
img {
  display: block;
  object-fit: cover;
}
.animation-rotate-90 {
  transition: transform 0.3s;
}
.animation-rotate-90:hover {
  transform: rotate(90deg);
}

/* use mobile first */
.container {
  display: grid;
  grid-template-columns: minmax(0, 768px);
  justify-content: center;
}
@media (min-width: 767.98px) {
.container {
    grid-template-columns: minmax(0, 1024px);
}
}
@media (min-width: 1023.98px) {
.container {
    grid-template-columns: minmax(0, 1440px);
}
}
@media (min-width: 1439.98px) {
.container {
    grid-template-columns: minmax(0, 1920px);
}
}
@media (min-width: 1919.98px) {
.container {
    grid-template-columns: minmax(0, 2600px);
}
}
.container .center-x {
  justify-items: center;
}
.container .center-y {
  align-items: center;
}
.link-red {
  color: red;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.link-hover-red:hover, .link-hover-red:focus {
  color: red;
}
.link-gray {
  color: gray;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.link-hover-gray:hover, .link-hover-gray:focus {
  color: gray;
}
.link-black {
  color: black;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.link-hover-black:hover, .link-hover-black:focus {
  color: black;
}
.link-white {
  color: white;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.link-hover-white:hover, .link-hover-white:focus {
  color: white;
}
.footer-contacts-desktop {
  display: grid;
  gap: 20px;
}
.footer-contacts-desktop .links {
  display: grid;
  gap: 8px;
}/*
Variables list
https://quasar.dev/style/sass-scss-variables#variables-list

color schema (UI Kit)
https://www.figma.com/design/H47FY8AexYQZ4YZjT8a8Gk/%D0%94%D0%B5%D1%82%D1%81%D0%BA%D0%B8%D0%B9-%D0%A3%D0%BD%D0%B8%D0%B2%D0%B5%D1%80%D1%81%D0%B8%D1%82%D0%B5%D1%82?node-id=16-177&p=f&t=PlVrRaqTd9xwABls-0

original color schema (Material Theme Builder)
https://www.figma.com/community/plugin/1034969338659738588/material-theme-builder
https://www.figma.com/design/H47FY8AexYQZ4YZjT8a8Gk/%D0%94%D0%B5%D1%82%D1%81%D0%BA%D0%B8%D0%B9-%D0%A3%D0%BD%D0%B8%D0%B2%D0%B5%D1%80%D1%81%D0%B8%D1%82%D0%B5%D1%82?node-id=3332-46669&m=dev
*/
/* use mobile first */
/* usage */
@font-face {
  font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* https://www.figma.com/design/rs4Ln0GFxG2ncXUdQB7Zbw/%D0%94%D0%B5%D1%82%D1%81%D0%BA%D0%B8%D0%B9-%D0%A3%D0%BD%D0%B8%D0%B2%D0%B5%D1%80%D1%81%D0%B8%D1%82%D0%B5%D1%82-(Copy)?node-id=16-177&p=f&t=uJVsVDGCHDyg7clu-0 */
/* Base colors */
/* Corporate colors */
/* Gradients */
/* Gray colors */
/* Semantic colors */
/* Additional semantic colors */
:root {
  --q-red: #ed131c;
  --q-gray: #3a3a3a;
}

/* Gradients */
/* https://fonts.google.com/specimen/Raleway?query=Raleway */
/* https://www.figma.com/design/1XmFUujQqNXhgKp9ejk6WO/schus-ceny?node-id=315-23488&t=viUKkfZleBOidny3-0 */
/* mobile first approach for typography */
/* if mobile line-height is 100%, set value normal */
/* if mobile letter-spacing is 0%, set value normal */
/* map
  1 font-size desktop
  2 line-height desktop
  3 letter-spacing desktop
  4 font-size mobile
  5 line-height mobile
  6 letter-spacing mobile
  7 font-weight desktop and mobile
 */
.h1 {
  font-size: 38px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.h1 {
    font-size: 98px;
    line-height: 95%;
    letter-spacing: -2%;
}
}
.h2 {
  font-size: 26px;
  font-weight: 600;
  line-height: 110%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.h2 {
    font-size: 64px;
    line-height: 110%;
    letter-spacing: -2%;
}
}
.h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -1%;
}
@media (min-width: 1439.98px) {
.h3 {
    font-size: 48px;
    line-height: 110%;
    letter-spacing: -2%;
}
}
.h4 {
  font-size: 22px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.h4 {
    font-size: 38px;
    line-height: 110%;
    letter-spacing: normal;
}
}
.h5 {
  font-size: 18px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.h5 {
    font-size: 26px;
    line-height: 120%;
    letter-spacing: normal;
}
}
.subtitle1 {
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.subtitle1 {
    font-size: 26px;
    line-height: 120%;
    letter-spacing: normal;
}
}
.subtitle2 {
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.subtitle2 {
    font-size: 19px;
    line-height: 120%;
    letter-spacing: normal;
}
}
.body {
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.body {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: normal;
}
}
.tag {
  font-size: 10px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.tag {
    font-size: 14px;
    line-height: 120%;
    letter-spacing: normal;
}
}
.bold {
  font-weight: 600;
}
.wrap {
  hyphens: auto;
}

/* validation errors */
.q-field__bottom {
  padding: 1px;
}
.bg-white {
  background: initial !important;
  background-color: #ecedf0 !important;
}
* {
  font-family: "Raleway", sans-serif;
  font-variant-numeric: lining-nums proportional-nums;
  scrollbar-width: thin;
}
img {
  display: block;
  object-fit: cover;
}
.animation-rotate-90 {
  transition: transform 0.3s;
}
.animation-rotate-90:hover {
  transform: rotate(90deg);
}

/* use mobile first */
.container {
  display: grid;
  grid-template-columns: minmax(0, 768px);
  justify-content: center;
}
@media (min-width: 767.98px) {
.container {
    grid-template-columns: minmax(0, 1024px);
}
}
@media (min-width: 1023.98px) {
.container {
    grid-template-columns: minmax(0, 1440px);
}
}
@media (min-width: 1439.98px) {
.container {
    grid-template-columns: minmax(0, 1920px);
}
}
@media (min-width: 1919.98px) {
.container {
    grid-template-columns: minmax(0, 2600px);
}
}
.container .center-x {
  justify-items: center;
}
.container .center-y {
  align-items: center;
}
.link-red {
  color: red;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.link-hover-red:hover, .link-hover-red:focus {
  color: red;
}
.link-gray {
  color: gray;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.link-hover-gray:hover, .link-hover-gray:focus {
  color: gray;
}
.link-black {
  color: black;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.link-hover-black:hover, .link-hover-black:focus {
  color: black;
}
.link-white {
  color: white;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.link-hover-white:hover, .link-hover-white:focus {
  color: white;
}
.footer-qr-code {
  padding: 12px 12px 0;
  background-color: #ecedf0;
  border-radius: 8px;
}
@media (min-width: 767.98px) {
.footer-qr-code {
    padding: 24px 24px 0;
    border-radius: 16px;
}
}
.footer-qr-code .wrapper {
  display: grid;
  grid-template-areas: "wrapper content";
  grid-template-columns: auto auto;
  gap: 12px;
}
@media (min-width: 767.98px) {
.footer-qr-code .wrapper {
    grid-template-areas: "content" "wrapper";
    gap: 16px;
}
}
.footer-qr-code .wrapper .content {
  display: grid;
  grid-area: content;
  gap: 10px;
}
@media (min-width: 767.98px) {
.footer-qr-code .wrapper .content {
    gap: 16px;
}
}
.footer-qr-code .wrapper .qr-wrapper {
  display: grid;
  grid-area: wrapper;
}
@media (min-width: 767.98px) {
.footer-qr-code .wrapper .qr-wrapper {
    grid-template-columns: 220px 1fr;
    gap: 16px;
}
}
.footer-qr-code .wrapper .qr-block {
  display: none;
}
@media (min-width: 767.98px) {
.footer-qr-code .wrapper .qr-block {
    display: grid;
    grid-template-rows: max-content 1fr;
    gap: 16px;
}
}
.footer-qr-code .wrapper .qr-code .q-img {
  display: grid;
  max-width: 118px;
  max-height: 118px;
}/*
Variables list
https://quasar.dev/style/sass-scss-variables#variables-list

color schema (UI Kit)
https://www.figma.com/design/H47FY8AexYQZ4YZjT8a8Gk/%D0%94%D0%B5%D1%82%D1%81%D0%BA%D0%B8%D0%B9-%D0%A3%D0%BD%D0%B8%D0%B2%D0%B5%D1%80%D1%81%D0%B8%D1%82%D0%B5%D1%82?node-id=16-177&p=f&t=PlVrRaqTd9xwABls-0

original color schema (Material Theme Builder)
https://www.figma.com/community/plugin/1034969338659738588/material-theme-builder
https://www.figma.com/design/H47FY8AexYQZ4YZjT8a8Gk/%D0%94%D0%B5%D1%82%D1%81%D0%BA%D0%B8%D0%B9-%D0%A3%D0%BD%D0%B8%D0%B2%D0%B5%D1%80%D1%81%D0%B8%D1%82%D0%B5%D1%82?node-id=3332-46669&m=dev
*/
/* use mobile first */
/* usage */
@font-face {
  font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* https://www.figma.com/design/rs4Ln0GFxG2ncXUdQB7Zbw/%D0%94%D0%B5%D1%82%D1%81%D0%BA%D0%B8%D0%B9-%D0%A3%D0%BD%D0%B8%D0%B2%D0%B5%D1%80%D1%81%D0%B8%D1%82%D0%B5%D1%82-(Copy)?node-id=16-177&p=f&t=uJVsVDGCHDyg7clu-0 */
/* Base colors */
/* Corporate colors */
/* Gradients */
/* Gray colors */
/* Semantic colors */
/* Additional semantic colors */
:root {
  --q-red: #ed131c;
  --q-gray: #3a3a3a;
}

/* Gradients */
/* https://fonts.google.com/specimen/Raleway?query=Raleway */
/* https://www.figma.com/design/1XmFUujQqNXhgKp9ejk6WO/schus-ceny?node-id=315-23488&t=viUKkfZleBOidny3-0 */
/* mobile first approach for typography */
/* if mobile line-height is 100%, set value normal */
/* if mobile letter-spacing is 0%, set value normal */
/* map
  1 font-size desktop
  2 line-height desktop
  3 letter-spacing desktop
  4 font-size mobile
  5 line-height mobile
  6 letter-spacing mobile
  7 font-weight desktop and mobile
 */
.h1 {
  font-size: 38px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.h1 {
    font-size: 98px;
    line-height: 95%;
    letter-spacing: -2%;
}
}
.h2 {
  font-size: 26px;
  font-weight: 600;
  line-height: 110%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.h2 {
    font-size: 64px;
    line-height: 110%;
    letter-spacing: -2%;
}
}
.h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -1%;
}
@media (min-width: 1439.98px) {
.h3 {
    font-size: 48px;
    line-height: 110%;
    letter-spacing: -2%;
}
}
.h4 {
  font-size: 22px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.h4 {
    font-size: 38px;
    line-height: 110%;
    letter-spacing: normal;
}
}
.h5 {
  font-size: 18px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.h5 {
    font-size: 26px;
    line-height: 120%;
    letter-spacing: normal;
}
}
.subtitle1 {
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.subtitle1 {
    font-size: 26px;
    line-height: 120%;
    letter-spacing: normal;
}
}
.subtitle2 {
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.subtitle2 {
    font-size: 19px;
    line-height: 120%;
    letter-spacing: normal;
}
}
.body {
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.body {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: normal;
}
}
.tag {
  font-size: 10px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.tag {
    font-size: 14px;
    line-height: 120%;
    letter-spacing: normal;
}
}
.bold {
  font-weight: 600;
}
.wrap {
  hyphens: auto;
}

/* validation errors */
.q-field__bottom {
  padding: 1px;
}
.bg-white {
  background: initial !important;
  background-color: #ecedf0 !important;
}
* {
  font-family: "Raleway", sans-serif;
  font-variant-numeric: lining-nums proportional-nums;
  scrollbar-width: thin;
}
img {
  display: block;
  object-fit: cover;
}
.animation-rotate-90 {
  transition: transform 0.3s;
}
.animation-rotate-90:hover {
  transform: rotate(90deg);
}

/* use mobile first */
.container {
  display: grid;
  grid-template-columns: minmax(0, 768px);
  justify-content: center;
}
@media (min-width: 767.98px) {
.container {
    grid-template-columns: minmax(0, 1024px);
}
}
@media (min-width: 1023.98px) {
.container {
    grid-template-columns: minmax(0, 1440px);
}
}
@media (min-width: 1439.98px) {
.container {
    grid-template-columns: minmax(0, 1920px);
}
}
@media (min-width: 1919.98px) {
.container {
    grid-template-columns: minmax(0, 2600px);
}
}
.container .center-x {
  justify-items: center;
}
.container .center-y {
  align-items: center;
}
.link-red {
  color: red;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.link-hover-red:hover, .link-hover-red:focus {
  color: red;
}
.link-gray {
  color: gray;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.link-hover-gray:hover, .link-hover-gray:focus {
  color: gray;
}
.link-black {
  color: black;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.link-hover-black:hover, .link-hover-black:focus {
  color: black;
}
.link-white {
  color: white;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.link-hover-white:hover, .link-hover-white:focus {
  color: white;
}
.landing-footer {
  display: grid;
  gap: 12px;
  padding: 12px;
  background-color: #f5f5f6;
}
@media (min-width: 767.98px) {
.landing-footer {
    gap: 20px;
    padding: 20px;
}
}
.landing-footer .footer-menu-wrapper {
  display: grid;
  gap: 8px;
  color: #000;
  background-color: #f5f5f6;
}
.landing-footer .footer-menu-wrapper .cards {
  display: grid;
  gap: 8px;
}
@media (min-width: 1023.98px) {
.landing-footer .footer-menu-wrapper .cards {
    gap: 20px;
}
}
@media (min-width: 767.98px) {
.landing-footer .footer-menu-wrapper .cards {
    grid-template-columns: 1fr minmax(400px, 1fr);
    gap: 20px;
}
}
@media (min-width: 1439.98px) {
.landing-footer .footer-menu-wrapper .cards {
    grid-template-columns: repeat(4, minmax(200px, 1fr)) minmax(400px, 1fr);
}
}
.landing-footer .footer-menu-wrapper .gap {
  display: grid;
  gap: 8px;
}
@media (min-width: 767.98px) {
.landing-footer .footer-menu-wrapper .gap {
    gap: 20px;
}
}
.landing-footer .footer-menu-wrapper .gap-2 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
@media (min-width: 767.98px) {
.landing-footer .footer-menu-wrapper .gap-2 {
    gap: 20px;
}
}
.landing-footer .footer-contacts-wrapper {
  display: grid;
  color: #000;
  background-color: #ecedf0;
  border-radius: 16px;
}
@media (min-width: 1439.98px) {
.landing-footer .footer-contacts-wrapper {
    grid-template-columns: repeat(4, minmax(200px, 1fr)) minmax(400px, 1fr);
    gap: 20px;
    border-radius: 16px;
}
}
.landing-footer .footer-contacts-wrapper .card {
  display: grid;
  padding: 12px;
}
@media (min-width: 767.98px) {
.landing-footer .footer-contacts-wrapper .card {
    padding: 24px;
}
}
.landing-footer .footer-contacts-wrapper .card .footer-social {
  display: grid;
  gap: 20px;
  align-self: start;
}
.landing-footer .footer-contacts-wrapper .card .footer-social .label {
  display: grid;
}
.landing-footer .footer-contacts-wrapper .card .footer-social .links {
  display: grid;
  grid-auto-flow: column;
  gap: 8px;
  justify-content: start;
}
.landing-footer .footer-contacts-wrapper .card .footer-social .links .link {
  display: grid;
}
.landing-footer .footer-contacts-wrapper .card .footer-subscribe {
  display: grid;
  gap: 20px;
  align-self: start;
}
.landing-footer .footer-contacts-wrapper .card .footer-subscribe .links {
  display: grid;
  grid-auto-flow: column;
  gap: 8px;
  justify-content: start;
}
.landing-footer .footer-contacts-wrapper .card .footer-subscribe .links .link {
  display: grid;
}
.landing-footer .footer-address-copyrights-wrapper {
  display: grid;
  padding: 12px;
  background-color: #ecedf0;
  border-radius: 8px;
}
@media (min-width: 767.98px) {
.landing-footer .footer-address-copyrights-wrapper {
    gap: 20px;
    padding: 24px;
    border-radius: 16px;
}
}
@media (min-width: 1439.98px) {
.landing-footer .footer-address-copyrights-wrapper {
    padding: 0;
}
}
.landing-footer .footer-address-copyrights-wrapper .footer-address-wrapper {
  display: grid;
  gap: 20px;
  color: #000;
  border-radius: 8px;
}
@media (min-width: 767.98px) {
.landing-footer .footer-address-copyrights-wrapper .footer-address-wrapper {
    gap: 20px;
    border-radius: 16px;
}
}
@media (min-width: 1439.98px) {
.landing-footer .footer-address-copyrights-wrapper .footer-address-wrapper .address {
    padding: 24px 24px 0;
}
}
.landing-footer .footer-address-copyrights-wrapper .footer-copyright-wrapper {
  display: grid;
  color: #000;
  background-color: #ecedf0;
  border-radius: 8px;
}
@media (min-width: 1023.98px) {
.landing-footer .footer-address-copyrights-wrapper .footer-copyright-wrapper {
    gap: 20px;
    border-radius: 16px;
}
}
@media (min-width: 1439.98px) {
.landing-footer .footer-address-copyrights-wrapper .footer-copyright-wrapper {
    grid-template-columns: repeat(4, minmax(200px, 1fr)) minmax(400px, 1fr);
    gap: 20px;
    border-radius: 16px;
}
}
@media (min-width: 1439.98px) {
.landing-footer .footer-address-copyrights-wrapper .footer-copyright-wrapper .card {
    padding: 0 24px 24px;
}
}
.landing-footer .footer-address-copyrights-wrapper .footer-copyright-wrapper .copyrights {
  color: #1c1c1c;
  opacity: 0.5;
}/*
Variables list
https://quasar.dev/style/sass-scss-variables#variables-list

color schema (UI Kit)
https://www.figma.com/design/H47FY8AexYQZ4YZjT8a8Gk/%D0%94%D0%B5%D1%82%D1%81%D0%BA%D0%B8%D0%B9-%D0%A3%D0%BD%D0%B8%D0%B2%D0%B5%D1%80%D1%81%D0%B8%D1%82%D0%B5%D1%82?node-id=16-177&p=f&t=PlVrRaqTd9xwABls-0

original color schema (Material Theme Builder)
https://www.figma.com/community/plugin/1034969338659738588/material-theme-builder
https://www.figma.com/design/H47FY8AexYQZ4YZjT8a8Gk/%D0%94%D0%B5%D1%82%D1%81%D0%BA%D0%B8%D0%B9-%D0%A3%D0%BD%D0%B8%D0%B2%D0%B5%D1%80%D1%81%D0%B8%D1%82%D0%B5%D1%82?node-id=3332-46669&m=dev
*/
/* use mobile first */
/* usage */
@font-face {
  font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* https://www.figma.com/design/rs4Ln0GFxG2ncXUdQB7Zbw/%D0%94%D0%B5%D1%82%D1%81%D0%BA%D0%B8%D0%B9-%D0%A3%D0%BD%D0%B8%D0%B2%D0%B5%D1%80%D1%81%D0%B8%D1%82%D0%B5%D1%82-(Copy)?node-id=16-177&p=f&t=uJVsVDGCHDyg7clu-0 */
/* Base colors */
/* Corporate colors */
/* Gradients */
/* Gray colors */
/* Semantic colors */
/* Additional semantic colors */
:root {
  --q-red: #ed131c;
  --q-gray: #3a3a3a;
}

/* Gradients */
/* https://fonts.google.com/specimen/Raleway?query=Raleway */
/* https://www.figma.com/design/1XmFUujQqNXhgKp9ejk6WO/schus-ceny?node-id=315-23488&t=viUKkfZleBOidny3-0 */
/* mobile first approach for typography */
/* if mobile line-height is 100%, set value normal */
/* if mobile letter-spacing is 0%, set value normal */
/* map
  1 font-size desktop
  2 line-height desktop
  3 letter-spacing desktop
  4 font-size mobile
  5 line-height mobile
  6 letter-spacing mobile
  7 font-weight desktop and mobile
 */
.h1 {
  font-size: 38px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.h1 {
    font-size: 98px;
    line-height: 95%;
    letter-spacing: -2%;
}
}
.h2 {
  font-size: 26px;
  font-weight: 600;
  line-height: 110%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.h2 {
    font-size: 64px;
    line-height: 110%;
    letter-spacing: -2%;
}
}
.h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -1%;
}
@media (min-width: 1439.98px) {
.h3 {
    font-size: 48px;
    line-height: 110%;
    letter-spacing: -2%;
}
}
.h4 {
  font-size: 22px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.h4 {
    font-size: 38px;
    line-height: 110%;
    letter-spacing: normal;
}
}
.h5 {
  font-size: 18px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.h5 {
    font-size: 26px;
    line-height: 120%;
    letter-spacing: normal;
}
}
.subtitle1 {
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.subtitle1 {
    font-size: 26px;
    line-height: 120%;
    letter-spacing: normal;
}
}
.subtitle2 {
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.subtitle2 {
    font-size: 19px;
    line-height: 120%;
    letter-spacing: normal;
}
}
.body {
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.body {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: normal;
}
}
.tag {
  font-size: 10px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.tag {
    font-size: 14px;
    line-height: 120%;
    letter-spacing: normal;
}
}
.bold {
  font-weight: 600;
}
.wrap {
  hyphens: auto;
}

/* validation errors */
.q-field__bottom {
  padding: 1px;
}
.bg-white {
  background: initial !important;
  background-color: #ecedf0 !important;
}
* {
  font-family: "Raleway", sans-serif;
  font-variant-numeric: lining-nums proportional-nums;
  scrollbar-width: thin;
}
img {
  display: block;
  object-fit: cover;
}
.animation-rotate-90 {
  transition: transform 0.3s;
}
.animation-rotate-90:hover {
  transform: rotate(90deg);
}

/* use mobile first */
.container {
  display: grid;
  grid-template-columns: minmax(0, 768px);
  justify-content: center;
}
@media (min-width: 767.98px) {
.container {
    grid-template-columns: minmax(0, 1024px);
}
}
@media (min-width: 1023.98px) {
.container {
    grid-template-columns: minmax(0, 1440px);
}
}
@media (min-width: 1439.98px) {
.container {
    grid-template-columns: minmax(0, 1920px);
}
}
@media (min-width: 1919.98px) {
.container {
    grid-template-columns: minmax(0, 2600px);
}
}
.container .center-x {
  justify-items: center;
}
.container .center-y {
  align-items: center;
}
.link-red {
  color: red;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.link-hover-red:hover, .link-hover-red:focus {
  color: red;
}
.link-gray {
  color: gray;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.link-hover-gray:hover, .link-hover-gray:focus {
  color: gray;
}
.link-black {
  color: black;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.link-hover-black:hover, .link-hover-black:focus {
  color: black;
}
.link-white {
  color: white;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.link-hover-white:hover, .link-hover-white:focus {
  color: white;
}
.landing-logo {
  transition: width 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), height 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}/*
Variables list
https://quasar.dev/style/sass-scss-variables#variables-list

color schema (UI Kit)
https://www.figma.com/design/H47FY8AexYQZ4YZjT8a8Gk/%D0%94%D0%B5%D1%82%D1%81%D0%BA%D0%B8%D0%B9-%D0%A3%D0%BD%D0%B8%D0%B2%D0%B5%D1%80%D1%81%D0%B8%D1%82%D0%B5%D1%82?node-id=16-177&p=f&t=PlVrRaqTd9xwABls-0

original color schema (Material Theme Builder)
https://www.figma.com/community/plugin/1034969338659738588/material-theme-builder
https://www.figma.com/design/H47FY8AexYQZ4YZjT8a8Gk/%D0%94%D0%B5%D1%82%D1%81%D0%BA%D0%B8%D0%B9-%D0%A3%D0%BD%D0%B8%D0%B2%D0%B5%D1%80%D1%81%D0%B8%D1%82%D0%B5%D1%82?node-id=3332-46669&m=dev
*/
/* use mobile first */
/* usage */
@font-face {
  font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* https://www.figma.com/design/rs4Ln0GFxG2ncXUdQB7Zbw/%D0%94%D0%B5%D1%82%D1%81%D0%BA%D0%B8%D0%B9-%D0%A3%D0%BD%D0%B8%D0%B2%D0%B5%D1%80%D1%81%D0%B8%D1%82%D0%B5%D1%82-(Copy)?node-id=16-177&p=f&t=uJVsVDGCHDyg7clu-0 */
/* Base colors */
/* Corporate colors */
/* Gradients */
/* Gray colors */
/* Semantic colors */
/* Additional semantic colors */
:root {
  --q-red: #ed131c;
  --q-gray: #3a3a3a;
}

/* Gradients */
/* https://fonts.google.com/specimen/Raleway?query=Raleway */
/* https://www.figma.com/design/1XmFUujQqNXhgKp9ejk6WO/schus-ceny?node-id=315-23488&t=viUKkfZleBOidny3-0 */
/* mobile first approach for typography */
/* if mobile line-height is 100%, set value normal */
/* if mobile letter-spacing is 0%, set value normal */
/* map
  1 font-size desktop
  2 line-height desktop
  3 letter-spacing desktop
  4 font-size mobile
  5 line-height mobile
  6 letter-spacing mobile
  7 font-weight desktop and mobile
 */
.h1 {
  font-size: 38px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.h1 {
    font-size: 98px;
    line-height: 95%;
    letter-spacing: -2%;
}
}
.h2 {
  font-size: 26px;
  font-weight: 600;
  line-height: 110%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.h2 {
    font-size: 64px;
    line-height: 110%;
    letter-spacing: -2%;
}
}
.h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -1%;
}
@media (min-width: 1439.98px) {
.h3 {
    font-size: 48px;
    line-height: 110%;
    letter-spacing: -2%;
}
}
.h4 {
  font-size: 22px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.h4 {
    font-size: 38px;
    line-height: 110%;
    letter-spacing: normal;
}
}
.h5 {
  font-size: 18px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.h5 {
    font-size: 26px;
    line-height: 120%;
    letter-spacing: normal;
}
}
.subtitle1 {
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.subtitle1 {
    font-size: 26px;
    line-height: 120%;
    letter-spacing: normal;
}
}
.subtitle2 {
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.subtitle2 {
    font-size: 19px;
    line-height: 120%;
    letter-spacing: normal;
}
}
.body {
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.body {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: normal;
}
}
.tag {
  font-size: 10px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: normal;
}
@media (min-width: 1439.98px) {
.tag {
    font-size: 14px;
    line-height: 120%;
    letter-spacing: normal;
}
}
.bold {
  font-weight: 600;
}
.wrap {
  hyphens: auto;
}

/* validation errors */
.q-field__bottom {
  padding: 1px;
}
.bg-white {
  background: initial !important;
  background-color: #ecedf0 !important;
}
* {
  font-family: "Raleway", sans-serif;
  font-variant-numeric: lining-nums proportional-nums;
  scrollbar-width: thin;
}
img {
  display: block;
  object-fit: cover;
}
.animation-rotate-90 {
  transition: transform 0.3s;
}
.animation-rotate-90:hover {
  transform: rotate(90deg);
}

/* use mobile first */
.container {
  display: grid;
  grid-template-columns: minmax(0, 768px);
  justify-content: center;
}
@media (min-width: 767.98px) {
.container {
    grid-template-columns: minmax(0, 1024px);
}
}
@media (min-width: 1023.98px) {
.container {
    grid-template-columns: minmax(0, 1440px);
}
}
@media (min-width: 1439.98px) {
.container {
    grid-template-columns: minmax(0, 1920px);
}
}
@media (min-width: 1919.98px) {
.container {
    grid-template-columns: minmax(0, 2600px);
}
}
.container .center-x {
  justify-items: center;
}
.container .center-y {
  align-items: center;
}
.link-red {
  color: red;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.link-hover-red:hover, .link-hover-red:focus {
  color: red;
}
.link-gray {
  color: gray;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.link-hover-gray:hover, .link-hover-gray:focus {
  color: gray;
}
.link-black {
  color: black;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.link-hover-black:hover, .link-hover-black:focus {
  color: black;
}
.link-white {
  color: white;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.link-hover-white:hover, .link-hover-white:focus {
  color: white;
}
.landing-header {
  color: #000;
  background-color: #fff;
}
.landing-header .row-top {
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  gap: 12px;
  align-items: center;
  padding: 4px;
  color: #000;
  background-color: #fff;
}
.landing-header .row-top--md {
  grid-template-columns: auto 1fr auto 1fr auto auto auto;
  padding: 16px;
}
.landing-header .row-bottom {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  padding: 4px;
}
.landing-header .logo {
  display: grid;
  align-items: center;
}
.landing-header .main-menu {
  display: grid;
  grid-auto-flow: column;
  gap: 8px;
}
.landing-header .main-menu-item {
  display: grid;
  grid-template-columns: max-content;
}
.landing-header .main-menu-item .q-btn {
  padding: 8px 16px;
  font-weight: 600;
  color: #000;
  white-space: nowrap;
  border: 1px solid #e0e1e5;
}
@media (min-width: 1023.98px) {
.landing-header .main-menu-item .q-btn {
    padding: 10px 16px;
}
}
.landing-header .main-buttons {
  display: grid;
  grid-auto-flow: column;
  gap: 8px;
}
.landing-header .main-buttons-item {
  display: grid;
  grid-template-columns: max-content;
}
.landing-header .main-buttons-item .q-btn {
  padding: 10px 24px;
  font-weight: 600;
  color: #fff;
  white-space: nowrap;
  border-radius: 8px;
}
.landing-header .main-phones {
  display: grid;
  grid-auto-flow: column;
  gap: 8px;
}
.landing-header .main-phones .phone-link {
  font-weight: 600;
  white-space: nowrap;
}
.landing-header .main-hamburger {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  font-weight: 600;
}
@media (min-width: 1023.98px) {
.landing-header .main-hamburger {
    grid-template-columns: auto auto;
    gap: 8px;
}
}