@charset "UTF-8";
/*
Theme Name: Технадзор
Author: JB Studio
Description: Тема для сайта Технадзор
Version: 1.0
*/
/* Import fonts */
@font-face {
  font-family: "Inter Tight";
  src: url("assets/fonts/InterTight-Medium.ttf");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter Tight";
  src: url("assets/fonts/InterTight-Regular.ttf");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* Functions pxToRem(32px) and more */
:root {
  --color--black: #111111;
  --color--dark-gray: #888888;
  --color--gray: #eeeeee;
  --color--light-gray: #f6f6f6;
  --color--white: #ffffff;
  --color--green: #3aaa35;
  --color--dark-green: #269621;
  --color--telegram: #27AAEB;
  --color--whatsapp: #07DC42;
}

/*example font-size:30px;  font-size:pxToRem(30); */
/* All variables scss and css */
/* Helper classes example .hidden, .active, .visible... */
/* Defaults all html tags h1-h6, p, ul... and reset styles */
/* Functions pxToRem(32px) and more */
/* Functions pxToRem(32px) and more */
:root {
  interpolate-size: allow-keywords;
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  margin: 0;
  padding: 0;
}

*,
*::after,
*::before {
  box-sizing: border-box;
}

*::-webkit-scrollbar {
  height: 12px;
  width: 12px;
}

*::-webkit-scrollbar-thumb {
  background-color: #111111;
  border-radius: 5px;
  border: 3px solid transparent;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

html {
  font-family: "Inter Tight", sans-serif;
  font-size: 1.112vw;
  font-weight: 500;
  letter-spacing: 0;
  color: #111111;
}
@media (max-width: 768px) {
  html {
    font-size: 4.445vw;
  }
}

html,
body {
  height: 100%;
  scrollbar-gutter: stable;
}

body {
  background-color: #f6f6f6;
}

h1 {
  font-size: 3.5rem;
  line-height: 100%;
  font-weight: 500;
}
@media (max-width: 768px) {
  h1 {
    font-size: 2.5rem;
    line-height: 100%;
    font-weight: 500;
  }
}

h2 {
  font-size: 2.5rem;
  line-height: 120%;
  font-weight: 500;
}
@media (max-width: 768px) {
  h2 {
    font-size: 1.75rem;
    line-height: 120%;
    font-weight: 500;
  }
}

h3 {
  font-size: 2rem;
  line-height: 120%;
  font-weight: 500;
}
@media (max-width: 768px) {
  h3 {
    font-size: 1.375rem;
    line-height: 120%;
    font-weight: 500;
  }
}

h4 {
  font-size: 1.5rem;
  line-height: 120%;
  font-weight: 500;
}
@media (max-width: 768px) {
  h4 {
    font-size: 1.375rem;
    line-height: 120%;
    font-weight: 500;
  }
}

a {
  color: inherit;
  text-decoration: none;
}
a:focus-visible {
  outline: 0;
}

ul {
  margin-left: 1.5rem;
}

input:not([type=checkbox]):not([type=radio]),
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0;
}

input::-ms-clear {
  display: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

/* Cross-browser styles for scrollbar */
html:has(body.webkit-browser)::-webkit-scrollbar, html:has(body.webkit-browser) *::-webkit-scrollbar {
  width: 8px; /* Ширина всего элемента навигации */
}
html:has(body.webkit-browser)::-webkit-scrollbar-track, html:has(body.webkit-browser) *::-webkit-scrollbar-track {
  background: #f6f6f6; /* Цвет дорожки */
}
html:has(body.webkit-browser)::-webkit-scrollbar-thumb, html:has(body.webkit-browser) *::-webkit-scrollbar-thumb {
  background-color: #269621; /* Цвет бегунка */
  border-radius: 0; /* Округление бегунка */
}

html:has(body.not-webkit-browser), html:has(body.not-webkit-browser) * {
  scrollbar-color: #269621 #f6f6f6;
  scrollbar-width: thin;
}

/* Custom styles for plugin classes and classes wp example .fancybox and more */
/* Functions pxToRem(32px) and more */
.jb--formatted-list {
  list-style: none;
  margin: 0;
}

.jb--nav-menu {
  width: 39.375rem;
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  border-radius: 3.75rem;
  z-index: 2;
}
@media (max-width: 768px) {
  .jb--nav-menu {
    display: none;
  }
}
.jb--nav-menu li a {
  color: #111111;
  display: inline-block;
  padding: 1.1875rem 0.9375rem;
  transition: color 0.2s ease;
  font-size: 1rem;
  line-height: 140%;
  font-weight: 400;
}
.jb--nav-menu li a:hover {
  color: #3aaa35;
}

.jb--anchor {
  pointer-events: none;
  transform: translateY(-5rem);
}
@media (max-width: 768px) {
  .jb--anchor {
    transform: translateY(-4.6875rem);
  }
}

.jb--text-h1-laptop {
  font-size: 3.5rem;
  line-height: 100%;
  font-weight: 500;
}
.jb--text-h1-mobile {
  font-size: 2.5rem;
  line-height: 100%;
  font-weight: 500;
}
.jb--text-h2-laptop {
  font-size: 2.5rem;
  line-height: 120%;
  font-weight: 500;
}
.jb--text-h2-mobile {
  font-size: 1.75rem;
  line-height: 120%;
  font-weight: 500;
}
.jb--text-h3-laptop {
  font-size: 2rem;
  line-height: 120%;
  font-weight: 500;
}
.jb--text-h3-mobile {
  font-size: 1.375rem;
  line-height: 120%;
  font-weight: 500;
}
.jb--text-h4-laptop {
  font-size: 1.5rem;
  line-height: 120%;
  font-weight: 500;
}
.jb--text-h1-laptop span, .jb--text-h1-mobile span, .jb--text-h2-laptop span, .jb--text-h2-mobile span, .jb--text-h3-laptop span, .jb--text-h3-mobile span, .jb--text-h4-laptop span {
  color: #888888;
}
.jb--text-regular-laptop {
  font-size: 1rem;
  line-height: 140%;
  font-weight: 400;
}
.jb--text-regular-mobile {
  font-size: 0.75rem;
  line-height: 140%;
  font-weight: 400;
}
.jb--text-big-regular-laptop {
  font-size: 1.125rem;
  line-height: 140%;
  font-weight: 400;
}
.jb--text-big-medium-laptop {
  font-size: 1.125rem;
  line-height: 140%;
  font-weight: 500;
}
.jb--text-big-medium-mobile {
  font-size: 0.875rem;
  line-height: 140%;
  font-weight: 500;
}
.jb--text-medium-laptop {
  font-size: 1rem;
  line-height: 120%;
  font-weight: 500;
}
.jb--text-small-regular-laptop {
  font-size: 0.875rem;
  line-height: 140%;
  font-weight: 400;
}

.jb--callback {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
}
@media (max-width: 768px) {
  .jb--callback {
    gap: 0.3125rem;
  }
}
.jb--callback a {
  display: inline-flex;
}

@media (max-width: 768px) {
  .jb--mobile-menu-opened {
    overflow: hidden;
  }
}

.jb--link-hover:hover {
  opacity: 0.85;
}

/* Fancybox custom styles */
.fancybox__slide.has-html:has(.jb-modal-callback) {
  padding: 0;
}

/* Template parts*/
/* Functions pxToRem(32px) and more */
.jb-section {
  width: 100%;
  padding: 0.625rem 0;
}
.jb-section_header {
  position: fixed;
  z-index: 9;
  transform: translateY(-6.25rem);
  transition: transform 0.2s ease;
}
.jb--fixed-header .jb-section_header {
  transform: translateY(0);
}
@media (max-width: 768px) {
  .jb-section_header {
    transform: translateY(0);
  }
  .jb--fixed-header .jb-section_header {
    transform: translateY(0);
  }
  .jb-section_header + main {
    padding-top: 4.375rem;
  }
}
.jb-section_promo {
  padding-top: 1.25rem;
}
@media (max-width: 768px) {
  .jb-section_promo {
    padding-top: 0;
  }
}
.jb-section_quiz {
  padding-bottom: 1.875rem;
}
@media (max-width: 768px) {
  .jb-section_quiz {
    padding-bottom: 1.25rem;
  }
}
.jb-section_mistakes-second, .jb-section_reviews, .jb-section_faq {
  padding: 1.875rem 0;
}
@media (max-width: 768px) {
  .jb-section_mistakes-second, .jb-section_reviews, .jb-section_faq {
    padding: 1.25rem 0;
  }
}
.jb-section_footer {
  padding: 1.875rem 0;
}
.jb-section_contacts-second {
  padding: 1.875rem 0 0 0;
}
@media (max-width: 768px) {
  .jb-section_contacts-second {
    padding: 1.25rem 0 0 0;
  }
}
.jb-section_page, .jb-section_404 {
  padding: 0;
}

/* Functions pxToRem(32px) and more */
.jb-container {
  width: 100%;
  height: 100%;
  padding: 0 1.25rem;
}
@media (max-width: 768px) {
  .jb-container {
    padding: 0 0.625rem;
  }
}

/* Functions pxToRem(32px) and more */
.jb-btn__green {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 5rem;
  padding: 1.71875rem 4.9375rem;
  border-radius: 3.75rem;
  transition: background-color 0.2s ease;
  background-color: #3aaa35;
  color: #ffffff;
  cursor: pointer;
  font-size: 1.125rem;
  line-height: 140%;
  font-weight: 500;
}
.jb-btn__green:hover {
  background-color: #269621;
}
.jb-btn__green[disabled] {
  background-color: rgb(51, 51, 51);
  color: #888888;
}
@media (max-width: 768px) {
  .jb-btn__green {
    height: 3.75rem;
    padding: 1.34375rem 2.8125rem;
    font-size: 0.875rem;
    line-height: 140%;
    font-weight: 500;
  }
}
.jb-btn__gray {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #eeeeee;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.jb-btn__gray svg {
  width: 1.5rem;
  height: 1.5rem;
  transition: transform 0.2s ease;
}
.jb-btn__gray svg path {
  transition: stroke 0.2s ease;
}
.jb-btn__gray:hover {
  background-color: #3aaa35;
}
.jb-btn__gray:hover svg path {
  fill: #ffffff;
  stroke: #ffffff;
}
.jb-btn__accordion {
  width: 3.125rem;
  flex-shrink: 0;
  height: 3.125rem;
  border-radius: 6.25rem;
}
@media (max-width: 768px) {
  .jb-btn__accordion {
    width: 2.5rem;
    height: 2.5rem;
  }
}
.opened .jb-btn__accordion {
  background-color: #3aaa35;
}
.opened .jb-btn__accordion svg {
  transform: rotate(45deg);
}
.opened .jb-btn__accordion svg path {
  stroke: #ffffff;
}
.jb-btn__navigation {
  width: 3.75rem;
  flex-shrink: 0;
  height: 3.75rem;
  border-radius: 0.625rem;
}
.jb-btn__play {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 6.25rem;
  backdrop-filter: blur(1.125rem);
  -webkit-backdrop-filter: blur(1.125rem);
  cursor: pointer;
}
.jb-btn__play svg {
  width: 1.5rem;
  height: 1.5rem;
}
.jb-btn__play svg path {
  transition: fill 0.2s ease;
}
.jb-btn__play:hover svg path {
  fill: #3aaa35;
}
.jb-btn__phone, .jb-btn__telegram, .jb-btn__whatsapp {
  height: 5rem;
  display: inline-flex;
  border-radius: 3.75rem;
  transition: background-color 0.2s ease;
}
@media (max-width: 768px) {
  .jb-btn__phone, .jb-btn__telegram, .jb-btn__whatsapp {
    height: 3.75rem;
  }
}
.jb-btn__phone {
  padding: 1.5rem 2.40625rem;
  gap: 0.625rem;
  justify-content: center;
  align-items: center;
  font-size: 1.125rem;
  line-height: 140%;
  font-weight: 500;
}
@media (max-width: 768px) {
  .jb-btn__phone {
    padding: 1.125rem 0.96875rem;
    gap: 0.3125rem;
    font-size: 0.875rem;
    line-height: 140%;
    font-weight: 500;
  }
}
.jb-btn__phone svg {
  width: 2rem;
  height: 2rem;
}
@media (max-width: 768px) {
  .jb-btn__phone svg {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.jb-btn__phone svg path {
  transition: fill 0.2s ease;
}
.jb-btn__phone-white {
  background-color: #ffffff;
}
.jb-btn__phone-white svg path {
  fill: #111111;
}
.jb-btn__phone-white span {
  color: #111111;
}
.jb-btn__phone-black {
  background-color: #111111;
}
.jb-btn__phone-black svg path {
  fill: #ffffff;
}
.jb-btn__phone-black span {
  color: #ffffff;
}
.jb-btn__phone-green {
  background-color: #3aaa35;
}
.jb-btn__phone-green svg path {
  fill: #ffffff;
}
.jb-btn__phone-green span {
  color: #ffffff;
}
.jb-btn__phone:hover {
  background-color: #269621;
}
.jb-btn__phone:hover svg path {
  fill: #ffffff;
}
.jb-btn__phone:hover span {
  color: #ffffff;
}
.jb-btn__telegram, .jb-btn__whatsapp {
  width: 5rem;
  padding: 1.5rem;
}
@media (max-width: 768px) {
  .jb-btn__telegram, .jb-btn__whatsapp {
    width: 3.75rem;
    padding: 1.125rem;
  }
}
.jb-btn__telegram {
  background-color: #27AAEB;
}
.jb-btn__telegram:hover {
  background-color: rgb(57, 188, 235);
}
.jb-btn__whatsapp {
  background-color: #07DC42;
}
.jb-btn__whatsapp:hover {
  background-color: rgb(27, 240, 66);
}
.jb-btn__avito {
  z-index: 1;
  flex: 0 0 auto;
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(1.125rem);
  -webkit-backdrop-filter: blur(1.125rem);
  border-radius: 0.9375rem;
  padding: 1.375rem 1.25rem;
  align-self: flex-end;
}
@media (max-width: 768px) {
  .jb-btn__avito {
    border-radius: 0.625rem;
    padding: 0.6875rem 0.625rem;
  }
}
.jb-btn__avito > img {
  width: 9.75rem;
  height: 2.5rem;
}
@media (max-width: 768px) {
  .jb-btn__avito > img {
    width: 4.875rem;
    height: 1.25rem;
  }
}
.jb-btn__avito:hover {
  opacity: 1;
}
.jb-btn__tab {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  border-radius: 0.625rem;
  width: 21.25rem;
  height: 3.75rem;
  font-size: 1.5rem;
  line-height: 120%;
  font-weight: 500;
  color: #888888;
  transition: color 0.2s ease;
  cursor: pointer;
}
@media (max-width: 768px) {
  .jb-btn__tab {
    width: 50%;
    height: 3.125rem;
    font-size: 0.875rem;
    line-height: 140%;
    font-weight: 500;
    text-align: center;
  }
}
.jb-btn__tab br {
  display: none;
}
@media (max-width: 768px) {
  .jb-btn__tab br {
    display: block;
  }
}
.jb-btn__tab.active {
  color: #111111;
}
.jb-btn__tab:hover {
  color: #3aaa35;
}
.jb-btn__mobile-menu {
  display: none;
  justify-content: center;
  align-items: center;
  background-color: #111111;
  border-radius: 6.25rem;
  width: 2.5rem;
  height: 2.5rem;
  transition: background-color 0.2s ease;
  cursor: pointer;
}
@media (max-width: 768px) {
  .jb-btn__mobile-menu {
    display: flex;
  }
}
.jb-btn__mobile-menu svg {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  transition: opacity 0.2s ease;
}
.jb-btn__mobile-menu svg:first-child {
  opacity: 1;
}
.jb-btn__mobile-menu svg:last-child {
  opacity: 0;
}
.jb--mobile-menu-opened .jb-btn__mobile-menu svg:first-child {
  opacity: 0;
}
.jb--mobile-menu-opened .jb-btn__mobile-menu svg:last-child {
  opacity: 1;
}
.jb-btn__mobile-menu:hover {
  background-color: #3aaa35;
}
.jb-btn__modal-close {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #3aaa35;
  border-radius: 6.25rem;
  width: 3.125rem;
  height: 3.125rem;
  transition: background-color 0.2s ease;
  cursor: pointer;
}
.jb-btn__modal-close svg {
  width: 1.5rem;
  height: 1.5rem;
}
.jb-btn__modal-close:hover {
  background-color: #269621;
}

/* Functions pxToRem(32px) and more */
.jb-swiper__slide {
  position: relative;
  overflow: hidden;
  border-radius: 1.25rem;
}
.jb-swiper__slide_tall {
  width: 18.75rem;
  height: 33.75rem;
}
@media (max-width: 768px) {
  .jb-swiper__slide_tall {
    width: 16.25rem;
    height: 29.375rem;
  }
}
.jb-swiper__slide_square {
  display: flex;
  flex-direction: column;
  width: 22.5rem;
  height: 22.5rem;
  padding: 1.25rem;
  background-color: #ffffff;
}
@media (max-width: 768px) {
  .jb-swiper__slide_square {
    width: 17.5rem;
    height: 25rem;
  }
}
.jb-swiper__slide-video {
  width: 100%;
  height: 100%;
}
.jb-swiper__slide-video img {
  width: inherit;
  height: inherit;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.jb-swiper__slide-play {
  width: 5rem;
  height: 5rem;
}
@media (max-width: 768px) {
  .jb-swiper__slide-play {
    width: 3.75rem;
    height: 3.75rem;
  }
}
.jb-swiper__slide-text {
  width: calc(100% - 1.25rem);
  flex: 0 0 calc(100% - 1.25rem);
  background-color: #ffffff;
  padding: 0.625rem 1.25rem;
  border-radius: 0.9375rem;
  position: absolute;
  left: 0.625rem;
  bottom: 0.625rem;
  font-size: 1rem;
  line-height: 120%;
  font-weight: 500;
}
@media (max-width: 768px) {
  .jb-swiper__slide-text {
    padding: 0.625rem;
    border-radius: 0.625rem;
  }
}
.jb-swiper__slide-header {
  position: relative;
  display: flex;
  flex-direction: row;
  z-index: 1;
}
.jb-swiper__slide-header span {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 6.875rem;
  padding: 0.65625rem 0.9375rem;
  border: 1px solid rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(1.5rem);
  -webkit-backdrop-filter: blur(1.5rem);
  font-size: 1rem;
  line-height: 120%;
  font-weight: 500;
}
.jb-swiper__slide-content {
  display: flex;
  align-items: center;
  flex: 1 0 auto;
  font-size: 1rem;
  line-height: 140%;
  font-weight: 400;
}
.jb-swiper__slide-content img {
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 22.5rem;
  height: 22.5rem;
}
@media (max-width: 768px) {
  .jb-swiper__slide-content img {
    width: 17.5rem;
    height: 25rem;
  }
}
.jb-swiper__slide-footer {
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 0;
  z-index: 1;
}
.jb-swiper__slide-footer img {
  border-radius: 6.25rem;
  width: 3.75rem;
  height: 3.75rem;
}
.jb-swiper__slide-footer span {
  background-color: #f6f6f6;
  border-radius: 6.25rem;
  padding: 1.28125rem 1.25rem;
  font-size: 1rem;
  line-height: 120%;
  font-weight: 500;
}
.jb-swiper__slide-footer .slide__avatar {
  border-radius: 50%;
  height: 100%;
  aspect-ratio: 1/1;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
  color: #fff;
  background-color: #9EDFFF;
}
.jb-swiper__slide-footer .jb-btn__play {
  position: static;
  transform: none;
  width: 3.75rem;
  height: 3.75rem;
  flex: 0 0 3.75rem;
}
.jb-swiper__slide-footer .jb-btn__play + span {
  background-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(1.5rem);
  -webkit-backdrop-filter: blur(1.5rem);
}
.jb-swiper__navigation {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 0.625rem;
}
@media (max-width: 768px) {
  .jb-swiper__navigation {
    display: none;
  }
}

.jb-promo__slider {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 1.25rem;
}
.jb-promo__slider .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}
.jb-promo__slider .swiper-slide .swiper__img {
  width: 100%;
  height: 100%;
}

/* Functions pxToRem(32px) and more */
.jb-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 3.75rem;
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(1.125rem);
  -webkit-backdrop-filter: blur(1.125rem);
  border-radius: 6.25rem;
}
@media (max-width: 768px) {
  .jb-header {
    flex-direction: column;
    gap: 0.3125rem;
    height: 3.125rem;
    background-color: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border-radius: 4.6875rem;
  }
}
@media (max-width: 768px) {
  .jb-header__logo, .jb-header__menu, .jb-header .jb--callback {
    width: 100%;
    background-color: #ffffff;
  }
}
.jb-header__logo {
  margin-left: 0.625rem;
}
@media (max-width: 768px) {
  .jb-header__logo {
    display: flex;
    flex-direction: row;
    gap: 1.25rem;
    justify-content: space-between;
    margin-left: 0;
    border-radius: 4.6875rem;
    padding: 0.3125rem;
    transition: backdrop-filter 0.2s ease, -webkit-backdrop-filter 0.2s ease, background-color 0.2s ease;
  }
  .jb--fixed-header .jb-header__logo {
    backdrop-filter: blur(1.125rem);
    -webkit-backdrop-filter: blur(1.125rem);
    background-color: rgba(255, 255, 255, 0.2);
  }
  .jb--fade-in-animation .jb-header__logo {
    background-color: #ffffff;
  }
}
.jb-header__logo img {
  width: 10.625rem;
  height: 1.875rem;
}
@media (max-width: 768px) {
  .jb-header__logo img {
    margin: 0.3125rem;
  }
}
.jb-header__menu {
  border-radius: 1.25rem;
}
@media (max-width: 768px) {
  .jb-header__menu {
    max-height: calc(100vh - 9.375rem);
    display: none;
    transform: translateY(6.25rem);
    opacity: 0;
    transition: transform 0.4s ease, opacity 0.4s ease;
  }
  .jb--mobile-menu-opened .jb-header__menu {
    display: block;
  }
  .jb--fade-in-animation .jb-header__menu {
    transition: transform 0.2s ease, opacity 0.2s ease;
    transform: translateY(0);
    opacity: 1;
  }
}
.jb-header__menu-wrapper {
  overflow: hidden;
  border-radius: 1.25rem;
}
.jb-header__menu .jb--formatted-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  border-radius: 3.75rem;
}
@media (max-width: 768px) {
  .jb-header__menu .jb--formatted-list {
    max-height: calc(100vh - 9.375rem);
    flex-direction: column;
    justify-content: flex-start;
    text-align: center;
    padding: 1.25rem 0;
    overflow: hidden scroll;
  }
}
@media (max-width: 768px) {
  .jb-header__menu .jb--formatted-list li {
    flex-shrink: 0;
    overflow: hidden;
  }
}
.jb-header__menu .jb--formatted-list li a {
  display: inline-block;
  padding: 1.1875rem 0.9375rem;
  transition: color 0.2s ease;
  font-size: 1rem;
  line-height: 140%;
  font-weight: 400;
}
@media (max-width: 768px) {
  .jb-header__menu .jb--formatted-list li a {
    width: 100%;
    height: 2.8125rem;
    padding: 0.625rem 0;
    font-size: 1.375rem;
    line-height: 120%;
    font-weight: 500;
    transform: translateY(2rem);
    transition: transform 0.2s ease, color 0.2s ease;
  }
}
.jb-header__menu .jb--formatted-list li a:hover {
  color: #3aaa35;
}
.jb-header .jb--callback {
  margin-right: 0.3125rem;
  gap: 0.3125rem;
}
@media (max-width: 768px) {
  .jb-header .jb--callback {
    display: none;
    padding: 0.3125rem;
    margin-right: 0;
    border-radius: 3.4375rem;
    transform: translateY(6.25rem);
    opacity: 0;
    transition: transform 0.2s ease, opacity 0.2s ease;
  }
  .jb--mobile-menu-opened .jb-header .jb--callback {
    display: flex;
  }
  .jb--fade-in-animation .jb-header .jb--callback {
    transition: transform 0.4s ease, opacity 0.4s ease;
    transform: translateY(0);
    opacity: 1;
  }
}
.jb-header .jb--callback .jb-btn__phone, .jb-header .jb--callback .jb-btn__telegram, .jb-header .jb--callback .jb-btn__whatsapp {
  height: 3.125rem;
}
@media (max-width: 768px) {
  .jb-header .jb--callback .jb-btn__phone, .jb-header .jb--callback .jb-btn__telegram, .jb-header .jb--callback .jb-btn__whatsapp {
    height: 3.75rem;
  }
}
.jb-header .jb--callback .jb-btn__phone svg, .jb-header .jb--callback .jb-btn__phone img, .jb-header .jb--callback .jb-btn__telegram svg, .jb-header .jb--callback .jb-btn__telegram img, .jb-header .jb--callback .jb-btn__whatsapp svg, .jb-header .jb--callback .jb-btn__whatsapp img {
  width: 1.5rem;
  height: 1.5rem;
}
@media (max-width: 768px) {
  .jb-header .jb--callback .jb-btn__phone svg, .jb-header .jb--callback .jb-btn__phone img, .jb-header .jb--callback .jb-btn__telegram svg, .jb-header .jb--callback .jb-btn__telegram img, .jb-header .jb--callback .jb-btn__whatsapp svg, .jb-header .jb--callback .jb-btn__whatsapp img {
    width: 2rem;
    height: 2rem;
  }
}
.jb-header .jb--callback .jb-btn__phone {
  padding: 0.8125rem 0.96875rem;
  gap: 0.3125rem;
}
@media (max-width: 768px) {
  .jb-header .jb--callback .jb-btn__phone {
    padding: 0.875rem 1.65625rem;
  }
}
.jb-header .jb--callback .jb-btn__phone span {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 100%;
}
.jb-header .jb--callback .jb-btn__telegram, .jb-header .jb--callback .jb-btn__whatsapp {
  width: 3.125rem;
  flex: 0 0 3.125rem;
  padding: 0.8125rem;
}
@media (max-width: 768px) {
  .jb-header .jb--callback .jb-btn__telegram, .jb-header .jb--callback .jb-btn__whatsapp {
    width: 3.75rem;
    flex: 0 0 3.75rem;
    padding: 0.875rem;
  }
}
.jb-header__overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 10000vh;
  background-color: rgba(17, 17, 17, 0);
  z-index: 1;
  transition: background-color 0.2s ease;
}
@media (max-width: 768px) {
  .jb-header__overlay {
    display: block;
  }
}
.jb--fade-in-animation .jb-header__overlay {
  background-color: rgba(17, 17, 17, 0.5);
}

/* Functions pxToRem(32px) and more */
.jb-promo {
  display: flex;
  flex-direction: row;
  background-color: #ffffff;
  border-radius: 1.875rem;
  padding: 1.25rem;
  gap: 1.25rem;
}
@media (max-width: 768px) {
  .jb-promo {
    flex-direction: column;
    border-radius: 1.25rem;
  }
}
.jb-promo > div {
  width: calc(50% - 0.625rem);
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .jb-promo > div {
    width: auto;
  }
}
.jb-promo__content {
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .jb-promo__content {
    order: 2;
    gap: 1.25rem;
  }
}
.jb-promo__logo {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2.5rem;
  margin-top: 1.875rem;
  margin-bottom: auto;
}
@media (max-width: 768px) {
  .jb-promo__logo {
    margin: 0;
    order: 1;
  }
}
@media (max-width: 768px) {
  .jb-promo__logo a {
    display: none;
  }
}
.jb-promo__logo a img {
  width: 14.125rem;
  height: 2.5rem;
}
.jb-promo__logo-spb {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.625rem;
}
.jb-promo__logo-spb img {
  width: 2.1875rem;
  height: 2.5rem;
}
@media (max-width: 768px) {
  .jb-promo__logo-spb img {
    width: 1.625rem;
    height: 1.875rem;
  }
}
.jb-promo__logo-spb span {
  font-size: 1rem;
  line-height: 140%;
  font-weight: 400;
}
@media (max-width: 768px) {
  .jb-promo__logo-spb span {
    font-size: 0.75rem;
    line-height: 140%;
    font-weight: 400;
  }
}
.jb-promo__animated-text {
  height: 11.5625rem;
  margin-bottom: 2.1875rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  overflow: hidden;
  position: relative;
}
@media (max-width: 768px) {
  .jb-promo__animated-text {
    height: 10rem;
    width: calc(100% + 0.625rem);
    order: 2;
    margin-bottom: 0;
  }
}
.jb-promo__animated-text > * {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.5rem;
  color: #888888;
  line-height: 100%;
  transition: font-size 1s ease, color 1s ease, transform 1s ease;
}
@media (max-width: 768px) {
  .jb-promo__animated-text > * {
    display: flex;
    align-items: flex-end;
    font-size: 2.5rem;
  }
}
.jb-promo__animated-text > *[data-position="0"] {
  transform: translateY(-4.25rem);
}
@media (max-width: 768px) {
  .jb-promo__animated-text > *[data-position="0"] {
    transform: translateY(-11.25rem);
  }
}
.jb-promo__animated-text > *[data-position="1"] {
  transform: translateY(0rem);
}
@media (max-width: 768px) {
  .jb-promo__animated-text > *[data-position="1"] {
    transform: translateY(-11.25rem);
  }
}
.jb-promo__animated-text > *[data-position="2"] {
  transform: translateY(4.25rem);
  color: #111111;
  font-size: 3.4875rem;
}
@media (max-width: 768px) {
  .jb-promo__animated-text > *[data-position="2"] {
    transform: translateY(-0.25rem);
  }
}
.jb-promo__animated-text > *[data-position="3"] {
  transform: translateY(12.5rem);
  transition: none;
}
@media (max-width: 768px) {
  .jb-promo__animated-text > *[data-position="3"] {
    transform: translateY(11.25rem);
  }
}
@media (max-width: 768px) {
  .jb-promo__animated-text > *[data-position="0"], .jb-promo__animated-text > *[data-position="1"], .jb-promo__animated-text > *[data-position="2"], .jb-promo__animated-text > *[data-position="3"] {
    height: inherit;
    color: #111111;
    font-size: 2.5rem;
  }
}
body.global-disable-animation .jb-promo__animated-text > * {
  transition: none;
}
.jb-promo__bio {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.25rem;
  margin-bottom: 1.875rem;
}
@media (max-width: 768px) {
  .jb-promo__bio {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.625rem;
    margin: 0.625rem 0 0 0;
    order: 4;
  }
}
.jb-promo__bio img {
  width: 5rem;
  height: 5rem;
}
@media (max-width: 768px) {
  .jb-promo__bio img {
    width: 3.75rem;
    height: 3.75rem;
  }
}
.jb-promo__bio span {
  font-size: 1.125rem;
  line-height: 140%;
  font-weight: 400;
}
@media (max-width: 768px) {
  .jb-promo__bio span {
    font-size: 1rem;
    line-height: 140%;
    font-weight: 400;
  }
}
@media (max-width: 768px) {
  .jb-promo .jb--callback {
    width: calc(100% + 0.625rem);
    order: 3;
  }
}
.jb-promo .jb--callback .jb-btn__phone {
  width: 16.25rem;
}
@media (max-width: 768px) {
  .jb-promo .jb--callback .jb-btn__phone {
    width: 10.625rem;
  }
}
.jb-promo__video {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 40rem;
  background-size: cover;
  border-radius: 1.25rem;
  padding: 1.25rem;
}
@media (max-width: 768px) {
  .jb-promo__video {
    justify-content: flex-end;
    height: 18.75rem;
    border-radius: 0.9375rem;
    order: 1;
  }
}
.jb-promo__play-button {
  width: 6.25rem;
  height: 6.25rem;
}
@media (max-width: 768px) {
  .jb-promo__play-button {
    width: 3.75rem;
    height: 3.75rem;
  }
}

/* Functions pxToRem(32px) and more */
.jb-benefits {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 44.375rem;
  background-color: #111111;
  padding: 1.25rem;
  border-radius: 1.875rem;
  overflow: hidden;
}
@media (max-width: 768px) {
  .jb-benefits {
    height: auto;
    min-height: 61.25rem;
    padding: 1.25rem 1.25rem 0 1.25rem;
    border-radius: 1.25rem;
  }
}
.jb-benefits__running-text {
  position: absolute;
  bottom: 50%;
  transform: translateY(50%);
}
@media (max-width: 768px) {
  .jb-benefits__running-text {
    bottom: 17.1875rem;
  }
}
.jb-benefits__running-text-container {
  position: relative;
  width: auto;
  min-width: 100%;
  opacity: 0.2;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-wrap: nowrap;
  transition: transform 1s linear;
}
.jb-benefits__running-text-container span {
  position: absolute;
  display: inline-block;
  color: #888888;
  font-size: 11.1875rem;
  line-height: 120%;
}
@media (max-width: 768px) {
  .jb-benefits__running-text-container span {
    font-size: 6rem;
  }
}
.disable-running-text-animation .jb-benefits__running-text-container {
  transition: none;
}
.jb-benefits__photo {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 28.4375rem;
  height: 38.75rem;
}
@media (max-width: 768px) {
  .jb-benefits__photo {
    position: relative;
    width: 18.75rem;
    height: 25.625rem;
    margin-top: auto;
    order: 3;
  }
}
.jb-benefits__photo img {
  width: 28.4375rem;
  height: 38.75rem;
}
@media (max-width: 768px) {
  .jb-benefits__photo img {
    width: 18.75rem;
    height: 25.625rem;
  }
}
.jb-benefits__title {
  width: 35rem;
  color: #ffffff;
  font-size: 2rem;
  line-height: 120%;
  font-weight: 500;
}
@media (max-width: 768px) {
  .jb-benefits__title {
    width: auto;
    font-size: 1.75rem;
    line-height: 120%;
    font-weight: 500;
    order: 1;
  }
}
.jb-benefits__title span {
  color: #888888;
}
.jb-benefits__points {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 1.25rem;
  margin-top: auto;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .jb-benefits__points {
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0.625rem;
    margin: 1.25rem 0 2.5rem 0;
    order: 2;
  }
}
.jb-benefits__point {
  width: calc(33.3333333333% - 2.5rem / 3);
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border-radius: 1.25rem;
  transition: height 0.2s ease;
  overflow: hidden;
}
@media (max-width: 768px) {
  .jb-benefits__point {
    width: 100%;
    border-radius: 0.9375rem;
  }
}
body.global-disable-animation .jb-benefits__point {
  transition: none;
}
.jb-benefits__point-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
  padding: 1.25rem;
  cursor: pointer;
}
@media (max-width: 768px) {
  .jb-benefits__point-header {
    align-items: flex-start;
    gap: 0.3125rem;
    padding: 0.625rem;
  }
}
.jb-benefits__point-title {
  font-size: 1.5rem;
  line-height: 120%;
  font-weight: 500;
}
@media (max-width: 768px) {
  .jb-benefits__point-title {
    font-size: 1.375rem;
    line-height: 120%;
    font-weight: 500;
  }
}
.jb-benefits__point-content {
  display: flex;
  flex-direction: column;
  padding: 0 1.25rem 1.25rem 1.25rem;
}
@media (max-width: 768px) {
  .jb-benefits__point-content {
    padding: 0.625rem;
  }
}
.jb-benefits__point-content > p {
  margin-bottom: 1.25rem;
  font-size: 1rem;
  line-height: 140%;
  font-weight: 400;
}
.jb-benefits__point-content > span {
  margin-bottom: 0.3125rem;
  font-size: 1rem;
  line-height: 120%;
  font-weight: 500;
}
@media (max-width: 768px) {
  .jb-benefits__point-content > span {
    font-size: 1.125rem;
    line-height: 140%;
    font-weight: 500;
  }
}
.jb-benefits__point-content > ul {
  margin-bottom: 1.25rem;
}
.jb-benefits__point-content > ul li {
  font-size: 0.875rem;
  line-height: 140%;
  font-weight: 400;
}
.jb-benefits__point-highlight {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
  background-color: #f6f6f6;
  border-radius: 0.625rem;
  padding: 0.625rem 1.25rem;
}
.jb-benefits__point-highlight span {
  font-size: 1rem;
  line-height: 120%;
  font-weight: 500;
}
@media (max-width: 768px) {
  .jb-benefits__point-highlight span {
    font-size: 1.125rem;
    line-height: 140%;
    font-weight: 500;
  }
}
.jb-benefits__point-highlight p {
  font-size: 0.875rem;
  line-height: 140%;
  font-weight: 400;
}

/* Functions pxToRem(32px) and more */
.jb-mistakes-first {
  height: 44.375rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 1.25rem 0;
  background-color: #ffffff;
  border-radius: 1.875rem;
}
@media (max-width: 768px) {
  .jb-mistakes-first {
    height: auto;
    border-radius: 1.25rem;
  }
}
.jb-mistakes-first__header {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  justify-content: space-between;
  padding: 0 1.25rem;
}
.jb-mistakes-first__title {
  max-width: 30rem;
  width: 100%;
  font-size: 2.5rem;
  line-height: 120%;
  font-weight: 500;
}
@media (max-width: 768px) {
  .jb-mistakes-first__title {
    max-width: 100%;
    font-size: 1.75rem;
    line-height: 120%;
    font-weight: 500;
  }
}
.jb-mistakes-first__content {
  height: 34.625rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  padding-left: 1.25rem;
}
@media (max-width: 768px) {
  .jb-mistakes-first__content {
    height: auto;
    padding-left: 0;
  }
}
.jb-mistakes-first__text {
  width: 36.625rem;
  margin-bottom: auto;
  font-size: 1.5rem;
  line-height: 120%;
  font-weight: 500;
}
@media (max-width: 768px) {
  .jb-mistakes-first__text {
    width: auto;
    padding-left: 1.25rem;
    font-size: 1.375rem;
    line-height: 120%;
    font-weight: 500;
  }
}
.jb-mistakes-first__text span {
  color: #888888;
}
.jb-mistakes-first .jb-swiper {
  width: calc(50% - 0.625rem);
  position: absolute;
  top: 0.875rem;
  left: 44.375rem;
}
@media (max-width: 768px) {
  .jb-mistakes-first .jb-swiper {
    width: 100%;
    position: static;
    padding-left: 1.25rem;
  }
}
.jb-mistakes-first__me {
  width: 33.125rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.25rem;
}
@media (max-width: 768px) {
  .jb-mistakes-first__me {
    width: auto;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.625rem;
    padding-left: 1.25rem;
    margin-top: 0.625rem;
  }
}
.jb-mistakes-first__me img {
  width: 6.875rem;
  height: 6.875rem;
}
@media (max-width: 768px) {
  .jb-mistakes-first__me img {
    width: 3.75rem;
    height: 3.75rem;
  }
}
.jb-mistakes-first__me p {
  font-size: 1.125rem;
  line-height: 140%;
  font-weight: 400;
}
@media (max-width: 768px) {
  .jb-mistakes-first__me p {
    font-size: 1rem;
    line-height: 140%;
    font-weight: 400;
  }
}
.jb-mistakes-second__title {
  margin-bottom: 2.5rem;
  font-size: 2.5rem;
  line-height: 120%;
  font-weight: 500;
}
@media (max-width: 768px) {
  .jb-mistakes-second__title {
    margin-bottom: 1.25rem;
    font-size: 1.75rem;
    line-height: 120%;
    font-weight: 500;
  }
}
.jb-mistakes-second__title span {
  color: #888888;
}
.jb-mistakes-second__controls {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  justify-content: space-between;
  margin-bottom: 1.875rem;
}
.jb-mistakes-second__tabs {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
}
@media (max-width: 768px) {
  .jb-mistakes-second__tabs {
    width: 100%;
    gap: 0.3125rem;
  }
}
@media (max-width: 768px) {
  .jb-mistakes-second__navigation {
    display: none;
  }
}
.jb-mistakes-second .jb-swiper {
  width: calc(100% + 2.5rem);
  transform: translateX(-1.25rem);
  padding-left: 1.25rem;
  transition: opacity 0.2s ease;
}
@media (max-width: 768px) {
  .jb-mistakes-second .jb-swiper {
    width: calc(100% + 1.25rem);
    transform: translateX(-0.625rem);
    padding-left: 0.625rem;
  }
}

/* Functions pxToRem(32px) and more */
.jb-contacts-first {
  display: flex;
  flex-direction: row;
  border-radius: 1.875rem;
  padding: 1.25rem;
  gap: 1.25rem;
  background-color: #111111;
  color: #ffffff;
}
@media (max-width: 768px) {
  .jb-contacts-first {
    border-radius: 1.25rem;
  }
}
.jb-contacts-first__photo, .jb-contacts-first__content {
  width: calc(50% - 0.625rem);
}
@media (max-width: 768px) {
  .jb-contacts-first__photo, .jb-contacts-first__content {
    width: 100%;
  }
}
.jb-contacts-first__photo {
  overflow: hidden;
  border-radius: 1.25rem;
}
@media (max-width: 768px) {
  .jb-contacts-first__photo {
    display: none;
  }
}
.jb-contacts-first__photo img {
  width: 41.875rem;
  height: 41.875rem;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
}
.jb-contacts-first__content {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.jb-contacts-first__content > div {
  height: calc(50% - 0.625rem);
}
@media (max-width: 768px) {
  .jb-contacts-first__content > div {
    height: auto;
  }
}
.jb-contacts-first__content > div:first-child {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.jb-contacts-first__content > img {
  display: none;
}
@media (max-width: 768px) {
  .jb-contacts-first__content > img {
    display: block;
    border-radius: 1.25rem;
  }
}
.jb-contacts-first__title {
  width: 37.5rem;
  font-size: 2.5rem;
  line-height: 120%;
  font-weight: 500;
}
@media (max-width: 768px) {
  .jb-contacts-first__title {
    width: auto;
    font-size: 1.75rem;
    line-height: 120%;
    font-weight: 500;
  }
}
.jb-contacts-first__title span {
  color: rgb(184, 184, 184);
}
.jb-contacts-first__text {
  width: 37.5rem;
  font-size: 1.125rem;
  line-height: 140%;
  font-weight: 400;
}
@media (max-width: 768px) {
  .jb-contacts-first__text {
    width: auto;
    font-size: 1rem;
    line-height: 140%;
    font-weight: 400;
  }
}
.jb-contacts-first__callback {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.25rem;
  border-radius: 1.25rem;
  background-color: rgba(255, 255, 255, 0.1);
}
@media (max-width: 768px) {
  .jb-contacts-first__callback {
    padding: 0;
    border-radius: 0;
    gap: 1.25rem;
    background-color: transparent;
  }
}
.jb-contacts-first__callback-title {
  font-size: 2.5rem;
  line-height: 120%;
  font-weight: 500;
}
@media (max-width: 768px) {
  .jb-contacts-first__callback-title {
    font-size: 1.75rem;
    line-height: 120%;
    font-weight: 500;
  }
}
.jb-contacts-first__callback .jb-btn__phone {
  padding-left: 1.78125rem;
  padding-right: 1.78125rem;
  width: 16.25rem;
}
@media (max-width: 768px) {
  .jb-contacts-first__callback .jb-btn__phone {
    padding-left: 0.96875rem;
    padding-right: 0.96875rem;
    width: 10.625rem;
  }
}
.jb-contacts-first__callback .jb-btn__avito {
  height: 5rem;
  padding: 1.25rem;
}
@media (max-width: 768px) {
  .jb-contacts-first__callback .jb-btn__avito {
    display: none;
  }
}
.jb-contacts-second {
  display: flex;
  flex-direction: row;
  border-radius: 1.25rem;
  padding: 1.25rem;
  gap: 1.25rem;
  background-color: #111111;
  color: #ffffff;
}
@media (max-width: 768px) {
  .jb-contacts-second {
    flex-direction: column;
    gap: 1.875rem;
  }
}
.jb-contacts-second__callback {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  justify-content: space-between;
  width: auto;
  flex: 1 0 auto;
}
.jb-contacts-second__callback-title {
  margin-top: -0.625rem;
  font-size: 2.5rem;
  line-height: 120%;
  font-weight: 500;
}
@media (max-width: 768px) {
  .jb-contacts-second__callback-title {
    margin-top: 0;
    font-size: 1.75rem;
    line-height: 120%;
    font-weight: 500;
  }
}
.jb-contacts-second__callback-title span {
  color: #888888;
}
.jb-contacts-second__callback .jb--callback .jb-btn__phone {
  width: 16.25rem;
}
@media (max-width: 768px) {
  .jb-contacts-second__callback .jb--callback .jb-btn__phone {
    width: 10.625rem;
  }
}
.jb-contacts-second__photo {
  overflow: hidden;
  border-radius: 0.9375rem;
}
.jb-contacts-second__photo img {
  width: 27.5rem;
  height: 27.5rem;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .jb-contacts-second__photo img {
    width: 18.75rem;
    height: 18.75rem;
  }
}

/* Functions pxToRem(32px) and more */
.jb-services {
  position: relative;
  display: flex;
  flex-direction: row;
  border-radius: 1.875rem;
  padding: 1.25rem;
  gap: 1.25rem;
  background-color: #eeeeee;
}
@media (max-width: 768px) {
  .jb-services {
    flex-direction: column;
  }
}
.jb-services__title {
  width: 30rem;
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  font-size: 2.5rem;
  line-height: 120%;
  font-weight: 500;
}
@media (max-width: 768px) {
  .jb-services__title {
    width: auto;
    position: static;
    order: 1;
    font-size: 1.75rem;
    line-height: 120%;
    font-weight: 500;
  }
}
.jb-services__title span {
  color: #888888;
}
.jb-services__photo {
  position: absolute;
  bottom: 1.25rem;
  left: 1.25rem;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 1.25rem;
}
@media (max-width: 768px) {
  .jb-services__photo {
    position: static;
    flex-direction: column;
    align-items: flex-start;
    order: 3;
  }
}
.jb-services__photo img {
  width: 20rem;
  height: 20rem;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1.25rem;
}
@media (max-width: 768px) {
  .jb-services__photo img {
    width: 18.75rem;
    height: 18.75rem;
    border-radius: 0.9375rem;
  }
}
.jb-services__photo-text {
  font-size: 1.5rem;
  line-height: 120%;
  font-weight: 500;
}
@media (max-width: 768px) {
  .jb-services__photo-text {
    font-size: 1.375rem;
    line-height: 120%;
    font-weight: 500;
  }
}
.jb-services__photo-text span {
  color: #888888;
}
.jb-services__list {
  width: calc(50% - 0.625rem);
  margin-left: auto;
}
@media (max-width: 768px) {
  .jb-services__list {
    width: auto;
    margin-left: 0;
    order: 2;
  }
}
.jb-services__list .jb--formatted-list {
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
}
.jb-services__list .jb--formatted-list li {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 1.159375rem 1.25rem;
  background-color: #ffffff;
}
@media (max-width: 768px) {
  .jb-services__list .jb--formatted-list li {
    flex-direction: column;
    padding: 0.9375rem 1.25rem;
    gap: 0.125rem;
  }
}
.jb-services__list .jb--formatted-list li:first-child {
  border-radius: 1.25rem 1.25rem 0 0;
}
.jb-services__list .jb--formatted-list li:last-child {
  border-radius: 0 0 1.25rem 1.25rem;
}
.jb-services__list .jb--formatted-list li span:first-child {
  font-size: 1rem;
  line-height: 140%;
  font-weight: 400;
}
.jb-services__list .jb--formatted-list li span:last-child {
  font-size: 1rem;
  line-height: 120%;
  font-weight: 500;
}
@media (max-width: 768px) {
  .jb-services__list .jb--formatted-list li span:last-child {
    font-size: 1.125rem;
    line-height: 140%;
    font-weight: 500;
  }
}

/* Functions pxToRem(32px) and more */
.jb-stages {
  display: flex;
  flex-direction: row;
  border-radius: 1.875rem;
  padding: 1.25rem;
  gap: 1.25rem;
  background-color: #ffffff;
}
@media (max-width: 768px) {
  .jb-stages {
    flex-direction: column;
    border-radius: 1.25rem;
  }
}
.jb-stages__photo, .jb-stages__content {
  width: calc(50% - 0.625rem);
  flex: 0 0 calc(50% - 0.625rem);
}
@media (max-width: 768px) {
  .jb-stages__photo, .jb-stages__content {
    width: 100%;
    flex: 0 0 100%;
  }
}
.jb-stages__photo {
  position: relative;
  width: 41.875rem;
  height: 41.875rem;
  overflow: hidden;
  border-radius: 1.25rem;
}
@media (max-width: 768px) {
  .jb-stages__photo {
    width: 18.75rem;
    height: 18.75rem;
    border-radius: 0.9375rem;
    order: 2;
  }
}
.jb-stages__photo .photo__video {
  width: 41.875rem;
  height: 41.875rem;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .jb-stages__photo .photo__video {
    width: 18.75rem;
    height: 18.75rem;
  }
}
.jb-stages__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.25rem;
}
@media (max-width: 768px) {
  .jb-stages__content {
    order: 1;
  }
}
.jb-stages__me {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.25rem;
}
.jb-stages__me img {
  width: 6.875rem;
  height: 6.875rem;
}
@media (max-width: 768px) {
  .jb-stages__me img {
    width: 3.75rem;
    height: 3.75rem;
  }
}
.jb-stages__me-text {
  font-size: 2.5rem;
  line-height: 120%;
  font-weight: 500;
}
@media (max-width: 768px) {
  .jb-stages__me-text {
    font-size: 1.75rem;
    line-height: 120%;
    font-weight: 500;
  }
}
.jb-stages__me-text span {
  color: #888888;
}
.jb-stages__points {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.jb-stages__point {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  background-color: #f6f6f6;
  border-radius: 1.25rem;
  padding: 0.9375rem 1.25rem;
}
@media (max-width: 768px) {
  .jb-stages__point {
    flex-direction: column;
    border-radius: 0.9375rem;
  }
}
.jb-stages__point-number {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.75rem;
  flex: 0 0 auto;
  height: 3.75rem;
  background-color: #ffffff;
  border-radius: 0.9375rem;
  color: #3aaa35;
  font-size: 1.5rem;
  line-height: 120%;
  font-weight: 500;
}
@media (max-width: 768px) {
  .jb-stages__point-number {
    width: 2.5rem;
    height: 1.875rem;
    border-radius: 0.625rem;
    font-size: 1rem;
    line-height: 120%;
    font-weight: 500;
  }
}
.jb-stages__point-text {
  font-size: 1.5rem;
  line-height: 120%;
  font-weight: 500;
}
@media (max-width: 768px) {
  .jb-stages__point-text {
    font-size: 1.375rem;
    line-height: 120%;
    font-weight: 500;
  }
}
.jb-stages__point-text span {
  color: #888888;
}

/* Functions pxToRem(32px) and more */
.jb-quiz {
  height: 44.375rem;
  display: flex;
  flex-direction: row;
  border-radius: 1.875rem;
  padding: 1.25rem;
  gap: 1.25rem;
  background-color: #111111;
}
@media (max-width: 768px) {
  .jb-quiz {
    position: relative;
    flex-direction: column;
    height: 37.5rem;
    border-radius: 1.25rem;
    padding: 0;
    background-color: #eeeeee;
    overflow: hidden;
  }
}
.jb-quiz__photo, .jb-quiz__content {
  width: calc(50% - 0.625rem);
}
@media (max-width: 768px) {
  .jb-quiz__photo, .jb-quiz__content {
    width: 100%;
  }
}
.jb-quiz__photo {
  display: flex;
  position: relative;
  width: 41.875rem;
  height: 41.875rem;
  overflow: hidden;
  padding: 1.25rem;
  border-radius: 1.25rem;
}
@media (max-width: 768px) {
  .jb-quiz__photo {
    justify-content: space-between;
    width: auto;
    height: auto;
    padding: 1.25rem;
  }
}
.jb-quiz__photo img {
  position: absolute;
  top: 0;
  left: 0;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .jb-quiz__photo img {
    display: none;
  }
}
.jb-quiz__photo-text {
  background-color: rgba(255, 255, 255, 0.2);
  padding: 1.25rem;
  color: #ffffff;
  backdrop-filter: blur(1.125rem);
  -webkit-backdrop-filter: blur(1.125rem);
  border-radius: 0.9375rem;
  margin-top: auto;
  font-size: 2.5rem;
  line-height: 120%;
  font-weight: 500;
}
@media (max-width: 768px) {
  .jb-quiz__photo-text {
    background-color: transparent;
    padding: 0;
    color: #111111;
    font-size: 1.75rem;
    line-height: 120%;
    font-weight: 500;
  }
}
@media (max-width: 768px) {
  .jb-quiz__photo-text span {
    display: block;
    margin-top: 1.25rem;
    color: #888888;
  }
}
@media (max-width: 768px) {
  .jb-quiz__photo-text br {
    display: none;
  }
}
@media (max-width: 768px) {
  .jb-quiz__photo.hide-on-mobile {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s ease;
  }
}
.jb-quiz__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1.25rem;
  border-radius: 1.25rem;
  background-color: #ffffff;
  position: relative;
}
@media (max-width: 768px) {
  .jb-quiz__content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: transparent;
  }
}
.jb-quiz__page {
  width: 100%;
  height: 100%;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  padding: 1.25rem;
  transition: opacity 0.2s ease;
  opacity: 0;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.jb-quiz__page.active {
  opacity: 1;
  pointer-events: auto;
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
}
.jb-quiz__welcome {
  gap: 1.875rem;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.jb-quiz__welcome > *:first-child {
  margin-top: 2.75rem;
}
@media (max-width: 768px) {
  .jb-quiz__welcome {
    margin-top: 19.75rem;
    height: 37.5rem;
    width: auto;
    gap: 0;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
  }
  .jb-quiz__welcome > *:first-child, .jb-quiz__welcome > *:last-child {
    margin: 0;
  }
  .jb-quiz__welcome > *:first-child.jb-quiz__welcome-avatar, .jb-quiz__welcome > *:last-child.jb-quiz__welcome-avatar {
    margin-bottom: 0.625rem;
  }
}
.jb-quiz__welcome-avatar {
  width: 6.25rem;
  height: 6.25rem;
}
@media (max-width: 768px) {
  .jb-quiz__welcome-avatar {
    width: 3.75rem;
    height: 3.75rem;
  }
}
.jb-quiz__welcome-title {
  font-size: 2rem;
  line-height: 120%;
  font-weight: 500;
}
@media (max-width: 768px) {
  .jb-quiz__welcome-title {
    margin-bottom: 1.25rem;
    font-size: 1.375rem;
    line-height: 120%;
    font-weight: 500;
  }
}
@media (max-width: 768px) {
  .jb-quiz__welcome-begin {
    margin-bottom: 1.25rem;
  }
}
.jb-quiz__welcome-description {
  font-size: 1.5rem;
  line-height: 120%;
  font-weight: 500;
}
@media (max-width: 768px) {
  .jb-quiz__welcome-description {
    font-size: 1rem;
    line-height: 120%;
    font-weight: 500;
  }
}
.jb-quiz__callback {
  background-color: #111111;
  color: #ffffff;
}
.jb-quiz__callback-answers {
  margin-bottom: auto;
  font-size: 1.5rem;
  line-height: 120%;
  font-weight: 500;
}
@media (max-width: 768px) {
  .jb-quiz__callback-answers {
    font-size: 1.375rem;
    line-height: 120%;
    font-weight: 500;
  }
}
.jb-quiz__callback-answers span {
  color: #3aaa35;
}
.jb-quiz__callback-title {
  margin-bottom: 1.875rem;
  font-size: 2.5rem;
  line-height: 120%;
  font-weight: 500;
}
@media (max-width: 768px) {
  .jb-quiz__callback-title {
    font-size: 1.75rem;
    line-height: 120%;
    font-weight: 500;
  }
}
.jb-quiz__callback-title span {
  color: #888888;
}
.jb-quiz__thanks {
  background-color: #111111;
  gap: 1.25rem;
  color: #ffffff;
  align-items: center;
  text-align: center;
}
.jb-quiz__thanks > *:first-child {
  margin-top: auto;
}
.jb-quiz__thanks > *:last-child {
  margin-bottom: auto;
}
.jb-quiz__thanks-avatar {
  width: 6.25rem;
  height: 6.25rem;
}
@media (max-width: 768px) {
  .jb-quiz__thanks-avatar {
    width: 3.75rem;
    height: 3.75rem;
    margin-bottom: 0.625rem;
  }
}
.jb-quiz__thanks-title {
  font-size: 2rem;
  line-height: 120%;
  font-weight: 500;
}
@media (max-width: 768px) {
  .jb-quiz__thanks-title {
    letter-spacing: -2%;
    font-size: 1.5rem;
    line-height: 120%;
    font-weight: 500;
  }
}
.jb-quiz__thanks-description {
  font-size: 1.125rem;
  line-height: 140%;
  font-weight: 400;
}
@media (max-width: 768px) {
  .jb-quiz__thanks-description {
    font-size: 0.75rem;
    line-height: 140%;
    font-weight: 400;
  }
}
.jb-quiz__question {
  gap: 1.25rem;
  align-items: flex-start;
}
.jb-quiz__question-number {
  font-size: 1.5rem;
  line-height: 120%;
  font-weight: 500;
}
@media (max-width: 768px) {
  .jb-quiz__question-number {
    font-size: 1.375rem;
    line-height: 120%;
    font-weight: 500;
  }
}
.jb-quiz__question-number span {
  color: #888888;
}
.jb-quiz__question-title {
  font-size: 2rem;
  line-height: 120%;
  font-weight: 500;
}
@media (max-width: 768px) {
  .jb-quiz__question-title {
    font-size: 1.75rem;
    line-height: 120%;
    font-weight: 500;
  }
}
.jb-quiz__question-options {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.jb-quiz__question-option {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.625rem;
  height: 2.5rem;
  cursor: pointer;
  transition: color 0.2s ease, opacity 0.2s ease;
  font-size: 1.125rem;
  line-height: 140%;
  font-weight: 400;
}
@media (max-width: 768px) {
  .jb-quiz__question-option {
    height: 1.875rem;
    font-size: 0.75rem;
    line-height: 140%;
    font-weight: 400;
  }
}
.jb-quiz__question-option:hover {
  opacity: 0.75;
}
.jb-quiz__question-option::before {
  content: "";
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -2%;
  border-radius: 1.25rem;
  background-color: #f6f6f6;
  transition: color 0.2s ease, background-color 0.2s ease;
}
@media (max-width: 768px) {
  .jb-quiz__question-option::before {
    width: 1.875rem;
    height: 1.875rem;
    font-size: 0.875rem;
  }
}
.jb-quiz__question-option[data-index="1"]:before {
  content: "A";
}
.jb-quiz__question-option[data-index="2"]:before {
  content: "B";
}
.jb-quiz__question-option[data-index="3"]:before {
  content: "C";
}
.jb-quiz__question-option[data-index="4"]:before {
  content: "D";
}
.jb-quiz__question-option[data-index="5"]:before {
  content: "E";
}
.jb-quiz__question-option[data-index="6"]:before {
  content: "F";
}
.jb-quiz__question-option.correct {
  color: #3aaa35;
}
.jb-quiz__question-option.correct::before {
  background-color: #3aaa35;
  color: #ffffff;
}
.jb-quiz__question-option.incorrect {
  color: rgb(255, 27, 31);
}
.jb-quiz__question-option.incorrect::before {
  background-color: rgb(255, 27, 31);
  color: #ffffff;
}
.answer-selected .jb-quiz__question-option {
  pointer-events: none;
}
.jb-quiz__question-correct-answer {
  opacity: 0;
  width: 100%;
  padding: 1.25rem;
  border-radius: 0.625rem;
  background-color: #f6f6f6;
  transition: opacity 0.2s ease;
  font-size: 1.125rem;
  line-height: 140%;
  font-weight: 400;
}
@media (max-width: 768px) {
  .jb-quiz__question-correct-answer {
    padding: 0.625rem;
    font-size: 0.75rem;
    line-height: 140%;
    font-weight: 400;
  }
}
.jb-quiz__question-correct-answer span {
  color: #888888;
}
.jb-quiz__question:has(.incorrect) .jb-quiz__question-correct-answer {
  opacity: 1;
}
.jb-quiz__question-next {
  margin-top: auto;
  padding: 0.96875rem 1.25rem;
  border-radius: 3.75rem;
  background-color: #f6f6f6;
  font-size: 1rem;
  line-height: 120%;
  font-weight: 500;
  cursor: pointer;
  pointer-events: none;
  opacity: 0.5;
  transition: background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}
@media (max-width: 768px) {
  .jb-quiz__question-next {
    padding: 0.78125rem 1.09375rem;
    font-size: 1.125rem;
    line-height: 140%;
    font-weight: 500;
  }
}
.jb-quiz__question-next:hover {
  background-color: #3aaa35;
  color: #ffffff;
}
.answer-selected .jb-quiz__question-next {
  pointer-events: auto;
  opacity: 1;
}

/* Functions pxToRem(32px) and more */
.jb-reviews__header {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 2.5rem;
}
@media (max-width: 768px) {
  .jb-reviews__header {
    margin-bottom: 1.25rem;
  }
}
.jb-reviews__title {
  font-size: 2.5rem;
  line-height: 120%;
  font-weight: 500;
}
@media (max-width: 768px) {
  .jb-reviews__title {
    font-size: 1.75rem;
    line-height: 120%;
    font-weight: 500;
  }
}
.jb-reviews__title span {
  color: #888888;
}
@media (max-width: 768px) {
  .jb-reviews__title br:nth-child(2) {
    display: none;
  }
}
.jb-reviews .jb-swiper {
  width: calc(100% + 2.5rem);
  transform: translateX(-1.25rem);
  padding-left: 1.25rem;
}
@media (max-width: 768px) {
  .jb-reviews .jb-swiper {
    width: calc(100% + 1.25rem);
    transform: translateX(-0.625rem);
    padding-left: 0.625rem;
  }
}

/* Functions pxToRem(32px) and more */
.jb-faq__title {
  margin-bottom: 2.5rem;
  font-size: 2.5rem;
  line-height: 120%;
  font-weight: 500;
}
@media (max-width: 768px) {
  .jb-faq__title {
    margin-bottom: 1.25rem;
    font-size: 1.75rem;
    line-height: 120%;
    font-weight: 500;
  }
}
.jb-faq__title span {
  color: #888888;
}
@media (max-width: 768px) {
  .jb-faq__title br {
    display: none;
  }
}
.jb-faq__show-more {
  display: block;
  margin: 2rem auto 0;
  border: 0;
  background-color: #fff;
  color: #000;
  font-size: 1.5rem;
  font-weight: 500;
  border-radius: 1.875rem;
  padding: 1.25rem;
  cursor: pointer;
}
.jb-faq__points {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.jb-faq__points--hidden {
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease;
  margin-top: 0.625rem;
}
.jb-faq__points--open {
  height: auto;
  margin-top: 0.625rem;
}
.jb-faq__point {
  background-color: #ffffff;
  border-radius: 1.875rem;
  transition: height 0.2s ease;
  overflow: hidden;
}
@media (max-width: 768px) {
  .jb-faq__point {
    border-radius: 1.25rem;
  }
}
body.global-disable-animation .jb-faq__point {
  transition: none;
}
.jb-faq__point-header {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem;
  cursor: pointer;
}
@media (max-width: 768px) {
  .jb-faq__point-header {
    gap: 0.9375rem;
    align-items: flex-start;
  }
}
.jb-faq__point-title {
  font-size: 1.5rem;
  line-height: 120%;
  font-weight: 500;
}
@media (max-width: 768px) {
  .jb-faq__point-title {
    font-size: 1.375rem;
    line-height: 120%;
    font-weight: 500;
  }
}
.jb-faq__point-title span {
  color: #3aaa35;
}
.jb-faq__point-content {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 0 1.25rem 1.25rem 3.5rem;
  margin-top: 0.0625rem;
}
@media (max-width: 768px) {
  .jb-faq__point-content {
    flex-direction: column;
    padding: 0 1.25rem 1.25rem 1.25rem;
  }
}
.jb-faq__point-content img {
  width: 18.75rem;
  height: 18.75rem;
  border-radius: 1.25rem;
}
@media (max-width: 768px) {
  .jb-faq__point-content img {
    border-radius: 0.9375rem;
    order: 2;
  }
}
.jb-faq__point-content p {
  width: 59.375rem;
  font-size: 1rem;
  line-height: 140%;
  font-weight: 400;
}
@media (max-width: 768px) {
  .jb-faq__point-content p {
    width: auto;
    order: 1;
  }
}

/* Functions pxToRem(32px) and more */
.jb-footer {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  justify-content: space-between;
  font-size: 0.875rem;
  line-height: 140%;
  font-weight: 400;
}
@media (max-width: 768px) {
  .jb-footer {
    text-align: center;
    flex-direction: column;
    gap: 0.625rem;
    font-size: 1rem;
    line-height: 140%;
    font-weight: 400;
  }
}
.jb-footer div:first-child {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
}
@media (max-width: 768px) {
  .jb-footer div:first-child {
    flex-direction: column;
    gap: 0.625rem;
  }
}
.jb-footer div:last-child {
  display: flex;
  flex-direction: row;
  gap: 2.5rem;
}
@media (max-width: 768px) {
  .jb-footer div:last-child {
    flex-direction: column;
    gap: 0.625rem;
  }
  .jb-footer div:last-child > *:last-child {
    margin-top: 0.625rem;
  }
}
.jb-footer span {
  color: #888888;
}
.jb-footer span a {
  color: #3aaa35;
}
.jb-footer a {
  color: #888888;
  transition: color 0.2s ease;
}
.jb-footer a:hover {
  color: #3aaa35;
}

/* Functions pxToRem(32px) and more */
.jb-page {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border-radius: 1.875rem;
  padding: 2.5rem 1.25rem;
  margin-top: 1.25rem;
}
@media (max-width: 768px) {
  .jb-page {
    padding: 1.25rem;
    border-radius: 1.25rem;
    margin-top: 0;
  }
}
.jb-page__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4.375rem;
}
@media (max-width: 768px) {
  .jb-page__header {
    display: none;
    margin-bottom: 3.75rem;
  }
}
.jb-page__header img {
  width: 14.125rem;
  height: 2.5rem;
}
@media (max-width: 768px) {
  .jb-page__header img {
    width: 10.625rem;
    height: 1.875rem;
  }
}
.jb-page__title {
  width: 41.875rem;
  margin-bottom: 2.5rem;
  font-size: 3.5rem;
  line-height: 100%;
  font-weight: 500;
}
@media (max-width: 768px) {
  .jb-page__title {
    width: auto;
    margin-top: 1.875rem;
    margin-bottom: 1.25rem;
    font-size: 1.75rem;
    line-height: 120%;
    font-weight: 500;
  }
}
.jb-page__info {
  width: 41.875rem;
  margin-bottom: 5rem;
  color: #888888;
  font-size: 1.125rem;
  line-height: 140%;
  font-weight: 500;
}
@media (max-width: 768px) {
  .jb-page__info {
    width: auto;
    margin-bottom: 2.5rem;
    font-size: 1rem;
    line-height: 120%;
    font-weight: 500;
  }
}
.jb-page__main {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
}
.jb-page__content {
  width: calc(100% - 21.5625rem);
  flex: 1 0 auto;
}
.jb-page__content h4 {
  font-size: 1.5rem;
  line-height: 120%;
  font-weight: 500;
}
@media (max-width: 768px) {
  .jb-page__content h4 {
    font-size: 1.375rem;
    line-height: 120%;
    font-weight: 500;
  }
}
.jb-page__content h4 + p {
  margin-top: 1.25rem;
}
.jb-page__content p {
  font-size: 1rem;
  line-height: 140%;
  font-weight: 400;
}
.jb-page__content p + p {
  margin-top: 1.25rem;
}
.jb-page__content p + h4, .jb-page__content p + .jb-page__anchor {
  margin-top: 3.75rem;
}
.jb-page__content ul {
  font-size: 1rem;
  line-height: 140%;
  font-weight: 400;
}
.jb-page__content ul + p {
  margin-top: 1.25rem;
}
.jb-page__content ul + .jb-page__anchor {
  margin-top: 3.75rem;
}
.jb-page__sidebar {
  width: 20.3125rem;
  flex: 0 0 auto;
}
@media (max-width: 768px) {
  .jb-page__sidebar {
    display: none;
  }
}
.jb-page__sidebar-list {
  position: sticky;
  top: 7.5rem;
  overflow: hidden;
  background-color: #f6f6f6;
  border-radius: 1.25rem;
}
.jb-page__sidebar .jb--formatted-list {
  max-height: calc(100vh - 9.375rem);
  overflow: hidden scroll;
  padding: 1.25rem;
}
.jb-page__sidebar .jb--formatted-list li a {
  display: block;
  padding: 0.625rem 0;
  color: #111111;
  font-size: 1rem;
  line-height: 140%;
  font-weight: 400;
  transition: color 0.2s ease;
}
.jb-page__sidebar .jb--formatted-list li a:hover {
  color: #3aaa35;
}
.jb-page__anchor {
  transform: translateY(-8.75rem);
}
.jb-page a {
  color: #3aaa35;
}

/* Functions pxToRem(32px) and more */
.jb-modal-callback {
  display: none;
  width: 100%;
  height: 100%;
  background: transparent;
  padding: 0;
  overflow: hidden;
}
.jb-modal-callback__container {
  position: relative;
  width: 50%;
  height: 100%;
  margin-left: auto;
  background: #111111;
  transform: translateX(100%);
  transition: transform 0.4s ease-out;
  transition-delay: 0.2s;
}
@media (max-width: 768px) {
  .jb-modal-callback__container {
    width: 100%;
  }
}
.jb-modal-callback__form, .jb-modal-callback__thanks {
  display: flex;
  flex-direction: column;
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background-color: #111111;
  transition: opacity 0.2s ease;
  opacity: 0;
  pointer-events: none;
}
.jb-modal-callback__form.active, .jb-modal-callback__thanks.active {
  opacity: 1;
  pointer-events: auto;
}
.jb-modal-callback__form {
  padding: 3.75rem;
  margin-top: auto;
  z-index: 2;
}
@media (max-width: 768px) {
  .jb-modal-callback__form {
    padding: 1.25rem;
  }
}
.jb-modal-callback__thanks {
  justify-content: center;
  text-align: center;
  padding: 1.25rem;
}
.jb-modal-callback__title {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  margin: auto 0 1.25rem 0;
}
@media (max-width: 768px) {
  .jb-modal-callback__title {
    flex-direction: column;
  }
}
.jb-modal-callback__title img {
  width: 6.25rem;
  height: 6.25rem;
}
@media (max-width: 768px) {
  .jb-modal-callback__title img {
    width: 5rem;
    height: 5rem;
  }
}
.jb-modal-callback__title p {
  color: #ffffff;
  font-size: 2.5rem;
  line-height: 120%;
  font-weight: 500;
}
@media (max-width: 768px) {
  .jb-modal-callback__title p {
    font-size: 1.75rem;
    line-height: 120%;
    font-weight: 500;
  }
}
.jb-modal-callback__title p span {
  color: #888888;
}
.jb-modal-callback__thanks .jb-modal-callback__title {
  flex-direction: column;
  align-items: center;
  margin: 0 0 1.875rem 0;
}
.jb-modal-callback__description {
  margin-bottom: 1.875rem;
  color: #ffffff;
  font-size: 1.125rem;
  line-height: 140%;
  font-weight: 400;
}
@media (max-width: 768px) {
  .jb-modal-callback__description {
    font-size: 1rem;
    line-height: 140%;
    font-weight: 400;
  }
}
.jb-modal-callback__thanks .jb-modal-callback__description {
  margin-bottom: 0rem;
}
.jb-modal-callback.jb--opened .jb-modal-callback__container {
  transform: translateX(0);
}
.jb-modal-callback .jb-btn__modal-close {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  z-index: 3;
}

/* Functions pxToRem(32px) and more */
.wpcf7[data-wpcf7-id="90"] form.wpcf7-form {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
}
.wpcf7[data-wpcf7-id="90"] form.wpcf7-form input[type=text], .wpcf7[data-wpcf7-id="90"] form.wpcf7-form input[type=tel] {
  width: 100%;
  border: 0.0625rem solid rgb(61, 61, 61);
  color: #ffffff;
  background-color: rgb(41, 41, 41);
  padding: 1.40625rem 1.25rem;
  border-radius: 0.625rem;
  transition: border-color 0.2s ease;
  font-size: 1.125rem;
  line-height: 140%;
  font-weight: 400;
}
@media (max-width: 768px) {
  .wpcf7[data-wpcf7-id="90"] form.wpcf7-form input[type=text], .wpcf7[data-wpcf7-id="90"] form.wpcf7-form input[type=tel] {
    padding: 1.0625rem 1.25rem;
    font-size: 1.375rem;
    line-height: 120%;
    font-weight: 500;
  }
}
.wpcf7[data-wpcf7-id="90"] form.wpcf7-form input[type=text].wpcf7-not-valid, .wpcf7[data-wpcf7-id="90"] form.wpcf7-form input[type=tel].wpcf7-not-valid {
  border-color: rgb(255, 0, 0);
}
.wpcf7[data-wpcf7-id="90"] form.wpcf7-form input[type=text]:focus-visible, .wpcf7[data-wpcf7-id="90"] form.wpcf7-form input[type=tel]:focus-visible {
  outline: 0;
  border-color: #3aaa35;
}
.wpcf7[data-wpcf7-id="90"] form.wpcf7-form input[type=text]::-moz-placeholder, .wpcf7[data-wpcf7-id="90"] form.wpcf7-form input[type=tel]::-moz-placeholder {
  color: #888888;
}
.wpcf7[data-wpcf7-id="90"] form.wpcf7-form input[type=text]::placeholder, .wpcf7[data-wpcf7-id="90"] form.wpcf7-form input[type=tel]::placeholder {
  color: #888888;
}
.wpcf7[data-wpcf7-id="90"] form.wpcf7-form .wpcf7-not-valid-tip {
  margin-top: 0.625rem;
  font-size: 0.875rem;
  line-height: 140%;
  font-weight: 400;
}
@media (max-width: 768px) {
  .wpcf7[data-wpcf7-id="90"] form.wpcf7-form .wpcf7-not-valid-tip {
    font-size: 0.75rem;
    line-height: 140%;
    font-weight: 400;
  }
}
.wpcf7[data-wpcf7-id="90"] form.wpcf7-form .wpcf7-acceptance {
  font-size: 0.875rem;
  line-height: 140%;
  font-weight: 400;
}
@media (max-width: 768px) {
  .wpcf7[data-wpcf7-id="90"] form.wpcf7-form .wpcf7-acceptance {
    font-size: 0.75rem;
    line-height: 140%;
    font-weight: 400;
  }
}
.wpcf7[data-wpcf7-id="90"] form.wpcf7-form .wpcf7-acceptance .wpcf7-list-item {
  margin: 0;
}
.wpcf7[data-wpcf7-id="90"] form.wpcf7-form .wpcf7-acceptance .wpcf7-list-item input {
  display: none;
}
.wpcf7[data-wpcf7-id="90"] form.wpcf7-form .wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #888888;
  cursor: pointer;
}
@media (max-width: 768px) {
  .wpcf7[data-wpcf7-id="90"] form.wpcf7-form .wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label {
    align-items: flex-start;
  }
}
.wpcf7[data-wpcf7-id="90"] form.wpcf7-form .wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label:before {
  flex-shrink: 0;
  display: block;
  width: 1.125rem;
  height: 1.125rem;
  border: 0.0625rem solid #3aaa35;
  border-radius: 0.25rem;
  background-color: transparent;
}
.wpcf7[data-wpcf7-id="90"] form.wpcf7-form .wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label p {
  margin-left: 0.625rem;
}
.wpcf7[data-wpcf7-id="90"] form.wpcf7-form .wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label p span {
  color: #ffffff;
}
.wpcf7[data-wpcf7-id="90"] form.wpcf7-form .wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label p a {
  color: #3aaa35;
}
.wpcf7[data-wpcf7-id="90"] form.wpcf7-form .wpcf7-acceptance .wpcf7-list-item input:checked + span.wpcf7-list-item-label:before {
  border-color: #3aaa35;
  background-color: #3aaa35;
  background-image: url("assets/images/form-checkbox-check.svg");
  background-size: contain;
  background-position: center;
}
.wpcf7[data-wpcf7-id="90"] form.wpcf7-form .wpcf7-form-control-wrap:has(.wpcf7-not-valid-tip) ~ .wpcf7-form-control-wrap span.wpcf7-list-item-label:before {
  border-color: rgb(255, 0, 0);
}
.wpcf7[data-wpcf7-id="90"] form.wpcf7-form .wpcf7-submit {
  margin-top: 0.9375rem;
  width: 16.25rem;
  border: 0;
  padding-left: 0;
  padding-right: 0;
}
.wpcf7[data-wpcf7-id="90"] form.wpcf7-form .wpcf7-spinner, .wpcf7[data-wpcf7-id="90"] form.wpcf7-form .wpcf7-response-output {
  display: none;
}

/* Functions pxToRem(32px) and more */
.jb-404 {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border-radius: 1.875rem;
  padding: 2.5rem 1.25rem;
  margin-top: 1.25rem;
}
@media (max-width: 768px) {
  .jb-404 {
    padding: 1.25rem;
    border-radius: 1.25rem;
    margin-top: 0;
  }
}
.jb-404__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  .jb-404__header {
    display: none;
  }
}
.jb-404__header img {
  width: 14.125rem;
  height: 2.5rem;
}
@media (max-width: 768px) {
  .jb-404__header img {
    width: 10.625rem;
    height: 1.875rem;
  }
}
.jb-404__error {
  text-align: center;
  margin: 4rem 0 9rem 0;
}
@media (max-width: 768px) {
  .jb-404__error {
    margin: 0;
  }
}
.jb-404__error-code {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
  color: #888888;
  font-size: 11.1875rem;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .jb-404__error-code {
    gap: 0.625rem;
    font-size: 6rem;
  }
}
.jb-404__error-code img {
  width: 8.125rem;
  height: 8.125rem;
}
@media (max-width: 768px) {
  .jb-404__error-code img {
    width: 4.375rem;
    height: 4.375rem;
  }
}
.jb-404__error-text {
  margin-bottom: 2.5rem;
  font-size: 1.5rem;
  line-height: 120%;
  font-weight: 500;
}
@media (max-width: 768px) {
  .jb-404__error-text {
    margin-bottom: 1.25rem;
    font-size: 1.125rem;
    line-height: 140%;
    font-weight: 500;
  }
  .jb-404__error-text br {
    display: none;
  }
}
.jb-404__error-text span {
  color: #888888;
}

/* Functions pxToRem(32px) and more */
.jb-cookie-notice[open] {
  position: fixed;
  bottom: 0;
  right: 0;
  inset-inline-start: auto;
  z-index: 99;
  display: flex;
  align-items: center;
  margin: 3.75rem;
  padding: 1.25rem 1.875rem;
  border: 0;
  border-radius: 0.9375rem;
  background: #FFF;
}
@media (max-width: 768px) {
  .jb-cookie-notice[open] {
    flex-wrap: wrap;
    justify-content: center;
    margin: 1.25rem;
    padding: 0.9375rem 1.25rem;
  }
}
.jb-cookie-notice__text {
  color: #111;
  font-size: 1rem;
  line-height: 140%;
  font-weight: 400;
}
@media (max-width: 768px) {
  .jb-cookie-notice__text {
    margin-bottom: 0.625rem;
  }
}
.jb-cookie-notice__text a {
  color: #3aaa35;
}
.jb-cookie-notice__button {
  margin-left: 1.4375rem;
  display: flex;
  padding: 1.03125rem 1.25rem;
  border-radius: 3.75rem;
  border: 1px solid #EEE;
  background-color: #FFF;
  color: #111;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 120%;
  cursor: pointer;
}
@media (max-width: 768px) {
  .jb-cookie-notice__button {
    margin-left: 0;
  }
}
.jb-cookie-notice__button-prime {
  color: #FFF;
  background: #3AAA35;
  margin-left: 0.625rem;
  padding: 1.03125rem 1.875rem;
}/*# sourceMappingURL=style.css.map */