/**
 * Subsetting command (https://www.zachleat.com/unicode-range-interchange/):
 * fonttools subset suisse-intl-medium.woff2 --unicodes="U+20-5F,U+61-80,U+A9,U+AB,U+AD,U+B7,U+BB,U+401,U+410-44F,U+451,U+2009,U+2013,U+2014,U+201C-201F,U+20BD,U+2116" --layout-features=ccmp,locl,mark,mkmk,kern
 * fonttools subset suisse-intl-regular.woff2 --unicodes="U+20-5F,U+61-80,U+A9,U+AB,U+AD,U+B7,U+BB,U+401,U+410-44F,U+451,U+2009,U+2013,U+2014,U+201C-201F,U+20BD,U+2116" --layout-features=ccmp,locl,mark,mkmk,kern
 */
@import url(https://assets.yasno.live/assets/swiper/swiper-bundle-78af77a1a90d5ee6a4f646f9af8605d66da96681e171628a987039253618341b.css);
@font-face {
  font-family: "SuisseIntl";
  font-display: swap;
  src: url(https://assets.yasno.live/assets/suisse-intl/suisse-intl-medium.subset-f752fe1c58bd1d2b9e524056ee389dadb8247bca641e7b089203da79dbeda4c8.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "SuisseIntl";
  font-display: swap;
  src: url(https://assets.yasno.live/assets/suisse-intl/suisse-intl-regular.subset-8c6e97899daca91fc1490d483910164e0b175edab7f110d427b99674bba9eeeb.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
}

/**
 * Subsetting command (https://www.zachleat.com/unicode-range-interchange/):
 * fonttools subset caveat-regular.woff2 --unicodes="U+A,U+20,U+25,U+2C,U+2F,U+32,U+34,U+37,U+39,U+412,U+413,U+418,U+41A,U+41D,U+422,U+430-448,U+44B,U+44C,U+44E,U+44F" --layout-features=ccmp,locl,mark,mkmk,kern
 */
@font-face {
  font-family: "Caveat";
  font-display: swap;
  src: url(https://assets.yasno.live/assets/caveat/caveat-regular.subset-c99a6074cb66af5211209904cf1ea72ca592cadf803383b54bd519e5cadf08bb.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
}

/* line 2, app/assets/stylesheets/icons.scss */
.icon-logo {
  background-image: url(https://assets.yasno.live/assets/logo-v3-c38b04297d1f116bcd4aba74a4285775f3c7ef78155b4309da2df317147671f2.svg);
  display: inline-block;
  height: 26px;
  width: 106px;
}

/* line 10, app/assets/stylesheets/icons.scss */
.icon-logo-small {
  background-image: url(https://assets.yasno.live/assets/logo-v3-c38b04297d1f116bcd4aba74a4285775f3c7ef78155b4309da2df317147671f2.svg);
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
  height: 18px;
  width: 76px;
}

/* line 20, app/assets/stylesheets/icons.scss */
.icon-lock {
  background-image: url(https://assets.yasno.live/assets/lock-57f73b3d717baf42e652cce98846602b8d54941b0adc4665edc511653254bd8d.svg);
  display: inline-block;
  height: 22px;
  width: 18px;
}

/* line 2, app/assets/stylesheets/gdpr-cookie.scss */
.y-gdpr #y__gdpr__container * {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 9, app/assets/stylesheets/gdpr-cookie.scss */
.y-gdpr #y__gdpr__container div,
.y-gdpr #y__gdpr__container h1,
.y-gdpr #y__gdpr__container h2,
.y-gdpr #y__gdpr__container h3,
.y-gdpr #y__gdpr__container h4,
.y-gdpr #y__gdpr__container input,
.y-gdpr #y__gdpr__container p {
  margin: 0;
  padding: 0;
}

/* line 20, app/assets/stylesheets/gdpr-cookie.scss */
.y-gdpr #y__gdpr__container button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* line 26, app/assets/stylesheets/gdpr-cookie.scss */
.y-gdpr #y__gdpr__container #y__modal {
  font-family: inherit;
  padding: 1.875em 2.5em;
  position: fixed;
  z-index: 1500;
  background: #fff;
  color: #000;
  width: 26.3125em;
  bottom: 1.25em;
  right: 1.25em;
  box-shadow: 0 0.625em 1.875em #c4cbda;
  box-shadow: 0 0.625em 1.875em rgba(57, 62, 72, 0.22);
  opacity: 0;
  visibility: hidden;
  transform: scale(0.95);
  border-radius: 0.25em;
  transition: none;
  line-height: initial;
}

/* line 46, app/assets/stylesheets/gdpr-cookie.scss */
.y-gdpr #y__gdpr__container #y__modal h3 {
  font-size: 24px;
}

/* line 50, app/assets/stylesheets/gdpr-cookie.scss */
.y-gdpr #y__gdpr__container #y__modal.y__anim {
  transition: transform 0.4s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.4s ease, visibility 0.4s ease;
}

/* line 54, app/assets/stylesheets/gdpr-cookie.scss */
.y-gdpr #y__gdpr__container #y__modal.y__anim.y__show {
  opacity: 1;
  visibility: visible !important;
  transform: scale(1);
}

/* line 60, app/assets/stylesheets/gdpr-cookie.scss */
.y-gdpr #y__gdpr__container #y__gdpr__title {
  color: inherit;
  margin: 0 0 0.6em;
  font-weight: 500;
  font-family: "SuisseIntl", Arial, sans-serif;
}

/* line 67, app/assets/stylesheets/gdpr-cookie.scss */
.y-gdpr #y__gdpr__container #y__gdpr__text {
  margin-bottom: 1.625em;
  font-family: inherit;
  line-height: 1.45em;
}

/* line 73, app/assets/stylesheets/gdpr-cookie.scss */
.y-gdpr #y__gdpr__container #y__modal .y__link {
  text-decoration: underline;
  background: 0 0;
  border: none;
  outline: 0;
  padding: 0;
  cursor: pointer;
  font-size: 0.9em;
  color: inherit;
}

@media screen and (max-width: 1000px) {
  /* line 85, app/assets/stylesheets/gdpr-cookie.scss */
  .y-gdpr #y__gdpr__container #y__modal {
    width: 100%;
    margin: 0;
    padding: 1.875em 10%;
    right: 0;
    bottom: 0;
    border-radius: 0;
    display: block;
  }
}

/**
 * Subsetting command (https://www.zachleat.com/unicode-range-interchange/):
 * fonttools subset suisse-intl-medium.woff2 --unicodes="U+20-5F,U+61-80,U+A9,U+AB,U+AD,U+B7,U+BB,U+401,U+410-44F,U+451,U+2009,U+2013,U+2014,U+201C-201F,U+20BD,U+2116" --layout-features=ccmp,locl,mark,mkmk,kern
 * fonttools subset suisse-intl-regular.woff2 --unicodes="U+20-5F,U+61-80,U+A9,U+AB,U+AD,U+B7,U+BB,U+401,U+410-44F,U+451,U+2009,U+2013,U+2014,U+201C-201F,U+20BD,U+2116" --layout-features=ccmp,locl,mark,mkmk,kern
 */
@font-face {
  font-family: "SuisseIntl";
  font-display: swap;
  src: url(https://assets.yasno.live/assets/suisse-intl/suisse-intl-medium.subset-f752fe1c58bd1d2b9e524056ee389dadb8247bca641e7b089203da79dbeda4c8.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "SuisseIntl";
  font-display: swap;
  src: url(https://assets.yasno.live/assets/suisse-intl/suisse-intl-regular.subset-8c6e97899daca91fc1490d483910164e0b175edab7f110d427b99674bba9eeeb.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
}

/* line 3, app/assets/stylesheets/main-page.scss */
body {
  font-family: "SuisseIntl", sans-serif;
}

/* line 7, app/assets/stylesheets/main-page.scss */
.css-reset {
  /* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/
  /* HTML5 display-role reset for older browsers */
}

/* line 6, app/assets/stylesheets/main-page/reset.scss */
.css-reset html,
.css-reset body,
.css-reset div,
.css-reset span,
.css-reset applet,
.css-reset object,
.css-reset iframe,
.css-reset h1,
.css-reset h2,
.css-reset h3,
.css-reset h4,
.css-reset h5,
.css-reset h6,
.css-reset p,
.css-reset blockquote,
.css-reset pre,
.css-reset a,
.css-reset abbr,
.css-reset acronym,
.css-reset address,
.css-reset big,
.css-reset cite,
.css-reset code,
.css-reset del,
.css-reset dfn,
.css-reset em,
.css-reset img,
.css-reset ins,
.css-reset kbd,
.css-reset q,
.css-reset s,
.css-reset samp,
.css-reset small,
.css-reset strike,
.css-reset strong,
.css-reset sub,
.css-reset sup,
.css-reset tt,
.css-reset var,
.css-reset b,
.css-reset u,
.css-reset i,
.css-reset center,
.css-reset dl,
.css-reset dt,
.css-reset dd,
.css-reset ol,
.css-reset ul,
.css-reset li,
.css-reset fieldset,
.css-reset form,
.css-reset label,
.css-reset legend,
.css-reset table,
.css-reset caption,
.css-reset tbody,
.css-reset tfoot,
.css-reset thead,
.css-reset tr,
.css-reset th,
.css-reset td,
.css-reset article,
.css-reset aside,
.css-reset canvas,
.css-reset details,
.css-reset embed,
.css-reset figure,
.css-reset figcaption,
.css-reset footer,
.css-reset header,
.css-reset hgroup,
.css-reset menu,
.css-reset nav,
.css-reset output,
.css-reset ruby,
.css-reset section,
.css-reset summary,
.css-reset time,
.css-reset mark,
.css-reset audio,
.css-reset video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* line 95, app/assets/stylesheets/main-page/reset.scss */
.css-reset article,
.css-reset aside,
.css-reset details,
.css-reset figcaption,
.css-reset figure,
.css-reset footer,
.css-reset header,
.css-reset hgroup,
.css-reset menu,
.css-reset nav,
.css-reset section {
  display: block;
}

/* line 108, app/assets/stylesheets/main-page/reset.scss */
.css-reset body {
  line-height: 1;
}

/* line 111, app/assets/stylesheets/main-page/reset.scss */
.css-reset ol,
.css-reset ul {
  list-style: none;
}

/* line 115, app/assets/stylesheets/main-page/reset.scss */
.css-reset blockquote,
.css-reset q {
  quotes: none;
}

/* line 119, app/assets/stylesheets/main-page/reset.scss */
.css-reset blockquote:before,
.css-reset blockquote:after,
.css-reset q:before,
.css-reset q:after {
  content: "";
  content: none;
}

/* line 126, app/assets/stylesheets/main-page/reset.scss */
.css-reset table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 10, app/assets/stylesheets/main-page.scss */
#main-page {
  overflow-x: hidden;
}

/* line 14, app/assets/stylesheets/main-page.scss */
#main-page .container {
  margin: 0 auto;
  max-width: 1150px;
  padding: 0 15px;
}

/* line 1, app/assets/stylesheets/main-page/banner.scss */
#main-page .price__couple,
#main-page .price__single {
  transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
  transition-property: opacity, transform;
  position: absolute;
  white-space: nowrap;
}

@media (max-width: 767px) {
  /* line 1, app/assets/stylesheets/main-page/banner.scss */
  #main-page .price__couple,
#main-page .price__single {
    font-size: 13px;
  }
}

/* line 12, app/assets/stylesheets/main-page/banner.scss */
#main-page .banner {
  position: relative;
  background-color: #f0f2f5;
  overflow: hidden;
  font-weight: 500;
}

/* line 18, app/assets/stylesheets/main-page/banner.scss */
#main-page .banner__actions {
  display: inline-flex;
  flex-direction: column;
}

@media (max-width: 767px) {
  /* line 18, app/assets/stylesheets/main-page/banner.scss */
  #main-page .banner__actions {
    width: 100%;
  }
}

/* line 26, app/assets/stylesheets/main-page/banner.scss */
#main-page .banner__mobile-sign {
  display: none;
  justify-content: flex-start;
  position: relative;
  left: 14px;
  top: 21px;
  margin-bottom: 30px;
}

/* line 33, app/assets/stylesheets/main-page/banner.scss */
#main-page .banner__mobile-sign-line {
  position: absolute;
  right: -73px;
  top: -18px;
}

/* line 38, app/assets/stylesheets/main-page/banner.scss */
#main-page .banner__mobile-sign-text {
  position: relative;
  font-family: 'Caveat';
  font-weight: 600;
  font-size: 16px;
  line-height: 15px;
  text-align: center;
  color: #45A7F5;
}

/* line 46, app/assets/stylesheets/main-page/banner.scss */
#main-page .banner__mobile-sign-text-wrap {
  transform: rotate(-14.69deg);
  display: inline-block;
}

@media (max-width: 767px) {
  /* line 26, app/assets/stylesheets/main-page/banner.scss */
  #main-page .banner__mobile-sign {
    display: flex;
  }
}

/* line 56, app/assets/stylesheets/main-page/banner.scss */
#main-page .banner__toggle {
  display: none;
}

/* line 59, app/assets/stylesheets/main-page/banner.scss */
#main-page .banner__toggle:checked + .banner__container div:first-child {
  color: #434343;
  font-weight: 400;
}

/* line 63, app/assets/stylesheets/main-page/banner.scss */
#main-page .banner__toggle:checked + .banner__container div:last-child {
  color: #141414;
  font-weight: 500;
  line-height: 23px;
}

/* line 68, app/assets/stylesheets/main-page/banner.scss */
#main-page .banner__toggle + .banner__container div:first-child {
  color: #141414;
  font-weight: 500;
  line-height: 23px;
}

/* line 73, app/assets/stylesheets/main-page/banner.scss */
#main-page .banner__toggle + .banner__container div:last-child {
  color: #434343;
  font-weight: 400;
}

/* line 77, app/assets/stylesheets/main-page/banner.scss */
#main-page .banner__toggle ~ .banner__info > .price__single {
  padding-left: 0px;
}

@media (max-width: 767px) {
  /* line 77, app/assets/stylesheets/main-page/banner.scss */
  #main-page .banner__toggle ~ .banner__info > .price__single {
    padding-left: 0;
    left: 50%;
    transform: translateX(-50%) !important;
  }
}

/* line 85, app/assets/stylesheets/main-page/banner.scss */
#main-page .banner__toggle ~ .banner__info > .price__couple {
  opacity: 0;
  pointer-events: none;
  padding-left: 0px;
  transform: translateY(50%);
}

@media (max-width: 767px) {
  /* line 85, app/assets/stylesheets/main-page/banner.scss */
  #main-page .banner__toggle ~ .banner__info > .price__couple {
    padding-left: 0;
    left: 50%;
    transform: translateX(-50%) !important;
  }
}

/* line 97, app/assets/stylesheets/main-page/banner.scss */
#main-page .banner__toggle:checked ~ .banner__info > .price__single {
  opacity: 0;
  pointer-events: none;
  transform: translateY(-50%);
}

/* line 103, app/assets/stylesheets/main-page/banner.scss */
#main-page .banner__toggle:checked ~ .banner__info > .price__couple {
  opacity: 1;
  pointer-events: all;
  transform: translateY(0);
}

/* line 109, app/assets/stylesheets/main-page/banner.scss */
#main-page .banner__toggle:checked ~ .banner__container::before {
  left: 50%;
}

/* line 113, app/assets/stylesheets/main-page/banner.scss */
#main-page .banner__container {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid #D9DFE4;
  border-radius: 8px;
  background: #E6E8EB;
  font-weight: bold;
  font-size: 20px;
  color: #141414;
  cursor: pointer;
}

@media (min-width: 768px) {
  /* line 126, app/assets/stylesheets/main-page/banner.scss */
  #main-page .banner__container-bottom {
    width: 100%;
    max-width: 440px;
  }
}

@media (max-width: 767px) {
  /* line 113, app/assets/stylesheets/main-page/banner.scss */
  #main-page .banner__container {
    width: 100%;
  }
}

/* line 137, app/assets/stylesheets/main-page/banner.scss */
#main-page .banner__container::before {
  content: '';
  position: absolute;
  width: 50%;
  height: 100%;
  left: 0;
  border-radius: 8px;
  background: white;
  transition: all 0.3s;
}

/* line 148, app/assets/stylesheets/main-page/banner.scss */
#main-page .banner__container div {
  min-width: 177px;
  padding: 14px;
  text-align: center;
  z-index: 1;
  line-height: 23px;
}

@media (max-width: 767px) {
  /* line 148, app/assets/stylesheets/main-page/banner.scss */
  #main-page .banner__container div {
    min-width: 0;
    font-size: 16px;
    padding: 10px;
  }
}

/* line 162, app/assets/stylesheets/main-page/banner.scss */
#main-page .banner__bgs {
  position: absolute;
  width: 609px;
  right: 0;
  top: 50px;
  bottom: 100px;
}

@media screen and (max-width: 1200px) {
  /* line 162, app/assets/stylesheets/main-page/banner.scss */
  #main-page .banner__bgs {
    left: 600px;
    right: auto;
  }
}

@media (max-width: 767px) {
  /* line 162, app/assets/stylesheets/main-page/banner.scss */
  #main-page .banner__bgs {
    width: 100%;
    left: 0;
    bottom: 0;
    top: auto;
  }
}

/* line 182, app/assets/stylesheets/main-page/banner.scss */
#main-page .banner__note {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}

@media (max-width: 767px) {
  /* line 182, app/assets/stylesheets/main-page/banner.scss */
  #main-page .banner__note {
    display: none;
  }
}

/* line 193, app/assets/stylesheets/main-page/banner.scss */
#main-page .banner__note img {
  width: 100%;
}

@media (max-width: 767px) {
  /* line 193, app/assets/stylesheets/main-page/banner.scss */
  #main-page .banner__note img {
    width: auto;
    height: 100%;
  }
}

/* line 203, app/assets/stylesheets/main-page/banner.scss */
#main-page .banner__phone {
  position: absolute;
  bottom: 55px;
  width: 246px;
  left: 0;
}

@media (max-width: 991px) {
  /* line 203, app/assets/stylesheets/main-page/banner.scss */
  #main-page .banner__phone {
    left: 48px;
  }
}

@media (max-width: 767px) {
  /* line 203, app/assets/stylesheets/main-page/banner.scss */
  #main-page .banner__phone {
    display: flex;
    justify-content: flex-end;
    position: relative;
    width: auto;
    inset: auto;
    top: -17px;
  }
}

/* line 222, app/assets/stylesheets/main-page/banner.scss */
#main-page .banner__phone img {
  width: 100%;
}

@media (max-width: 767px) {
  /* line 222, app/assets/stylesheets/main-page/banner.scss */
  #main-page .banner__phone img {
    width: auto;
  }
}

/* line 231, app/assets/stylesheets/main-page/banner.scss */
#main-page .banner__content {
  padding: 90px 0 250px;
  padding-top: 85px;
  padding-bottom: 179px;
}

@media (max-width: 767px) {
  /* line 231, app/assets/stylesheets/main-page/banner.scss */
  #main-page .banner__content {
    padding: 40px 0 285px;
  }
}

/* line 241, app/assets/stylesheets/main-page/banner.scss */
#main-page .banner__title {
  max-width: 640px;
  margin-bottom: 35px;
  font-size: 56px;
  line-height: 64px;
  font-weight: 500;
  color: #141414;
}

/* line 249, app/assets/stylesheets/main-page/banner.scss */
#main-page .banner__title-h1 {
  max-width: 640px;
  font-size: 56px;
  line-height: 58px;
  color: #141414;
}

@media (max-width: 767px) {
  /* line 249, app/assets/stylesheets/main-page/banner.scss */
  #main-page .banner__title-h1 {
    font-size: 24px;
    line-height: 26px;
  }
}

@media (max-width: 767px) {
  /* line 241, app/assets/stylesheets/main-page/banner.scss */
  #main-page .banner__title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 21px;
  }
}

/* line 267, app/assets/stylesheets/main-page/banner.scss */
#main-page .banner__slider {
  max-height: 128px;
  overflow: hidden;
}

@media (max-width: 767px) {
  /* line 267, app/assets/stylesheets/main-page/banner.scss */
  #main-page .banner__slider {
    max-height: 64px;
  }
}

/* line 276, app/assets/stylesheets/main-page/banner.scss */
#main-page .banner__wrapper {
  transition: transform 0.3s;
}

/* line 280, app/assets/stylesheets/main-page/banner.scss */
#main-page .banner__slide {
  color: #45a7f5;
  height: 128px;
  line-height: 58px;
}

@media (max-width: 767px) {
  /* line 280, app/assets/stylesheets/main-page/banner.scss */
  #main-page .banner__slide {
    height: 64px;
    line-height: 26px;
  }
}

/* line 291, app/assets/stylesheets/main-page/banner.scss */
#main-page .banner__btn {
  display: inline-block;
  padding: 18px 23px;
  margin-bottom: 10px;
  font-size: 20px;
  background-color: #45a7f5;
  color: #fff;
  border-radius: 8px;
  border: 2px solid #45a7f5;
  text-decoration: none;
  transition: color 0.3s, background-color 0.3s;
  min-width: 356px;
  text-align: center;
  line-height: 20px;
}

@media (min-width: 768px) {
  /* line 291, app/assets/stylesheets/main-page/banner.scss */
  #main-page .banner__btn {
    height: 64px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}

@media (max-width: 767px) {
  /* line 291, app/assets/stylesheets/main-page/banner.scss */
  #main-page .banner__btn {
    min-width: 0;
    width: 100%;
    font-weight: bold;
    font-size: 16px;
  }
}

/* line 320, app/assets/stylesheets/main-page/banner.scss */
#main-page .banner__btn:hover {
  color: #45a7f5;
  background-color: #f0f2f5;
}

@media (max-width: 767px) {
  /* line 291, app/assets/stylesheets/main-page/banner.scss */
  #main-page .banner__btn {
    padding: 10px 18px;
  }
}

/* line 330, app/assets/stylesheets/main-page/banner.scss */
#main-page .banner__info {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  margin: 0px 0 47px;
  min-height: 30px;
  color: #687077;
  display: flex;
  justify-content: center;
}

@media (max-width: 767px) {
  /* line 330, app/assets/stylesheets/main-page/banner.scss */
  #main-page .banner__info {
    font-size: 12px;
    padding-left: 18px;
    margin-top: -7px;
    margin-bottom: 29px;
  }
}

/* line 348, app/assets/stylesheets/main-page/banner.scss */
#main-page .banner__sign {
  position: absolute;
  bottom: 10px;
  left: -272px;
}

@media (max-width: 767px) {
  /* line 348, app/assets/stylesheets/main-page/banner.scss */
  #main-page .banner__sign {
    bottom: 400px;
    left: auto;
    right: 15px;
  }
}

/* line 360, app/assets/stylesheets/main-page/banner.scss */
#main-page .banner__sign-line {
  position: absolute;
  right: -75px;
  bottom: -47px;
  width: 135px;
  height: 36px;
}

/* line 367, app/assets/stylesheets/main-page/banner.scss */
#main-page .banner__sign-line img {
  width: 100%;
}

@media (max-width: 767px) {
  /* line 360, app/assets/stylesheets/main-page/banner.scss */
  #main-page .banner__sign-line {
    display: none;
  }
}

/* line 376, app/assets/stylesheets/main-page/banner.scss */
#main-page .banner__sign-text {
  font-family: "Caveat", sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 24px;
  text-align: center;
  color: #45a7f5;
  transform: rotate(-13.65deg);
}

@media (max-width: 767px) {
  /* line 376, app/assets/stylesheets/main-page/banner.scss */
  #main-page .banner__sign-text {
    display: none;
  }
}

/* line 1, app/assets/stylesheets/main-page/sponsors.scss */
#main-page .sponsors {
  border-top: 1px solid #e6e8eb;
}

/* line 4, app/assets/stylesheets/main-page/sponsors.scss */
#main-page .sponsors__list {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}

/* line 11, app/assets/stylesheets/main-page/sponsors.scss */
#main-page .sponsors__item {
  font-size: 0;
  width: 14.3%;
  height: 104px;
}

@media (max-width: 767px) {
  /* line 11, app/assets/stylesheets/main-page/sponsors.scss */
  #main-page .sponsors__item {
    height: 80px;
  }
}

/* line 21, app/assets/stylesheets/main-page/sponsors.scss */
#main-page .sponsors__link {
  position: relative;
  display: inline-block;
  height: 100%;
  width: 100%;
  transition: opacity 0.3s;
}

/* line 28, app/assets/stylesheets/main-page/sponsors.scss */
#main-page .sponsors__link:hover {
  opacity: 0.5;
}

/* line 32, app/assets/stylesheets/main-page/sponsors.scss */
#main-page .sponsors__link img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  height: 20px;
}

/* line 1, app/assets/stylesheets/main-page/helps.scss */
#main-page .helps {
  border-top: 1px solid #e6e8eb;
}

@media (max-width: 767px) {
  /* line 1, app/assets/stylesheets/main-page/helps.scss */
  #main-page .helps {
    padding-top: 56px;
  }
}

/* line 8, app/assets/stylesheets/main-page/helps.scss */
#main-page .helps__content {
  padding: 145px 0 110px;
}

@media (max-width: 767px) {
  /* line 8, app/assets/stylesheets/main-page/helps.scss */
  #main-page .helps__content {
    padding: 30px 0 53px;
  }
}

/* line 16, app/assets/stylesheets/main-page/helps.scss */
#main-page .helps__title {
  margin-bottom: 70px;
  color: #141414;
  font-size: 56px;
  line-height: 64px;
  font-weight: 500;
  text-align: center;
}

/* line 24, app/assets/stylesheets/main-page/helps.scss */
#main-page .helps__title span {
  color: #2f97eb;
}

@media (min-width: 768px) {
  /* line 16, app/assets/stylesheets/main-page/helps.scss */
  #main-page .helps__title {
    position: relative;
    bottom: 29px;
  }
}

@media (max-width: 767px) {
  /* line 16, app/assets/stylesheets/main-page/helps.scss */
  #main-page .helps__title {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 83px;
    text-align: left;
  }
  /* line 39, app/assets/stylesheets/main-page/helps.scss */
  #main-page .helps__title br {
    display: none;
  }
}

/* line 45, app/assets/stylesheets/main-page/helps.scss */
#main-page .helps__slider {
  position: relative;
}

@media (max-width: 767px) {
  /* line 45, app/assets/stylesheets/main-page/helps.scss */
  #main-page .helps__slider {
    padding-bottom: 36px;
  }
}

@media screen and (min-width: 768px) {
  /* line 52, app/assets/stylesheets/main-page/helps.scss */
  #main-page .helps__list {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
  }
}

/* line 61, app/assets/stylesheets/main-page/helps.scss */
#main-page .helps__item {
  width: 30%;
  margin-bottom: 75px;
}

@media (max-width: 767px) {
  /* line 61, app/assets/stylesheets/main-page/helps.scss */
  #main-page .helps__item {
    width: 100%;
    margin-bottom: 0;
  }
}

/* line 71, app/assets/stylesheets/main-page/helps.scss */
#main-page .helps__image {
  height: 160px;
  margin-bottom: 25px;
  font-size: 0;
  text-align: center;
}

/* line 77, app/assets/stylesheets/main-page/helps.scss */
#main-page .helps__image img {
  height: 100%;
  max-width: 100%;
}

@media (max-width: 767px) {
  /* line 71, app/assets/stylesheets/main-page/helps.scss */
  #main-page .helps__image {
    margin-bottom: 20px;
  }
}

/* line 87, app/assets/stylesheets/main-page/helps.scss */
#main-page .helps__text {
  font-size: 20px;
  line-height: 32px;
  font-weight: 400;
  color: #141414;
  text-align: center;
}

@media (max-width: 767px) {
  /* line 87, app/assets/stylesheets/main-page/helps.scss */
  #main-page .helps__text {
    font-size: 16px;
    line-height: 24px;
  }
}

/* line 100, app/assets/stylesheets/main-page/helps.scss */
#main-page .helps__actions {
  margin-top: 80px;
  text-align: center;
}

@media (max-width: 767px) {
  /* line 100, app/assets/stylesheets/main-page/helps.scss */
  #main-page .helps__actions {
    margin-top: 42px;
  }
}

@media (min-width: 768px) {
  /* line 100, app/assets/stylesheets/main-page/helps.scss */
  #main-page .helps__actions {
    margin-top: 10px;
  }
}

/* line 113, app/assets/stylesheets/main-page/helps.scss */
#main-page .helps__btn {
  display: inline-block;
  padding: 13px 23px;
  border: 2px solid #45a7f5;
  border-radius: 8px;
  font-size: 20px;
  line-height: 25px;
  background-color: #45a7f5;
  color: #fff;
  text-decoration: none;
  transition: color 0.3s, background-color 0.3s;
  white-space: nowrap;
}

/* line 127, app/assets/stylesheets/main-page/helps.scss */
#main-page .helps__btn:hover {
  background-color: transparent;
  color: #45a7f5;
}

@media (max-width: 767px) {
  /* line 113, app/assets/stylesheets/main-page/helps.scss */
  #main-page .helps__btn {
    padding: 10px 18px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
  }
}

/* line 140, app/assets/stylesheets/main-page/helps.scss */
#main-page .helps .swiper-pagination {
  left: 50%;
  transform: translateX(-50%);
}

@media (max-width: 767px) {
  /* line 140, app/assets/stylesheets/main-page/helps.scss */
  #main-page .helps .swiper-pagination {
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  /* line 150, app/assets/stylesheets/main-page/helps.scss */
  #main-page .helps .swiper-pagination .swiper-pagination-bullet {
    margin-right: 10px;
    width: 6px;
    height: 6px;
    background: #E6E8EB;
    border-radius: 100%;
    opacity: 1;
  }
  /* line 158, app/assets/stylesheets/main-page/helps.scss */
  #main-page .helps .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 8px;
    height: 8px;
    background: #45A7F5;
  }
  /* line 164, app/assets/stylesheets/main-page/helps.scss */
  #main-page .helps .swiper-pagination .swiper-pagination-bullet:last-child {
    margin-right: 0;
  }
}

/* line 1, app/assets/stylesheets/main-page/therapist.scss */
#main-page .therapist {
  background-color: #f0f2f5;
  overflow: hidden;
}

/* line 5, app/assets/stylesheets/main-page/therapist.scss */
#main-page .therapist__about-link {
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  text-decoration: none;
  color: #2f97eb;
}

@media (min-width: 768px) {
  /* line 5, app/assets/stylesheets/main-page/therapist.scss */
  #main-page .therapist__about-link {
    position: relative;
    bottom: -17px;
  }
}

@media (max-width: 767px) {
  /* line 5, app/assets/stylesheets/main-page/therapist.scss */
  #main-page .therapist__about-link {
    line-height: 24px;
    position: relative;
    bottom: 9px;
  }
}

/* line 24, app/assets/stylesheets/main-page/therapist.scss */
#main-page .therapist__content {
  padding: 145px 0 110px;
}

@media (min-width: 768px) {
  /* line 24, app/assets/stylesheets/main-page/therapist.scss */
  #main-page .therapist__content {
    padding: 145px 0 150px;
  }
}

@media (max-width: 767px) {
  /* line 24, app/assets/stylesheets/main-page/therapist.scss */
  #main-page .therapist__content {
    padding: 30px 0 32px;
  }
}

/* line 35, app/assets/stylesheets/main-page/therapist.scss */
#main-page .therapist__title {
  position: relative;
  margin-bottom: 95px;
  color: #141414;
  font-size: 56px;
  line-height: 64px;
  font-weight: 500;
  text-align: center;
}

/* line 44, app/assets/stylesheets/main-page/therapist.scss */
#main-page .therapist__title span {
  color: #2f97eb;
}

/* line 48, app/assets/stylesheets/main-page/therapist.scss */
#main-page .therapist__title svg {
  position: absolute;
}

@media screen and (max-width: 1200px) {
  /* line 48, app/assets/stylesheets/main-page/therapist.scss */
  #main-page .therapist__title svg {
    display: none;
  }
}

@media (max-width: 767px) {
  /* line 35, app/assets/stylesheets/main-page/therapist.scss */
  #main-page .therapist__title {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 34px;
    text-align: left;
  }
  /* line 62, app/assets/stylesheets/main-page/therapist.scss */
  #main-page .therapist__title br {
    display: none;
  }
}

/* line 68, app/assets/stylesheets/main-page/therapist.scss */
#main-page .therapist__mark {
  position: absolute;
  top: -103px;
  right: -75px;
}

/* line 73, app/assets/stylesheets/main-page/therapist.scss */
#main-page .therapist__mark.mobile {
  display: none;
}

@media (max-width: 767px) {
  /* line 68, app/assets/stylesheets/main-page/therapist.scss */
  #main-page .therapist__mark {
    display: none;
    top: 80px;
    left: 50%;
    transform: translateX(-50%);
  }
  /* line 82, app/assets/stylesheets/main-page/therapist.scss */
  #main-page .therapist__mark.mobile {
    top: 89px;
    right: -178px;
    display: inline-block;
  }
  /* line 86, app/assets/stylesheets/main-page/therapist.scss */
  #main-page .therapist__mark.mobile img {
    position: relative;
    left: -18px;
    top: 10px;
  }
}

/* line 95, app/assets/stylesheets/main-page/therapist.scss */
#main-page .therapist__images {
  position: relative;
  left: 60px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  padding-bottom: 90px;
}

@media (max-width: 767px) {
  /* line 95, app/assets/stylesheets/main-page/therapist.scss */
  #main-page .therapist__images {
    padding-bottom: 110px;
    left: 30px;
  }
}

/* line 113, app/assets/stylesheets/main-page/therapist.scss */
#main-page .therapist__image {
  display: inline-block;
  font-size: 0;
  width: 176px;
  position: relative;
}

@media (min-width: 576px) {
  /* line 113, app/assets/stylesheets/main-page/therapist.scss */
  #main-page .therapist__image {
    width: 176px;
  }
}

@media screen and (max-width: 1090px) {
  /* line 113, app/assets/stylesheets/main-page/therapist.scss */
  #main-page .therapist__image {
    width: 150px;
  }
}

@media (max-width: 767px) {
  /* line 113, app/assets/stylesheets/main-page/therapist.scss */
  #main-page .therapist__image {
    width: 56px;
  }
}

/* line 131, app/assets/stylesheets/main-page/therapist.scss */
#main-page .therapist__image:nth-child(2) {
  left: -25px;
}

@media (max-width: 767px) {
  /* line 131, app/assets/stylesheets/main-page/therapist.scss */
  #main-page .therapist__image:nth-child(2) {
    left: -15px;
  }
}

/* line 139, app/assets/stylesheets/main-page/therapist.scss */
#main-page .therapist__image:nth-child(3) {
  left: -48px;
}

@media (max-width: 767px) {
  /* line 139, app/assets/stylesheets/main-page/therapist.scss */
  #main-page .therapist__image:nth-child(3) {
    left: -30px;
  }
}

/* line 147, app/assets/stylesheets/main-page/therapist.scss */
#main-page .therapist__image:nth-child(4) {
  left: -71px;
}

@media (max-width: 767px) {
  /* line 147, app/assets/stylesheets/main-page/therapist.scss */
  #main-page .therapist__image:nth-child(4) {
    left: -45px;
  }
}

/* line 155, app/assets/stylesheets/main-page/therapist.scss */
#main-page .therapist__image:nth-child(5) {
  left: -94px;
}

@media (max-width: 991px) {
  /* line 155, app/assets/stylesheets/main-page/therapist.scss */
  #main-page .therapist__image:nth-child(5) {
    display: none;
  }
}

@media (max-width: 767px) {
  /* line 155, app/assets/stylesheets/main-page/therapist.scss */
  #main-page .therapist__image:nth-child(5) {
    left: -60px;
  }
}

/* line 167, app/assets/stylesheets/main-page/therapist.scss */
#main-page .therapist__image img {
  width: 100%;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}

/* line 174, app/assets/stylesheets/main-page/therapist.scss */
#main-page .therapist__image-last {
  position: relative;
  left: -116px;
  display: inline-block;
  border: 8px solid #f0f2f5;
  border-radius: 50%;
  background-color: #fff;
  width: 176px;
  height: 176px;
}

@media screen and (max-width: 1090px) {
  /* line 174, app/assets/stylesheets/main-page/therapist.scss */
  #main-page .therapist__image-last {
    width: 150px;
    height: 150px;
  }
}

@media (max-width: 767px) {
  /* line 174, app/assets/stylesheets/main-page/therapist.scss */
  #main-page .therapist__image-last {
    width: 56px;
    height: 56px;
    left: -60px;
    border-width: 2px;
  }
}

/* line 197, app/assets/stylesheets/main-page/therapist.scss */
#main-page .therapist__image-last span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 32px;
  line-height: 1;
  font-weight: 500;
  color: #141414;
}

@media (max-width: 767px) {
  /* line 197, app/assets/stylesheets/main-page/therapist.scss */
  #main-page .therapist__image-last span {
    font-size: 14px;
  }
}

/* line 213, app/assets/stylesheets/main-page/therapist.scss */
#main-page .therapist__list {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: flex-start;
}

@media (max-width: 767px) {
  /* line 213, app/assets/stylesheets/main-page/therapist.scss */
  #main-page .therapist__list {
    flex-wrap: wrap;
  }
}

/* line 224, app/assets/stylesheets/main-page/therapist.scss */
#main-page .therapist__item {
  position: relative;
  width: 30%;
  margin-right: 30px;
  padding: 65px 0 0;
  text-align: center;
  color: #141414;
}

/* line 232, app/assets/stylesheets/main-page/therapist.scss */
#main-page .therapist__item:last-child {
  margin-right: 0;
}

/* line 235, app/assets/stylesheets/main-page/therapist.scss */
#main-page .therapist__item:last-child .therapist__check:after {
  content: none;
}

@media (max-width: 767px) {
  /* line 224, app/assets/stylesheets/main-page/therapist.scss */
  #main-page .therapist__item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
    padding: 0 0 0 39px;
    text-align: left;
  }
  /* line 247, app/assets/stylesheets/main-page/therapist.scss */
  #main-page .therapist__item:last-of-type:after {
    display: none;
  }
  /* line 251, app/assets/stylesheets/main-page/therapist.scss */
  #main-page .therapist__item:after {
    content: "";
    display: block;
    width: 1px;
    height: calc(100% + 10px);
    background: #bcc4cc;
    position: absolute;
    left: 11px;
    top: 23px;
  }
  /* line 262, app/assets/stylesheets/main-page/therapist.scss */
  #main-page .therapist__item:last-child {
    margin-bottom: 0;
  }
}

/* line 268, app/assets/stylesheets/main-page/therapist.scss */
#main-page .therapist__check {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  font-size: 0;
}

/* line 276, app/assets/stylesheets/main-page/therapist.scss */
#main-page .therapist__check img {
  position: relative;
  z-index: 1;
}

/* line 281, app/assets/stylesheets/main-page/therapist.scss */
#main-page .therapist__check:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 365px;
  height: 0;
  border-top: 1px dashed #b4bcc8;
}

@media (max-width: 991px) {
  /* line 281, app/assets/stylesheets/main-page/therapist.scss */
  #main-page .therapist__check:after {
    width: 25vw;
  }
}

@media (max-width: 767px) {
  /* line 281, app/assets/stylesheets/main-page/therapist.scss */
  #main-page .therapist__check:after {
    display: none;
  }
}

@media (max-width: 767px) {
  /* line 268, app/assets/stylesheets/main-page/therapist.scss */
  #main-page .therapist__check {
    left: 0;
    transform: none;
    width: 24px;
  }
}

/* line 307, app/assets/stylesheets/main-page/therapist.scss */
#main-page .therapist__caption {
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 32px;
  font-weight: 500;
}

@media (max-width: 767px) {
  /* line 307, app/assets/stylesheets/main-page/therapist.scss */
  #main-page .therapist__caption {
    display: none;
  }
}

/* line 318, app/assets/stylesheets/main-page/therapist.scss */
#main-page .therapist__text {
  font-size: 16px;
  line-height: 1.2;
}

@media (min-width: 768px) {
  /* line 318, app/assets/stylesheets/main-page/therapist.scss */
  #main-page .therapist__text {
    font-weight: 400;
    line-height: 23px;
  }
}

@media (max-width: 767px) {
  /* line 318, app/assets/stylesheets/main-page/therapist.scss */
  #main-page .therapist__text {
    display: none;
  }
}

/* line 332, app/assets/stylesheets/main-page/therapist.scss */
#main-page .therapist__mobile-text {
  display: none;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

@media (max-width: 767px) {
  /* line 332, app/assets/stylesheets/main-page/therapist.scss */
  #main-page .therapist__mobile-text {
    display: block;
  }
}

/* line 343, app/assets/stylesheets/main-page/therapist.scss */
#main-page .therapist__actions {
  margin-top: 95px;
  text-align: center;
}

@media (max-width: 767px) {
  /* line 343, app/assets/stylesheets/main-page/therapist.scss */
  #main-page .therapist__actions {
    margin-top: 30px;
  }
}

@media (min-width: 768px) {
  /* line 343, app/assets/stylesheets/main-page/therapist.scss */
  #main-page .therapist__actions {
    margin-top: 106px;
  }
}

/* line 356, app/assets/stylesheets/main-page/therapist.scss */
#main-page .therapist__btn {
  display: inline-block;
  padding: 13px 23px;
  border: 2px solid #45a7f5;
  border-radius: 4px;
  font-size: 20px;
  line-height: 25px;
  background-color: #45a7f5;
  color: #fff;
  text-decoration: none;
  transition: color 0.3s, background-color 0.3s;
}

/* line 370, app/assets/stylesheets/main-page/therapist.scss */
#main-page .therapist__btn:hover {
  background-color: transparent;
  color: #45a7f5;
}

@media (max-width: 767px) {
  /* line 356, app/assets/stylesheets/main-page/therapist.scss */
  #main-page .therapist__btn {
    padding: 10px 18px;
    font-size: 18px;
    line-height: 1;
  }
}

/* line 382, app/assets/stylesheets/main-page/therapist.scss */
#main-page .therapist .card-body-psychotherapists {
  max-width: 600px;
  font-size: 14px;
  line-height: 24px;
  color: #141414;
  padding: 0 20px;
}

@media (max-width: 767px) {
  /* line 382, app/assets/stylesheets/main-page/therapist.scss */
  #main-page .therapist .card-body-psychotherapists {
    font-size: 16px;
    border-left: 1px solid #bcc4cc;
    text-align: left;
  }
}

/* line 1, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection {
  background-color: #fff;
  padding: 115px 0 110px;
}

/* line 6, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection .swiper-slide:last-of-type .selection__check:after {
  display: none;
}

@media (min-width: 768px) {
  /* line 1, app/assets/stylesheets/main-page/selection.scss */
  #main-page .selection {
    padding: 90px 0 110px;
  }
}

@media (max-width: 767px) {
  /* line 1, app/assets/stylesheets/main-page/selection.scss */
  #main-page .selection {
    padding: 0 0 40px;
  }
}

/* line 19, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__content {
  position: relative;
  padding: 50px 0 0;
}

@media (max-width: 767px) {
  /* line 19, app/assets/stylesheets/main-page/selection.scss */
  #main-page .selection__content {
    padding: 27px 0 0;
  }
}

/* line 28, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__title {
  margin-bottom: 70px;
  color: #141414;
  font-size: 56px;
  line-height: 64px;
  font-weight: 500;
  text-align: center;
}

/* line 36, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__title span {
  color: #2f97eb;
}

@media (max-width: 767px) {
  /* line 28, app/assets/stylesheets/main-page/selection.scss */
  #main-page .selection__title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 30px;
    text-align: left;
  }
}

/* line 48, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__steps, #main-page .selection__steps_mobile {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}

@media (max-width: 767px) {
  /* line 48, app/assets/stylesheets/main-page/selection.scss */
  #main-page .selection__steps, #main-page .selection__steps_mobile {
    position: absolute;
    top: 155px;
    display: none;
    left: 0;
    right: 0;
    justify-content: space-between;
  }
}

/* line 65, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__steps {
  margin-bottom: 50px;
  margin-top: 93px;
}

/* line 70, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__steps_mobile {
  display: none;
}

@media (max-width: 767px) {
  /* line 70, app/assets/stylesheets/main-page/selection.scss */
  #main-page .selection__steps_mobile {
    display: block;
    overflow: hidden;
  }
}

/* line 79, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__wrap {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
  transition: transform 0.3s;
}

/* line 88, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__img {
  width: 800px;
}

@media (max-width: 767px) {
  /* line 88, app/assets/stylesheets/main-page/selection.scss */
  #main-page .selection__img {
    width: 100%;
  }
}

/* line 95, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__step {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  margin-right: 60px;
  cursor: pointer;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: #7c8ea3;
}

/* line 107, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__step.--mobile {
  display: none;
  width: 100%;
}

/* line 110, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__step.--mobile .selection__step-text {
  margin-top: 16px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  /* grey2 */
  color: #bcc4cc;
}

@media (max-width: 767px) {
  /* line 107, app/assets/stylesheets/main-page/selection.scss */
  #main-page .selection__step.--mobile {
    display: flex;
  }
}

/* line 124, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__step.active {
  color: #141414;
}

/* line 128, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__step:last-child {
  margin-right: 0;
}

/* line 133, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__step.active .selection__check {
  background-image: url(https://assets.yasno.live/assets/main-page/selection-check-4862f3aa24f34e2d51c3cc8d22d955190766705a244dac37f5ffb00d40b6787c.svg);
}

@media (max-width: 767px) {
  /* line 95, app/assets/stylesheets/main-page/selection.scss */
  #main-page .selection__step {
    flex-flow: column wrap;
    align-items: center;
    margin-right: 0;
    width: 220px;
  }
}

/* line 146, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__step-text {
  max-width: 220px;
  font-size: 18px;
  line-height: 22px;
}

@media (max-width: 767px) {
  /* line 146, app/assets/stylesheets/main-page/selection.scss */
  #main-page .selection__step-text {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    max-width: auto;
  }
}

/* line 159, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__check {
  position: relative;
  flex-shrink: 0;
  height: 40px;
  width: 40px;
  margin-right: 15px;
  background-image: url(https://assets.yasno.live/assets/main-page/selection-uncheck-64bf8278a9defd269a5a031017613ee9273def30085edfa86306c885e4259c38.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

@media (max-width: 767px) {
  /* line 159, app/assets/stylesheets/main-page/selection.scss */
  #main-page .selection__check {
    height: 24px;
    width: 24px;
    margin-right: 0;
  }
  /* line 175, app/assets/stylesheets/main-page/selection.scss */
  #main-page .selection__check::after {
    content: "";
    position: absolute;
    top: 12px;
    left: 24px;
    width: 90vw;
    border-top: 1px solid #f0f2f5;
  }
}

/* line 186, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__actions {
  margin-top: 96px;
  text-align: center;
}

@media (max-width: 767px) {
  /* line 186, app/assets/stylesheets/main-page/selection.scss */
  #main-page .selection__actions {
    margin-top: 154px;
  }
}

/* line 195, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__btn {
  display: inline-block;
  padding: 13px 23px;
  border: 2px solid #45a7f5;
  border-radius: 4px;
  font-size: 20px;
  line-height: 25px;
  background-color: #45a7f5;
  color: #fff;
  text-decoration: none;
  transition: color 0.3s, background-color 0.3s;
}

/* line 209, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__btn:hover {
  background-color: transparent;
  color: #45a7f5;
}

@media (max-width: 767px) {
  /* line 195, app/assets/stylesheets/main-page/selection.scss */
  #main-page .selection__btn {
    padding: 10px 18px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
  }
}

/* line 223, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__sign {
  position: absolute;
  bottom: 10px;
  right: 50px;
  padding-top: 216px;
}

@media (max-width: 767px) {
  /* line 223, app/assets/stylesheets/main-page/selection.scss */
  #main-page .selection__sign {
    bottom: 70px;
  }
}

/* line 234, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__sign-line {
  position: absolute;
  top: 64px;
  right: 165px;
  height: 216px;
  width: 78px;
  pointer-events: none;
}

/* line 242, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__sign-line img {
  width: 100;
}

@media (max-width: 767px) {
  /* line 234, app/assets/stylesheets/main-page/selection.scss */
  #main-page .selection__sign-line {
    top: 51px;
    height: 295px;
    position: absolute;
    right: -69px;
    width: 258px;
  }
}

/* line 255, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__sign-text {
  font-family: "Caveat", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 24px;
  text-align: center;
  color: #45a7f5;
  transform: rotate(-6deg);
}

/* line 265, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__slides {
  position: relative;
  padding: 80px 15px;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12);
  min-height: 490px;
  overflow: hidden;
  border-radius: 16px;
}

@media (max-width: 767px) {
  /* line 265, app/assets/stylesheets/main-page/selection.scss */
  #main-page .selection__slides {
    padding: 40px 15px 50px;
    margin-top: 24px;
    min-height: 435px;
    border-radius: 4px;
  }
}

/* line 281, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__mark {
  position: absolute;
  bottom: 32px;
  right: 32px;
  width: 48px;
  height: 48px;
  z-index: 1;
}

/* line 290, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__caption {
  margin-bottom: 50px;
  font-size: 32px;
  line-break: 1;
  color: #141414;
  text-align: center;
}

@media (max-width: 767px) {
  /* line 290, app/assets/stylesheets/main-page/selection.scss */
  #main-page .selection__caption {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 25px;
  }
}

/* line 304, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__discuss {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  max-width: 770px;
  margin: 0 auto;
}

/* line 313, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__discuss-item {
  padding: 11px 21px;
  border-radius: 32px;
  border: 2px solid #f3f7fd;
  font-size: 20px;
  line-height: 36px;
  background-color: #f3f7fd;
  text-align: center;
  margin: 0 7px 15px;
}

/* line 323, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__discuss-item:last-child {
  margin-right: 0;
}

/* line 327, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__discuss-item.active {
  border-color: #2f97eb;
  background-color: transparent;
  color: #2f97eb;
}

@media (max-width: 767px) {
  /* line 313, app/assets/stylesheets/main-page/selection.scss */
  #main-page .selection__discuss-item {
    padding: 7px 5px;
    font-size: 16px;
    line-height: 24px;
  }
  /* line 338, app/assets/stylesheets/main-page/selection.scss */
  #main-page .selection__discuss-item:nth-child(4) {
    display: none;
  }
}

/* line 344, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__row {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
}

/* line 351, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__row:first-child {
  margin-top: 0;
}

/* line 356, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__calendar {
  padding: 15px 5px 20px;
  border: 1px solid #e6e8eb;
  border-radius: 4px;
  width: 145px;
  margin: 0 7px 15px;
}

/* line 363, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__calendar.active {
  border-color: #2f97eb;
  border-width: 2px;
}

/* line 368, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__calendar:last-child {
  margin-right: 0;
}

@media (max-width: 767px) {
  /* line 356, app/assets/stylesheets/main-page/selection.scss */
  #main-page .selection__calendar {
    width: 125px;
  }
  /* line 375, app/assets/stylesheets/main-page/selection.scss */
  #main-page .selection__calendar:nth-child(-n + 4) {
    display: none;
  }
}

/* line 381, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__calendar-date {
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #969696;
  margin-bottom: 5px;
}

/* line 389, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__calendar-time {
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  text-align: center;
}

/* line 396, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__therapist {
  width: 128px;
  text-align: center;
  margin-right: 50px;
}

/* line 401, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__therapist:last-child {
  margin-right: 0;
}

/* line 406, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__therapist.active .selection__therapist-avatar {
  border-radius: 50%;
  border: 5px solid #2f97eb;
}

@media screen and (max-width: 940px) {
  /* line 396, app/assets/stylesheets/main-page/selection.scss */
  #main-page .selection__therapist {
    margin-right: 15px;
  }
}

@media (max-width: 767px) {
  /* line 396, app/assets/stylesheets/main-page/selection.scss */
  #main-page .selection__therapist {
    margin: 0 10px 10px;
  }
}

/* line 421, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__therapist-avatar {
  width: 128px;
  height: 128px;
  margin: 0 auto 10px;
}

/* line 426, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__therapist-avatar img {
  width: 100%;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}

@media (max-width: 767px) {
  /* line 421, app/assets/stylesheets/main-page/selection.scss */
  #main-page .selection__therapist-avatar {
    width: 64px;
    height: 64px;
  }
}

/* line 438, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__therapist-name {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
}

/* line 444, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__therapist-exp {
  font-size: 16px;
  line-height: 24px;
  color: #969696;
}

/* line 450, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__arrows {
  position: absolute;
  top: 35px;
  right: 15px;
  width: 150px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 767px) {
  /* line 450, app/assets/stylesheets/main-page/selection.scss */
  #main-page .selection__arrows {
    display: none;
  }
}

/* line 465, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__arrow {
  display: inline-block;
  width: 50px;
  height: 22px;
  font-size: 0;
  background-image: none;
  cursor: pointer;
  transition: opacity 0.3s;
}

/* line 474, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__arrow:hover {
  opacity: 0.7;
}

/* line 478, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__arrow--prev {
  transform: rotate(180deg);
}

/* line 482, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__arrow--next {
  margin-left: 30px;
}

/* line 486, app/assets/stylesheets/main-page/selection.scss */
#main-page .selection__arrow img {
  width: 100%;
}

/* line 1, app/assets/stylesheets/main-page/service.scss */
#main-page .service {
  background-color: #f0f4f7;
}

/* line 4, app/assets/stylesheets/main-page/service.scss */
#main-page .service__content {
  padding: 145px 0 110px;
}

@media (min-width: 768px) {
  /* line 4, app/assets/stylesheets/main-page/service.scss */
  #main-page .service__content {
    padding: 145px 0 138px;
  }
}

@media (max-width: 767px) {
  /* line 4, app/assets/stylesheets/main-page/service.scss */
  #main-page .service__content {
    padding: 30px 0 40px;
  }
}

/* line 16, app/assets/stylesheets/main-page/service.scss */
#main-page .service__title {
  margin-bottom: 112px;
  color: #141414;
  font-size: 56px;
  line-height: 64px;
  font-weight: 500;
  text-align: center;
}

/* line 24, app/assets/stylesheets/main-page/service.scss */
#main-page .service__title span {
  color: #2f97eb;
}

@media (max-width: 767px) {
  /* line 16, app/assets/stylesheets/main-page/service.scss */
  #main-page .service__title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 54px;
    text-align: left;
  }
  /* line 34, app/assets/stylesheets/main-page/service.scss */
  #main-page .service__title br {
    display: none;
  }
}

/* line 40, app/assets/stylesheets/main-page/service.scss */
#main-page .service__row {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: stretch;
}

@media (max-width: 767px) {
  /* line 40, app/assets/stylesheets/main-page/service.scss */
  #main-page .service__row {
    flex-wrap: wrap;
  }
}

/* line 51, app/assets/stylesheets/main-page/service.scss */
#main-page .service__item {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 100px;
}

@media (min-width: 768px) {
  /* line 60, app/assets/stylesheets/main-page/service.scss */
  #main-page .service__item:nth-of-type(1) .service__info {
    padding-left: 55px;
    position: relative;
    top: 33px;
    left: 15px;
  }
  /* line 69, app/assets/stylesheets/main-page/service.scss */
  #main-page .service__item:nth-of-type(2) .service__image {
    position: relative;
    left: 46px;
    bottom: -8px;
  }
  /* line 74, app/assets/stylesheets/main-page/service.scss */
  #main-page .service__item:nth-of-type(2) .service__info {
    padding-left: 96px;
    position: relative;
    top: 40px;
    left: 3px;
  }
  /* line 83, app/assets/stylesheets/main-page/service.scss */
  #main-page .service__item:nth-of-type(3) .service__image {
    position: relative;
    top: 26px;
    left: 10px;
  }
  /* line 88, app/assets/stylesheets/main-page/service.scss */
  #main-page .service__item:nth-of-type(3) .service__info {
    padding-left: 104px;
    padding-top: 98;
  }
  /* line 94, app/assets/stylesheets/main-page/service.scss */
  #main-page .service__item:nth-of-type(4) .service__image {
    position: relative;
    top: 33px;
    left: 65px;
  }
  /* line 99, app/assets/stylesheets/main-page/service.scss */
  #main-page .service__item:nth-of-type(4) .service__info {
    padding-top: 121px;
    padding-left: 105px;
  }
  /* line 105, app/assets/stylesheets/main-page/service.scss */
  #main-page .service__item:nth-of-type(5) .service__image {
    position: relative;
    top: 54px;
    left: 13px;
  }
  /* line 110, app/assets/stylesheets/main-page/service.scss */
  #main-page .service__item:nth-of-type(5) .service__info {
    padding-left: 108px;
    padding-top: 166px;
  }
}

/* line 117, app/assets/stylesheets/main-page/service.scss */
#main-page .service__item:nth-child(2n) {
  flex-direction: row-reverse;
}

/* line 121, app/assets/stylesheets/main-page/service.scss */
#main-page .service__item:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  /* line 51, app/assets/stylesheets/main-page/service.scss */
  #main-page .service__item {
    flex-wrap: wrap;
    margin-bottom: 50px;
  }
  /* line 129, app/assets/stylesheets/main-page/service.scss */
  #main-page .service__item:last-child {
    margin-bottom: 50px;
  }
}

/* line 135, app/assets/stylesheets/main-page/service.scss */
#main-page .service__image {
  position: relative;
  width: 50%;
  font-size: 0;
}

@media (max-width: 767px) {
  /* line 135, app/assets/stylesheets/main-page/service.scss */
  #main-page .service__image {
    margin-bottom: 16px;
    width: 100%;
  }
  /* line 142, app/assets/stylesheets/main-page/service.scss */
  #main-page .service__image img {
    width: 100%;
  }
}

/* line 147, app/assets/stylesheets/main-page/service.scss */
#main-page .service__image img {
  max-width: 100%;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}

@media (max-width: 767px) {
  /* line 147, app/assets/stylesheets/main-page/service.scss */
  #main-page .service__image img {
    width: auto;
    max-height: 250px;
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  /* line 135, app/assets/stylesheets/main-page/service.scss */
  #main-page .service__image {
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
  }
}

/* line 166, app/assets/stylesheets/main-page/service.scss */
#main-page .service__image:after {
  content: "";
  position: absolute;
  height: 1px;
  background-color: #bcc4cc;
  left: 0;
  right: 0;
  bottom: 0;
}

@media (max-width: 767px) {
  /* line 166, app/assets/stylesheets/main-page/service.scss */
  #main-page .service__image:after {
    display: none;
  }
}

/* line 180, app/assets/stylesheets/main-page/service.scss */
#main-page .service__info {
  width: 50%;
}

/* line 183, app/assets/stylesheets/main-page/service.scss */
#main-page .service__info-title-for-whom {
  max-width: 270px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  /* line 183, app/assets/stylesheets/main-page/service.scss */
  #main-page .service__info-title-for-whom {
    max-width: 100%;
    margin-bottom: 32px !important;
  }
}

@media (max-width: 767px) {
  /* line 180, app/assets/stylesheets/main-page/service.scss */
  #main-page .service__info {
    width: 100%;
  }
}

/* line 197, app/assets/stylesheets/main-page/service.scss */
#main-page .service__text {
  font-size: 24px;
  line-height: 32px;
  color: #7f868f;
}

@media (max-width: 767px) {
  /* line 197, app/assets/stylesheets/main-page/service.scss */
  #main-page .service__text {
    font-size: 16px;
    line-height: 21px;
  }
}

/* line 208, app/assets/stylesheets/main-page/service.scss */
#main-page .service__caption {
  font-size: 32px;
  line-height: 42px;
  font-weight: 500;
  color: #141414;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  /* line 208, app/assets/stylesheets/main-page/service.scss */
  #main-page .service__caption {
    font-weight: 500;
    font-size: 21px;
    line-height: 28px;
  }
}

/* line 222, app/assets/stylesheets/main-page/service.scss */
#main-page .service__actions {
  margin-top: 176px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* line 230, app/assets/stylesheets/main-page/service.scss */
#main-page .service__actions .banner__info {
  text-align: center;
  min-width: 170px;
  position: relative;
}

@media (max-width: 767px) {
  /* line 230, app/assets/stylesheets/main-page/service.scss */
  #main-page .service__actions .banner__info {
    min-width: 135px;
  }
}

/* line 239, app/assets/stylesheets/main-page/service.scss */
#main-page .service__actions .banner__info > .price__couple, #main-page .service__actions .banner__info > .price__single {
  left: 0;
  padding-left: 5px;
}

@media (max-width: 767px) {
  /* line 239, app/assets/stylesheets/main-page/service.scss */
  #main-page .service__actions .banner__info > .price__couple, #main-page .service__actions .banner__info > .price__single {
    padding-left: 2px;
    transform: translateX(0%) !important;
    white-space: nowrap;
  }
}

/* line 249, app/assets/stylesheets/main-page/service.scss */
#main-page .service__actions .banner__info > .price__single {
  padding-left: 13px;
}

@media (max-width: 767px) {
  /* line 249, app/assets/stylesheets/main-page/service.scss */
  #main-page .service__actions .banner__info > .price__single {
    padding-left: 9px;
  }
}

@media (max-width: 767px) {
  /* line 222, app/assets/stylesheets/main-page/service.scss */
  #main-page .service__actions {
    margin-top: 10px;
  }
}

/* line 262, app/assets/stylesheets/main-page/service.scss */
#main-page .service__btn {
  display: inline-block;
  padding: 13px 23px;
  border: 2px solid #45a7f5;
  border-radius: 4px;
  font-size: 20px;
  line-height: 25px;
  background-color: #45a7f5;
  color: #fff;
  text-decoration: none;
  transition: color 0.3s, background-color 0.3s;
}

@media (min-width: 768px) {
  /* line 262, app/assets/stylesheets/main-page/service.scss */
  #main-page .service__btn {
    padding: 13px 42px !important;
  }
}

/* line 280, app/assets/stylesheets/main-page/service.scss */
#main-page .service__btn span {
  display: none;
}

@media (max-width: 767px) {
  /* line 280, app/assets/stylesheets/main-page/service.scss */
  #main-page .service__btn span {
    display: inline;
  }
}

/* line 288, app/assets/stylesheets/main-page/service.scss */
#main-page .service__btn:hover {
  background-color: transparent;
  color: #45a7f5;
}

@media (max-width: 767px) {
  /* line 262, app/assets/stylesheets/main-page/service.scss */
  #main-page .service__btn {
    padding: 10px 18px;
    font-size: 18px;
    line-height: 1;
  }
}

/* line 2, app/assets/stylesheets/main-page/review.scss */
#main-page .review__content {
  padding: 150px 0 105px;
}

@media (max-width: 767px) {
  /* line 2, app/assets/stylesheets/main-page/review.scss */
  #main-page .review__content {
    padding: 56px 0 10px;
  }
}

/* line 10, app/assets/stylesheets/main-page/review.scss */
#main-page .review__title {
  margin-bottom: 70px;
  color: #141414;
  font-size: 56px;
  line-height: 64px;
  font-weight: 500;
  text-align: center;
}

@media (min-width: 768px) {
  /* line 10, app/assets/stylesheets/main-page/review.scss */
  #main-page .review__title {
    margin-bottom: 147px;
  }
}

/* line 22, app/assets/stylesheets/main-page/review.scss */
#main-page .review__title span {
  color: #2f97eb;
}

@media (max-width: 767px) {
  /* line 10, app/assets/stylesheets/main-page/review.scss */
  #main-page .review__title {
    margin-bottom: 30px;
    font-size: 24px;
    line-height: 32px;
    text-align: left;
  }
  /* line 32, app/assets/stylesheets/main-page/review.scss */
  #main-page .review__title br {
    display: none;
  }
}

/* line 38, app/assets/stylesheets/main-page/review.scss */
#main-page .review__grid {
  position: relative;
  padding: 0 0 30px;
  max-width: 1024px;
  margin: 0 auto;
  overflow: hidden;
}

@media (max-width: 767px) {
  /* line 38, app/assets/stylesheets/main-page/review.scss */
  #main-page .review__grid {
    padding: 0;
  }
}

/* line 50, app/assets/stylesheets/main-page/review.scss */
#main-page .review__arrows {
  position: absolute;
  bottom: 25px;
  right: 0;
  width: 150px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 767px) {
  /* line 50, app/assets/stylesheets/main-page/review.scss */
  #main-page .review__arrows {
    display: none;
  }
}

/* line 65, app/assets/stylesheets/main-page/review.scss */
#main-page .review__arrow {
  display: inline-block;
  width: 50px;
  height: 22px;
  font-size: 0;
  background-image: none;
  cursor: pointer;
  transition: opacity 0.3s;
}

/* line 74, app/assets/stylesheets/main-page/review.scss */
#main-page .review__arrow:hover {
  opacity: 0.7;
}

/* line 78, app/assets/stylesheets/main-page/review.scss */
#main-page .review__arrow--prev {
  transform: rotate(180deg);
}

/* line 82, app/assets/stylesheets/main-page/review.scss */
#main-page .review__arrow--next {
  margin-left: 30px;
}

/* line 86, app/assets/stylesheets/main-page/review.scss */
#main-page .review__arrow img {
  width: 100%;
}

/* line 91, app/assets/stylesheets/main-page/review.scss */
#main-page .review__item {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
}

@media (max-width: 767px) {
  /* line 91, app/assets/stylesheets/main-page/review.scss */
  #main-page .review__item {
    display: none;
    padding: 15px;
    border: 1px solid #e6e8eb;
    border-radius: 4px;
  }
  /* line 103, app/assets/stylesheets/main-page/review.scss */
  #main-page .review__item.active {
    display: block;
  }
}

@media (min-width: 768px) {
  /* line 91, app/assets/stylesheets/main-page/review.scss */
  #main-page .review__item {
    display: flex;
  }
}

/* line 113, app/assets/stylesheets/main-page/review.scss */
#main-page .review__wrap {
  max-width: 700px;
}

/* line 117, app/assets/stylesheets/main-page/review.scss */
#main-page .review__text {
  margin-bottom: 25px;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
}

@media (max-width: 767px) {
  /* line 117, app/assets/stylesheets/main-page/review.scss */
  #main-page .review__text {
    font-size: 16px;
    line-height: 24px;
  }
}

/* line 129, app/assets/stylesheets/main-page/review.scss */
#main-page .review__footer {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}

/* line 136, app/assets/stylesheets/main-page/review.scss */
#main-page .review__info {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}

/* line 143, app/assets/stylesheets/main-page/review.scss */
#main-page .review__avatar {
  width: 264px;
  height: 264px;
  border: 1px solid #e6e8eb;
  border-radius: 50%;
  margin-right: 15px;
  flex-shrink: 0;
  overflow: hidden;
}

@media (min-width: 768px) {
  /* line 143, app/assets/stylesheets/main-page/review.scss */
  #main-page .review__avatar {
    margin-right: 129px;
  }
}

/* line 156, app/assets/stylesheets/main-page/review.scss */
#main-page .review__avatar img {
  width: 100%;
}

@media (max-width: 767px) {
  /* line 143, app/assets/stylesheets/main-page/review.scss */
  #main-page .review__avatar {
    display: none;
  }
}

/* line 165, app/assets/stylesheets/main-page/review.scss */
#main-page .review__author-name {
  font-size: 20px;
  line-height: 32px;
  font-weight: 500;
  color: #292929;
}

@media (max-width: 767px) {
  /* line 165, app/assets/stylesheets/main-page/review.scss */
  #main-page .review__author-name {
    font-size: 14px;
    line-height: 16px;
  }
}

/* line 177, app/assets/stylesheets/main-page/review.scss */
#main-page .review__author-job {
  font-size: 18px;
  line-height: 31px;
  color: #707070;
}

@media (max-width: 767px) {
  /* line 177, app/assets/stylesheets/main-page/review.scss */
  #main-page .review__author-job {
    font-size: 12px;
    line-height: 14px;
  }
}

/* line 188, app/assets/stylesheets/main-page/review.scss */
#main-page .review__more {
  text-align: center;
}

@media (max-width: 767px) {
  /* line 188, app/assets/stylesheets/main-page/review.scss */
  #main-page .review__more {
    display: none;
  }
}

/* line 195, app/assets/stylesheets/main-page/review.scss */
#main-page .review__actions {
  display: none;
}

@media (max-width: 767px) {
  /* line 195, app/assets/stylesheets/main-page/review.scss */
  #main-page .review__actions {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
  }
}

/* line 206, app/assets/stylesheets/main-page/review.scss */
#main-page .review__action {
  display: inline-block;
  padding: 2px;
  border: 2px solid transparent;
  border-radius: 50%;
  font-size: 0;
}

/* line 213, app/assets/stylesheets/main-page/review.scss */
#main-page .review__action.active {
  border-color: #2f97eb;
}

/* line 217, app/assets/stylesheets/main-page/review.scss */
#main-page .review__action:nth-child(2) .review__action-ava img {
  top: 95%;
}

/* line 221, app/assets/stylesheets/main-page/review.scss */
#main-page .review__action:nth-child(3) .review__action-ava img {
  top: 100%;
  left: 70%;
}

/* line 227, app/assets/stylesheets/main-page/review.scss */
#main-page .review__action-ava {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  border: 1px solid #e6e8eb;
  border-radius: 50%;
  overflow: hidden;
}

/* line 237, app/assets/stylesheets/main-page/review.scss */
#main-page .review__source {
  width: 25px;
  font-size: 0;
  cursor: pointer;
  transition: opacity .3s;
}

/* line 243, app/assets/stylesheets/main-page/review.scss */
#main-page .review__source:hover {
  opacity: 0.7;
}

/* line 247, app/assets/stylesheets/main-page/review.scss */
#main-page .review__source a {
  text-decoration: none;
}

/* line 251, app/assets/stylesheets/main-page/review.scss */
#main-page .review__source img {
  width: 100%;
}

/* line 1, app/assets/stylesheets/main-page/result.scss */
#main-page .result {
  padding: 110px 0;
  border-top: 1px solid #e6e8eb;
  border-bottom: 1px solid #e6e8eb;
}

@media (max-width: 767px) {
  /* line 1, app/assets/stylesheets/main-page/result.scss */
  #main-page .result {
    padding: 15px 0 20px;
    border-bottom: none;
  }
}

/* line 11, app/assets/stylesheets/main-page/result.scss */
#main-page .result__content {
  padding: 80px 15px 95px;
  background-color: #45a7f5;
  border-radius: 8px;
}

@media (max-width: 767px) {
  /* line 11, app/assets/stylesheets/main-page/result.scss */
  #main-page .result__content {
    padding: 32px 16px;
    margin-right: -16px;
    margin-left: -16px;
  }
}

/* line 23, app/assets/stylesheets/main-page/result.scss */
#main-page .result__text {
  margin: 0 auto 35px;
  max-width: 940px;
  color: #fff;
  text-align: center;
  font-size: 48px;
  line-height: 64px;
  font-weight: 500;
  text-align: center;
}

@media (min-width: 768px) {
  /* line 23, app/assets/stylesheets/main-page/result.scss */
  #main-page .result__text {
    font-weight: 400;
    font-size: 46px;
    line-height: 64px;
    margin: 0 auto 40px;
  }
}

@media (max-width: 767px) {
  /* line 23, app/assets/stylesheets/main-page/result.scss */
  #main-page .result__text {
    text-align: left;
    margin: 0 0 20px;
    font-weight: 500;
    font-size: 24px;
    line-height: 33px;
  }
}

/* line 49, app/assets/stylesheets/main-page/result.scss */
#main-page .result__actions {
  text-align: center;
}

@media (max-width: 767px) {
  /* line 49, app/assets/stylesheets/main-page/result.scss */
  #main-page .result__actions {
    text-align: left;
  }
}

/* line 57, app/assets/stylesheets/main-page/result.scss */
#main-page .result__btn {
  display: inline-block;
  padding: 13px 23px;
  border-radius: 4px;
  font-size: 20px;
  line-height: 25px;
  color: #2f97eb;
  background-color: #fff;
  border: 2px solid #fff;
  text-decoration: none;
  transition: color 0.3s, background-color 0.3s;
  font-weight: 500;
}

/* line 70, app/assets/stylesheets/main-page/result.scss */
#main-page .result__btn:hover {
  color: #fff;
  background: #45a7f5;
}

@media (max-width: 767px) {
  /* line 57, app/assets/stylesheets/main-page/result.scss */
  #main-page .result__btn {
    padding: 10px 18px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    border-radius: 8px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
  }
}

/* line 1, app/assets/stylesheets/main-page/contacts.scss */
#main-page .contacts {
  padding: 100px 0;
}

@media (min-width: 768px) {
  /* line 1, app/assets/stylesheets/main-page/contacts.scss */
  #main-page .contacts {
    padding-bottom: 65px;
  }
}

@media (max-width: 767px) {
  /* line 1, app/assets/stylesheets/main-page/contacts.scss */
  #main-page .contacts {
    padding: 25px 0;
  }
}

/* line 12, app/assets/stylesheets/main-page/contacts.scss */
#main-page .contacts__title {
  margin-bottom: 50px;
  text-align: center;
  font-size: 32px;
  line-height: 45px;
  font-weight: 500;
  color: #141414;
}

@media (max-width: 767px) {
  /* line 12, app/assets/stylesheets/main-page/contacts.scss */
  #main-page .contacts__title {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 46px;
  }
  /* line 24, app/assets/stylesheets/main-page/contacts.scss */
  #main-page .contacts__title span {
    display: block;
  }
}

/* line 30, app/assets/stylesheets/main-page/contacts.scss */
#main-page .contacts__list {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: flex-start;
}

/* line 37, app/assets/stylesheets/main-page/contacts.scss */
#main-page .contacts__item {
  margin-right: 40px;
  text-align: center;
}

@media (max-width: 767px) {
  /* line 37, app/assets/stylesheets/main-page/contacts.scss */
  #main-page .contacts__item {
    margin-right: 31px;
  }
}

/* line 45, app/assets/stylesheets/main-page/contacts.scss */
#main-page .contacts__item:last-child {
  margin-right: 0;
}

/* line 49, app/assets/stylesheets/main-page/contacts.scss */
#main-page .contacts__item img {
  width: 55px;
  transition: filter 0.3s;
}

/* line 55, app/assets/stylesheets/main-page/contacts.scss */
#main-page .contacts__item:hover img {
  filter: grayscale(1);
}

/* line 61, app/assets/stylesheets/main-page/contacts.scss */
#main-page .contacts__link {
  display: inline-block;
  text-decoration: none;
}

@media (max-width: 767px) {
  /* line 66, app/assets/stylesheets/main-page/contacts.scss */
  #main-page .contacts__link-show {
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    text-align: center;
    color: #45a7f5;
  }
}

/* line 76, app/assets/stylesheets/main-page/contacts.scss */
#main-page .contacts__name {
  display: block;
  font-size: 14px;
  line-height: 32px;
  color: #707070;
}

/* line 83, app/assets/stylesheets/main-page/contacts.scss */
#main-page .contacts .schedule-desk-text {
  position: absolute;
  right: -139px;
  top: 40px;
}

@media (max-width: 767px) {
  /* line 83, app/assets/stylesheets/main-page/contacts.scss */
  #main-page .contacts .schedule-desk-text {
    display: none;
  }
}

/* line 1, app/assets/stylesheets/main-page/gifts.scss */
#main-page .main-gifts {
  margin-bottom: 112px;
}

@media (max-width: 767px) {
  /* line 1, app/assets/stylesheets/main-page/gifts.scss */
  #main-page .main-gifts {
    padding: 20px 0 48px;
    margin-bottom: 0;
  }
}

/* line 9, app/assets/stylesheets/main-page/gifts.scss */
#main-page .main-gifts__content {
  padding: 80px 15px 95px;
  background-color: #f0f4f7;
}

@media (max-width: 767px) {
  /* line 9, app/assets/stylesheets/main-page/gifts.scss */
  #main-page .main-gifts__content {
    padding: 0;
  }
}

@media (min-width: 768px) {
  /* line 9, app/assets/stylesheets/main-page/gifts.scss */
  #main-page .main-gifts__content {
    padding: 58px 15px 47px;
    border-radius: 8px;
  }
}

/* line 21, app/assets/stylesheets/main-page/gifts.scss */
#main-page .main-gifts__bg {
  position: absolute;
  width: 32vw;
  max-width: 340px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

@media (max-width: 767px) {
  /* line 21, app/assets/stylesheets/main-page/gifts.scss */
  #main-page .main-gifts__bg {
    width: 140px;
    top: 30px;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
}

/* line 37, app/assets/stylesheets/main-page/gifts.scss */
#main-page .main-gifts__info {
  position: relative;
  max-width: 940px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  /* line 37, app/assets/stylesheets/main-page/gifts.scss */
  #main-page .main-gifts__info {
    text-align: center;
    padding: 150px 15px 40px;
  }
}

/* line 47, app/assets/stylesheets/main-page/gifts.scss */
#main-page .main-gifts__title {
  margin-bottom: 35px;
  color: #141414;
  font-size: 48px;
  line-height: 64px;
  font-weight: 500;
  text-align: left;
}

@media (max-width: 767px) {
  /* line 47, app/assets/stylesheets/main-page/gifts.scss */
  #main-page .main-gifts__title {
    text-align: center;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 30px;
  }
  /* line 60, app/assets/stylesheets/main-page/gifts.scss */
  #main-page .main-gifts__title br {
    display: none;
  }
}

/* line 66, app/assets/stylesheets/main-page/gifts.scss */
#main-page .main-gifts__btn {
  display: inline-block;
  padding: 13px 23px;
  border: 2px solid #45a7f5;
  border-radius: 4px;
  font-size: 20px;
  line-height: 25px;
  color: #fff;
  background-color: #45a7f5;
  text-decoration: none;
  transition: color 0.3s, background-color 0.3s;
}

/* line 78, app/assets/stylesheets/main-page/gifts.scss */
#main-page .main-gifts__btn:hover {
  color: #45a7f5;
  background-color: transparent;
}

@media (max-width: 767px) {
  /* line 66, app/assets/stylesheets/main-page/gifts.scss */
  #main-page .main-gifts__btn {
    font-size: 18px;
    line-height: 1;
    padding: 10px 18px;
  }
}

/* line 1, app/assets/stylesheets/main-page/statistics.scss */
#main-page .statistics {
  position: relative;
}

/* line 4, app/assets/stylesheets/main-page/statistics.scss */
#main-page .statistics__list {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
}

@media (max-width: 767px) {
  /* line 4, app/assets/stylesheets/main-page/statistics.scss */
  #main-page .statistics__list {
    flex-flow: wrap;
  }
}

/* line 14, app/assets/stylesheets/main-page/statistics.scss */
#main-page .statistics__item {
  text-align: center;
  width: 25%;
  padding: 24px 5px 20px;
}

/* line 19, app/assets/stylesheets/main-page/statistics.scss */
#main-page .statistics__item img {
  display: none;
}

@media (max-width: 767px) {
  /* line 14, app/assets/stylesheets/main-page/statistics.scss */
  #main-page .statistics__item {
    width: 50%;
  }
}

/* line 28, app/assets/stylesheets/main-page/statistics.scss */
#main-page .statistics__wrap {
  margin: 0 auto;
  max-width: 315px;
}

@media (max-width: 767px) {
  /* line 28, app/assets/stylesheets/main-page/statistics.scss */
  #main-page .statistics__wrap {
    text-align: left;
  }
}

/* line 36, app/assets/stylesheets/main-page/statistics.scss */
#main-page .statistics__value {
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
}

@media (max-width: 767px) {
  /* line 36, app/assets/stylesheets/main-page/statistics.scss */
  #main-page .statistics__value {
    font-size: 21px;
  }
}

/* line 46, app/assets/stylesheets/main-page/statistics.scss */
#main-page .statistics__text {
  font-size: 20px;
  line-height: 1.2;
  color: #a2adb8;
}

/* line 51, app/assets/stylesheets/main-page/statistics.scss */
#main-page .statistics__text span {
  display: none;
}

@media (max-width: 767px) {
  /* line 46, app/assets/stylesheets/main-page/statistics.scss */
  #main-page .statistics__text {
    font-size: 14px;
  }
  /* line 58, app/assets/stylesheets/main-page/statistics.scss */
  #main-page .statistics__text span {
    display: block;
  }
}

/* line 32, app/assets/stylesheets/main-page.scss */
#main-page .ysn-main-page-button {
  background: #45a7f5;
  font-weight: 500;
  border-radius: 8px;
}

@media (min-width: 768px) {
  /* line 32, app/assets/stylesheets/main-page.scss */
  #main-page .ysn-main-page-button {
    padding: 13px 30px;
  }
}

@media (max-width: 767px) {
  /* line 32, app/assets/stylesheets/main-page.scss */
  #main-page .ysn-main-page-button {
    height: 48px;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
}

@media (max-width: 767px) {
  /* line 52, app/assets/stylesheets/main-page.scss */
  #main-page .ysn-h2-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 26px;
  }
}

/* line 60, app/assets/stylesheets/main-page.scss */
#main-page .header {
  position: relative;
  background-color: #fff;
  font-size: 16px;
  min-height: 80px;
  display: flex;
  align-items: center;
}

@media (max-width: 1199px) {
  /* line 60, app/assets/stylesheets/main-page.scss */
  #main-page .header {
    max-height: 50px;
    min-height: 50px;
    font-size: 14px;
  }
  /* line 72, app/assets/stylesheets/main-page.scss */
  #main-page .header .header__logo {
    width: 76px;
    height: 18px;
  }
}

/* line 78, app/assets/stylesheets/main-page.scss */
#main-page .header__row {
  align-items: center;
}

/* line 82, app/assets/stylesheets/main-page.scss */
#main-page .header__logo {
  width: 62px;
}

@media (min-width: 768px) {
  /* line 82, app/assets/stylesheets/main-page.scss */
  #main-page .header__logo {
    width: auto;
  }
}

/* line 89, app/assets/stylesheets/main-page.scss */
#main-page .header__link {
  white-space: nowrap;
  color: #1f1f1f;
  transition: color 0.2s;
  padding-right: 0;
  padding-left: 0;
}

/* line 90, app/assets/stylesheets/main-page.scss */
#main-page .header__link:hover {
  color: rgba(31, 31, 31, 0.7);
}

/* line 101, app/assets/stylesheets/main-page.scss */
#main-page .header__link-icon {
  color: #c0c9d2;
  font-size: 16px;
  margin-right: 5px;
  top: -2px;
}

@media (min-width: 768px) {
  /* line 101, app/assets/stylesheets/main-page.scss */
  #main-page .header__link-icon {
    font-size: 20px;
    margin-right: 10px;
  }
}

@media (max-width: 767px) {
  /* line 89, app/assets/stylesheets/main-page.scss */
  #main-page .header__link {
    display: none;
  }
}

/* line 117, app/assets/stylesheets/main-page.scss */
#main-page .header__actions {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
}

/* line 124, app/assets/stylesheets/main-page.scss */
#main-page .header__btn {
  display: inline-block;
  margin-left: 30px;
  padding: 6px 15px;
  border: 1px solid #42b2fc;
  border-radius: 4px;
  background-color: #42b2fc;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  text-decoration: none;
  transition: color 0.3s, background-color 0.3s;
}

/* line 137, app/assets/stylesheets/main-page.scss */
#main-page .header__btn:hover {
  color: #42b2fc;
  background-color: transparent;
}

@media (max-width: 1199px) {
  /* line 124, app/assets/stylesheets/main-page.scss */
  #main-page .header__btn {
    font-size: 14px;
    padding: 6px 10px;
  }
}

@media (max-width: 991px) {
  /* line 124, app/assets/stylesheets/main-page.scss */
  #main-page .header__btn {
    padding: 6px 5px;
  }
}

@media (max-width: 767px) {
  /* line 124, app/assets/stylesheets/main-page.scss */
  #main-page .header__btn {
    margin-left: 0;
    margin-right: 30px;
  }
}

/* line 157, app/assets/stylesheets/main-page.scss */
#main-page .header__menu-btn {
  display: none;
  position: relative;
  background: none;
  border: none;
  outline: none;
  width: 24px;
  height: 16px;
  cursor: pointer;
  z-index: 5;
}

/* line 168, app/assets/stylesheets/main-page.scss */
#main-page .header__menu-btn span {
  position: absolute;
  display: inline-block;
  height: 2px;
  background-color: #141414;
  left: 0;
  right: 0;
  transition: opacity 0.3s, transform 0.3s;
}

/* line 177, app/assets/stylesheets/main-page.scss */
#main-page .header__menu-btn span:nth-child(1) {
  top: 0;
}

/* line 181, app/assets/stylesheets/main-page.scss */
#main-page .header__menu-btn span:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
}

/* line 186, app/assets/stylesheets/main-page.scss */
#main-page .header__menu-btn span:nth-child(3) {
  bottom: 0;
}

/* line 192, app/assets/stylesheets/main-page.scss */
#main-page .header__menu-btn.active span:nth-child(1) {
  top: 7px;
  transform: rotate(45deg);
}

/* line 196, app/assets/stylesheets/main-page.scss */
#main-page .header__menu-btn.active span:nth-child(2) {
  opacity: 0;
}

/* line 199, app/assets/stylesheets/main-page.scss */
#main-page .header__menu-btn.active span:nth-child(3) {
  bottom: 7px;
  transform: rotate(-45deg);
}

/* line 205, app/assets/stylesheets/main-page.scss */
#main-page .header__menu-btn + .dropdown-menu {
  top: 15px !important;
}

@media (max-width: 767px) {
  /* line 157, app/assets/stylesheets/main-page.scss */
  #main-page .header__menu-btn {
    display: inline-block;
  }
}

/* line 214, app/assets/stylesheets/main-page.scss */
#main-page .header__overlay {
  display: none;
}

@media (max-width: 767px) {
  /* line 214, app/assets/stylesheets/main-page.scss */
  #main-page .header__overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.16);
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    transition: opacity 0.3s;
  }
}

@media (max-width: 767px) {
  /* line 232, app/assets/stylesheets/main-page.scss */
  #main-page .header .col.px-0,
#main-page .header .col-auto.col-lg-3 {
    position: static;
  }
}

@media (max-width: 767px) {
  /* line 239, app/assets/stylesheets/main-page.scss */
  #main-page .header .col-auto.col-lg-3 .nav-item {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
  }
}

@media (max-width: 767px) {
  /* line 248, app/assets/stylesheets/main-page.scss */
  #main-page .header .navbar {
    position: absolute;
    top: 0;
    right: 0;
    width: 330px;
    background-color: #fff;
    height: 100vh;
    transform: translateX(-500%);
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    transition: opacity 0.3s, transform 0.3s;
  }
}

@media (max-width: 767px) {
  /* line 264, app/assets/stylesheets/main-page.scss */
  #main-page .header .navbar-nav {
    flex-flow: column wrap;
    justify-content: flex-start !important;
    font-size: 16px;
  }
}

/* line 272, app/assets/stylesheets/main-page.scss */
#main-page .header .dropdown-item {
  color: #212529;
}

/* line 277, app/assets/stylesheets/main-page.scss */
#main-page .header {
  position: relative;
  background-color: #fff;
  font-size: 16px;
  min-height: 80px;
  display: flex;
  align-items: center;
}

@media (max-width: 1199px) {
  /* line 277, app/assets/stylesheets/main-page.scss */
  #main-page .header {
    max-height: 50px;
    min-height: 50px;
    font-size: 14px;
  }
  /* line 289, app/assets/stylesheets/main-page.scss */
  #main-page .header .header__logo {
    width: 76px;
    height: 18px;
  }
}

/* line 295, app/assets/stylesheets/main-page.scss */
#main-page .header__row {
  align-items: center;
}

/* line 299, app/assets/stylesheets/main-page.scss */
#main-page .header__logo {
  width: 62px;
}

@media (min-width: 768px) {
  /* line 299, app/assets/stylesheets/main-page.scss */
  #main-page .header__logo {
    width: auto;
  }
}

/* line 306, app/assets/stylesheets/main-page.scss */
#main-page .header__link {
  white-space: nowrap;
  color: #1f1f1f;
  transition: color 0.2s;
  padding-right: 0;
  padding-left: 0;
}

/* line 307, app/assets/stylesheets/main-page.scss */
#main-page .header__link:hover {
  color: rgba(31, 31, 31, 0.7);
}

/* line 318, app/assets/stylesheets/main-page.scss */
#main-page .header__link-icon {
  color: #c0c9d2;
  font-size: 16px;
  margin-right: 5px;
  top: -2px;
}

@media (min-width: 768px) {
  /* line 318, app/assets/stylesheets/main-page.scss */
  #main-page .header__link-icon {
    font-size: 20px;
    margin-right: 10px;
  }
}

@media (max-width: 767px) {
  /* line 306, app/assets/stylesheets/main-page.scss */
  #main-page .header__link {
    display: none;
  }
}

/* line 334, app/assets/stylesheets/main-page.scss */
#main-page .header__actions {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
}

/* line 341, app/assets/stylesheets/main-page.scss */
#main-page .header__btn {
  display: inline-block;
  margin-left: 30px;
  padding: 6px 15px;
  border: 1px solid #42b2fc;
  border-radius: 4px;
  background-color: #42b2fc;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  text-decoration: none;
  transition: color 0.3s, background-color 0.3s;
}

/* line 354, app/assets/stylesheets/main-page.scss */
#main-page .header__btn:hover {
  color: #42b2fc;
  background-color: transparent;
}

@media (max-width: 1199px) {
  /* line 341, app/assets/stylesheets/main-page.scss */
  #main-page .header__btn {
    font-size: 14px;
    padding: 6px 10px;
  }
}

@media (max-width: 991px) {
  /* line 341, app/assets/stylesheets/main-page.scss */
  #main-page .header__btn {
    padding: 6px 5px;
  }
}

@media (max-width: 767px) {
  /* line 341, app/assets/stylesheets/main-page.scss */
  #main-page .header__btn {
    margin-left: 0;
    margin-right: 30px;
  }
}

/* line 374, app/assets/stylesheets/main-page.scss */
#main-page .header__menu-btn {
  display: none;
  position: relative;
  background: none;
  border: none;
  outline: none;
  width: 24px;
  height: 16px;
  cursor: pointer;
  z-index: 5;
}

/* line 385, app/assets/stylesheets/main-page.scss */
#main-page .header__menu-btn span {
  position: absolute;
  display: inline-block;
  height: 2px;
  background-color: #141414;
  left: 0;
  right: 0;
  transition: opacity 0.3s, transform 0.3s;
}

/* line 394, app/assets/stylesheets/main-page.scss */
#main-page .header__menu-btn span:nth-child(1) {
  top: 0;
}

/* line 398, app/assets/stylesheets/main-page.scss */
#main-page .header__menu-btn span:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
}

/* line 403, app/assets/stylesheets/main-page.scss */
#main-page .header__menu-btn span:nth-child(3) {
  bottom: 0;
}

/* line 409, app/assets/stylesheets/main-page.scss */
#main-page .header__menu-btn.active span:nth-child(1) {
  top: 7px;
  transform: rotate(45deg);
}

/* line 413, app/assets/stylesheets/main-page.scss */
#main-page .header__menu-btn.active span:nth-child(2) {
  opacity: 0;
}

/* line 416, app/assets/stylesheets/main-page.scss */
#main-page .header__menu-btn.active span:nth-child(3) {
  bottom: 7px;
  transform: rotate(-45deg);
}

/* line 422, app/assets/stylesheets/main-page.scss */
#main-page .header__menu-btn + .dropdown-menu {
  top: 15px !important;
}

@media (max-width: 767px) {
  /* line 374, app/assets/stylesheets/main-page.scss */
  #main-page .header__menu-btn {
    display: inline-block;
  }
}

/* line 431, app/assets/stylesheets/main-page.scss */
#main-page .header__overlay {
  display: none;
}

@media (max-width: 767px) {
  /* line 431, app/assets/stylesheets/main-page.scss */
  #main-page .header__overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.16);
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    transition: opacity 0.3s;
  }
}

@media (max-width: 767px) {
  /* line 449, app/assets/stylesheets/main-page.scss */
  #main-page .header .col.px-0,
#main-page .header .col-auto.col-lg-3 {
    position: static;
  }
}

@media (max-width: 767px) {
  /* line 456, app/assets/stylesheets/main-page.scss */
  #main-page .header .col-auto.col-lg-3 .nav-item {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
  }
}

@media (max-width: 767px) {
  /* line 465, app/assets/stylesheets/main-page.scss */
  #main-page .header .navbar {
    position: absolute;
    top: 0;
    right: 0;
    width: 330px;
    background-color: #fff;
    height: 100vh;
    transform: translateX(-500%);
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    transition: opacity 0.3s, transform 0.3s;
  }
}

@media (max-width: 767px) {
  /* line 481, app/assets/stylesheets/main-page.scss */
  #main-page .header .navbar-nav {
    flex-flow: column wrap;
    justify-content: flex-start !important;
    font-size: 16px;
  }
}

/* line 489, app/assets/stylesheets/main-page.scss */
#main-page .header .dropdown-item {
  color: #212529;
}

/* line 3, app/assets/stylesheets/landing-carousel.scss */
#main-page .main-page-curators-wrapper .main-page-curators {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 164px;
  padding-bottom: 145px;
}

@media (max-width: 1080px) {
  /* line 3, app/assets/stylesheets/landing-carousel.scss */
  #main-page .main-page-curators-wrapper .main-page-curators {
    max-width: 640px;
  }
}

@media (max-width: 767px) {
  /* line 3, app/assets/stylesheets/landing-carousel.scss */
  #main-page .main-page-curators-wrapper .main-page-curators {
    padding-bottom: 37px;
  }
}

@media (max-width: 575px) {
  /* line 3, app/assets/stylesheets/landing-carousel.scss */
  #main-page .main-page-curators-wrapper .main-page-curators {
    padding-top: 35px;
    padding-bottom: 37px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* line 23, app/assets/stylesheets/landing-carousel.scss */
#main-page .main-page-curators-wrapper .main-page-curators__carousel {
  max-width: 736px;
  margin: 0 auto;
  padding-bottom: 4px;
  margin-top: 64px;
}

/* line 29, app/assets/stylesheets/landing-carousel.scss */
#main-page .main-page-curators-wrapper .main-page-curators__text {
  font-size: 28px;
  line-height: 39px;
  color: #2f97eb;
  margin-top: 0px;
}

@media (max-width: 575px) {
  /* line 29, app/assets/stylesheets/landing-carousel.scss */
  #main-page .main-page-curators-wrapper .main-page-curators__text {
    font-size: 18px;
    line-height: 25px;
    margin-top: 0;
  }
}

/* line 40, app/assets/stylesheets/landing-carousel.scss */
#main-page .main-page-curators-wrapper .main-page-curators__author {
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
  color: #141414;
  margin-top: 24px;
  margin-bottom: 4px;
}

@media (max-width: 575px) {
  /* line 40, app/assets/stylesheets/landing-carousel.scss */
  #main-page .main-page-curators-wrapper .main-page-curators__author {
    font-size: 14px;
    line-height: 20px;
    margin-top: 26px;
    margin-bottom: 4px;
  }
}

/* line 54, app/assets/stylesheets/landing-carousel.scss */
#main-page .main-page-curators-wrapper .main-page-curators__author-info {
  line-height: 20px;
  margin-top: 1px;
}

@media (max-width: 575px) {
  /* line 54, app/assets/stylesheets/landing-carousel.scss */
  #main-page .main-page-curators-wrapper .main-page-curators__author-info {
    font-size: 14px;
    line-height: 20px;
  }
}

/* line 62, app/assets/stylesheets/landing-carousel.scss */
#main-page .main-page-curators-wrapper .main-page-curators__h1 {
  font-size: 56px;
  line-height: 64px;
  text-align: center;
  color: #141414;
  font-weight: 500;
  margin: 0 auto;
}

@media (max-width: 575px) {
  /* line 62, app/assets/stylesheets/landing-carousel.scss */
  #main-page .main-page-curators-wrapper .main-page-curators__h1 {
    margin: 0 auto;
    font-weight: 500;
    font-size: 24px;
    line-height: 26px;
    text-align: left;
    max-width: 100%;
  }
}

/* line 78, app/assets/stylesheets/landing-carousel.scss */
#main-page .main-page-curators-wrapper .main-page-curators__h1-underline {
  position: relative;
}

@media (max-width: 575px) {
  /* line 80, app/assets/stylesheets/landing-carousel.scss */
  #main-page .main-page-curators-wrapper .main-page-curators__h1-underline .dash-lg {
    display: none;
  }
}

/* line 85, app/assets/stylesheets/landing-carousel.scss */
#main-page .main-page-curators-wrapper .main-page-curators__h1-underline .dash-xs {
  display: none;
  left: -16px;
}

@media (max-width: 575px) {
  /* line 85, app/assets/stylesheets/landing-carousel.scss */
  #main-page .main-page-curators-wrapper .main-page-curators__h1-underline .dash-xs {
    display: initial;
    left: 0px;
    width: 160px;
    bottom: -14px;
  }
}

/* line 95, app/assets/stylesheets/landing-carousel.scss */
#main-page .main-page-curators-wrapper .main-page-curators__h1-underline img {
  position: absolute;
  left: -11px;
  bottom: -19px;
}

/* line 106, app/assets/stylesheets/landing-carousel.scss */
.s-caro-circle,
#main-page .s-caro-circle {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 386px;
}

@media (min-width: 576px) {
  /* line 106, app/assets/stylesheets/landing-carousel.scss */
  .s-caro-circle,
#main-page .s-caro-circle {
    min-height: 386px;
  }
}

@media (max-width: 575px) {
  /* line 106, app/assets/stylesheets/landing-carousel.scss */
  .s-caro-circle,
#main-page .s-caro-circle {
    min-height: 354px;
  }
}

/* line 121, app/assets/stylesheets/landing-carousel.scss */
.s-caro-circle__text,
#main-page .s-caro-circle__text {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
}

/* line 126, app/assets/stylesheets/landing-carousel.scss */
.s-caro-circle__text.current,
#main-page .s-caro-circle__text.current {
  opacity: 1;
  visibility: visible;
  transition: all 0.4s ease;
}

/* line 132, app/assets/stylesheets/landing-carousel.scss */
.s-caro-circle__text-container,
#main-page .s-caro-circle__text-container {
  z-index: 1;
  position: relative;
}

@media (min-width: 576px) {
  /* line 137, app/assets/stylesheets/landing-carousel.scss */
  .s-caro-circle__text-container .dot-navigation__item,
#main-page .s-caro-circle__text-container .dot-navigation__item {
    padding: 0;
  }
}

@media (min-width: 768px) {
  /* line 143, app/assets/stylesheets/landing-carousel.scss */
  .s-caro-circle__text-container .dot-navigation__item,
#main-page .s-caro-circle__text-container .dot-navigation__item {
    padding: 0;
    margin-top: 55px;
  }
}

@media (max-width: 575px) {
  /* line 150, app/assets/stylesheets/landing-carousel.scss */
  .s-caro-circle__text-container .dot-navigation__item,
#main-page .s-caro-circle__text-container .dot-navigation__item {
    margin-top: 45px;
    padding-left: 0;
    padding-right: 0;
  }
}

/* line 158, app/assets/stylesheets/landing-carousel.scss */
.progress-bar {
  stroke-dashoffset: 356px;
  stroke-dasharray: 356px, 366px;
  stroke: #45a7f5;
  transition: none;
}

/* line 164, app/assets/stylesheets/landing-carousel.scss */
.circle {
  stroke: #e6e8eb;
  transition: all 0.4s;
}

/* line 168, app/assets/stylesheets/landing-carousel.scss */
.dot-navigation,
#main-page .dot-navigation {
  display: flex;
}

@media (min-width: 576px) {
  /* line 168, app/assets/stylesheets/landing-carousel.scss */
  .dot-navigation,
#main-page .dot-navigation {
    padding-left: 6px;
  }
}

@media (min-width: 768px) {
  /* line 168, app/assets/stylesheets/landing-carousel.scss */
  .dot-navigation,
#main-page .dot-navigation {
    padding-left: 6px;
  }
}

/* line 179, app/assets/stylesheets/landing-carousel.scss */
.dot-navigation__item,
#main-page .dot-navigation__item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 60px;
  cursor: pointer;
}

/* line 186, app/assets/stylesheets/landing-carousel.scss */
.dot-navigation__item:last-of-type,
#main-page .dot-navigation__item:last-of-type {
  margin-right: 0;
}

@media (min-width: 768px) {
  /* line 179, app/assets/stylesheets/landing-carousel.scss */
  .dot-navigation__item,
#main-page .dot-navigation__item {
    margin-right: 43px;
  }
}

@media (max-width: 576px) {
  /* line 179, app/assets/stylesheets/landing-carousel.scss */
  .dot-navigation__item,
#main-page .dot-navigation__item {
    margin-right: 23px;
  }
}

/* line 197, app/assets/stylesheets/landing-carousel.scss */
.dot-navigation__item img,
#main-page .dot-navigation__item img {
  opacity: 0.6;
  max-width: 115px;
  width: 100%;
}

/* line 203, app/assets/stylesheets/landing-carousel.scss */
.dot-navigation__item--current img,
#main-page .dot-navigation__item--current img {
  opacity: 1;
}

/* line 206, app/assets/stylesheets/landing-carousel.scss */
.dot-navigation__item--current .progress-bar,
#main-page .dot-navigation__item--current .progress-bar {
  stroke-dashoffset: 0px !important;
  transition: all linear 11s;
}

/* line 210, app/assets/stylesheets/landing-carousel.scss */
.dot-navigation__item--current .circle,
#main-page .dot-navigation__item--current .circle {
  stroke-dashoffset: 0px !important;
  transition: all linear 0.3s;
}

/* line 216, app/assets/stylesheets/landing-carousel.scss */
.dot-navigation__svg,
#main-page .dot-navigation__svg {
  position: absolute;
  z-index: 9;
  max-width: 100%;
  transform: scale(1.1) rotate(-90deg);
}

@media (max-width: 570px) {
  /* line 216, app/assets/stylesheets/landing-carousel.scss */
  .dot-navigation__svg,
#main-page .dot-navigation__svg {
    transform: scale(1.1) rotate(-90deg);
  }
}

/* line 225, app/assets/stylesheets/landing-carousel.scss */
.dot-navigation__image,
#main-page .dot-navigation__image {
  border-radius: 100%;
}

/* line 230, app/assets/stylesheets/landing-carousel.scss */
.slide-enter-active {
  position: absolute;
}

/* moving */
/* line 235, app/assets/stylesheets/landing-carousel.scss */
.company-move {
  transition: all 600ms ease-in-out 50ms;
}

/* appearing */
/* line 240, app/assets/stylesheets/landing-carousel.scss */
.company-enter-active {
  transform: translateY(-10px);
  opacity: 0;
  transition: all 50ms ease-out;
}

/* disappearing */
/* line 247, app/assets/stylesheets/landing-carousel.scss */
.company-leave-active {
  transition: all 200ms ease-in;
  position: absolute;
  z-index: 0;
}

/* appear at / disappear to */
/* line 254, app/assets/stylesheets/landing-carousel.scss */
.company-enter,
.company-leave-to {
  opacity: 0;
}

/* line 29, app/assets/stylesheets/landing-main.scss */
html,
body {
  height: 100%;
  -webkit-font-smoothing: antialiased;
  font-family: "SuisseIntl", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

@media (max-width: 767px) {
  /* line 29, app/assets/stylesheets/landing-main.scss */
  html,
body {
    letter-spacing: 0;
  }
}

/* line 41, app/assets/stylesheets/landing-main.scss */
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  /* line 41, app/assets/stylesheets/landing-main.scss */
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  /* line 41, app/assets/stylesheets/landing-main.scss */
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  /* line 41, app/assets/stylesheets/landing-main.scss */
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  /* line 41, app/assets/stylesheets/landing-main.scss */
  .container {
    max-width: 1140px;
  }
}

/* line 66, app/assets/stylesheets/landing-main.scss */
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

/* line 73, app/assets/stylesheets/landing-main.scss */
.col,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

/* line 92, app/assets/stylesheets/landing-main.scss */
.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

/* line 98, app/assets/stylesheets/landing-main.scss */
.col-1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

/* line 102, app/assets/stylesheets/landing-main.scss */
.col-2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

/* line 106, app/assets/stylesheets/landing-main.scss */
.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

/* line 110, app/assets/stylesheets/landing-main.scss */
.col-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

/* line 114, app/assets/stylesheets/landing-main.scss */
.col-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

/* line 118, app/assets/stylesheets/landing-main.scss */
.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

/* line 122, app/assets/stylesheets/landing-main.scss */
.col-7 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

/* line 126, app/assets/stylesheets/landing-main.scss */
.col-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

/* line 130, app/assets/stylesheets/landing-main.scss */
.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

/* line 134, app/assets/stylesheets/landing-main.scss */
.col-10 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

/* line 138, app/assets/stylesheets/landing-main.scss */
.col-11 {
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

/* line 142, app/assets/stylesheets/landing-main.scss */
.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

/* line 148, app/assets/stylesheets/landing-main.scss */
.d-flex {
  display: flex !important;
}

/* line 152, app/assets/stylesheets/landing-main.scss */
.flex-column {
  flex-direction: column !important;
}

/* line 156, app/assets/stylesheets/landing-main.scss */
.align-items-center {
  align-items: center !important;
}

/* line 160, app/assets/stylesheets/landing-main.scss */
.justify-content-center {
  justify-content: center !important;
}

/* line 164, app/assets/stylesheets/landing-main.scss */
.justify-content-between {
  justify-content: space-between !important;
}

/* line 169, app/assets/stylesheets/landing-main.scss */
.mt-5 {
  margin-top: 3rem !important;
}

/* line 173, app/assets/stylesheets/landing-main.scss */
.pt-3 {
  padding-top: 1rem !important;
}

/* line 177, app/assets/stylesheets/landing-main.scss */
.text-center {
  text-align: center !important;
}

/* line 181, app/assets/stylesheets/landing-main.scss */
body {
  display: flex;
  flex-direction: column;
  font-family: "SuisseIntl", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.5;
  color: #333;
}

/* line 191, app/assets/stylesheets/landing-main.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "SuisseIntl", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 500;
  color: #1a2833;
  line-height: 1.2;
}

/* line 203, app/assets/stylesheets/landing-main.scss */
h1 {
  font-size: 2.5rem;
  font-weight: 500;
}

/* line 208, app/assets/stylesheets/landing-main.scss */
h2 {
  font-size: 1.8125rem;
  font-weight: 500;
}

/* line 213, app/assets/stylesheets/landing-main.scss */
h3 {
  font-size: 1.5rem;
  font-weight: 400;
}

/* line 218, app/assets/stylesheets/landing-main.scss */
h4 {
  font-size: 1.125rem;
  font-weight: 400;
}

/* line 223, app/assets/stylesheets/landing-main.scss */
h5 {
  font-size: 0.875rem;
  font-weight: 400;
}

/* line 229, app/assets/stylesheets/landing-main.scss */
a {
  color: #0496f6;
  text-decoration: none;
}

/* line 233, app/assets/stylesheets/landing-main.scss */
a:hover {
  text-decoration: underline;
}

/* line 239, app/assets/stylesheets/landing-main.scss */
.header-container {
  width: 100%;
}

/* line 243, app/assets/stylesheets/landing-main.scss */
.header {
  position: relative;
  z-index: 100;
  background-color: #fff;
  border-bottom: 1px solid #e9ecef;
}

/* line 250, app/assets/stylesheets/landing-main.scss */
.header__logo {
  width: auto;
}

@media (max-width: 767px) {
  /* line 250, app/assets/stylesheets/landing-main.scss */
  .header__logo {
    height: 28px;
  }
}

/* line 260, app/assets/stylesheets/landing-main.scss */
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 266, app/assets/stylesheets/landing-main.scss */
nav li {
  display: inline-block;
}

/* line 270, app/assets/stylesheets/landing-main.scss */
nav a {
  color: #333;
  text-decoration: none;
  padding: 0.5rem 1rem;
  display: block;
}

/* line 276, app/assets/stylesheets/landing-main.scss */
nav a:hover {
  color: #0496f6;
}

@media (max-width: 575px) {
  /* line 286, app/assets/stylesheets/landing-main.scss */
  body.sticky-header .header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
}

/**
 * Subsetting command (https://www.zachleat.com/unicode-range-interchange/):
 * fonttools subset suisse-intl-medium.woff2 --unicodes="U+20-5F,U+61-80,U+A9,U+AB,U+AD,U+B7,U+BB,U+401,U+410-44F,U+451,U+2009,U+2013,U+2014,U+201C-201F,U+20BD,U+2116" --layout-features=ccmp,locl,mark,mkmk,kern
 * fonttools subset suisse-intl-regular.woff2 --unicodes="U+20-5F,U+61-80,U+A9,U+AB,U+AD,U+B7,U+BB,U+401,U+410-44F,U+451,U+2009,U+2013,U+2014,U+201C-201F,U+20BD,U+2116" --layout-features=ccmp,locl,mark,mkmk,kern
 */
@font-face {
  font-family: "SuisseIntl";
  font-display: swap;
  src: url(https://assets.yasno.live/assets/suisse-intl/suisse-intl-medium.subset-f752fe1c58bd1d2b9e524056ee389dadb8247bca641e7b089203da79dbeda4c8.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "SuisseIntl";
  font-display: swap;
  src: url(https://assets.yasno.live/assets/suisse-intl/suisse-intl-regular.subset-8c6e97899daca91fc1490d483910164e0b175edab7f110d427b99674bba9eeeb.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
}

/* line 7, app/assets/stylesheets/base-styles.scss */
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  /* line 20, ../../../../usr/local/bundle/ruby/3.3.0/gems/bootstrap-4.5.3/assets/stylesheets/bootstrap/_grid.scss */
  /* line 17, app/assets/stylesheets/base-styles.scss */
  .container-sm,
.container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  /* line 20, ../../../../usr/local/bundle/ruby/3.3.0/gems/bootstrap-4.5.3/assets/stylesheets/bootstrap/_grid.scss */
  /* line 25, app/assets/stylesheets/base-styles.scss */
  .container-md,
.container-sm,
.container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  /* line 20, ../../../../usr/local/bundle/ruby/3.3.0/gems/bootstrap-4.5.3/assets/stylesheets/bootstrap/_grid.scss */
  /* line 34, app/assets/stylesheets/base-styles.scss */
  .container-lg,
.container-md,
.container-sm,
.container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  /* line 20, ../../../../usr/local/bundle/ruby/3.3.0/gems/bootstrap-4.5.3/assets/stylesheets/bootstrap/_grid.scss */
  /* line 44, app/assets/stylesheets/base-styles.scss */
  .container-xl,
.container-lg,
.container-md,
.container-sm,
.container {
    max-width: 1140px;
  }
}

/* line 53, app/assets/stylesheets/base-styles.scss */
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 1.5rem;
  list-style: none;
  padding-left: 0;
}

/* line 64, app/assets/stylesheets/base-styles.scss */
.breadcrumb-item + .breadcrumb-item::before {
  padding-right: 12px;
  padding-left: 12px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.08358 9.33366C0.583577 9.33366 0.250244 9.00033 0.250244 8.50033C0.250244 8.25033 0.333578 8.08366 0.500244 7.91699L3.41691 5.00033L0.500244 2.08366C0.166911 1.75033 0.166911 1.25033 0.500244 0.916992C0.833578 0.583659 1.33358 0.583659 1.66691 0.916992L5.16691 4.41699C5.50025 4.75033 5.50025 5.25033 5.16691 5.58366L1.66691 9.08366C1.50024 9.25032 1.25024 9.33366 1.08358 9.33366Z' fill='%23BFCBD6'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
}

/* line 79, app/assets/stylesheets/base-styles.scss */
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}

/* line 83, app/assets/stylesheets/base-styles.scss */
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}

/* line 87, app/assets/stylesheets/base-styles.scss */
.breadcrumb-item {
  font-weight: 400;
  font-size: 14px;
}

/* line 92, app/assets/stylesheets/base-styles.scss */
.breadcrumb-item a {
  color: #8497a6;
  text-decoration: none;
}

/* line 95, app/assets/stylesheets/base-styles.scss */
.breadcrumb-item a:hover {
  text-decoration: none;
  color: #52626f;
}

/* line 101, app/assets/stylesheets/base-styles.scss */
.breadcrumb-item.active {
  color: #1a2833;
}

/* line 103, app/assets/stylesheets/base-styles.scss */
.breadcrumb-item.active:hover {
  color: #1a2833 !important;
}

/* line 109, app/assets/stylesheets/base-styles.scss */
.nav-link {
  color: #1f1f1f;
  display: block;
  text-decoration: none;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}

/* line 115, app/assets/stylesheets/base-styles.scss */
.nav-link.active {
  color: #1f1f1f;
  font-weight: 500;
}

/* line 121, app/assets/stylesheets/base-styles.scss */
.nav-item a {
  padding: 8px;
}

/* line 125, app/assets/stylesheets/base-styles.scss */
.header .header__btn {
  padding: 6px 15px;
  border: 1px solid #42b2fc;
  border-radius: 4px;
  background-color: #42b2fc;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  text-decoration: none;
  transition: color 0.3s, background-color 0.3s;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}

/* line 138, app/assets/stylesheets/base-styles.scss */
.header .header__btn:hover {
  color: #42b2fc;
  background-color: transparent;
}

@media (max-width: 992px) {
  /* line 125, app/assets/stylesheets/base-styles.scss */
  .header .header__btn {
    font-size: 14px;
    padding: 6px 10px;
  }
}

@media (max-width: 768px) {
  /* line 125, app/assets/stylesheets/base-styles.scss */
  .header .header__btn {
    padding: 6px 5px;
    margin-right: 30px;
  }
}

@media (max-width: 576px) {
  /* line 125, app/assets/stylesheets/base-styles.scss */
  .header .header__btn {
    margin-left: 0;
  }
}

/* line 158, app/assets/stylesheets/base-styles.scss */
.header {
  position: relative;
  background-color: #fff;
  font-size: 16px;
  display: flex;
  align-items: center;
}

@media (max-width: 992px) {
  /* line 158, app/assets/stylesheets/base-styles.scss */
  .header {
    max-height: 50px;
    min-height: 50px;
    font-size: 14px;
  }
  /* line 169, app/assets/stylesheets/base-styles.scss */
  .header .header__logo {
    width: 76px;
    height: 18px;
  }
}

/* line 175, app/assets/stylesheets/base-styles.scss */
.header__row {
  align-items: center;
}

/* line 179, app/assets/stylesheets/base-styles.scss */
.header__logo {
  width: 62px;
}

@media (min-width: 768px) {
  /* line 179, app/assets/stylesheets/base-styles.scss */
  .header__logo {
    width: auto;
  }
}

/* line 186, app/assets/stylesheets/base-styles.scss */
.header__link {
  white-space: nowrap;
  color: #1f1f1f;
  transition: color 0.2s;
  padding-right: 0;
  padding-left: 0;
}

/* line 187, app/assets/stylesheets/base-styles.scss */
.header__link:hover {
  color: rgba(31, 31, 31, 0.7);
}

/* line 198, app/assets/stylesheets/base-styles.scss */
.header__link-icon {
  color: c0c9d2;
  font-size: 16px;
  margin-right: 5px;
  top: -2px;
}

@media (min-width: 768px) {
  /* line 198, app/assets/stylesheets/base-styles.scss */
  .header__link-icon {
    font-size: 20px;
    margin-right: 10px;
  }
}

@media (max-width: 576px) {
  /* line 186, app/assets/stylesheets/base-styles.scss */
  .header__link {
    display: none;
  }
}

/* line 214, app/assets/stylesheets/base-styles.scss */
.header__actions {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
}

/* line 221, app/assets/stylesheets/base-styles.scss */
.header__btn {
  display: inline-block;
  margin-left: 30px;
  padding: 6px 15px;
  border: 1px solid #42b2fc;
  border-radius: 4px;
  background-color: #42b2fc;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  text-decoration: none;
  transition: color 0.3s, background-color 0.3s;
}

/* line 234, app/assets/stylesheets/base-styles.scss */
.header__btn:hover {
  color: #42b2fc;
  background-color: transparent;
}

@media (max-width: 992px) {
  /* line 221, app/assets/stylesheets/base-styles.scss */
  .header__btn {
    font-size: 14px;
    padding: 6px 10px;
  }
}

@media (max-width: 768px) {
  /* line 221, app/assets/stylesheets/base-styles.scss */
  .header__btn {
    padding: 6px 5px;
  }
}

@media (max-width: 576px) {
  /* line 221, app/assets/stylesheets/base-styles.scss */
  .header__btn {
    margin-left: 0;
    margin-right: 30px;
  }
}

/* line 254, app/assets/stylesheets/base-styles.scss */
.header__menu-btn {
  display: none;
  position: relative;
  background: none;
  border: none;
  outline: none;
  width: 24px;
  height: 16px;
  cursor: pointer;
  z-index: 5;
}

/* line 265, app/assets/stylesheets/base-styles.scss */
.header__menu-btn span {
  position: absolute;
  display: inline-block;
  height: 2px;
  background-color: #141414;
  left: 0;
  right: 0;
  transition: opacity 0.3s, transform 0.3s;
}

/* line 274, app/assets/stylesheets/base-styles.scss */
.header__menu-btn span:nth-child(1) {
  top: 0;
}

/* line 278, app/assets/stylesheets/base-styles.scss */
.header__menu-btn span:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
}

/* line 283, app/assets/stylesheets/base-styles.scss */
.header__menu-btn span:nth-child(3) {
  bottom: 0;
}

/* line 289, app/assets/stylesheets/base-styles.scss */
.header__menu-btn.active span:nth-child(1) {
  top: 7px;
  transform: rotate(45deg);
}

/* line 293, app/assets/stylesheets/base-styles.scss */
.header__menu-btn.active span:nth-child(2) {
  opacity: 0;
}

/* line 296, app/assets/stylesheets/base-styles.scss */
.header__menu-btn.active span:nth-child(3) {
  bottom: 7px;
  transform: rotate(-45deg);
}

@media (max-width: 767.98px) {
  /* line 254, app/assets/stylesheets/base-styles.scss */
  .header__menu-btn {
    display: inline-block;
  }
}

/* line 307, app/assets/stylesheets/base-styles.scss */
.header__overlay {
  display: none;
}

@media (max-width: 576px) {
  /* line 307, app/assets/stylesheets/base-styles.scss */
  .header__overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.16);
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    transition: opacity 0.3s;
  }
}

@media (max-width: 576px) {
  /* line 325, app/assets/stylesheets/base-styles.scss */
  .header .col.px-0,
.header .col-auto.col-lg-3 {
    position: static;
  }
}

@media (max-width: 576px) {
  /* line 332, app/assets/stylesheets/base-styles.scss */
  .header .col-auto.col-lg-3 .nav-item {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
  }
}

@media (max-width: 576px) {
  /* line 341, app/assets/stylesheets/base-styles.scss */
  .header .navbar {
    position: absolute;
    top: 0;
    right: 0;
    width: 330px;
    background-color: #fff;
    height: 100vh;
    transform: translateX(-500%);
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    transition: opacity 0.3s, transform 0.3s;
  }
}

@media (max-width: 576px) {
  /* line 357, app/assets/stylesheets/base-styles.scss */
  .header .navbar-nav {
    flex-flow: column wrap;
    justify-content: flex-start !important;
    font-size: 16px;
  }
}

/* line 365, app/assets/stylesheets/base-styles.scss */
.header .dropdown-item {
  color: #212529;
}

/* line 370, app/assets/stylesheets/base-styles.scss */
body {
  font-family: "SuisseIntl", sans-serif;
}

/* line 376, app/assets/stylesheets/base-styles.scss */
.dropdown-menu {
  position: absolute;
  top: 8px;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  font-weight: 300;
  position: absolute;
  will-change: transform;
}

/* line 42, ../../../../usr/local/bundle/ruby/3.3.0/gems/bootstrap-4.5.3/assets/stylesheets/bootstrap/_dropdown.scss */
/* line 400, app/assets/stylesheets/base-styles.scss */
.dropdown-menu-left {
  right: auto;
  left: 0;
}

/* line 47, ../../../../usr/local/bundle/ruby/3.3.0/gems/bootstrap-4.5.3/assets/stylesheets/bootstrap/_dropdown.scss */
/* line 406, app/assets/stylesheets/base-styles.scss */
.dropdown-menu-right {
  right: 0.5rem;
  left: auto;
}

@media (min-width: 576px) {
  /* line 42, ../../../../usr/local/bundle/ruby/3.3.0/gems/bootstrap-4.5.3/assets/stylesheets/bootstrap/_dropdown.scss */
  /* line 413, app/assets/stylesheets/base-styles.scss */
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  /* line 47, ../../../../usr/local/bundle/ruby/3.3.0/gems/bootstrap-4.5.3/assets/stylesheets/bootstrap/_dropdown.scss */
  /* line 418, app/assets/stylesheets/base-styles.scss */
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 768px) {
  /* line 42, ../../../../usr/local/bundle/ruby/3.3.0/gems/bootstrap-4.5.3/assets/stylesheets/bootstrap/_dropdown.scss */
  /* line 426, app/assets/stylesheets/base-styles.scss */
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  /* line 47, ../../../../usr/local/bundle/ruby/3.3.0/gems/bootstrap-4.5.3/assets/stylesheets/bootstrap/_dropdown.scss */
  /* line 431, app/assets/stylesheets/base-styles.scss */
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 992px) {
  /* line 42, ../../../../usr/local/bundle/ruby/3.3.0/gems/bootstrap-4.5.3/assets/stylesheets/bootstrap/_dropdown.scss */
  /* line 439, app/assets/stylesheets/base-styles.scss */
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  /* line 47, ../../../../usr/local/bundle/ruby/3.3.0/gems/bootstrap-4.5.3/assets/stylesheets/bootstrap/_dropdown.scss */
  /* line 444, app/assets/stylesheets/base-styles.scss */
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 1200px) {
  /* line 42, ../../../../usr/local/bundle/ruby/3.3.0/gems/bootstrap-4.5.3/assets/stylesheets/bootstrap/_dropdown.scss */
  /* line 452, app/assets/stylesheets/base-styles.scss */
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  /* line 47, ../../../../usr/local/bundle/ruby/3.3.0/gems/bootstrap-4.5.3/assets/stylesheets/bootstrap/_dropdown.scss */
  /* line 457, app/assets/stylesheets/base-styles.scss */
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}

/* line 57, ../../../../usr/local/bundle/ruby/3.3.0/gems/bootstrap-4.5.3/assets/stylesheets/bootstrap/_dropdown.scss */
/* line 464, app/assets/stylesheets/base-styles.scss */
.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}

/* line 30, ../../../../usr/local/bundle/ruby/3.3.0/gems/bootstrap-4.5.3/assets/stylesheets/bootstrap/mixins/_caret.scss */
/* line 472, app/assets/stylesheets/base-styles.scss */
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}

/* line 58, ../../../../usr/local/bundle/ruby/3.3.0/gems/bootstrap-4.5.3/assets/stylesheets/bootstrap/mixins/_caret.scss */
/* line 484, app/assets/stylesheets/base-styles.scss */
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

/* line 70, ../../../../usr/local/bundle/ruby/3.3.0/gems/bootstrap-4.5.3/assets/stylesheets/bootstrap/_dropdown.scss */
/* line 489, app/assets/stylesheets/base-styles.scss */
.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}

/* line 30, ../../../../usr/local/bundle/ruby/3.3.0/gems/bootstrap-4.5.3/assets/stylesheets/bootstrap/mixins/_caret.scss */
/* line 498, app/assets/stylesheets/base-styles.scss */
.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

/* line 58, ../../../../usr/local/bundle/ruby/3.3.0/gems/bootstrap-4.5.3/assets/stylesheets/bootstrap/mixins/_caret.scss */
/* line 510, app/assets/stylesheets/base-styles.scss */
.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}

/* line 80, ../../../../usr/local/bundle/ruby/3.3.0/gems/bootstrap-4.5.3/assets/stylesheets/bootstrap/_dropdown.scss */
/* line 515, app/assets/stylesheets/base-styles.scss */
.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

/* line 87, ../../../../usr/local/bundle/ruby/3.3.0/gems/bootstrap-4.5.3/assets/stylesheets/bootstrap/_dropdown.scss */
/* line 520, app/assets/stylesheets/base-styles.scss */
.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}

/* line 30, ../../../../usr/local/bundle/ruby/3.3.0/gems/bootstrap-4.5.3/assets/stylesheets/bootstrap/mixins/_caret.scss */
/* line 529, app/assets/stylesheets/base-styles.scss */
.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}

/* line 45, ../../../../usr/local/bundle/ruby/3.3.0/gems/bootstrap-4.5.3/assets/stylesheets/bootstrap/mixins/_caret.scss */
/* line 537, app/assets/stylesheets/base-styles.scss */
.dropleft .dropdown-toggle::after {
  display: none;
}

/* line 49, ../../../../usr/local/bundle/ruby/3.3.0/gems/bootstrap-4.5.3/assets/stylesheets/bootstrap/mixins/_caret.scss */
/* line 542, app/assets/stylesheets/base-styles.scss */
.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}

/* line 58, ../../../../usr/local/bundle/ruby/3.3.0/gems/bootstrap-4.5.3/assets/stylesheets/bootstrap/mixins/_caret.scss */
/* line 553, app/assets/stylesheets/base-styles.scss */
.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}

/* line 97, ../../../../usr/local/bundle/ruby/3.3.0/gems/bootstrap-4.5.3/assets/stylesheets/bootstrap/_dropdown.scss */
/* line 558, app/assets/stylesheets/base-styles.scss */
.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

/* line 106, ../../../../usr/local/bundle/ruby/3.3.0/gems/bootstrap-4.5.3/assets/stylesheets/bootstrap/_dropdown.scss */
/* line 563, app/assets/stylesheets/base-styles.scss */
.dropdown-menu[x-placement^="top"],
.dropdown-menu[x-placement^="right"],
.dropdown-menu[x-placement^="bottom"],
.dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto;
}

/* line 116, ../../../../usr/local/bundle/ruby/3.3.0/gems/bootstrap-4.5.3/assets/stylesheets/bootstrap/_dropdown.scss */
/* line 572, app/assets/stylesheets/base-styles.scss */
.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

/* line 123, ../../../../usr/local/bundle/ruby/3.3.0/gems/bootstrap-4.5.3/assets/stylesheets/bootstrap/_dropdown.scss */
/* line 580, app/assets/stylesheets/base-styles.scss */
.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem !important;
  clear: both;
  font-weight: 300;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  text-decoration: none;
}

/* line 17, ../../../../usr/local/bundle/ruby/3.3.0/gems/bootstrap-4.5.3/assets/stylesheets/bootstrap/mixins/_hover.scss */
/* line 595, app/assets/stylesheets/base-styles.scss */
.dropdown-item:hover,
.dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}

/* line 154, ../../../../usr/local/bundle/ruby/3.3.0/gems/bootstrap-4.5.3/assets/stylesheets/bootstrap/_dropdown.scss */
/* line 603, app/assets/stylesheets/base-styles.scss */
.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #42b2fc;
}

/* line 161, ../../../../usr/local/bundle/ruby/3.3.0/gems/bootstrap-4.5.3/assets/stylesheets/bootstrap/_dropdown.scss */
/* line 611, app/assets/stylesheets/base-styles.scss */
.dropdown-item.disabled,
.dropdown-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: transparent;
}

/* line 173, ../../../../usr/local/bundle/ruby/3.3.0/gems/bootstrap-4.5.3/assets/stylesheets/bootstrap/_dropdown.scss */
/* line 619, app/assets/stylesheets/base-styles.scss */
.dropdown-menu.show {
  display: block;
}

/* line 178, ../../../../usr/local/bundle/ruby/3.3.0/gems/bootstrap-4.5.3/assets/stylesheets/bootstrap/_dropdown.scss */
/* line 624, app/assets/stylesheets/base-styles.scss */
.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

/* line 188, ../../../../usr/local/bundle/ruby/3.3.0/gems/bootstrap-4.5.3/assets/stylesheets/bootstrap/_dropdown.scss */
/* line 634, app/assets/stylesheets/base-styles.scss */
.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}

/* line 4, ../../../../usr/local/bundle/ruby/3.3.0/gems/bootstrap-4.5.3/assets/stylesheets/bootstrap/_button-group.scss */
/* line 641, app/assets/stylesheets/base-styles.scss */
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}

/* line 10, ../../../../usr/local/bundle/ruby/3.3.0/gems/bootstrap-4.5.3/assets/stylesheets/bootstrap/_button-group.scss */
/* line 649, app/assets/stylesheets/base-styles.scss */
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}

/* line 13, ../../../../usr/local/bundle/ruby/3.3.0/gems/bootstrap-4.5.3/assets/stylesheets/bootstrap/mixins/_hover.scss */
/* line 656, app/assets/stylesheets/base-styles.scss */
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 1;
}

/* line 661, app/assets/stylesheets/base-styles.scss */
.dropdown-toggle::after {
  color: black;
  content: url(https://assets.yasno.live/assets/icons/angle-down-148decf8565c5c4e69e64a3252acdd24c5916d3a88e93197d4a58b87491152ee.svg);
  border: none;
  height: 24px;
  width: 24px;
  vertical-align: 0.255em;
}

/* line 669, app/assets/stylesheets/base-styles.scss */
.dropdown-toggle.active::after {
  transform: rotate(180deg);
}

/* line 306, app/assets/stylesheets/landing-main.scss */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

/* line 317, app/assets/stylesheets/landing-main.scss */
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}

/* line 322, app/assets/stylesheets/landing-main.scss */
.modal.show .modal-dialog {
  transform: none;
}

/* line 326, app/assets/stylesheets/landing-main.scss */
.modal.show {
  display: block;
}

/* line 331, app/assets/stylesheets/landing-main.scss */
.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

@media (min-width: 576px) {
  /* line 331, app/assets/stylesheets/landing-main.scss */
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
}

/* line 343, app/assets/stylesheets/landing-main.scss */
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}

@media (min-width: 576px) {
  /* line 343, app/assets/stylesheets/landing-main.scss */
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
}

/* line 353, app/assets/stylesheets/landing-main.scss */
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

/* line 366, app/assets/stylesheets/landing-main.scss */
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

/* line 375, app/assets/stylesheets/landing-main.scss */
.modal-backdrop.fade {
  opacity: 0;
}

/* line 379, app/assets/stylesheets/landing-main.scss */
.modal-backdrop.show {
  opacity: 0.5;
}

/* line 384, app/assets/stylesheets/landing-main.scss */
.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

/* line 393, app/assets/stylesheets/landing-main.scss */
.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
  opacity: 0.5;
}

/* line 398, app/assets/stylesheets/landing-main.scss */
.modal-header .close:hover {
  opacity: 0.75;
}

/* line 404, app/assets/stylesheets/landing-main.scss */
.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

/* line 409, app/assets/stylesheets/landing-main.scss */
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

/* line 415, app/assets/stylesheets/landing-main.scss */
.modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}

/* line 425, app/assets/stylesheets/landing-main.scss */
.modal-footer > * {
  margin: 0.25rem;
}

@media (min-width: 992px) {
  /* line 430, app/assets/stylesheets/landing-main.scss */
  .modal-lg {
    max-width: 800px;
  }
}

/* line 437, app/assets/stylesheets/landing-main.scss */
.modal-content {
  border: 0;
}

/* line 441, app/assets/stylesheets/landing-main.scss */
.modal-dialog {
  position: relative;
  z-index: 3;
}

/* line 446, app/assets/stylesheets/landing-main.scss */
.modal-header {
  border-bottom: 0;
  padding: 16px;
}

/* line 450, app/assets/stylesheets/landing-main.scss */
.modal-header .modal-title {
  font-family: "SuisseIntl", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 500;
  color: #1a2833;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0px;
  flex-grow: 2;
  margin-left: 38px;
}

/* line 461, app/assets/stylesheets/landing-main.scss */
.modal-header .close {
  display: inline-block;
  cursor: pointer;
  background-image: url(https://assets.yasno.live/assets/x.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
  width: 38px;
  height: 38px;
  background-color: #f3f6f9;
  border-radius: 19px;
  margin-top: -5px;
  margin-right: -5px;
  border: none;
  font-size: 0;
  text-indent: -9999px;
  overflow: hidden;
}

/* line 481, app/assets/stylesheets/landing-main.scss */
.modal-body {
  padding: 16px;
  font-size: 16px;
  line-height: 1.5;
}

/* line 487, app/assets/stylesheets/landing-main.scss */
.modal-footer {
  border-top: 0;
  padding: 16px;
  text-align: center;
}

/* line 492, app/assets/stylesheets/landing-main.scss */
.modal-footer .btn {
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  border: 1px solid #42b2fc;
  background-color: #42b2fc;
  color: #fff;
  transition: all 0.3s;
}

/* line 503, app/assets/stylesheets/landing-main.scss */
.modal-footer .btn:hover {
  background-color: transparent;
  color: #42b2fc;
}