

/* Start:/bitrix/templates/sejaro.pro/template_styles.css?177617405949176*/
* {
  box-sizing: border-box;
  outline: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
}

body,
html {
  background: white;
  color: #1e1e1e;
  text-align: center;
  font-family: Unbounded, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.1px;
  min-width: 320px;
  max-width: 100%;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  min-height: 100vh;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

body.fixed {
  overflow: hidden;
}

html.fixed {
  overflow: hidden;
}

@font-face {
  font-family: "Circe";
  src: url("/bitrix/templates/sejaro.pro/./fonts/Circe/Circe_light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Circe";
  src: url("/bitrix/templates/sejaro.pro/./fonts/Circe/circe.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Circe";
  src: url("/bitrix/templates/sejaro.pro/./fonts/Circe/circe_bold.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Circe";
  src: url("/bitrix/templates/sejaro.pro/./fonts/Circe/circe_extrabold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Circe";
  src: url("/bitrix/templates/sejaro.pro/./fonts/Circe/circe_extrabold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Unbounded";
  src: url("/bitrix/templates/sejaro.pro/./fonts/Unbounded/Unbounded-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Unbounded";
  src: url("/bitrix/templates/sejaro.pro/./fonts/Unbounded/Unbounded-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Unbounded";
  src: url("/bitrix/templates/sejaro.pro/./fonts/Unbounded/Unbounded-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Unbounded";
  src: url("/bitrix/templates/sejaro.pro/./fonts/Unbounded/Unbounded-Bold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Unbounded";
  src: url("/bitrix/templates/sejaro.pro/./fonts/Unbounded/Unbounded-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Onest";
  src: url("/bitrix/templates/sejaro.pro/./fonts/Onest/Onest-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Onest";
  src: url("/bitrix/templates/sejaro.pro/./fonts/Onest/Onest-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Onest";
  src: url("/bitrix/templates/sejaro.pro/./fonts/Onest/Onest-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Onest";
  src: url("/bitrix/templates/sejaro.pro/./fonts/Onest/Onest-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 5px;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #32b4a5;
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

::-webkit-scrollbar-track-piece {
  border-radius: 10px;
  background-color: #ececec;
}

p {
  color: #1e1e1e;
  text-align: center;
  font-family: Unbounded, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: normal;
  margin-top: 20px;
}

.mt-20 {
  margin-top: 20px;
  display: block;
}

.mb-30 {
  margin-bottom: 30px !important;
}

ul+p {
  margin-top: 30px;
}

@media (max-width: 1280px) {
  p {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (max-width: 760px) {
  p {
    font-size: 14px;
    margin-top: 20px;
  }
}

h2 {
  letter-spacing: 0.35px;
}

@media (max-width: 760px) {
  h2 {
    letter-spacing: 0;
  }
}

strong {
  font-weight: 700;
}

.container {
  width: 100%;
  max-width: 1308px;
  margin: 0 auto;
  z-index: 1;
}

@media (max-width: 1024px) {
  .container {
    max-width: 100%;
  }
}

.header {
  margin: 10px auto;
  padding: 0 74px;
  z-index: 20;
}

.header__inner {
  width: 100%;
  height: 80px;
  border-radius: 15px;
  background: rgba(231, 98, 14, 0.8);
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px;
  margin: 0 auto;
}

.logo img {
  width: 137px;
  height: auto;
}

.header__right-section {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}

.header__middle-section {
  display: flex;
  flex-direction: row;
  gap: 25px;
  align-items: center;
}

.header__middle-section a {
  color: #fff;
  font-family: Circe, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
}

.header__middle-section a:hover {
  color: rgba(255, 255, 255, 0.5);
}

.header__adaptive {
  display: none;
}

.header__background {
  display: none;
  background: rgba(30, 30, 30, 0.6);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.action-btn {
  height: 45px;
  padding: 0 20px;
  border-radius: 14px;
  border: 1px solid #fff;
  color: #fff;
  font-family: Unbounded, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.action-btn:hover {
  border-radius: 14px;
  background: #fff;
  color: #32b4a5;
}

@media (max-width: 1440px) {
  .header__inner {
    gap: 64px;
  }
}

@media (max-width: 1280px) {
  .logo img {
    width: 108px;
  }

  .header__inner {
    padding: 0 30px;
  }

  .header__right-section a {
    font-size: 16px;
  }

  .header__middle-section a {
    font-size: 14px;
  }
}

@media (max-width: 800px) {
  .header__inner {
    height: 50px;
    padding: 14px;
  }
}

@media (max-width: 760px) {
  .header {
    padding: 0 38px;
  }

  .header__inner {
    padding: 15px 10px;
  }
}

#menuToggle {
  display: block;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle input {
  display: block;
  width: 30px;
  height: 4px;
  cursor: pointer;
  opacity: 0;
  z-index: 7;
  position: relative;
  -webkit-touch-callout: none;
}

#menuToggle span {
  display: block;
  position: relative;
  background: #fff;
  margin-bottom: 3px;
  height: 2px;
  z-index: 6;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
    background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}

#menuToggle span:nth-last-child(0) {
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
  transform-origin: 0% 100%;
}

#bur1 {
  width: 25px;
  margin-left: auto;
}

#bur2 {
  width: 0;
}

#bur3 {
  width: 15px;
  margin-left: auto;
}

#menuToggle input:checked~span {
  opacity: 1;
  transform: rotate(45deg) translate(0px, -6px);
}

#menuToggle input:checked~span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked~span:nth-last-child(2) {
  opacity: 1;
  transform: rotate(-45deg) translate(0, 7px);
  width: 25px;
}

#menu {
  position: absolute;
  width: 294px;
  min-width: 294px;
  height: 100%;
  top: 0;
  right: 0;
  padding: 30px;
  border-radius: 15px 0px 0px 15px;
  background: rgba(231, 98, 14, 0.8);
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  transform-origin: 0% 0%;
  transform: translate(100%, 0);
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  display: none;
  flex-direction: column;
  gap: 20px;
  margin: 0;
  z-index: 5;
}

#menu ul li {
  color: #fff;
  font-family: Circe, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
}

#menu li:last-child {
  display: flex;
  gap: 5px;
}

#menu li:last-child .action-btn {
  height: 35px;
  width: 82px;
  padding: 0 15px;
  font-size: 12px;
  border-radius: 10px;
}

#menu li {
  padding-left: 15px;
  font-family: Unbounded, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: rgba(50, 180, 165, 1);
  text-decoration: unset;
  text-align: start;
}

#menu li:last-child .action-btn:last-child {
  height: 35px;
  width: 142px;
  padding: 0 15px;
  font-size: 12px;
  border: 1px solid #fff;
  border-radius: 10px;
  color: #fff;
  background: transparent;
  text-align: center;
}

#menu li::before {
  content: none;
}

#menu a {
  text-decoration: none;
}

#menuToggle input:checked,
#menuToggle input:checked~#bur1,
#menuToggle input:checked~#bur3 {
  position: fixed;
}

#menuToggle input:checked~#menu {
  position: fixed;
  display: flex;
  align-items: flex-start;
}

#menuToggle input:checked~ul {
  transform: none;
  opacity: 1;
}

#menuToggle input:checked~.header__background {
  display: flex;
}

@media screen and (max-width: 1000px) {
  .header__adaptive {
    display: block;
  }

  .header__right-section,
  .header__middle-section {
    display: none;
  }

  #menu {
    transform: none;
    opacity: 0;
    transition: opacity 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  }
}

@media screen and (max-width: 760px) {
  #menu {
    width: 256px;
    min-width: 256px;
  }

  #menu li:last-child {
    flex-direction: column;
    gap: 10px;
    width: 100%;
  }

  #menu li:last-child .action-btn {
    width: 100% !important;
  }
}

.footer {
  margin: 10px auto;
  padding: 0 74px;
}

.footer__inner {
  width: 100%;
  height: 204px;
  border-radius: 15px;
  background: rgba(231, 98, 14, 0.8);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 30px 20px;
  margin: 0 auto;
}

.footer__top,
.footer__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.footer__bottom img {
  width: 100%;
  max-width: 120px;
  height: auto;
}

.footer__top {
  border-bottom: 1px solid #b0b0b0;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.footer__bottom p {
  color: #b0b0b0;
  text-align: right;
  font-family: Circe, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.footer__right-section {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}

.footer__middle-section {
  display: flex;
  flex-direction: row;
  gap: 33px;
  align-items: center;
}

.footer__middle-section a {
  color: #fff;
  font-family: Circe, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
}

.footer__middle-section a:hover {
  color: rgba(255, 255, 255, 0.5);
}

.footer__bottom a {
  color: #ffffff;
  text-align: right;
  font-family: Circe, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
}

.footer__bottom a:hover {
  color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 1280px) {
  .footer {
    height: fit-content;
  }

  .footer img {
    width: 120px;
    height: auto;
  }
}

@media (max-width: 1024px) {
  .footer__middle-section a {
    font-size: 16px;
  }
}

@media (max-width: 900px) {
  .footer__inner {
    height: fit-content;
  }

  .footer__top {
    gap: 15px;
    flex-direction: column;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}

@media (max-width: 760px) {
  .footer {
    padding: 0 38px;
  }

  .footer__inner {
    padding: 30px 10px;
  }

  .footer__top {
    gap: 20px;
  }

  .footer__bottom p {
    width: 143px;
    font-size: 12px;
    line-height: 15px;
  }

  .footer__right-section {
    width: 100%;
  }

  .footer__right-section .action-btn {
    width: 100%;
    font-size: 12px;
    height: 35px;
    padding: 0;
  }

  .footer__middle-section {
    gap: 10px;
    flex-direction: column;
  }

  .footer__bottom a {
    text-align: right;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
  }
}

.cookie-modal {
  display: none;
  position: fixed;
  padding: 16px 100px;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  min-height: 72px;
  z-index: 100;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}

.cookie-modal .body {
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
  margin: auto;
}

.cookie-modal .text {
  font-family: Circe;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #707070;
}

.cookie-modal .cookie-modal-ok {
  position: absolute;
  top: 16.5px;
  right: 52px;
  content: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='16.1651' y1='16.164' x2='0.52179' y2='0.520731' stroke='%2332B4A5' stroke-width='1.47486'/%3E%3Cline x1='0.521526' y1='16.1641' x2='16.1648' y2='0.520814' stroke='%2332B4A5' stroke-width='1.47486'/%3E%3C/svg%3E%0A");
  cursor: pointer;
}

.cookie-modal .cookie-modal-ok:hover {
  content: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='16.1651' y1='16.164' x2='0.52179' y2='0.520731' stroke='%23158593' stroke-width='1.47486'/%3E%3Cline x1='0.521526' y1='16.1641' x2='16.1648' y2='0.520814' stroke='%23158593' stroke-width='1.47486'/%3E%3C/svg%3E%0A");
}

@media only screen and (max-width: 767px) {
  .cookie-modal {
    padding: 14px 38px;
  }

  .cookie-modal .body {
    flex-direction: column;
    gap: 16px;
  }

  .cookie-modal .text {
    font-size: 12px;
  }

  .cookie-modal .cookie-modal-ok {
    top: 6px;
    right: 12px;
    width: 12px;
  }
}

.instruction {
  padding: 0 74px;
  text-align: left;
  margin: 0 auto 150px;
}

.instruction table {
  border-spacing: 0;
  border: 2px solid rgba(231, 98, 14, 0.8);
  border-radius: 16px;
  margin-top: 20px;
}

.instruction table thead tr:first-child th:first-child {
  border-top-left-radius: 14px;
}

.instruction table thead tr:first-child th:last-child {
  border-top-right-radius: 14px;
}

.instruction table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 14px;
}

.instruction table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 14px;
}

.instruction table th,
.instruction table td {
  border: 1px solid rgba(231, 98, 14, 0.8);
  border-spacing: 0;
  text-align: left;
  font-family: Circe, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
  color: #1E1E1E;
  padding: 8px;
  text-align: center;
}

.instruction h1 {
  color: #1e1e1e;
  font-family: Unbounded, sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
  text-align: left;
  margin: 90px 0 70px;
}

.instruction h1 span {
  position: relative;
}

.sejaro::after {
  content: url("data:image/svg+xml,%3Csvg width='264' height='11' viewBox='0 0 264 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.0014 9.33056C89.065 1.58346 174.603 -2.65199 262.392 5.14419' stroke='%2332B4A5' stroke-opacity='0.8' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  position: absolute;
  width: 100%;
  left: 0px;
  top: 12px;
  overflow: hidden;
}

.unopen::after {
  content: url("data:image/svg+xml,%3Csvg width='348' height='7' viewBox='0 0 348 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.999766 5.82142C116.663 0.629525 229.404 -1.72383 346.563 5.78969' stroke='%2332B4A5' stroke-opacity='0.8' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  position: absolute;
  width: 100%;
  left: 0px;
  top: 12px;
  overflow: hidden;
}

.instruction p,
.instruction ul li,
.instruction li span,
.instruction p span,
.instruction p a,
.instruction .link {
  text-align: left;
  font-family: Circe, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
  color: #1E1E1E;
}

.instruction p a {
  text-decoration: underline;
}

.instruction .strong,
.instruction strong:not(table strong) {
  color: rgba(231, 98, 14, 0.8);
  font-weight: 500;
  font-family: Circe, sans-serif;
}

.instruction p:has(strong) {
  margin-top: 30px;
}

.strong.theme-color {
  font-family: Unbounded, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: rgba(50, 180, 165, 0.8);
}

.instruction .small {
  font-size: 16px;
}

.instruction .link {
  color: #1e1e1e;
}

.instruction .link:hover {
  color: #32b4a5;
  text-decoration: underline;
}

.instruction p span,
.instruction li span {
  color: rgba(231, 98, 14, 0.8);
  font-family: Circe, sans-serif;
}

.instruction__button {
  width: 210px;
  height: 45px;
  border-radius: 14px;
  border: 2px solid rgba(231, 98, 14, 0.8);
  background: #f3f3f3;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  margin: 30px 0 0;
}

.instruction__button:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21 21.0002L16.657 16.6572M16.657 16.6572C17.3998 15.9143 17.9891 15.0324 18.3912 14.0618C18.7932 13.0911 19.0002 12.0508 19.0002 11.0002C19.0002 9.9496 18.7932 8.90929 18.3912 7.93866C17.9891 6.96803 17.3998 6.08609 16.657 5.34321C15.9141 4.60032 15.0321 4.01103 14.0615 3.60898C13.0909 3.20693 12.0506 3 11 3C9.94936 3 8.90905 3.20693 7.93842 3.60898C6.96779 4.01103 6.08585 4.60032 5.34296 5.34321C3.84263 6.84354 2.99976 8.87842 2.99976 11.0002C2.99976 13.122 3.84263 15.1569 5.34296 16.6572C6.84329 18.1575 8.87818 19.0004 11 19.0004C13.1217 19.0004 15.1566 18.1575 16.657 16.6572Z' stroke='%23e7620e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  position: absolute;
  width: 24px;
  left: 170px;
  top: 8px;
  overflow: hidden;
}

.instruction__button span {
  width: 160px;
  height: 45px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Unbounded, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-radius: 12px 15px 15px 12px;
  background: rgba(231, 98, 14, 0.8);
  right: 2px;
  position: relative;
}

.instruction__button:hover span {
  border-radius: 14px;
  border: 2px solid rgba(231, 98, 14, 0.8);
  background: transparent;
  color: rgba(231, 98, 14, 0.8);
}

.instruction__button:hover {
  border-radius: 14px;
  border: 2px solid rgba(231, 98, 14, 0.8);
  background: transparent;
}

.collapsable__item>details>summary::marker {
  content: none;
  display: none;
}

.collapsable__item>details>summary::-webkit-details-marker {
  content: none;
  display: none;
}

.instruction h2 {
  font-family: Unbounded, sans-serif;
  text-align: left;
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 140%;
  color: rgba(231, 98, 14, 0.8);
  margin-top: 24px;
}

.collapsable__button {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
}

.collapsable__item>details>summary:after {
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  background-image: url("/bitrix/templates/sejaro.pro/./img/icons/plus.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  left: 72px;
  top: 12px;
  content: "";
}

.collapsable__item>details[open]>summary:after {
  background-image: url("/bitrix/templates/sejaro.pro/./img/icons/minus.svg");
}

.collapsable__answer {
  margin-top: 30px;
  max-width: 1050px;
}

.italics {
  font-style: italic !important;
  color: #32b4a5;
}

.italics-def {
  font-style: italic !important;
}

ul {
  margin: 26px 0 0 12px;
  padding: 0;
  list-style-type: none;
}

ul li+li {
  margin-top: 20px;
}

ul li {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
}

ul li::before {
  content: "";
  height: 20px;
  width: 20px;
  min-width: 20px;
  position: absolute;
  top: 3px;
  left: -12px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23FDFDFD'/%3E%3Ccircle cx='10' cy='10' r='9' stroke='%23E7620E' stroke-opacity='0.8' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
}

@media (max-width: 1200px) {
  ul {
    margin: 26px 0 0 12px;
  }

  ul li::before {
    height: 14px;
    width: 14px;
    min-width: 14px;
  }

  ul li {
    padding-left: 15px;
  }

  .instruction h2 {
    font-size: 16px;
    margin-top: 20px;
  }

  .instruction p:has(strong) {
    margin-top: 20px;
  }
}

@media (max-width: 760px) {
  ul {
    margin: 20px 0 0 12px;
  }

  ul li+li {
    margin-top: 14px;
  }

  .instruction h2 {
    font-size: 14px;
    margin-top: 16px;
  }

  .instruction p:has(strong) {
    margin-top: 16px;
  }
}

.instruction ul:not(.slideWrap) li {
  display: block;
  padding-left: 22px;
}

.theme-color {
  color: #32b4a5 !important;
}

.second-theme-color {
  color: rgba(231, 98, 14, 0.8) !important;
}

.bg-theme {
  background: #32b4a5;
}

.default-color {
  color: #1e1e1e !important;
}

.up {
  text-transform: uppercase;
}

.instruction .strong {
  font-weight: 500;
}

.instruction__modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  z-index: 100;
  overflow: auto;
  display: none;
}

.instruction__modal-body {
  width: 1040px;
  height: fit-content;
  padding: 70px 120px;
  border-radius: 15px;
  border: 2px solid #32b4a5;
  background: #f3f3f3;
  margin: 50px auto;
  position: relative;
}

.instruction__modal-body::after {
  content: "+";
  position: absolute;
  width: 40px;
  right: 28px;
  top: 0px;
  overflow: hidden;
  color: #32b4a5;
  font-family: Circe;
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  transform: rotate(45deg);
  cursor: pointer;
}

.instruction__modal img {
  width: 100%;
  height: auto;
}

.instruction__modal--dekstop {
  display: block;
}

.instruction__modal--tablet {
  display: none;
}

.instruction__modal--mobile {
  display: none;
}

@media (max-width: 1440px) {
  .collapsable__item>details>summary:after {
    left: 40px;
  }
}

@media (max-width: 1200px) {
  .instruction {
    margin: 0 auto 100px;
  }

  .instruction h1 {
    margin: 70px 0 50px;
    font-size: 24px;
  }

  .instruction p,
  .instruction ul li,
  .instruction li span,
  .instruction p span,
  .instruction p a,
  .instruction .link {
    font-size: 14px;
  }

  .instruction__modal-body {
    width: 500px;
    padding: 50px 20px;
  }

  .instruction__modal--dekstop {
    display: none;
  }

  .instruction__modal--tablet {
    display: block;
  }

  .instruction__modal-body::after {
    font-size: 40px;
    right: 10px;
  }

  .collapsable__item>details>summary:after {
    left: 0;
    width: 25px;
    height: 25px;
    min-width: 25px;
    min-height: 25px;
  }

  .collapsable__item h2 {
    font-size: 14px;
    line-height: 120%;
  }

  .instruction p span,
  .instruction li span {
    font-size: 14px;
  }
}

@media (max-width: 760px) {
  .instruction {
    margin: 0 auto 50px;
    padding: 0 38px;
  }

  .instruction h1 {
    margin: 50px 0 30px;
    font-size: 20px;
  }

  .instruction p,
  .instruction ul li,
  .instruction li span,
  .instruction p span,
  .instruction p a,
  .instruction .link {
    font-size: 14px;
  }

  .instruction__modal-body {
    width: 260px;
    padding: 30px 20px;
    margin: 30px auto;
  }

  .instruction__modal--tablet {
    display: none;
  }

  .instruction__modal--mobile {
    display: block;
  }

  .instruction__modal-body::after {
    font-size: 30px;
    right: 4px;
  }
}

@media (max-width: 400px) {
  .instruction h1 {
    font-size: 19px;
  }
}

.slider {
  display: flex;
  gap: 20px;
  margin-top: 70px;
}

.instruction__slider {
  position: relative;
  width: 560px;
  height: 600px;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
  margin: 0 auto;
}

.instruction__slider ul {
  position: relative;
  list-style: none;
  height: 100%;
  width: 100000px;
  padding: 0;
  margin: 0;
  display: flex;
}

.instruction__slider ul li::before {
  content: none;
}

.slider ul li {
  position: relative;
  height: fit-content;
  float: left;
}

.slider ul li::before {
  content: none;
}

.slider ul li img,
.slider ul li {
  width: 560px;
  height: auto;
}

.slider li+li {
  margin: 0;
}

.instruction__controls {
  width: 580px;
  height: 600px;
  border-radius: 15px;
  border: 2px solid #32b4a5;
  background: #f3f3f3;
  box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* margin: 0 auto; */
  gap: 20px;
}

.slider__wrap {
  display: none;
}

.slider__item {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.slider__title {
  color: #32b4a5;
  font-family: Unbounded, sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: left;
  margin-top: 0;
  max-width: 520px;
}

.slider__item p,
.slider__item span {
  color: #1e1e1e;
  font-family: Circe, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin-top: 0;
  max-width: 520px;
  text-align: left;
}

.slider__item .sm {
  font-size: 18px;
}

.slider__item span {
  font-style: italic;
}

.slider__buttons {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
}

.slider__numbers {
  width: 100px;
  display: flex;
  justify-content: center;
}

.slider__numbers,
.slider__numbers span {
  color: #32b4a5;
  font-family: Unbounded, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.slider-dots {
  width: 45px !important;
  padding: 2px 0;
}

.instruction-slider-prev::after,
.instruction-slider-next::after {
  position: absolute;
  width: fit-content;
  top: 1px;
  overflow: hidden;
  margin: auto;
  left: 0;
  right: 0;
}

.instruction-slider li+li {
  margin: 0;
}

.instruction-slider li {
  padding: 0;
}

.instruction-slider-prev::after {
  content: url("data:image/svg+xml,%3Csvg width='15' height='13' viewBox='0 0 15 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.94 5.12V7.36H6.06L1.98 7.04V5.42L6.06 5.12H14.94ZM5.98 0.0999992L7.46 1.52L1.94 7.12V5.36L7.46 10.96L5.98 12.38L0.04 6.24L5.98 0.0999992Z' fill='%23007785'/%3E%3C/svg%3E");
}

.instruction-slider-prev:hover:after {
  content: url("data:image/svg+xml,%3Csvg width='15' height='13' viewBox='0 0 15 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.94 5.12V7.36H6.06L1.98 7.04V5.42L6.06 5.12H14.94ZM5.98 0.0999992L7.46 1.52L1.94 7.12V5.36L7.46 10.96L5.98 12.38L0.04 6.24L5.98 0.0999992Z' fill='%23fff'/%3E%3C/svg%3E");
}

.instruction-slider-next::after {
  content: url("data:image/svg+xml,%3Csvg width='16' height='13' viewBox='0 0 16 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.18 5.12H9.06L13.14 5.42V7.04L9.06 7.36H0.18V5.12ZM9.14 0.0999992L15.08 6.24L9.14 12.38L7.66 10.96L13.18 5.36V7.12L7.66 1.52L9.14 0.0999992Z' fill='%23007785'/%3E%3C/svg%3E%0A");
}

.instruction-slider-next:hover:after {
  content: url("data:image/svg+xml,%3Csvg width='16' height='13' viewBox='0 0 16 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.18 5.12H9.06L13.14 5.42V7.04L9.06 7.36H0.18V5.12ZM9.14 0.0999992L15.08 6.24L9.14 12.38L7.66 10.96L13.18 5.36V7.12L7.66 1.52L9.14 0.0999992Z' fill='%23fff'/%3E%3C/svg%3E%0A");
}

.instruction-slider-prev,
.instruction-slider-next {
  width: 40px;
  height: 40px;
  border-radius: 15px;
  border: 2px solid #32b4a5;
  position: relative;
  display: flex;
  cursor: pointer;
}

.instruction-slider-prev:hover,
.instruction-slider-next:hover {
  color: #fff;
  background: #32b4a5;
}

.instruction__table-wrap {
  max-width: 100%;
  overflow-x: auto;
  padding-bottom: 12px;
}

.instruction__table-wrap::-webkit-scrollbar-track-piece {
  border-radius: 10px;
  background-color: #b0b0b0;
}

.instruction__table,
.instruction__table th,
.instruction__table td {
  border: 1px solid #32b4a5;
  border-spacing: 0;
}

.instruction__table {
  max-width: 1160px;
  width: 100%;
  border-radius: 15px;
  border: 1px solid #32b4a5;
  background: rgba(154, 154, 154, 0.1);
  margin-top: 15px;
}

.instruction__table th,
.instruction__table td {
  color: #1e1e1e;
  text-align: center;
  font-family: Circe, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  padding: 20px;
  width: 25%;
}

.instruction__table th:first-child {
  border-radius: 15px 0 0 0;
}

.instruction__table th:last-child {
  border-radius: 0 15px 0 0;
}

.instruction__table tr:last-child td:first-child {
  border-bottom-left-radius: 15px;
}

.instruction__table tr:last-child td:last-child {
  border-bottom-right-radius: 15px;
}

.instruction__table th {
  font-weight: 700;
}

.dose__titration {
  margin: 0 0 24px;
  width: 100%;
}

@media (max-width: 1366px) {
  .slider {
    gap: 8px;
  }

  .slider ul li img,
  .slider ul li {
    width: 542px;
  }

  .instruction__slider {
    width: 542px;
  }

  .instruction__controls {
    height: 581px;
    width: 542px;
  }

  .instruction__slider-item .instruction__slider img {
    width: 542px;
    height: 581px;
  }

  .slider__item p,
  .slider__item span {
    font-size: 19px;
  }

  .slider__item .sm {
    font-size: 18px;
  }
}

@media (max-width: 1249px) {
  .slider {
    flex-direction: column;
    gap: 5px;
    margin-top: 50px;
  }

  .slider ul li img,
  .slider ul li {
    width: 620px;
  }

  .slider ul li p {
    width: 620px;
  }

  .slider__title {
    font-size: 16px;
    max-width: 560px;
  }

  .slider__item p,
  .slider__item span {
    font-size: 14px;
    max-width: 560px;
  }

  .slider__item .sm {
    font-size: 12px;
  }

  .instruction__slider {
    width: 620px;
    height: 660px;
  }

  .instruction__controls {
    width: 620px;
    min-height: 254px;
    height: fit-content;
  }

  .instruction__slider-item .instruction__slider img {
    width: 620px;
    height: 660px;
  }
}

@media (max-width: 1200px) {

  .instruction__table,
  .instruction__table th,
  .instruction__table td {
    border: 1px solid #32b4a5;
  }

  .instruction__table {
    border-radius: 8px;
    max-width: 620px;
  }

  .instruction__table th,
  .instruction__table td {
    font-size: 11px;
    padding: 11px;
  }

  .slider__numbers,
  .slider__numbers span {
    font-size: 14px;
  }

  .instruction__table th:first-child {
    border-radius: 8px 0 0 0;
  }

  .instruction__table th:last-child {
    border-radius: 0 8px 0 0;
  }

  .instruction__table tr:last-child td:first-child {
    border-bottom-left-radius: 8px;
  }

  .instruction__table tr:last-child td:last-child {
    border-bottom-right-radius: 8px;
  }
}

@media (max-width: 760px) {
  .slider {
    margin-top: 20px;
  }

  .slider ul li img,
  .slider ul li {
    width: 300px;
  }

  .slider ul li p {
    width: 300px;
    margin-top: 0;
  }

  .instruction__slider {
    width: 300px;
    height: 330px;
  }

  .instruction__controls {
    width: 300px;
    min-height: unset;
    height: fit-content;
    justify-content: flex-start;
    padding: 20px;
  }

  .slider__title,
  .slider__item p,
  .slider__item span {
    max-width: 260px;
  }

  .slider__buttons {
    order: 1;
    margin: 0 auto;
  }

  .slider__wrap {
    order: 2;
  }

  .dose__titration--sema {
    content: url("/bitrix/templates/sejaro.pro/./img/images/dose__titration--seja-m.png");
    margin: 20px auto;
    max-width: 299px;
  }
}

.main__slider {
  display: flex;
  justify-content: center;
  gap: 0;
  margin: 0 auto 100px;
}

.instruction__slider-item {
  display: flex;
  justify-content: space-between;
  gap: 0;
  margin: 70px auto 100px;
}

.main__slider-photo {
  width: 206px;
  height: 600px;
  border-radius: 15px 0px 0px 15px;
  border: 2px solid #32b4a5;
  background: #fff;
  padding: 25px 35px;
  cursor: pointer;
  z-index: 1;
}

.main__slider-photo img {
  width: 100%;
}

.main__slider-photo--desktop {
  display: block;
}

.main__slider-photo--tablet,
.main__slider-photo--mobile {
  display: none;
}

.main__slider .instruction__controls {
  width: 408px;
  height: 600px;
  border-radius: 0px 15px 15px 0px;
  border: 2px solid #32b4a5;
  background: #f3f3f3;
  box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.05);
  z-index: 1;
}

.main__slider-title h2 {
  color: #1e1e1e;
  font-family: Unbounded, sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 170%;
  text-transform: uppercase;
  text-align: left;
}

.main__slider-title span {
  position: relative;
}

.main__slider-title span:after {
  /* content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='214' height='11' viewBox='0 0 214 11' fill='none'%3E%3Cpath d='M1.00005 9.26955C72.3101 2.34423 141.599 -1.71669 212.801 3.95633' stroke='%23007785' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); */
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='285' height='11' viewBox='0 0 285 11' fill='none'%3E%3Cpath d='M1.01454 9.88644C95.5569 2.59151 187.656 -1.81711 283.167 3.54079' stroke='%23007785' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  position: absolute;
  width: 100%;
  left: -12px;
  top: 12px;
}

.slider__item a {
  width: 152px;
  height: 45px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: #32b4a5;

  color: #fff;
  font-family: Unbounded, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.main__slider .instruction__slider {
  margin: 0 -12px 0;
}

.main__slider li+li {
  margin: 0;
}

.main__slider .slider__item--dekstop {
  display: block;
}

.main__slider .slider__item--adaptive {
  display: none;
}

@media (max-width: 1366px) {
  .main__slider .instruction__slider {
    width: 560px;
    height: 600px;
  }

  .main__slider .slider__item p,
  .main__slider .slider__item span {
    font-size: 20px;
    max-width: 520px;
  }

  .main__slider .slider__title {
    font-size: 22px;
    max-width: 520px;
  }
}

@media (max-width: 1240px) {

  .main__slider,
  .instruction__slider-item {
    flex-wrap: wrap;
    gap: 10px;
    margin: 50px auto 70px;
    justify-content: center;
  }

  .main__slider-title h2 {
    font-size: 24px;
    line-height: 150%;
  }

  .main__slider-title span:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='164' height='8' viewBox='0 0 164 8' fill='none'%3E%3Cpath d='M1.81896 5.57216C56.4814 0.894172 109.269 -1.01526 162.31 6.74996' stroke='%23007785' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    left: 0;
  }

  .main__slider .instruction__slider {
    order: 1;
    width: 460px;
    height: 492px;
    margin: 0;
  }

  .main__slider .instruction__slider img {
    width: 460px;
    height: 492px;
  }

  .main__slider-photo {
    order: 2;
    padding: 20px;
    width: 150px;
    height: 492px;
    border-radius: 10px;
  }

  .main__slider .instruction__controls {
    order: 3;
    width: 620px;
    min-height: 370px;
    height: fit-content;
    border-radius: 10px;
  }

  .main__slider-photo--desktop {
    display: none;
  }

  .main__slider-photo--tablet {
    display: block;
  }

  .slider__item a {
    width: 138px;
    font-size: 14px;
  }

  .main__slider .slider__item--dekstop {
    display: none;
  }

  .main__slider .slider__item--adaptive {
    display: block;
  }

  .main__slider .slider__item p,
  .main__slider .slider__item span {
    font-size: 14px;
  }

  .main__slider .slider__title {
    font-size: 16px;
  }
}

@media (max-width: 760px) {

  .main__slider,
  .instruction__slider-item {
    width: 300px;
    gap: 5px;
    margin: 30px auto 50px;
  }

  .main__slider-title h2 {
    font-size: 20px;
  }

  .main__slider-title span:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='138' height='8' viewBox='0 0 138 8' fill='none'%3E%3Cpath d='M1.72105 6.40268C47.9995 1.31406 92.5017 -1.02012 136.517 6.21359' stroke='%23007785' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  }

  .main__slider .instruction__slider {
    width: 220px;
    height: 242px;
  }

  .main__slider .instruction__slider img {
    width: 220px;
    height: 242px;
    border: 1px solid #32b4a5;
    border-radius: 8px;
  }

  .instruction__slider-item .instruction__slider img {
    width: 300px;
    height: 325px;
    border: 1px solid #32b4a5;
    border-radius: 8px;
  }

  .main__slider-photo {
    padding: 8px 10px;
    width: 75px;
    height: 242px;
  }

  .main__slider .instruction__controls {
    width: 300px;
    min-height: unset;
    height: fit-content;
  }

  .main__slider-photo--tablet {
    display: none;
  }

  .main__slider-photo--mobile {
    display: block;
  }

  .slider__item a {
    width: 124px;
    height: 38px;
    font-size: 12px;
  }
}

@media (max-width: 400px) {
  .main__slider-title h2 {
    font-size: 19px;
  }
}

.instruction__contents {
  margin-top: 30px;
}

.contents {
  counter-reset: contents-counter;
  list-style: none;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-height: 480px;
  margin: 20px auto 30px;
  gap: 10px;
  padding: 20px 0;
  border-top: 2px solid rgba(50, 180, 165, 0.8);
  border-bottom: 2px solid rgba(50, 180, 165, 0.8);
}

.contents li {
  counter-increment: contents-counter;
  display: flex;
  align-items: center;
  max-width: 596px;
  width: 100%;
}

.contents a {
  font-family: Unbounded, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: rgba(50, 180, 165, 0.8);
  text-decoration: unset;
}

.contents a:hover {
  font-weight: 500;
  text-decoration-line: underline;
}

.contents li::before {
  content: counter(contents-counter);
  display: inline-block;
  width: 40px;
  border: 2px solid rgba(50, 180, 165, 0.8);
  border-radius: 15px;
  font-family: Unbounded, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 25px;
  color: rgba(50, 180, 165, 0.8);
  text-align: center;
  vertical-align: middle;
  padding: 6px 0;
  margin-right: 15px;
}

.contents li:hover::before {
  background: rgba(50, 180, 165, 0.8);
  color: #ffffff;
}

@media (max-width: 1240px) {
  .contents {
    max-height: unset;
    gap: 6px;
  }

  .contents a {
    font-size: 14px;
    line-height: 16px;
  }

  .contents li::before {
    width: 28px;
    font-size: 16px;
    line-height: 20px;
    padding: 4px 0;
  }
}

@media (max-width: 760px) {
  .contents {
    margin: 10px auto 20px;
    padding: 10px 0;
  }

  .contents li::before {
    width: 24px;
    min-width: 24px;
    font-size: 12px;
    line-height: 12px;
    padding: 7px 0;
  }

  .contents a {
    font-size: 13px;
    line-height: 14px;
  }
}

.instruction-back {
  width: 100%;
  position: relative;
}

.instruction-back img {
  position: absolute;
  bottom: -220px;
  right: 0;
}

.land-start {
  width: 100%;
  margin: 140px auto 150px;
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
}

.land-start__btns {
  margin-top: 64px;
  display: flex;
  gap: 32px;
  flex-wrap: wrap;
}

.land-start__btns p {
  margin: 0;
  font-family: Onest;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 138%;
  text-align: center;
  letter-spacing: 0.01em;
}

.l-btns-left {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}

.l-btns-left p {
  margin: 0 0 6px;
}

.l-btns-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.land-start-img {
  width: 529px;
  height: 821px;
  margin: 24px 0 0;
  object-fit: contain;
}

.land-app-img--mob,
.land-start-img--mob {
  display: none;
}

.landing-btn img {
  display: block;
  transition: transform 0.3s ease;
}

.landing-btn:hover img {
  transform: scale(0.95);
}

.app-store-btn {
  width: 234px;
  height: 78px;
}

.ru-store-btn {
  width: 262px;
  height: 78px;
}

.app-store-btn-st {
  height: 88px;
}

.land-start h1 {
  font-family: Unbounded, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 36px;
  line-height: 138%;
  color: #000000;
  letter-spacing: 0.01em;
  text-transform: initial;
  margin: 0;
}

.land-start h2 {
  font-weight: 400;
  line-height: 138%;
  letter-spacing: 0.01em;
  margin-top: 30px;
  color: #01979B;
}

.land-start ul {
  margin: 30px 0 0 12px;
}

.land-start ul li {
  padding-left: 12px;
  font-family: Onest, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 138%;
  letter-spacing: 0.01em;
  color: #0F1115;
}

.land-start ul li::before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='8' fill='%2332B4A5' fill-opacity='0.8'/%3E%3C/svg%3E%0A");
  top: 5px;
  width: 16px;
  min-width: 16px;
  height: 16px;
}

.land-start ul li strong {
  color: #000000;
  font-family: Onest, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 138%;
  letter-spacing: 0.01em;
}

.land-qr {
  padding: 18px;
  background: #ffffff;
  max-width: 236px;
  width: 100%;
  height: 236px;
  border-radius: 22px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.land-qr img {
  width: 199px;
}

@media (max-width: 1440px) {
  .land-start {
    gap: 24px;
  }

  .land-start-img {
    max-width: 400px;
  }
}

@media (max-width: 1200px) {
  .land-app-img {
    display: none;
  }

  .land-app-img--mob {
    display: block;
    margin: 0 auto 24px;
    width: 326px;
    height: 319px;
    object-fit: contain;
  }

  .land-app__btns {
    margin-top: 24px;
  }

  .app-store-btn {
    width: 264px;
    height: 88px;
  }

  .ru-store-btn {
    width: 262px;
  }

  .land-start {
    flex-direction: column;
    margin-top: 50px;
  }

  .land-start-img--mob {
    width: 182px;
    height: 282px;
    display: block;
    margin: 24px auto;
  }

  .land-start-img {
    display: none;
  }

  .land-start__btns {
    margin: 0 auto;
    justify-content: center;
    gap: 24px;
  }

  .land-start ul li,
  .land-start ul li strong,
  .land-start__btns p {
    font-size: 16px;
  }

  .land-start h1 {
    font-size: 24px;
  }
}

@media (max-width: 760px) {
  .land-start__btns {
    flex-direction: column;
  }

  .land-start ul li,
  .land-start ul li strong,
  .land-start__btns p {
    font-size: 14px;
  }

  .land-start h1 {
    font-size: 20px;
  }

  .land-start h2 {
    margin-top: 16px;
  }

  .land-start ul {
    margin: 16px 0 0 12px;
  }
}

.desktop {
  display: block;
}

.tablet {
  display: none;
}

.mobile {
  display: none;
}

@media (max-width: 1200px) {
  .desktop {
    display: none;
  }

  .tablet {
    display: block;
  }

  .mobile {
    display: none;
  }
}

@media (max-width: 760px) {
  .desktop {
    display: none;
  }

  .tablet {
    display: none;
  }

  .mobile {
    display: block;
  }
}

.not-found {
  padding: 0 74px;
  margin: 130px auto 150px;
}

.not-found .mobile {
  display: none;
}

.not-found__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.not-found__inner p {
  color: #1e1e1e;
  text-align: center;
  font-family: Circe, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  margin-top: 30px;
  max-width: 840px;
}

.not-found__inner a {
  width: 260px;
  height: 62px;
  background: #32b4a5;
  border-radius: 14px;
  border: 1px solid #fff;
  margin: 40px auto 0;
  padding: 20px;

  color: #fff;
  text-align: center;
  font-family: Unbounded, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: center;
  text-decoration: none;
}

.not-found__inner a:hover {
  background: transparent;
  border: 2px solid #32b4a5;
  color: #32b4a5;
  padding: 18px;
}

.not-found__inner img {
  width: 100%;
}

@media (max-width: 800px) {
  .not-found {
    margin: 70px auto 100px;
  }

  .not-found__inner p {
    max-width: 600px;
    font-size: 14px;
    line-height: normal;
  }

  .not-found__inner a {
    width: 300px;
    height: 50px;
    padding: 14px;
  }
}

@media (max-width: 500px) {
  .not-found {
    padding: 0 38px;
  }

  .not-found .dekstop {
    display: none;
  }

  .not-found .mobile {
    display: block;
  }

  .not-found__inner p {
    margin-top: 20px;
  }

  .not-found__inner a {
    width: 100%;
    height: 50px;
  }
}

.terms-of-use {
  padding: 0 74px;
  margin: 70px auto 100px;
}

.terms-of-use__title {
  color: #1e1e1e;
  font-family: Unbounded, sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  text-align: left;
  text-transform: uppercase;
  margin: 0 0 80px;
}

.terms-of-use__title span {
  position: relative;
}

.terms-of-use__title span:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='339' height='8' viewBox='0 0 339 8' fill='none'%3E%3Cpath d='M1.31955 2.91049C113.577 0.27385 223.098 -0.323443 337.282 6.31264' stroke='%23007785' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  position: absolute;
  width: 100%;
  left: 0px;
  top: 12px;
  overflow: hidden;
}

.terms-of-use__use-span span:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='610' height='10' viewBox='0 0 610 10' fill='none'%3E%3Cpath d='M1.03165 2.50478C203.534 0.689928 401.308 0.900488 608.266 8.40125' stroke='%23007785' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  position: absolute;
  width: 100%;
  left: 0px;
  top: 12px;
  overflow: hidden;
}

.terms-of-use .paragraph-wrapper {
  max-width: 1218px;
  margin: 0 auto;
}

.terms-of-use h3 {
  color: #32b4a5;
  font-family: Circe, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  text-align: left;
  margin-top: 30px;
}

.terms-of-use p {
  color: #1e1e1e;
  font-family: Circe, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  margin-top: 20px;
}

.terms-of-use a {
  color: #1e1e1e;
  text-align: center;
  font-family: Circe, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  margin-bottom: 30px;
  text-align: left;
  text-decoration: none;
}

.terms-of-use a:hover {
  text-decoration: underline;
  color: #32b4a5;
}

@media (max-width: 1280px) {
  .terms-of-use {
    margin: 100px auto;
  }

  .terms-of-use h1 {
    font-size: 24px;
    line-height: normal;
    margin: 0 0 40px;
  }

  .terms-of-use h3 {
    font-size: 18px;
    line-height: 28px;
    margin-top: 20px;
  }

  .terms-of-use p,
  .terms-of-use a {
    font-size: 18px;
    line-height: 28px;
    margin-top: 20px;
  }

  .terms-of-use__title span:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='219' height='7' viewBox='0 0 219 7' fill='none'%3E%3Cpath d='M1.23608 4.7781C73.7704 1.33148 144.402 -0.0650623 217.546 5.70463' stroke='%23007785' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  }

  .terms-of-use__use-span span:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='408' height='9' viewBox='0 0 408 9' fill='none'%3E%3Cpath d='M1.33315 3.82491C136.609 1.12638 268.652 0.471028 406.559 7.05514' stroke='%23007785' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  }
}

@media (max-width: 800px) {
  .terms-of-use {
    margin: 50px auto 100px;
  }

  .terms-of-use h1 {
    font-size: 20px;
    margin: 0 0 30px;
  }

  .terms-of-use h3 {
    font-size: 14px;
    line-height: 24px;
    margin-top: 14px;
  }

  .terms-of-use p,
  .terms-of-use a {
    font-size: 14px;
    line-height: 24px;
    margin-top: 14px;
  }

  .terms-of-use a {
    font-size: 14px;
  }
}

@media (max-width: 760px) {
  .terms-of-use {
    padding: 0 38px;
  }

  .terms-of-use__title span:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='187' height='6' viewBox='0 0 187 6' fill='none'%3E%3Cpath d='M1.66797 4.65886C63.596 0.904797 123.831 -0.796516 185.956 4.63769' stroke='%23007785' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  }

  .terms-of-use__use-span span:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='292' height='7' viewBox='0 0 292 7' fill='none'%3E%3Cpath d='M1.46773 5.31396C97.9557 1.41509 192.064 -0.415822 290.081 4.92619' stroke='%23007785' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  }
}

@media (max-width: 400px) {
  .terms-of-use h1 {
    font-size: 18px;
  }
}
/* End */
/* /bitrix/templates/sejaro.pro/template_styles.css?177617405949176 */
