@charset "UTF-8";
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  margin: 0;
}

.thank-you__page {
  background-image: url(../../assets/img/bg-thank2.jpg);
  background-size: cover;
}

.thank-you__content {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100vh;
}

.thank-you__content .page-logo {
  padding-top: 80px;
  margin-bottom: 60px;
}

.thank-you__content .page-top {
  margin-bottom: 30px;
}

.thank-you__page h2 {
  font-weight: 700;
  font-size: 60px;
  line-height: 65px;
  letter-spacing: -2px;
  text-transform: uppercase;
  color: #161C2D;
  margin-bottom: 32px;
}

.thank-you__page h3 {
  font-weight: 700;
  font-size: 50px;
}
@media (max-width: 767px) {
  .thank-you__page h3 {
    font-size: 30px;
  }
}

.thank-you__page p {
  font-weight: 600;
  font-size: 19px;
  line-height: 32px;
  letter-spacing: -0.2px;
  color: #161C2D;
  opacity: 0.7;
}

.thank-you__page p + p {
  margin-top: 13px;
}

.thank-you__content .tg-btn-wrap {
  opacity: 1;
}

.thank-you__content .tg-btn {
  font-weight: 700;
  font-size: 17px;
  line-height: 32px;
  letter-spacing: -0.6px;
  text-transform: uppercase;
  text-decoration: none;
  color: #FFFFFF;
  padding: 14px 34px 14px 24px;
  margin-top: -4px;
  background: #2BACEF;
  border-radius: 50px;
  display: inline-flex;
  align-items: center;
  transition: 0.3s all;
}

.thank-you__content .tg-btn:hover {
  background-color: #279dd9;
}

.thank-you__content .tg-btn img {
  margin-left: 16px;
  margin-bottom: -1px;
}

.thank-you__content .page-bottom {
  padding-bottom: 98px;
}

.thank-you__content .page-bottom p {
  font-size: 16px;
  font-weight: 400;
}

.packages .page_main_content {
  max-width: 55%;
  height: 100vh;
  margin-bottom: -123px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: -150px;
}

@media (max-width: 1280px) {
  .thank-you__page .container-boxed {
    width: auto;
  }
}
@media (max-width: 767px) {
  .thank-you__content .page-logo {
    padding-top: 60px;
  }
  .thank-you__content .page-bottom {
    padding-bottom: 60px;
  }
  .thank-you__page h2 {
    font-size: 30px;
    line-height: 1em;
    margin-bottom: 20px;
  }
  .thank-you__page p {
    font-size: 17px;
    line-height: 24px;
  }
  .thank-you__page .page-logo img {
    width: 200px;
  }
}
.packages .page_main_content h2 {
  color: #1F2635;
  font-size: 60px;
  font-weight: 700;
  letter-spacing: -2px;
  margin-bottom: 29px;
}

.packages .page_main_content p {
  color: #161C2D;
  font-size: 19px;
  letter-spacing: -0.2px;
  line-height: 32px;
  opacity: 0.7;
  margin-bottom: 24px;
}

.packages .page_main_content p:last-child {
  margin-bottom: 0;
}

.list-lekt--column-lower-price.has_sale_price > div > span {
  font-size: 0.7em;
  color: #3d4351;
  text-decoration: line-through;
  opacity: 0.7;
}

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

.header.header_dark {
  background: #1d2027;
  padding-bottom: 16px;
}

.header.header_dark .header__logo {
  filter: invert(1) !important;
}

.header.header_dark .header__btn p,
.header.header_dark .header__btn {
  color: #fff;
}

.header.header_dark .header__right svg path,
.header.header_dark .header__btn svg path {
  fill: #fff;
}

.header.header_dark .header__burger span {
  background-color: #fff;
}

.vacancies-content {
  padding: 210px 0 180px;
  background-color: #1d2027;
  text-align: center;
  color: #fff;
}

.vacancies-content_wrap {
  max-width: 770px;
  margin: 0 auto;
}

.vacancies-content h2 {
  font-size: 36px;
  margin-bottom: 15px;
}

.vacancies-content h6 {
  font-size: 19px;
  margin-bottom: 35px;
}

.vacancies-content p {
  font-size: 17px;
  font-weight: 300;
  line-height: 1.5;
  opacity: 0.8;
}

.vacancies-content p + p {
  margin-top: 25px;
}

.vacancies-content a {
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0;
  background-color: transparent;
  color: #fff;
  padding: 19px 30px;
  display: inline-block;
  margin-top: 50px;
  text-decoration: none;
  text-transform: uppercase;
  border: 1px solid #fff;
  transition: 0.3s all;
}

.vacancies-content a:hover {
  background-color: #fff;
  color: #000;
}

@media (max-width: 767px) {
  .vacancies-content {
    padding: 150px 0 70px;
  }
  .vacancies-content h2 {
    font-size: 24px;
    margin-bottom: 15px;
  }
  .vacancies-content h6 {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .vacancies-content p {
    font-size: 16px;
  }
  .vacancies-content p + p {
    margin-top: 15px;
  }
  .vacancies-content a {
    margin-top: 30px;
  }
}
@font-face {
  font-family: "Gotham-pro";
  src: url(../fonts/GothamPro.eot);
  src: local("😥"), url(../fonts/GothamPro.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url(../fonts/Inter.eot);
  src: local("😥"), url(../fonts/Inter.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url(../fonts/Inter.eot);
  src: local("😥"), url(../fonts/Inter.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url(../fonts/Inter.eot);
  src: local("😥"), url(../fonts/Inter.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url(../fonts/Inter.eot);
  src: local("😥"), url(../fonts/Inter.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}
.woocommerce-checkout .woocommerce,
.woocommerce-cart .woocommerce {
  max-width: 1280px;
  padding: 0 60px;
  margin: 120px auto 20px;
  font-family: "Inter";
}
@media only screen and (max-width: 1200px) {
  .woocommerce-checkout .woocommerce,
  .woocommerce-cart .woocommerce {
    padding: 0 20px;
  }
}

.woocommerce-checkout .woocommerce a,
.woocommerce-cart .woocommerce a {
  color: #000;
  text-decoration: none !important;
}

.woocommerce input,
.woocommerce textarea {
  font-family: "Inter";
}
.woocommerce textarea {
  resize: vertical;
  min-height: 100px;
}
.woocommerce .button {
  color: #fff !important;
  background: #1d2027 !important;
  border-radius: 0.33rem !important;
  font-weight: 500 !important;
}
.woocommerce h2 {
  margin-bottom: 10px;
}
.woocommerce h3 {
  margin: 10px 0;
}
.woocommerce .input-text {
  padding: 0.9rem !important;
  font-size: 0.9rem !important;
  border: 1px solid #aaa;
  border-radius: 5px;
}
.woocommerce th {
  font-weight: 700 !important;
  padding: 1rem !important;
  font-size: 1.05rem !important;
}
.woocommerce .cart-collaterals .cart_totals {
  width: 100%;
  float: unset;
}
.woocommerce .product-thumbnail {
  width: 120px;
}
.woocommerce .product-thumbnail a img {
  width: 120px;
}
.woocommerce .product-remove {
  width: 1rem;
}
.woocommerce .product-remove a {
  font-size: 1.5em;
}
.woocommerce .select2-container .select2-selection--single {
  padding: 0.9rem !important;
  font-size: 0.9rem !important;
  height: unset !important;
}
.woocommerce .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 1rem !important;
  padding: 0 !important;
}
.woocommerce .select2-container .select2-selection--single .select2-selection__arrow {
  top: 9px;
}
.woocommerce .zen-ui-select {
  margin-top: 5px;
}
.woocommerce .zen-ui-select__value {
  padding: 0.9rem !important;
  font-size: 0.9rem;
  border-radius: 5px !important;
  border: 1px solid #aaa !important;
}
.woocommerce .woocommerce-billing-fields__field-wrapper {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px 15px !important;
  border-radius: 5px;
}
.woocommerce .wcus-checkout-fields > :last-child {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px 15px;
  border-radius: 5px;
}
.woocommerce .woocommerce-checkout-payment {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  background: unset !important;
  margin-bottom: unset !important;
}
.woocommerce .select2-selection__rendered {
  text-align: left;
}
.woocommerce .woocommerce-thankyou-order-received {
  font-size: 1.5em;
  font-weight: 700;
  margin-bottom: 20px;
}
.woocommerce .woocommerce-order-overview {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px 15px !important;
  border-radius: 5px;
}
.woocommerce ul.order_details {
  margin-bottom: 2em;
}
.woocommerce address {
  width: unset !important;
}
.woocommerce #place_order {
  margin-bottom: 0 !important;
}
.woocommerce .woocommerce-terms-and-conditions-wrapper {
  display: none;
}

.single.single-product {
  background: #cacbd0;
}

.product-wrap {
  font-size: 16px;
  max-width: 1280px;
  padding: 0 60px;
  margin: 150px auto 20px;
}

@media only screen and (max-width: 1200px) {
  .product-wrap {
    padding: 0 20px;
  }
}
.product-wrap .product-content p, .product-wrap .product-content li {
  line-height: 24px;
}

.product-wrap .product-content p {
  margin-bottom: 1em;
}

.product-wrap .product-content a {
  color: #000;
  transition: 0.3s all;
}

.product-wrap .product-content a:hover {
  opacity: 0.8;
}

.product-wrap button {
  text-transform: capitalize;
}

.woocommerce div.product div.summary .product_title {
  margin-bottom: 15px;
}

.woocommerce div.product div.summary .cart {
  margin-top: 25px;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
  color: #000;
  font-size: 28px;
  font-weight: 600;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
  color: #000;
  font-size: 18px;
  font-weight: 600;
}

.upsells.products,
.related.products {
  clear: both;
  margin-top: 50px;
}

.upsells.products h2,
.related.products h2 {
  text-align: center;
  font-size: 32px;
  margin-bottom: 20px;
}

.upsells.products ul.products li.product,
.related.products ul.products li.product {
  text-align: center;
}

.upsells.products ul.products li.product .woocommerce-loop-product__title,
.related.products ul.products li.product .woocommerce-loop-product__title {
  font-size: 18px;
  color: #000;
}

.upsells.products ul.products li.product .button,
.related.products .button {
  border-radius: 0.33rem !important;
  font-weight: 500 !important;
  text-transform: capitalize;
}

section.related.products {
  display: none;
}

.woocommerce-cart-form__cart-item .product-name a {
  pointer-events: none;
}

:root {
  font-size: 3.125vw;
}

@media (min-width: 1200px) {
  :root {
    font-size: 0.5208333333vw;
  }
}
html {
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  font-family: "Raleway", sans-serif;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 1200px) {
  body {
    overflow: hidden;
  }
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: unset;
}

.container {
  padding: 0 20px;
}
@media only screen and (min-width: 1200px) {
  .container {
    padding: 0 47px;
    max-width: 1826px;
    margin: 0 auto;
  }
}

.container--custom {
  padding: 0 2rem;
}

@media (min-width: 1200px) {
  .container--custom {
    padding: 0 4.7rem;
    max-width: unset;
  }
}
section {
  position: relative;
}

.bg {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}
.bg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.inst {
  display: block;
  width: fit-content;
  transition: all 0.3s ease-in-out;
}
.inst svg path {
  transition: all 0.3s ease-in-out;
}
.inst:hover svg path {
  fill: #fff;
}

.phone-btn {
  display: flex;
  align-items: center;
  text-decoration: unset;
  color: #fff;
  gap: unset;
}
.phone-btn p {
  padding-left: 11px;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration-line: underline;
  transition: all 0.3s ease-in-out;
}
.phone-btn svg path {
  fill: #fff;
}
.phone-btn:hover p {
  text-decoration: unset;
}

.section-title {
  text-transform: uppercase;
  font-size: 10.9375vw;
  font-weight: 300;
  line-height: 0.75;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1920px) {
  .section-title {
    font-size: 250px;
  }
}
@media only screen and (max-width: 1200px) {
  .section-title {
    letter-spacing: -1.44px;
  }
}

.invert {
  filter: invert(100%);
}

.slider-number-anim {
  animation: 0.5s sliderNumberAnim forwards;
}

.pin-spacer {
  z-index: 0 !important;
}

.line {
  position: relative;
}
.line-mask {
  position: absolute;
  top: 0;
  right: 0;
  background: rgba(29, 32, 39, 0.65);
  width: 100%;
  height: 100%;
  z-index: 2;
}

.subtitle {
  position: relative;
}
.subtitle p {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  color: black;
}

@keyframes sliderNumberAnim {
  from {
    transform: translateY(0);
    opacity: 1;
  }
  50% {
    transform: translateY(50px);
    opacity: 0;
  }
  51% {
    transform: translateY(-50px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.header {
  padding-top: 16px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 199;
  transition: 0.3s;
}
.header.active.invert {
  filter: none;
}
.header.active .header__logo img {
  filter: invert(100%);
}
.header__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header__logo {
  display: block;
  width: 100px;
  height: 50px;
  overflow: hidden;
  position: relative;
  z-index: 99;
}
@media only screen and (min-width: 1200px) {
  .header__logo {
    width: 136px;
    height: 73.511px;
  }
}
.header__logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: 0.3s;
}
.header__right {
  display: flex;
  align-items: center;
}
.header__btn {
  align-items: center;
  text-decoration: unset;
  margin-left: auto;
}
@media (max-width: 767px) {
  .header__btn {
    padding-right: 15px;
  }
}
.header__btn--cart {
  width: 30px;
  height: 30px;
  margin-top: -5px;
  margin-right: 30px;
}
@media (max-width: 767px) {
  .header__btn--cart {
    width: 28px;
    height: 28px;
    margin-right: 20px;
  }
}
@media only screen and (min-width: 1200px) {
  .header__btn {
    display: flex;
    margin-right: 200px;
  }
}
.header__btn p {
  padding-left: 11px;
  font-size: 20px;
  text-transform: uppercase;
  color: #000;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 767px) {
  .header__btn p {
    display: none;
  }
}
.header__btn:hover p {
  text-decoration: unset;
}
.header__burger {
  position: relative;
  z-index: 99;
  cursor: pointer;
}
.header__burger span {
  display: block;
  width: 33px;
  height: 2px;
  margin-bottom: 7px;
  position: relative;
  background-color: #000;
  border-radius: 3px;
  z-index: 100;
  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;
}
.header__burger span:first-child {
  transform-origin: 0% 0%;
}
.header__burger span:nth-last-child(2) {
  transform-origin: 0% 100%;
}
.header__burger.close span {
  opacity: 1;
  transform: rotate(45deg) translate(5px, -1px);
  background: #fff;
}
.header__burger.close span:nth-last-child(2) {
  transform: rotate(-45deg) translate(0, 7px);
}
.header__burger.close span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}
.header__menu {
  z-index: 90;
  background: #1d2027;
  display: flex;
  flex-direction: column;
  padding: 24px;
  padding-top: 100px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  color: #fff;
  flex-shrink: 0;
  transform: translateY(-100%);
  transition: all 0.3s ease-in-out;
  width: 100%;
}
@media only screen and (min-width: 560px) {
  .header__menu {
    padding: 40px 25px 25px;
  }
}
@media only screen and (min-width: 1200px) {
  .header__menu {
    left: unset;
    max-width: 575px;
  }
}
.header__menu.active {
  transform: translateY(0);
}
.header__menu ul {
  padding: unset;
  margin: unset;
  list-style: none;
}
.header__menu ul li {
  padding: 13px 0;
  width: 220px;
  position: relative;
}
.header__menu ul li:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M18.6704 10.9832L8.6294 21.0243L6.97949 19.3744L17.0205 9.33333H8.17045V7H21.0037V19.8333H18.6704V10.9832Z' fill='white'/%3E%3C/svg%3E");
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
  top: 16px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  width: 0px;
  height: 0px;
}
.header__menu ul li.button {
  padding: 11px 20px;
  margin-top: 16px;
  color: #1d2027;
  background: #fff;
  width: auto;
  display: inline-block;
  border-radius: 5px;
}
.header__menu ul li.button a {
  color: #1d2027;
}
.header__menu ul li a {
  color: #fff;
  font-size: 22px;
  font-weight: 300;
  transition: all 0.3s ease-in-out;
  display: inline;
  position: relative;
  text-decoration: none;
}
.header__menu ul li a::before {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: -3px;
  left: 0;
  background-color: #fff;
  transform-origin: bottom right;
  transition: transform 0.3s ease-out;
  z-index: 1;
}
.header__menu ul li:hover a::before {
  transform: scaleX(1) !important;
  transform-origin: bottom left !important;
}
.header__menu ul li:hover:after {
  opacity: 1;
  width: 28px;
  height: 28px;
  pointer-events: none;
}
.header__menu--bottom {
  display: flex;
  align-items: center;
  margin-top: 40px;
}
.header__menu--bottom a {
  color: #fff;
}
.header__menu--bottom a p {
  color: #fff;
}
.header__menu--bottom .header__btn {
  margin: unset;
  display: flex !important;
  flex-wrap: nowrap;
}
.header__menu--lang {
  font-size: 20px;
  text-decoration: none;
  display: flex;
  align-items: center;
  margin-right: 50px;
}
@media only screen and (min-width: 1200px) {
  .header__menu--lang {
    margin-right: 150px;
  }
}
.header__menu--lang span {
  padding-left: 14px;
}

.first-sections {
  position: relative;
}

.main {
  background: #aeb0b7;
  padding-top: 86px;
  padding-bottom: 217px;
  overflow: hidden;
}
@media only screen and (max-width: 1200px) {
  .main {
    padding-bottom: 20px;
    margin-top: -20px;
  }
}
@media only screen and (min-width: 1200px) {
  .main {
    padding-top: 194px;
  }
}
.main__content {
  position: relative;
}
@media only screen and (max-width: 1200px) {
  .main__content {
    display: none;
  }
}
.main__figure {
  position: absolute;
  bottom: -3px;
  display: block;
  left: 0;
  width: 100%;
  height: 70px;
  z-index: 2;
  background: #aeb0b7;
  background: url(../../assets/img/experience_figure.png) no-repeat center center/cover;
}
@media only screen and (max-width: 1200px) {
  .main__figure {
    display: none;
  }
}
.main__subtitle {
  line-height: 1;
  letter-spacing: -0.956px;
  text-transform: uppercase;
  margin-left: 250px;
}
@media only screen and (max-width: 1200px) {
  .main__subtitle {
    font-size: 18px;
    padding: unset;
    transform: rotate(-90deg);
    white-space: nowrap;
    text-align: start;
    width: 55px;
    margin-left: 0;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 1200px) {
  .main__subtitle {
    font-size: 24px;
  }
}
.main__title {
  text-transform: uppercase;
  font-size: 11.4583333333vw;
  font-weight: 300;
  line-height: 0.75;
  letter-spacing: -10.52px;
  margin: unset;
  display: flex;
  flex-wrap: nowrap;
  justify-content: initial !important;
}
.main__title:not(.first) {
  font-size: 8.1vw;
}
.main__title--container {
  position: relative;
}
.main__title.first {
  margin-top: 46px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1200px) {
  .main__title {
    letter-spacing: -2.027px;
    color: #fff;
    max-width: 560px;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: center;
  }
  .main__title span {
    margin: 0 5px 20px;
  }
}
@media only screen and (min-width: 1920px) {
  .main__title {
    font-size: 260px;
  }
}
.main__row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 80px;
}
.main__row--coll {
  display: flex;
  flex-direction: column;
}
.main__row--coll.first {
  margin-top: 16px;
  flex-shrink: 0;
}
.main__row--coll.first .main__text {
  margin-left: 250px;
  max-width: 198px;
  width: 100%;
  z-index: 10;
}
@media only screen and (max-width: 1200px) {
  .main__row--coll.first .main__text {
    width: 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 1400px) {
  .main__row--coll.first .main__text {
    margin-left: 150px;
  }
}
.main__row--coll:last-of-type {
  align-items: flex-end;
  gap: 46px;
}
.main__row--socials {
  margin-top: 98px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.main__row--socials .inst {
  text-decoration: none;
}
.main__row--socials .inst-wrap {
  text-align: center;
}
.main__row--socials .inst-wrap svg {
  margin-bottom: 7px;
}
.main__row--socials .inst-wrap p {
  font-size: 16px;
  color: black;
}
.main__text {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.main__text + .main__text {
  margin-top: 20px;
}
@media only screen and (max-width: 1200px) {
  .main__text {
    width: 100%;
  }
}
.main__text p {
  font-size: 16px;
  font-weight: 300;
  margin: unset;
}
.main__text p b {
  font-weight: 500;
}
.main__text a {
  color: #000;
  text-decoration: none;
  display: unset !important;
}
.main__text.last {
  margin-right: 8%;
  max-width: 267px;
  width: 100%;
}
@media only screen and (max-width: 1560px) {
  .main__text.last {
    margin-right: 0;
  }
}
.main__text.last #main-text-third-part {
  margin-bottom: -12em;
}
.main__text.last #main-text-third-part p + p {
  margin-top: 3em;
}
.main__elem {
  z-index: 2;
  position: absolute;
  left: calc(50% + 50px);
  bottom: -35%;
  width: 900px;
  transform: translateX(-50%);
}
@media only screen and (max-width: 1560px) {
  .main__elem {
    width: 750px;
    bottom: -25%;
    left: 50%;
  }
}
@media only screen and (max-width: 1200px) {
  .main__elem {
    display: none;
  }
}
.main__elem--inner {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.main__elem--bg {
  pointer-events: none;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: block;
  position: relative;
  overflow: hidden;
  right: -4%;
}
.main__elem--bg:after {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.1);
}
.main__elem--bg img {
  position: relative;
  z-index: 4;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.main__elem--image {
  pointer-events: none;
  position: absolute;
  bottom: 36%;
  left: 53%;
  transform: translateX(-50%);
  z-index: 5;
  display: block;
  width: 100%;
  height: 100%;
}
.main__elem--image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: all 0.6s ease;
}
.main__elem--small {
  pointer-events: none;
  position: absolute;
  bottom: -214px;
  transform: rotate(6.43deg) translateX(-50%);
  width: 336px;
  height: 445px;
  z-index: 6;
  left: calc(50% + 45px);
}
.main__elem--small img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.main__elem--content {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  right: 50%;
  width: 100%;
  height: 100%;
  transform: translateX(50%);
  z-index: 10;
}
.main__elem--arrow {
  width: 228px;
  height: 228px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 100%;
  z-index: 10;
  cursor: pointer;
  position: absolute;
  top: 200px;
  left: -40px;
}
.main__elem--arrow:hover {
  transform: scale(1.1) rotate(135deg) !important;
}
@media only screen and (max-width: 1200px) {
  .main__elem--arrow {
    position: relative;
    top: unset;
    left: unset;
    margin: 20px 0;
    width: 127px;
    height: 127px;
  }
  .main__elem--arrow svg {
    width: 45px;
    height: 45px;
  }
}
.main__elem--icon {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  position: absolute;
  border-radius: 100%;
  z-index: 10;
  cursor: pointer;
  filter: drop-shadow(0px 10px 19.1px rgba(0, 0, 0, 0.25));
}
.main__elem--icon img {
  height: 30px;
}
@media only screen and (max-width: 1200px) {
  .main__elem--icon {
    width: 58px;
    height: 58px;
  }
  .main__elem--icon img {
    height: 25px;
  }
}
.main__elem--icon p {
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  color: black;
  white-space: nowrap;
}
@media (min-width: 1200px) {
  .main__elem--icon p {
    font-size: 1.6rem;
  }
}
.main__elem--eat {
  position: absolute;
  right: 37%;
  top: 90px;
}
.main__elem--heart {
  top: 90px;
  right: 23%;
}
.main__elem--book {
  top: 90px;
  right: 9%;
}
.main__elem--academy {
  top: 220px;
  right: 37%;
}
.main__elem--guides {
  top: 220px;
  right: 23%;
}
.main__elem--steps {
  top: 220px;
  right: 9%;
}
.main_mob {
  display: none;
}
@media only screen and (max-width: 1200px) {
  .main_mob {
    display: block;
  }
}
.main_mob__top {
  display: flex;
  align-items: flex-end;
  padding-bottom: 20px;
  max-width: 560px;
  margin: 0 auto;
}
.main_mob__top .main_mob__soc {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 10;
}
.main_mob__top .inst {
  text-align: center;
  margin-bottom: 15px;
  text-decoration: none;
}
.main_mob__top .inst svg {
  height: 16px;
}
.main_mob__top .inst p {
  font-size: 11px;
  color: #000;
}
.main_mob__img {
  display: flex;
  flex-grow: 1;
  align-items: center;
  width: 240px;
  padding: 0 5px;
  position: relative;
  z-index: 2;
  margin-bottom: -50px;
  margin-right: -20px;
}
.main_mob__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.main_mob__link--wrapper {
  width: calc(20% - 5px);
  flex-shrink: 0;
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
@media (max-width: 767px) {
  .main_mob__link--wrapper {
    gap: 10px;
  }
}
.main_mob__link--title {
  font-size: 11px;
}
@media (min-width: 768px) {
  .main_mob__link--title {
    font-size: 0.5rem;
  }
}
.main_mob__content .main__title {
  justify-content: center !important;
}
.main_mob__content {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
}
.main_mob__content::after {
  content: "";
  background: url("../img/bg_main_content.png") no-repeat center center/cover;
  position: absolute;
  top: -30px;
  left: -20px;
  width: calc(100% + 40px);
  height: 130%;
  z-index: -1;
}
.main_mob__links {
  display: flex;
  align-items: flex-start;
  width: 100%;
  gap: 25px;
  padding-top: 20px;
  max-width: 560px;
  margin: 0 auto;
  transform: translateY(80px);
  margin-top: -80px;
  justify-content: center;
}
@media (max-width: 767px) {
  .main_mob__links {
    gap: 10px;
    transform: translateY(55px);
  }
}
.main_mob__links a {
  position: relative;
  top: unset;
  left: unset;
  right: unset;
  filter: drop-shadow(0px 8.08px 15.433px rgba(0, 0, 0, 0.25));
  transition: 0.3s;
}
.main_mob__text {
  padding-top: 90px;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  max-width: 560px;
  margin: 0 auto;
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
}

.zoomed img {
  transform: scale(1.1);
}

.arrow-steps {
  position: absolute;
  right: -2%;
  top: 243px;
}
@media (max-width: 1420px) {
  .arrow-steps {
    display: none;
  }
}

.experience {
  background-color: #1e2534;
  padding-top: 179px;
  padding-bottom: 105px;
  color: #fff;
  position: relative;
}
@media only screen and (max-width: 1200px) {
  .experience {
    padding: unset;
  }
}
.experience__elem--image {
  position: absolute;
  width: 305px;
  height: 460px;
  left: calc(50% - 85px);
  top: 10px;
  transform: rotate(6.5deg);
  z-index: 2;
}
@media only screen and (max-width: 1200px) {
  .experience__elem--image {
    display: none;
  }
}
.experience__bg {
  position: absolute;
  bottom: -60px;
  display: block;
  width: 0;
  height: 0;
  right: -20px;
  height: 580px;
  width: 40%;
  right: -20px;
  background: #b0b2b9;
  transform: rotate(5deg);
}
@media only screen and (max-width: 1200px) {
  .experience__bg {
    display: none;
  }
}
.experience__wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media only screen and (max-width: 1200px) {
  .experience__wrapper {
    display: none;
  }
}
.experience__col {
  position: relative;
  z-index: 5;
  color: #000;
}
.experience__col:first-of-type {
  color: #fff;
}
.experience__col:first-of-type .experience__title {
  margin-top: 146px;
  margin-bottom: unset;
}
.experience__title {
  font-size: 10.4166666667vw;
  font-weight: 200;
  line-height: 75%;
  letter-spacing: -10.08px;
  text-transform: uppercase;
  margin-bottom: 125px;
  color: #fff;
}
@media only screen and (max-width: 1200px) {
  .experience__title {
    letter-spacing: -2.027px;
    margin: unset;
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 1920px) {
  .experience__title {
    font-size: 220px;
  }
}
.experience__text {
  font-size: 18px;
  max-width: 314px;
  padding-left: 18px;
}
@media only screen and (max-width: 1200px) {
  .experience__text {
    padding: unset !important;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
.experience__text:first-of-type {
  padding-right: unset;
}
.experience__text p:first-of-type {
  font-size: 24px;
  text-transform: uppercase;
  padding-bottom: 104px;
  font-weight: 500;
  color: #fff;
}
@media only screen and (max-width: 1200px) {
  .experience__text p:first-of-type {
    padding-bottom: 14px;
  }
}
.experience__text p {
  padding-bottom: 35px;
  font-weight: 300;
  width: 314px;
}
.experience_mob {
  display: none;
}
@media only screen and (max-width: 1200px) {
  .experience_mob {
    display: block;
  }
}
.experience_mob__media {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-bottom: 36px;
}
.experience_mob__media--img {
  position: relative;
  z-index: 2;
  display: block;
  width: 180px;
  height: 100%;
  transform: rotate(6.43deg);
  top: 10px;
}
.experience_mob__media--img:after {
  content: "";
  position: absolute;
  display: block;
  background-image: url("../img/exp-bg.webp");
  width: 169px;
  height: 169px;
  right: -85px;
  bottom: -77px;
  z-index: 1;
  backdrop-filter: blur(7.8000001907px);
}
.experience_mob__media--img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: relative;
  z-index: 2;
}
.experience_mob__content {
  padding-top: 30px;
}
.experience_mob__content p {
  text-align: justify;
}
.experience_mob__content .experience__text {
  margin: 0 auto;
}
.experience_mob__content:last-of-type {
  position: relative;
  padding-top: 50px;
}
.experience_mob__content:last-of-type:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='195' viewBox='0 0 320 195' fill='none'%3E%3Cpath d='M0 0.597622H148L173 24.5L320 0.597622V194.598H148H0V0.597622Z' fill='url(%23paint0_linear_709_308)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_709_308' x1='215' y1='-309.203' x2='215' y2='650' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23B1B3BA'/%3E%3Cstop offset='1' stop-color='%23FEFEFE'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: top;
  display: block;
  top: 0;
  left: -20px;
  width: calc(100% + 40px);
  height: 100%;
  background-size: cover;
  position: absolute;
  z-index: 1;
}
.experience_mob__content:last-of-type .experience__text {
  position: relative;
  z-index: 3;
  color: #000;
}
.experience_mob__content:last-of-type .experience__text p:first-of-type {
  width: fit-content;
  margin-left: auto;
  color: #000;
}
@media only screen and (max-width: 1200px) {
  .experience_mob__content:last-of-type .experience__text p:first-of-type {
    margin-left: unset;
  }
}

.propositions {
  background: linear-gradient(180deg, #aeb0b7 0%, #fff 100%);
  transition: all 0.3s ease-out;
  margin-top: -2px;
  overflow: hidden;
}
.propositions #propositions-title-first {
  display: flex;
  gap: 40px;
}
@media only screen and (max-width: 1200px) {
  .propositions #propositions-title-first {
    gap: 20px;
  }
}
.propositions__wrapper {
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px;
}
@media only screen and (max-width: 1200px) {
  .propositions__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px 0 0;
    background: #d9dadd;
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .propositions__wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.propositions .section-title {
  line-height: 0.75;
  margin-bottom: 34px;
  font-size: 7.8125vw;
  letter-spacing: -6px;
  margin-left: auto;
  width: fit-content;
}
@media only screen and (max-width: 1200px) {
  .propositions .section-title {
    margin: unset;
    order: 0;
    letter-spacing: -1.44px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 1920px) {
  .propositions .section-title {
    font-size: 150px;
  }
}
.propositions .section-title span {
  width: 450px;
}
@media only screen and (max-width: 1200px) {
  .propositions .section-title span {
    display: none;
  }
}
.propositions__tabs {
  margin-top: 60px;
  position: relative;
  z-index: 5;
}
@media only screen and (max-width: 1200px) {
  .propositions__tabs {
    order: 2;
    margin: unset;
    background: white;
  }
}
@media only screen and (max-width: 500px) {
  .propositions__tabs::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 45px;
    left: 0;
    top: -44px;
    background: url(../../assets/img/acc_before_bg.png) no-repeat center center/cover;
  }
}
@media only screen and (min-width: 1200px) {
  .propositions__tabs {
    margin-top: 80px;
  }
}
.propositions__tab {
  border: 1px solid #d2d2d2;
}
@media only screen and (max-width: 1200px) {
  .propositions__tab {
    border-top: unset;
    border-left: unset;
    border-right: unset;
    border-bottom: 1px solid #d2d2d2;
  }
}
.propositions__tab {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(7.6px);
  padding: 32px 32px 32px 575px;
  display: flex;
  position: relative;
  align-items: center;
  cursor: pointer;
  flex-direction: row;
  justify-content: flex-end;
  gap: 30px;
}
@media only screen and (max-width: 1200px) {
  .propositions__tab {
    display: block;
    padding: 23px 40px;
  }
}
.propositions__tab--num {
  font-size: 16px;
  line-height: 1;
}
@media only screen and (max-width: 1200px) {
  .propositions__tab--num {
    display: none;
  }
}
.propositions__tab--title {
  font-size: 1.6vw;
  line-height: 1;
  letter-spacing: -1.2px;
  text-transform: uppercase;
  position: relative;
  width: 400px;
}
@media only screen and (max-width: 1200px) {
  .propositions__tab--title {
    margin: unset;
    font-size: 18px;
    width: 100%;
    padding-bottom: 20px;
    padding-right: 15px;
  }
}
.propositions__tab--title:before {
  opacity: 0;
  transform: scale(0);
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='39' viewBox='0 0 39 39' fill='none'%3E%3Ccircle cx='19.5' cy='19.5' r='19' stroke='%231D2027'/%3E%3Ccircle cx='19' cy='20' r='10' fill='%231D2027'/%3E%3C/svg%3E");
  display: block;
  left: -30px;
  top: 50%;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .propositions__tab--title:before {
    background-image: url(../../assets/img/arrow.png);
    width: 20px;
    height: 20px;
    transform: rotate(0deg);
    transition: none;
    opacity: 1;
    left: unset;
    right: 0;
    top: unset;
  }
}
@media only screen and (min-width: 1200px) {
  .propositions__tab--title:before {
    left: -98px;
    padding-bottom: unset;
    width: 30px;
    height: 30px;
    transform: translateY(-50%);
  }
}
.propositions__tab--content {
  font-size: 16px;
  text-align: justify;
  line-height: 1.2;
  letter-spacing: -0.64px;
  transition: all 0.3s ease-in;
  width: 480px;
}
@media only screen and (max-width: 1200px) {
  .propositions__tab--content {
    font-size: 14px;
    order: 1;
    transition: none;
    width: auto;
  }
}
.propositions__tab {
  height: 23px;
  max-height: 88px;
  overflow: hidden;
}
.propositions__tab .propositions__tab--content {
  transform: translate(100%, 0);
  opacity: 0;
}
.propositions__tab .propositions__tab--link {
  opacity: 0;
  transform: rotate(-15deg) scale(0);
  transition: all 0.5s ease-in-out;
}
.propositions__tab.active {
  height: auto;
  max-height: 1000px;
  overflow: unset;
  z-index: 10;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media only screen and (max-width: 1200px) {
  .propositions__tab.active {
    padding: 23px 40px 70px;
  }
}
.propositions__tab.active .propositions__tab--content {
  transform: translate(0, 0);
  opacity: 1;
}
.propositions__tab.active .propositions__tab--title:before {
  opacity: 1;
}
@media only screen and (max-width: 1200px) {
  .propositions__tab.active .propositions__tab--title:before {
    transform: rotate(180deg);
  }
}
.propositions__tab.active .propositions__image--moblink {
  opacity: 1 !important;
  height: 270px !important;
  box-shadow: 0px 11px 33.3px 0px rgba(0, 0, 0, 0.25);
}
@media only screen and (max-width: 1200px) {
  .propositions__tab.active .propositions__image--moblink {
    margin-bottom: 20px;
  }
}
.propositions__tab.active .propositions__tab--link {
  opacity: 1;
  transform: scale(1);
}
@media only screen and (min-width: 1200px) {
  .propositions__tab.active .propositions__tab--link {
    transform: rotate(-15deg) scale(1);
  }
}
.propositions__images {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 110px;
  width: 19.2vw;
  height: 23vw;
  z-index: 11;
}
@media only screen and (max-width: 1200px) {
  .propositions__images {
    display: none;
  }
}
.propositions__images--inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.propositions__image--moblink {
  display: none;
}
@media only screen and (max-width: 1200px) {
  .propositions__image--moblink {
    opacity: 0;
    width: 230px;
    height: 0;
    margin: 0 auto;
    display: flex;
  }
}
.propositions__image--link.active {
  order: 1;
  z-index: 2;
  opacity: 1;
  top: 0;
}
.propositions__image--link {
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 25%;
  opacity: 0;
  left: 0;
  transition: 0.5s;
}
.propositions__image--link img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.propositions__img {
  position: absolute;
  overflow: hidden;
  z-index: 4;
  bottom: 0;
  left: 80px;
  width: 884.581px;
  height: 943px;
}
@media only screen and (max-width: 1660px) {
  .propositions__img {
    max-width: 700px;
    left: 0;
    bottom: -40px;
  }
}
.propositions__img:before {
  content: "";
  position: absolute;
  width: 90%;
  height: 90%;
  z-index: 1;
  pointer-events: none;
  display: block;
  border-radius: 100%;
  border: 31px solid rgba(148, 161, 187, 0.12);
  bottom: -20%;
  left: 0;
}
@media only screen and (max-width: 1200px) {
  .propositions__img {
    height: 100%;
    position: relative;
    order: 1;
    margin-top: 11px;
    width: 100%;
  }
}
.propositions__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: relative;
  z-index: 2;
}

.main-book {
  color: #fff;
  position: relative;
}
@media only screen and (max-width: 1200px) {
  .main-book {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
}
@media only screen and (max-width: 600px) {
  .main-book {
    height: 100vh;
  }
}
.main-book--bg {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  object-fit: cover;
  left: 0;
}
@media only screen and (max-width: 600px) {
  .main-book--bg {
    max-width: unset;
    width: 400%;
    left: -210%;
  }
}
.main-book__title {
  margin-top: 40px;
  font-size: 10.8333333333vw;
  display: block;
}
@media only screen and (min-width: 1920px) {
  .main-book__title {
    font-size: 208px;
  }
}
@media only screen and (max-width: 1200px) {
  .main-book__title {
    max-width: unset;
    margin: unset;
    flex-wrap: wrap;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 600px) {
  .main-book__title {
    margin-top: 10px;
  }
}
.main-book__subtitle {
  color: #fff;
  padding: unset;
  margin: 0 auto;
  width: 293px;
  text-align: left;
  transform: translateX(80px);
}
@media only screen and (max-width: 1200px) {
  .main-book__subtitle {
    transform: unset;
    margin: 0;
  }
}
.main-book__content {
  display: flex;
  flex-direction: column;
  padding: 250px 0 100px;
}
@media only screen and (max-width: 600px) {
  .main-book__content {
    padding: 0;
  }
}
.main-book__name {
  font-size: 23.89px;
  letter-spacing: -0.956px;
  text-transform: uppercase;
  margin-left: -80px;
  transform: rotate(-90deg) translate(-70%);
}
@media only screen and (max-width: 1200px) {
  .main-book__name {
    display: none;
  }
}
.main-book__author {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.64px;
  line-height: 1.2;
  width: 79px;
}
@media only screen and (max-width: 600px) {
  .main-book__author {
    display: none;
  }
}
.main-book__line {
  max-width: 1600px;
  width: 100%;
  display: flex;
  gap: 0;
  margin-top: 30px;
  margin-left: 220px;
}
.main-book__line .inst {
  margin-top: 40px;
}
@media only screen and (max-width: 1700px) {
  .main-book__line .inst {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 1200px) {
  .main-book__line {
    flex-direction: column;
    position: relative;
    margin-left: 0;
    margin-top: 70px;
  }
  .main-book__line .inst {
    display: none;
  }
}
.main-book__row {
  justify-content: space-between;
}
.main-book__row:last-of-type {
  padding-top: 25px;
}
@media only screen and (max-width: 1200px) {
  .main-book__row:last-of-type {
    flex-direction: column;
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 1200px) {
  .main-book__row {
    justify-content: flex-end;
  }
}
@media only screen and (max-width: 1200px) {
  .main-book__row .inst {
    display: none;
  }
}
.main-book__arrow {
  position: relative;
  top: unset;
  left: unset;
  flex-shrink: 0;
  margin-right: 134px;
  margin-left: 187px;
}
@media only screen and (max-width: 1200px) {
  .main-book__arrow {
    position: absolute;
    top: 0;
    right: 30px;
    flex-shrink: 0;
    margin: 0;
  }
}
.main-book__book {
  position: relative;
  top: unset;
  right: unset;
}
@media only screen and (max-width: 1200px) {
  .main-book__book {
    width: 46px;
    height: 46px;
    left: 40px;
  }
  .main-book__book svg {
    width: 17px;
    height: 17px;
  }
}
.main-book__text {
  width: 293px;
  margin-top: 40px;
  margin-right: auto;
}
@media only screen and (max-width: 1200px) {
  .main-book__text {
    max-width: unset !important;
    margin: 160px auto 0;
    width: 240px !important;
  }
}
.main-book__animate {
  display: flex;
  gap: 20px;
  align-items: center;
  position: absolute;
  right: 180px;
  top: 60px;
}
@media only screen and (max-width: 1200px) {
  .main-book__animate {
    width: 100%;
    padding-right: 0;
    bottom: -180px;
    right: unset;
    top: unset;
    left: 30px;
  }
}
.main-book__animate--bg {
  position: absolute;
  display: block;
  width: 675px;
  height: 675px;
  height: fit-content;
  top: 32px;
  right: -108px;
}
@media only screen and (max-width: 1200px) {
  .main-book__animate--bg {
    width: 120%;
    top: 0;
    left: -10%;
  }
}
.main-book__animate--img {
  width: 324px;
  height: 532px;
  transform: rotate(-6.18deg);
  height: fit-content;
  display: block;
  position: absolute;
  top: 60px;
  right: 70px;
}
@media only screen and (max-width: 1200px) {
  .main-book__animate--img {
    top: unset;
    bottom: 0;
    width: 218px;
    left: 50%;
    transform: rotate(-6.18deg) translateX(-50%);
  }
}
.main-book__animate--img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.tabs-book {
  background-color: #1e2534;
  color: #fff;
}
.tabs-book__list {
  display: flex;
  flex-direction: column;
}
.tabs-book__item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  padding-right: 100px;
  padding-top: 55px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.13);
}
@media only screen and (max-width: 1200px) {
  .tabs-book__item {
    flex-direction: column;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: unset;
  }
}
.tabs-book__item:after {
  transform: scale(0);
  transition: all 0.3s ease;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='39' viewBox='0 0 39 39' fill='none'%3E%3Ccircle cx='19.5' cy='19.5' r='19' stroke='white'/%3E%3Ccircle cx='20' cy='20' r='10' fill='white'/%3E%3C/svg%3E");
  display: block;
  width: 39px;
  height: 39px;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
  top: 35px;
}
@media only screen and (max-width: 1200px) {
  .tabs-book__item:after {
    width: 18px;
    height: 18px;
    top: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M9.99991 9.02375L5.87516 13.1486L4.69666 11.9701L9.99991 6.66675L15.3032 11.9701L14.1247 13.1486L9.99991 9.02375Z' fill='white'/%3E%3C/svg%3E");
  }
}
@media only screen and (min-width: 1200px) {
  .tabs-book__item:hover:after {
    opacity: 1;
    transform: scale(1);
  }
}
@media only screen and (max-width: 1200px) {
  .tabs-book__item:after {
    opacity: 1;
    transform: scale(1) rotate(180deg);
  }
  .tabs-book__item.active:after {
    transform: scale(1) rotate(0);
  }
}
.tabs-book__item:first-of-type:before {
  display: none;
  position: absolute;
  left: 35%;
  bottom: 0;
  content: "";
  width: 94px;
  height: 241px;
  transform: scale(0);
  transition: all 0.3s ease;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='94' height='241' viewBox='0 0 94 241' fill='none'%3E%3Cpath d='M71.4772 12.761C66.0407 15.0791 66.0407 20.4881 66.8173 22.0335C67.594 22.5485 69.3027 24.1969 69.924 26.6695C70.7006 29.7603 62.1575 39.0328 62.1575 44.4417C62.1575 49.8506 57.4976 87.713 59.0509 91.5765C60.6042 95.44 94 112.439 94 115.53C94 118.621 85.4569 115.53 84.6802 115.53C83.9036 115.53 57.4976 96.9854 55.9443 96.2127C54.391 95.44 48.9545 92.3492 45.8479 91.5765C42.7414 90.8038 45.8479 97.7581 45.8479 107.031C45.8479 114.448 53.6144 147.984 53.6144 147.984C53.6144 147.984 63.4001 159.265 62.1575 161.12C60.9149 162.974 50.7667 166.013 45.8479 167.301C46.1068 189.194 45.7627 234.583 45.7627 234.583C45.9819 234.547 46.2828 234.545 46.6431 234.57C48.4328 234.55 51.872 234.643 55.2423 236.421C57.8654 237.804 58.35 239.77 59.896 241L39.6348 241V168.847H24.1018V233.971C25.3962 234.228 28.7617 234.063 31.8683 235.299C35.6237 236.794 36.48 239.42 37.7744 240.708L17.112 240.708C17.6298 217.527 16.2673 168.847 16.2673 168.847C16.2673 168.847 -0.75085 163.438 0.0257962 158.802C0.802443 154.165 7.79223 139.484 9.34555 134.075C10.8989 128.666 10.1222 126.348 7.79223 117.076C5.46229 107.803 6.23893 105.485 7.79223 100.849C9.34552 96.2127 40.4114 28.2149 45.0713 23.5787C49.7311 18.9425 59.8275 20.4879 62.1575 18.9425C64.4874 17.3971 62.1575 12.761 62.1575 7.35213C62.1575 1.94322 73.8072 -1.14759 77.6904 0.397816C81.5736 1.94322 76.9137 10.4429 71.4772 12.761Z' fill='%23303644'/%3E%3C/svg%3E");
}
@media only screen and (max-width: 1200px) {
  .tabs-book__item:first-of-type:before {
    height: 121px;
  }
}
.tabs-book__item:before {
  z-index: 1;
}
@media only screen and (max-width: 1200px) {
  .tabs-book__item:before {
    top: 160px !important;
    left: 50% !important;
    height: 170px !important;
    transition: unset;
  }
}
.tabs-book__item:nth-of-type(2):before {
  display: none;
  position: absolute;
  left: 20%;
  bottom: 0;
  content: "";
  width: 94px;
  transform: scale(0);
  transition: all 0.3s ease;
  height: 241px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='97' height='270' viewBox='0 0 97 270' fill='none'%3E%3Cpath d='M43.5734 5.36731C48.9363 10.727 45.8079 22.1162 43.5734 27.1409V30.4907C43.5734 32.1656 60.3325 33.8405 62.8463 36.3528C65.3602 38.8651 68.712 41.3775 71.2258 48.9145C73.7397 56.4515 83.7951 75.7127 86.3089 83.2497C88.8228 90.7867 93.8505 104.186 93.8505 111.723C93.8505 117.752 89.9401 118.702 87.9848 118.422L80.4433 87.0943L65.3602 67.8331L60.3325 58.9638C60.3325 63.1511 62.0084 72.6979 68.712 77.3876C77.0915 83.2497 86.3089 117.585 83.7951 129.309C81.2812 141.033 77.0915 158.62 78.7674 162.807C80.1081 166.157 91.0573 199.934 96.3643 216.404C97.2023 217.52 97.8727 221.261 93.8505 227.29C89.8283 233.32 72.0638 239.294 63.6843 241.527L66.1981 259.113L78.7674 262.463L77.0915 270H56.9807C54.9696 270 56.1427 251.018 56.9807 241.527H45.2493L44.4114 268.325L22.6247 270V262.463L36.0319 260.788V241.527C33.7973 240.969 28.3227 239.684 24.3006 239.015C19.2729 238.177 0 220.591 0 216.404C0 212.216 12.5692 179.556 18.4349 174.531C25.8187 168.206 15.0831 144.878 18.4349 111.723C19.5428 100.764 29.3283 68.1757 29.3283 61.4762C29.3283 56.1165 27.6524 58.9003 25.9765 59.4586C25.1385 72.5786 17.7646 90.1168 15.0831 94.1365C12.4016 98.1563 13.4072 115.91 12.5692 120.935C10.614 119.818 6.87115 116.413 7.54151 111.723C8.37946 105.861 18.4349 53.9392 18.4349 48.9145C18.4349 43.8898 20.1108 38.0277 26.8144 36.3528C33.518 34.6779 34.3559 29.6532 33.518 27.1409C32.8476 25.131 28.7696 16.2541 26.8144 12.0669C25.4178 8.99626 23.4626 2.52 26.8144 1.18009C31.0041 -0.494805 36.8698 -1.33225 43.5734 5.36731Z' fill='%23303644'/%3E%3C/svg%3E");
}
.tabs-book__item:nth-of-type(3):before {
  display: none;
  position: absolute;
  left: 30%;
  bottom: 0;
  content: "";
  width: 94px;
  transform: scale(0);
  transition: all 0.3s ease;
  height: 185px;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='147' height='185' viewBox='0 0 147 185' fill='none'%3E%3Cpath d='M73.1016 16.0104C76.016 20.8865 68.2444 30.6388 66.3015 32.5893C74.7207 32.5893 91.9995 33.6082 98.2168 31.2676C103.879 29.1361 123.248 19.5812 134.245 14.4541C136.048 13.6132 138.172 13.9475 139.649 15.2817L140.992 16.4949C143.735 18.9729 142.933 23.4674 139.503 24.8448L127.503 29.6636L100.819 37.7817L76.9875 48.1929C78.6066 53.3941 82.6219 65.552 85.7305 72.5737C88.8392 79.5953 87.0258 96.9544 85.7305 104.756L129.446 117.434C131.065 113.208 134.692 104.171 136.246 101.831C138.189 98.9049 147.903 102.806 146.932 106.707C146.155 109.827 140.779 124.261 138.189 131.087L78.9304 117.434L57.5585 169.121L73.1016 177.898C71.4826 180.824 67.273 186.285 63.3872 184.725C59.5014 183.165 50.1106 175.623 45.901 172.047C52.7012 153.193 65.7186 114.704 63.3872 111.583C60.4728 107.682 50.7583 106.707 50.7583 104.756V50.1434C36.5104 64.1217 7.04302 92.2733 3.15721 93.0535C-1.70004 94.0287 0.242863 87.2021 1.21431 83.3012C2.18576 79.4003 23.1118 64.8057 27.969 59.9296C32.8263 55.0534 42.9292 37.7817 55.6155 32.5893C58.8602 31.2613 47.8439 22.8369 45.901 14.0599C43.9581 5.28281 52.7012 3.33238 55.6155 0.406688C58.5299 -2.519 70.1873 11.1342 73.1016 16.0104Z' fill='%23303644'/%3E%3C/svg%3E");
}
.tabs-book__item--title {
  font-size: 32px;
  max-width: 492px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: -1.283px;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1200px) {
  .tabs-book__item--title {
    font-size: 14px;
    max-width: 180px;
    letter-spacing: -0.283px;
  }
}
.tabs-book__item--content {
  max-width: 608px;
  font-weight: 400;
  line-height: 1.2;
  display: none;
}
.tabs-book__item--content p {
  padding-bottom: 30px;
  letter-spacing: -0.8px;
  font-size: 20px;
}
@media only screen and (max-width: 1200px) {
  .tabs-book__item--content p {
    font-size: 14px;
  }
}
.tabs-book__item {
  height: auto;
  transition: all 0.7s ease-out;
  overflow: hidden;
}
.tabs-book__item.active {
  max-height: 1000px;
  height: auto;
  padding-bottom: 100px;
}
@media only screen and (max-width: 1200px) {
  .tabs-book__item.active {
    padding-bottom: 20px;
    max-height: unset;
  }
}
.tabs-book__item.active:before {
  opacity: 1;
  transform: scale(1);
}
@media only screen and (max-width: 1200px) {
  .tabs-book__item.active:before {
    transform: scale(1) translateX(-50%) translateY(-50%);
  }
}
@media only screen and (max-width: 1200px) {
  .tabs-book__item.active .tabs-book__item--title {
    padding-bottom: 30px;
  }
}
.tabs-book__item.active .tabs-book__item--content {
  display: block;
}

.product-book {
  padding: 170px 0;
}
@media only screen and (max-width: 800px) {
  .product-book {
    padding: 30px 0 65px;
  }
}
.product-book {
  color: #fff;
  background: url(../../assets/img/product_book_bg.png) no-repeat center center;
  margin-top: -20px;
  margin-bottom: -20px;
  position: relative;
}
.product-book::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: #84787c;
  top: 0;
  left: 0;
  z-index: -1;
}
.product-book--inner {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
@media only screen and (max-width: 800px) {
  .product-book--inner {
    display: none;
  }
}
.product-book--wrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 542px;
  height: 896px;
}
.product-book--wrapper.lang_uk {
  max-width: 400px;
}
.product-book--wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product-book--line {
  display: flex;
}
.product-book--line:nth-child(1) {
  position: relative;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 190px;
  gap: 40px;
}
@media only screen and (max-width: 1200px) {
  .product-book--line:nth-child(1) {
    flex-direction: column-reverse;
    gap: 20px;
  }
}
.product-book--line:nth-child(1) svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 35px;
  height: 35px;
}
.product-book--line:nth-child(2) {
  align-self: flex-end;
}
.product-book--line:nth-child(3) {
  display: flex;
  justify-content: space-between;
  padding-right: 150px;
  align-items: flex-end;
}
@media only screen and (max-width: 1200px) {
  .product-book--line:nth-child(3) {
    flex-direction: column;
    margin-left: 240px;
    gap: 40px;
    padding-right: 0;
    align-items: flex-start;
  }
}
.product-book--quote {
  background: url(../../assets/img/quote_bg.png) no-repeat center center/contain;
  padding: 15px 35px 28px;
  display: flex;
  align-items: center;
  width: 300px;
  height: 79px;
  font-size: 12px;
}
.product-book--author-img {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 20px;
  flex-shrink: 0;
}
.product-book--author-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-book--title {
  color: #fff;
  flex-wrap: nowrap;
  display: flex;
  gap: 20px;
  white-space: nowrap;
}
@media only screen and (min-width: 1920px) {
  .product-book--title {
    font-size: 228px;
  }
}
.product-book--title {
  font-weight: 300;
  line-height: 0.75;
  letter-spacing: -9.128px;
  text-transform: uppercase;
}
.product-book--buy {
  position: absolute;
  bottom: -46px;
  display: flex;
  flex-direction: column;
  top: 100px;
  z-index: 2;
}
@media only screen and (max-width: 1200px) {
  .product-book--buy {
    right: -250px;
    top: 100px;
    bottom: unset;
  }
}
.product-book--buy p {
  font-size: 18px;
}
.product-book--buy p.product-show-text {
  display: block;
}
.product-book--text-left, .product-book--text-right {
  font-weight: 300;
  width: 260px;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: -0.8px;
}
.product-book--text-left {
  width: 281px;
  margin-left: 240px;
  margin-top: 80px;
}
@media only screen and (max-width: 1200px) {
  .product-book--text-left {
    margin-top: 25px;
  }
}
.product-book--text-right {
  position: relative;
}
.product-book--price {
  color: #d0ff6e;
  font-size: 62px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -2.48px;
  margin: 5px 0 15px;
  font-family: "Inter";
}
.product-book--price .product-book--mob-elem-buy-text {
  font-size: 14px;
  color: #fff;
  letter-spacing: 0;
  max-width: 60%;
  white-space: normal;
}
@media only screen and (max-width: 1200px) {
  .product-book--price {
    font-size: 30px;
  }
}
.product-book-elem--buy {
  width: 126px;
  height: 126px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #fff;
  transition: 0.5s;
  margin-bottom: 10px;
}
.product-book-elem--buy-text {
  display: none;
}
.product-book-elem--buy-text span {
  font-family: "Inter";
}
.product-book-elem--buy.disabled {
  opacity: 0.6;
  pointer-events: none;
  cursor: not-allowed;
}
.product-book-elem--buy.disabled ~ .product-book-elem--buy-text {
  display: block;
}
@media only screen and (max-width: 850px) {
  .product-book-elem--buy {
    width: 105px;
    height: 105px;
  }
}
.product-book-elem--buy:hover {
  transform: scale(1.1);
}
.product-book--mob {
  display: none;
}
@media only screen and (max-width: 800px) {
  .product-book--mob {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.product-book--mob-content {
  display: flex;
  flex-direction: column;
  padding: 0 40px;
  align-items: center;
}
.product-book--mob-title {
  font-size: 45px;
  font-weight: 300;
  line-height: 0.75;
  position: relative;
  letter-spacing: -2px;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 25px 0;
}
.product-book--mob-title p:nth-child(2) {
  align-self: flex-end;
  margin-top: 10px;
}
.product-book--mob-text {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: -0.56px;
  margin-bottom: 20px;
}
.product-book--mob-img {
  max-width: 100%;
  height: 400px;
  width: 100%;
  position: relative;
}
.product-book--mob-img > .modelViewerBlock {
  height: 400px !important;
}
.product-book--mob-img #model221 {
  height: 400px;
}
.product-book--mob-img #model221 .b3dviewer-wrapper {
  height: 400px;
}
.product-book--mob-img #model4629 {
  height: 400px;
}
.product-book--mob-img #model4629 .b3dviewer-wrapper {
  height: 400px;
}
.product-book--mob-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product-book--mob-elem-buy {
  width: 105px;
  height: 105px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  filter: drop-shadow(0px 4px 28.8px rgba(0, 0, 0, 0.25));
  transition: 0.5s;
}
.product-book--mob-elem-buy-text span {
  font-family: "Inter";
}
.product-book--mob-elem-buy-text.avail {
  display: none;
}
.product-book--mob-elem-buy.disabled {
  opacity: 0.6;
  pointer-events: none;
  cursor: not-allowed;
}
.product-book--mob-elem-buy.disabled ~ .product-book--mob-elem-buy-text {
  display: none;
}
.product-book--mob-elem-buy.disabled ~ .product-book--mob-elem-buy-text.avail {
  display: block;
}
.product-book--mob-elem-buy:hover {
  transform: scale(1.1);
}
.product-book--mob-box {
  display: flex;
  justify-content: center;
  width: 100%;
  gap: 40px;
  align-items: center;
  position: relative;
  z-index: 2;
}
.product-book--mob-box a {
  color: #fff;
  text-decoration: none;
}
.product-book--mob-buy {
  display: flex;
  flex-direction: column;
  gap: 11px;
  color: #fff;
}
.product-book--dropdown.mob {
  margin: 0 auto 20px;
}
.product-book--dropdown {
  width: 228px;
  height: 35px;
  flex-shrink: 0;
  position: relative;
  background: rgb(152, 152, 152);
  z-index: 3;
  margin-top: 20px;
  user-select: none;
}
.product-book--dropdown-icon {
  position: absolute;
  z-index: 2;
  right: 15px;
  top: 5px;
  width: 24px;
  height: 24px;
  pointer-events: none;
  transition: 0.3s;
}
.product-book--dropdown-icon.rotate {
  transform: rotate(180deg);
}
.product-book--dropdown-icon svg {
  width: 100%;
  height: 100%;
}
.product-book--dropdown-currentval {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.72px;
  padding: 6px 20px;
  position: relative;
  z-index: 1;
  cursor: pointer;
  background: rgb(152, 152, 152);
  margin-bottom: 20px;
}
.product-book--dropdown-list {
  position: absolute;
  top: 34px;
  left: 0;
  width: 100%;
  height: auto;
  background: rgb(152, 152, 152);
  pointer-events: none;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.72px;
  transition: 0.3s;
  backdrop-filter: blur(4px);
  z-index: 0;
  opacity: 0;
}
.product-book--dropdown-list.visible {
  pointer-events: all;
  opacity: 1;
}
.product-book--dropdown-list-item {
  padding: 6px 20px;
  transition: 0.3s;
}
.product-book--dropdown-list-item.selected {
  display: none;
}
.product-book--dropdown-list-item:hover {
  background: rgb(137, 137, 137);
  cursor: pointer;
}
.product-book-lower {
  color: #fff;
  padding-top: 200px;
  background: url(../../assets/img/first-sections-grid.png) no-repeat 50%;
}
.product-book-lower::before {
  background: #84787c;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.product-book-lower--inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
  gap: 50px;
}
@media only screen and (max-width: 850px) {
  .product-book-lower--inner {
    flex-direction: column;
    align-items: center;
  }
}
.product-book-lower--column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 500px;
}
.product-book-lower--column-image-wrapper {
  width: 100%;
  max-height: 530px;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.product-book-lower--column-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-book-lower--column-image-wrapper .product-book-lower-arrow {
  position: absolute;
  top: 45%;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
  transition: 0.5s;
}
.product-book-lower--column-image-wrapper .product-book-lower-arrow.right {
  right: 20px;
}
.product-book-lower--column-image-wrapper .product-book-lower-arrow.left {
  left: 20px;
}
.product-book-lower--column-image-wrapper .product-book-lower-arrow:hover {
  transform: scale(1.1);
}
.product-book-lower--column-image-track {
  display: flex;
  transition: 0.5s;
}
.product-book-lower--column-image-track-slide {
  flex-shrink: 0;
  width: 100%;
  transition: 0.7s;
}
.product-book-lower--column-title {
  font-size: 3rem;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -1.2px;
  text-transform: uppercase;
  margin-top: 25px;
  margin-bottom: 12px;
}
.product-book-lower--column-text {
  max-width: 380px;
  width: 100%;
  font-weight: 300;
  line-height: 120%;
  letter-spacing: -0.64px;
  margin-bottom: 30px;
  font-size: 1.6rem;
}
.product-book-lower--column-price-row {
  margin-top: auto;
  gap: 10px;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .modelViewerBlock #openBtn,
  .modelViewerBlock.b3dviewer #openBtn {
    display: none !important;
  }
}
.book-about {
  background: url(../../assets/img/about_book_bg.png) no-repeat center center;
  position: relative;
}
.book-about .container {
  padding: 0;
}
.book-about::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #84787c;
  z-index: -1;
}
.book-about {
  color: #fff;
}
.book-about--inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  overflow: hidden;
  padding-top: 200px;
  padding-bottom: 250px;
  gap: 30px;
}
@media only screen and (max-width: 1500px) {
  .book-about--inner {
    flex-direction: column;
    align-items: center;
    padding: 170px 0 90px;
  }
  .book-about--inner::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    height: 300px;
    width: 100%;
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.63) 97.99%);
  }
}
.book-about--wrapper {
  position: absolute;
  bottom: -250px;
  left: calc(50% - 100px);
  transform: translateX(-50%);
  width: 1000px;
  height: 1300px;
  z-index: 1;
}
@media only screen and (max-width: 1500px) {
  .book-about--wrapper {
    width: 518px;
    bottom: -120px;
    height: auto;
    left: 50%;
  }
}
.book-about--wrapper-inner {
  width: 100%;
  height: 100%;
  position: relative;
}
.book-about--wrapper-inner .main-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.book-about--wrapper-inner .circles {
  width: 900px;
  height: 900px;
  position: absolute;
  bottom: -200px;
  left: 50%;
  transform: translateX(calc(-50% + 100px));
  z-index: -1;
}
@media only screen and (max-width: 1500px) {
  .book-about--wrapper-inner .circles {
    display: none;
  }
}
.book-about--column {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
}
.book-about--column:nth-child(1) {
  margin-left: 250px;
}
@media only screen and (max-width: 1500px) {
  .book-about--column:nth-child(1) {
    margin-left: 0;
  }
}
.book-about--column:nth-child(2) {
  align-items: flex-end;
}
@media only screen and (max-width: 1500px) {
  .book-about--column:nth-child(2) {
    align-items: flex-start;
  }
}
.book-about--column-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 250px;
}
@media only screen and (max-width: 1500px) {
  .book-about--column-row {
    display: none;
  }
}
@media (min-width: 1200px) {
  .book-about--column-row a {
    font-size: 1.6rem;
  }
}
.book-about--column-row p {
  text-decoration: underline;
}
.book-about--column-row .cart {
  width: 79px;
  height: 79px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  transition: 0.5s;
}
.book-about--column-row .cart:hover {
  transform: scale(1.1);
}
.book-about--column-right-content {
  width: 243px;
  margin-right: 160px;
}
@media only screen and (max-width: 1500px) {
  .book-about--column-right-content {
    margin-right: 0;
  }
}
.book-about--column-right-content a {
  color: #fff;
}
.book-about--column-right-title {
  font-size: 70px;
}
@media only screen and (max-width: 1200px) {
  .book-about--column-right-title {
    font-size: clamp(30px, 4.5vw, 70px);
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -1.2px;
    width: 120%;
    position: relative;
    left: -10%;
  }
}
.book-about--column-right-title {
  font-weight: 400;
  line-height: 0.9;
  letter-spacing: -2.8px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.book-about--column-right-title p:nth-child(1) {
  margin-right: 15vw;
}
@media only screen and (max-width: 700px) {
  .book-about--column-right-title p:nth-child(1) {
    margin-right: auto;
  }
}
.book-about--column-right-title p:nth-child(1) {
  white-space: nowrap;
}
.book-about--column-right-title p:nth-child(2) {
  margin-right: 30px;
}
@media only screen and (max-width: 700px) {
  .book-about--column-right-title p:nth-child(2) {
    margin-right: auto;
  }
}
.book-about--column-right-title p:nth-child(2) {
  white-space: nowrap;
}
.book-about--column-right-title p:nth-child(3) {
  margin-right: 240px;
}
@media only screen and (max-width: 700px) {
  .book-about--column-right-title p:nth-child(3) {
    margin-right: auto;
  }
}
.book-about--column-right-text {
  text-align: justify;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: -0.72px;
  width: 243px;
  margin-right: 160px;
  margin-top: 50px;
  margin-bottom: 109px;
  align-self: flex-end;
}
@media only screen and (max-width: 1500px) {
  .book-about--column-right-text {
    width: auto;
    margin: 20px 0 0 0;
  }
}
.book-about--column-left-content {
  width: 287px;
}
.book-about--column-left-content a {
  color: #fff;
}
.book-about--column-left-title {
  width: 140px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.8px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1500px) {
  .book-about--column-left-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.8px;
    text-transform: uppercase;
  }
}
.book-about--column-left-text {
  text-align: justify;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: -0.72px;
  width: 267px;
  margin: 196px 0 114px;
}
@media only screen and (max-width: 1500px) {
  .book-about--column-left-text {
    margin: 15px 0 180px;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: -0.56px;
  }
}
.book-about--mob-row {
  display: none;
}
@media only screen and (max-width: 1500px) {
  .book-about--mob-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px;
    width: 100%;
  }
  .book-about--mob-row .cart {
    width: 57px;
    height: 57px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 0.5s;
  }
  .book-about--mob-row .cart:hover {
    transform: scale(1.1);
  }
  .book-about--mob-row .headphones {
    width: 4rem;
    height: 4rem;
  }
  .book-about--mob-row .headphones svg {
    width: 100%;
    height: 100%;
  }
}

.reviews {
  position: relative;
  z-index: 2;
  pointer-events: none;
  background: #fff;
  color: #000;
  font-weight: 300;
}
.reviews--mood {
  background-color: #fdefff;
}
.reviews--inner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  padding: 50px 0;
  gap: 30px;
}
@media only screen and (max-width: 1200px) {
  .reviews--inner {
    flex-direction: column;
    align-items: center;
    padding: 37px 0 50px;
  }
}
.reviews--left {
  max-width: 1000px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.reviews--left-box {
  width: 360px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media only screen and (max-width: 1200px) {
  .reviews--left-box {
    align-items: flex-start;
  }
}
@media only screen and (max-width: 600px) {
  .reviews--left-box {
    width: auto;
  }
}
.reviews--comments {
  overflow: hidden;
}
.reviews--comments-track {
  display: flex;
  transition: 0.5s;
}
.reviews--right {
  max-width: 440px;
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-right: 220px;
}
@media only screen and (max-width: 1200px) {
  .reviews--right {
    margin-right: 0;
  }
}
.reviews--title {
  font-size: 90px;
  font-weight: 400;
  line-height: 0.75;
  letter-spacing: -4.4px;
  margin-bottom: 100px;
}
@media only screen and (max-width: 1200px) {
  .reviews--title {
    margin-bottom: 20px;
    font-size: 50px;
    font-weight: 400;
    line-height: 0.75;
    letter-spacing: -2px;
  }
}
@media only screen and (max-width: 1200px) {
  .reviews--count {
    display: none;
  }
}
.reviews--count {
  font-size: 29px;
  display: flex;
  align-items: flex-end;
  line-height: 0.75;
}
.reviews--count .current {
  display: flex;
  font-size: 107px;
  line-height: 0.75;
  letter-spacing: -4.28px;
  margin-right: 30px;
  width: 100px;
}
.reviews--count-mobile {
  display: none;
}
@media only screen and (max-width: 1200px) {
  .reviews--count-mobile {
    display: flex;
    align-items: flex-end;
  }
}
.reviews--count-mobile {
  overflow: hidden;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: -0.48px;
}
.reviews--count-mobile .current {
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.64px;
  width: 25px;
  margin-right: 5px;
}
.reviews--comment {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex-shrink: 0;
}
.reviews--comment-inner {
  padding: 0 30px;
}
@media only screen and (max-width: 600px) {
  .reviews--comment-inner {
    padding: 0 10px;
  }
}
.reviews--comment-author {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 35px;
  font-size: 1.6rem;
}
@media only screen and (max-width: 1200px) {
  .reviews--comment-author {
    margin-bottom: 15px;
    flex-direction: row-reverse;
  }
}
.reviews--comment-author-image {
  width: 85px;
  height: 85px;
}
@media only screen and (max-width: 1200px) {
  .reviews--comment-author-image {
    width: 43px;
    height: 43px;
  }
}
.reviews--comment-author-image {
  border-radius: 50%;
}
.reviews--comment-author-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.reviews--comment-author-name {
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.64px;
}
.reviews--comment-title {
  font-size: 25px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -1px;
  margin-bottom: 20px;
}
.reviews--comment-content {
  text-align: justify;
  font-size: 13px;
  line-height: 1.2;
  letter-spacing: 0px;
}
.reviews--bottom {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
  align-items: flex-end;
  pointer-events: all;
}
@media (max-width: 767px) {
  .reviews--bottom {
    margin-top: 25px;
  }
}
.reviews--bottom-arrows {
  display: flex;
  align-items: flex-end;
}
.reviews--arrow-prev, .reviews--arrow-next {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
  transition: 0.3s;
}
.reviews--arrow-prev:hover, .reviews--arrow-next:hover {
  transform: scale(1.05);
}
.reviews--arrow-prev {
  border: 1px solid #283841;
  width: 78px;
  height: 78px;
}
@media only screen and (max-width: 1200px) {
  .reviews--arrow-prev {
    width: 30px;
    height: 30px;
  }
  .reviews--arrow-prev svg {
    width: 8px;
    height: 8px;
  }
}
.reviews--arrow-next {
  background: #1d2027;
  width: 129px;
  height: 129px;
  margin-left: 54px;
}
@media only screen and (max-width: 1200px) {
  .reviews--arrow-next {
    width: 50px;
    height: 50px;
    margin-left: 20px;
  }
  .reviews--arrow-next svg {
    width: 18px;
    height: 18px;
  }
}

.book-links {
  width: 100%;
  z-index: 10;
  clip-path: polygon(0% 100%, 0% 0%, 43% 40px, 52% 0%, 100% 0%, 100% 100%);
  margin-top: -60px;
}
.book-links--inner {
  display: flex;
  width: 100%;
}
@media only screen and (max-width: 1200px) {
  .book-links--inner {
    flex-direction: column-reverse;
  }
}
.book-links--column {
  text-decoration: none;
  color: #000;
  padding: 60px 0 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  transition: 0.5s;
  width: 100%;
}
@media only screen and (max-width: 1200px) {
  .book-links--column {
    padding: 30px 0 40px;
  }
}
@media only screen and (max-width: 450px) {
  .book-links--column {
    padding: 20px 20px 40px;
    width: auto;
  }
}
.book-links--column-content {
  max-width: 367px;
  width: 100%;
}
.book-links--column .arrow {
  transition: 0.5s;
}
.book-links--column:hover .arrow {
  transform: rotate(45deg) scale(1.1);
}
.book-links--column:nth-child(1) {
  z-index: 2;
  background: #fff;
}
.book-links--column:nth-child(1):hover {
  transform: translateX(80px);
}
@media only screen and (max-width: 1200px) {
  .book-links--column:nth-child(1) {
    margin-left: 0;
  }
  .book-links--column:nth-child(1):hover {
    transform: unset;
  }
}
.book-links--column:nth-child(2) {
  z-index: 1;
  background: #eee;
  margin-left: -250px;
}
.book-links--column:nth-child(2):hover {
  transform: translateX(250px);
}
@media only screen and (max-width: 1200px) {
  .book-links--column:nth-child(2) {
    margin-left: 0;
  }
  .book-links--column:nth-child(2):hover {
    transform: unset;
  }
}
.book-links--column.large {
  position: relative;
  color: #fff;
  text-transform: uppercase;
  padding: 0;
  flex-shrink: 0;
  background: #84787c;
  width: 40%;
}
@media only screen and (max-width: 1200px) {
  .book-links--column.large {
    width: 100%;
    height: 477px;
  }
}
.book-links--column.large {
  overflow: hidden;
}
.book-links--column.large:hover .book-links--column-image {
  transform: scale(1.05);
}
.book-links--column.large:hover .book-links--column-title {
  transform: translateX(30px);
}
.book-links--column.large:hover .book-links--column-text {
  transform: translateX(15px);
}
@media only screen and (max-width: 1200px) {
  .book-links--column.large:hover .book-links--column-image {
    transform: scale(1.05);
  }
  .book-links--column.large:hover .book-links--column-title {
    transform: translateX(calc(-50% + 20px));
  }
  .book-links--column.large:hover .book-links--column-text {
    transform: rotate(90deg);
  }
}
.book-links--column.large .book-links--column-image {
  width: 100%;
  height: 100%;
  position: absolute;
  height: 1150px;
  left: -120px;
  bottom: 0;
  transition: transform 0.7s;
  box-shadow: unset;
}
@media only screen and (max-width: 1200px) {
  .book-links--column.large .book-links--column-image {
    height: 100%;
    left: -20px;
    width: unset;
  }
}
.book-links--column.large .book-links--column-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.book-links--column.large .book-links--column-title {
  width: 217px;
  font-size: 37px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -1.48px;
  position: absolute;
  top: 160px;
  right: 50px;
  transition: transform 0.7s;
}
@media only screen and (max-width: 1200px) {
  .book-links--column.large .book-links--column-title {
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
    top: unset;
  }
}
.book-links--column.large .book-links--column-text {
  font-size: 24px;
  font-weight: 400;
  line-height: 0.75;
  letter-spacing: -0.956px;
  position: absolute;
  bottom: 134px;
  right: 50px;
  transition: transform 1s;
}
@media only screen and (max-width: 1200px) {
  .book-links--column.large .book-links--column-text {
    top: -80px;
    right: 155px;
    transform: rotate(90deg);
  }
}
.book-links--column-image {
  width: 367px;
  height: 432px;
  box-shadow: 0px 11px 33.3px 0px rgba(0, 0, 0, 0.25);
}
@media only screen and (max-width: 450px) {
  .book-links--column-image {
    width: auto;
    height: auto;
  }
}
.book-links--column-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.book-links--column-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.8px;
  text-transform: uppercase;
  margin: 20px 0 8px;
}
.book-links--column-text {
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: -0.64px;
  font-size: 1.4rem;
}
@media (min-width: 1200px) {
  .book-links--column-text {
    font-size: 1.6rem;
  }
}
.book-links--column-bottom {
  display: flex;
  justify-content: space-between;
  margin-top: 25px;
}
@media only screen and (max-width: 1200px) {
  .book-links--column-bottom {
    margin-top: 50px;
  }
}
.book-links--column-bottom p {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.64px;
}
@media (min-width: 1200px) {
  .book-links--column-bottom p {
    font-size: 1.6rem;
  }
}

.consult__main {
  background: #bebfc6;
}
.consult__main--inner {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 180px 25px 240px;
  z-index: 1;
}
@media only screen and (max-width: 1050px) {
  .consult__main--inner {
    gap: 0;
    padding: 100px 0 0px !important;
  }
}
.consult__main--subtitle {
  font-size: 45px;
  line-height: 1;
  letter-spacing: -0.95px;
  text-transform: uppercase;
  margin-left: 10.3vw;
  margin-bottom: 37px;
}
@media only screen and (max-width: 1050px) {
  .consult__main--subtitle {
    margin: 0 20px 14px auto;
  }
}
@media only screen and (max-width: 600px) {
  .consult__main--subtitle {
    font-size: 12px;
    letter-spacing: unset;
    margin: 0 0 10px;
    position: static;
    right: 0;
  }
}
.consult__main--title {
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 130px;
  margin-bottom: -5px;
  position: relative;
}
@media only screen and (max-width: 600px) {
  .consult__main--title {
    font-size: 60px !important;
  }
}
.consult__main--title-wrapper {
  position: relative;
}
@media only screen and (max-width: 600px) {
  .consult__main--title-wrapper {
    position: absolute;
    top: 160px;
  }
}
@media only screen and (max-width: 600px) {
  .consult__main--title {
    letter-spacing: -2.6px;
  }
}
.consult__main--link {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.72px;
  position: absolute !important;
  z-index: 2;
  text-transform: none;
  right: 18vw;
  top: -47px;
  text-decoration: none;
  opacity: 0.8;
  color: #000;
  transition: opacity 0.3s;
}
.consult__main--link:hover {
  opacity: 1;
}
@media only screen and (max-width: 1550px) {
  .consult__main--link {
    right: 0;
  }
}
@media only screen and (max-width: 1050px) {
  .consult__main--link {
    display: none;
  }
}
.consult__main--text {
  width: 340px;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 400;
  margin-top: 12px;
}
.consult__main--text b {
  margin-right: -300px;
  font-size: 45px;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 300;
  margin-bottom: 23px;
}
@media only screen and (max-width: 1050px) {
  .consult__main--text b {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 1050px) {
  .consult__main--text {
    order: 4;
  }
}
@media only screen and (max-width: 600px) {
  .consult__main--text {
    margin: 10px 0 10px;
  }
  .consult__main--text b {
    font-size: 20px;
  }
}
@media only screen and (max-width: 400px) {
  .consult__main--text {
    width: auto;
  }
}
.consult__main--elem {
  position: absolute;
  right: 17vw;
  bottom: 0;
  width: 440px;
}
.consult__main--elem-img {
  width: 100%;
  object-fit: contain;
}
@media only screen and (max-width: 1550px) {
  .consult__main--elem {
    right: 15vw;
  }
}
@media only screen and (max-width: 1050px) {
  .consult__main--elem {
    order: 4;
    text-align: center;
    position: relative;
    bottom: unset;
    width: auto;
    right: 0;
  }
  .consult__main--elem img {
    max-width: 200px;
  }
}
.consult__main--arrow {
  border-radius: 50%;
  background: #fff;
  width: 220px;
  height: 220px;
}
@media only screen and (max-width: 1550px) {
  .consult__main--arrow {
    width: 156px;
    height: 156px;
    left: 0;
  }
  .consult__main--arrow svg {
    width: 42px;
    height: 42px;
  }
}
@media only screen and (max-width: 1050px) {
  .consult__main--arrow {
    bottom: 27px;
    width: 116px;
    height: 116px;
  }
}
.consult__main--arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50px;
  bottom: 200px;
}
.consult__main--arrow:hover {
  transform: scale(1.1) rotate(135deg) !important;
}
.consult__main--heart {
  border-radius: 50%;
  background: #fff;
  width: 72px;
  height: 72px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 360px;
  right: 125px;
}
.consult__main--heart:hover {
  transform: scale(1.1) !important;
}
@media only screen and (max-width: 1550px) {
  .consult__main--heart {
    width: 65px;
    height: 65px;
  }
  .consult__main--heart svg {
    width: 19px;
    height: 19px;
  }
}
@media only screen and (max-width: 1050px) {
  .consult__main--heart {
    bottom: 140px;
    width: 45px;
    height: 45px;
  }
}
@media only screen and (max-width: 600px) {
  .consult__main--heart {
    right: 10vw;
  }
}

.consult__about {
  background: #1d2027;
  z-index: 1;
  clip-path: polygon(0% 0%, 54.5% 0%, 55% 58px, 100% 2%, 100% 100%, 0% 100%);
  margin-top: -58px;
}
@media (max-width: 767px) {
  .consult__about {
    clip-path: polygon(0% 0%, 54.5% 0%, 55% 25px, 100% 2%, 100% 100%, 0% 100%);
    margin-top: -25px;
  }
}
.consult__about--inner {
  padding: 118px 6.3vw 73px 1.6vw;
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
@media only screen and (max-width: 1050px) {
  .consult__about--inner {
    flex-direction: column;
    padding: 55px 0 35px;
    gap: 20px;
  }
}
.consult__about--left {
  color: #fff;
  width: 40.5%;
  font-size: 90px;
  font-weight: 300;
  line-height: 110%;
  text-transform: uppercase;
  margin-top: -10px;
}
@media only screen and (max-width: 600px) {
  .consult__about--left {
    font-size: 35px;
    width: 100%;
    margin-right: 0;
  }
}
.consult__about--right {
  width: 59.5%;
  background-color: #EAEBF2;
  box-shadow: inset 1px 1px 2px rgba(250, 255, 255, 0.3), inset -1px -1px 2px rgba(184, 189, 201, 0.5);
  color: #1D2027;
  padding: 25px;
  box-sizing: border-box;
}
@media only screen and (max-width: 600px) {
  .consult__about--right {
    width: 100%;
    padding: 15px;
  }
}
.consult__about--right-title {
  text-align: justify;
  font-size: 40px;
  font-weight: 500;
  line-height: 120%;
  text-transform: uppercase;
  margin-bottom: 26px;
  margin-right: -30px;
}
@media only screen and (max-width: 600px) {
  .consult__about--right-title {
    font-size: 20px;
    text-align: left;
    margin-bottom: 15px;
  }
}
.consult__about--right ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.consult__about--right ul li {
  position: relative;
  padding-left: 20px;
  line-height: 1.36;
}
.consult__about--right ul li + li {
  margin-top: 14px;
}
@media only screen and (max-width: 600px) {
  .consult__about--right ul li + li {
    margin-top: 5px;
  }
}
.consult__about--right ul li::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  display: inline-block;
  background-image: url(../../assets/img/icon-check.svg);
  width: 13px;
  height: 13px;
}
.consult__about--right-text {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.1px;
  line-height: 1.5;
  width: 100%;
}
@media only screen and (max-width: 600px) {
  .consult__about--right-text {
    font-size: 14px;
    line-height: 100%;
  }
}

.consult__benefits {
  background: rgba(137, 137, 137, 0.22);
}
.consult__benefits--inner {
  padding: 100px 0 130px;
  position: relative;
}
@media only screen and (max-width: 1200px) {
  .consult__benefits--inner {
    padding: 63px 0 0;
  }
}
@media only screen and (max-width: 800px) {
  .consult__benefits--inner {
    padding: 35px 0 80px;
  }
}
.consult__benefits--title {
  font-weight: 300;
  line-height: 1;
  text-transform: uppercase;
  font-size: 90px;
}
@media only screen and (max-width: 767px) {
  .consult__benefits--title {
    font-size: 40px;
  }
}
.consult__benefits--track {
  display: flex;
  justify-content: center;
  gap: 42px;
  margin-top: 40px;
  width: 100%;
}
@media only screen and (max-width: 1200px) {
  .consult__benefits--track {
    padding: 33px 0 0;
    margin-bottom: -30px;
    position: static;
    margin-top: 22px;
    flex-direction: column;
    gap: 17px;
    transform: unset;
    padding: 0 20px;
    gap: 22px;
    width: unset;
  }
}
@media only screen and (max-width: 450px) {
  .consult__benefits--track {
    padding: 0;
  }
}
.consult__benefits--card {
  box-shadow: 0px 4px 38.8px 0px rgba(0, 0, 0, 0.1);
}
.consult__benefits--card:nth-child(1) {
  background: #fff;
}
.consult__benefits--card:nth-child(2) {
  background: #eaebf2;
}
.consult__benefits--card:nth-child(3) {
  background: #cfd4dd;
}
.consult__benefits--card {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: 320px;
  width: 100%;
  gap: 30px;
  padding: 50px 50px 130px;
}
@media only screen and (max-width: 1200px) {
  .consult__benefits--card {
    max-width: unset;
    width: unset;
  }
}
@media only screen and (max-width: 450px) {
  .consult__benefits--card {
    gap: 15px;
    padding: 30px 30px 50px;
  }
}
.consult__benefits--card::after {
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  bottom: 70px;
  left: 70px;
}
@media only screen and (max-width: 1550px) {
  .consult__benefits--card::after {
    bottom: 50px;
    left: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .consult__benefits--card::after {
    bottom: 20px;
    left: 30px;
  }
}
.consult__benefits--card::after {
  background: #5a5d62;
}
.consult__benefits--card-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.45;
  text-transform: uppercase;
}
@media only screen and (max-width: 450px) {
  .consult__benefits--card-title {
    font-size: 18px;
  }
}
.consult__benefits--card-text {
  text-align: justify;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}
@media only screen and (max-width: 450px) {
  .consult__benefits--card-text {
    font-size: 14px;
  }
}

.events {
  padding: 90px 0;
  background: rgba(238, 238, 238, 0.22);
}
@media (max-width: 767px) {
  .events {
    padding: 40px 0;
    --swiper-navigation-size: 24px;
  }
}
.events__list {
  overflow: hidden;
}
.events__title {
  font-weight: 300;
  font-size: 90px;
  line-height: 1.22;
  text-transform: uppercase;
  color: #000000;
  max-width: 700px;
  margin-bottom: 28px;
}
@media (max-width: 767px) {
  .events__title {
    font-size: 35px;
  }
}
.events__image img {
  box-shadow: 0px 4px 39px rgba(0, 0, 0, 0.1);
}
.events__text {
  margin-top: 23px;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.44;
  text-transform: uppercase;
  color: #000000;
  max-width: 75%;
}
@media (max-width: 767px) {
  .events__text {
    max-width: 100%;
    font-size: 14px;
    margin-top: 10px;
  }
}
.events .swiper-button-next,
.events .swiper-button-prev {
  color: #000;
}
@media (max-width: 767px) {
  .events .swiper-button-prev {
    left: -3px !important;
  }
}
@media (max-width: 767px) {
  .events .swiper-button-next {
    right: -3px !important;
  }
}

.contacts {
  padding: 90px 0 147px;
  background: #E5E5E5;
}
@media (max-width: 767px) {
  .contacts {
    padding: 40px 0 90px;
  }
}
.contacts .container {
  position: relative;
  z-index: 5;
}
.contacts__title {
  margin-bottom: 30px;
  font-weight: 400;
  font-size: 90px;
  line-height: 1.22;
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #000000;
  width: 1000px;
}
@media (max-width: 767px) {
  .contacts__title {
    font-size: 30px;
    margin-bottom: 20px;
    width: 100%;
  }
}
.contacts__list {
  display: flex;
  gap: 75px;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .contacts__list {
    gap: 20px;
  }
}
.contacts__arrow {
  width: 14.5vw;
  position: absolute;
  left: 37vw;
  bottom: 2.1vw;
}
@media (min-width: 1500px) {
  .contacts__arrow {
    width: 10.5vw;
    position: absolute;
    left: 33vw;
    bottom: 1.1vw;
  }
}
@media (max-width: 767px) {
  .contacts__arrow {
    left: auto;
    right: 20px;
    bottom: 0;
    top: 45px;
    width: 55px;
    transform: rotate(-35deg);
  }
}
.contacts__item {
  display: flex;
  align-items: center;
  gap: 30px;
  padding: 30px 5.1vw 30px 0px;
  margin-left: 35px;
  background-color: #EAEBF2;
  box-shadow: 0px 4px 39px rgba(0, 0, 0, 0.1);
  transition: 0.3s all;
}
@media only screen and (max-width: 767px) {
  .contacts__item {
    width: calc(100% - 30px);
    margin-left: 20px;
    padding: 20px 20px 20px 0;
    gap: 15px;
  }
}
.contacts__item:hover {
  box-shadow: 0px 4px 39px rgba(0, 0, 0, 0.2);
}
.contacts__item:nth-child(2n) {
  background: #EAEBF2;
}
.contacts__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 71px;
  height: 71px;
  background-color: #5A5D62;
  margin-left: -35px;
}
@media (max-width: 767px) {
  .contacts__icon {
    width: 40px;
    height: 40px;
    margin-left: -20px;
    flex-shrink: 0;
  }
  .contacts__icon img {
    width: 20px;
  }
}
.contacts__text {
  font-weight: 500;
  font-size: 24px;
  text-decoration-line: underline;
  color: #000000;
}
@media (max-width: 767px) {
  .contacts__text {
    font-size: 18px;
  }
}

.book-links.book-links-const {
  margin-top: -60px;
}
@media (max-width: 767px) {
  .book-links.book-links-const {
    clip-path: polygon(0% 100%, 0% 0%, 57% 20px, 68% 0%, 100% 0%, 100% 100%);
  }
}
.book-links.book-links-const .book-links--column.large .book-links--column-image {
  width: auto;
  height: 745px;
  left: 0;
}
@media (max-width: 767px) {
  .book-links.book-links-const .book-links--column.large .book-links--column-image {
    height: 100%;
  }
}

.content-intro {
  position: relative;
  padding: 85px 0 0;
  color: #1E1E1E;
  background-color: #CACBD0;
  overflow: hidden;
}
@media (max-width: 767px) {
  .content-intro {
    padding-top: 80px;
  }
}
.content-intro .container {
  position: relative;
  z-index: 10;
}
.content-intro__inner {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 1500px) {
  .content-intro__inner {
    align-items: center;
  }
}
.content-intro__inner > * {
  width: 50%;
}
@media (max-width: 767px) {
  .content-intro__inner > * {
    width: 100%;
  }
}
@media (min-width: 1500px) {
  .content-intro__content {
    padding-left: 40px;
  }
}
.content-intro__abs {
  position: absolute;
  top: 10vw;
  right: -3vw;
  max-width: 240px;
  width: 240px;
}
@media (max-width: 767px) {
  .content-intro__abs {
    position: absolute;
    bottom: 220px;
    right: 15px;
    top: auto;
    width: auto;
  }
}
.content-intro__subtitle {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .content-intro__subtitle {
    font-size: 12px;
  }
}
.content-intro__counter {
  font-family: "Raleway", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.2px;
  color: #1E1E1E;
}
.content-intro__counter h6 {
  font-family: "Raleway", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  color: #1E1E1E;
}
.content-intro__title {
  font-size: 130px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 1400px) {
  .content-intro__title {
    margin-left: 55px;
    margin-right: -55px;
  }
}
@media (max-width: 767px) {
  .content-intro__title {
    font-size: 45px;
    text-align: center;
    margin-bottom: 7px;
  }
}
.content-intro__title--secondary {
  font-size: 46px;
  font-weight: 300;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 1.25vw;
}
@media (max-width: 767px) {
  .content-intro__title--secondary {
    font-size: 25px;
    margin-bottom: 20px;
    text-align: center;
  }
}
.content-intro__text {
  line-height: 1.2;
  letter-spacing: 0.19px;
}
.content-intro__text--top {
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 2.36vw;
}
@media (max-width: 767px) {
  .content-intro__text--top {
    margin-bottom: 25px;
  }
}
.content-intro__text--middle {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 3.4vw;
}
@media (min-width: 1400px) {
  .content-intro__text--middle {
    margin-left: 100px;
    margin-bottom: 3.5vw;
  }
}
@media (max-width: 767px) {
  .content-intro__text--middle {
    font-size: 14px;
    margin-bottom: 25px;
  }
}
.content-intro__text--bottom {
  font-size: 13px;
  max-width: 240px;
  position: relative;
}
.content-intro__text--bottom:before {
  content: "";
  background-image: url("../../assets/img/content-intro-arrow.svg");
  background-size: contain;
  width: 168px;
  height: 88px;
  display: block;
  position: absolute;
  right: -173px;
  top: 4px;
}
@media (max-width: 767px) {
  .content-intro__text--bottom:before {
    width: 90px;
    height: 47px;
    right: -80px;
  }
}
.content-intro__icons {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-top: 2.65vw;
  margin-left: -5px;
}
@media (max-width: 767px) {
  .content-intro__icons {
    gap: 10px;
    margin-top: 15px;
  }
}
.content-intro__icon {
  text-align: center;
  flex: 0 1 85px;
}
@media (max-width: 767px) {
  .content-intro__icon {
    width: calc(18% - 5px);
    flex: 0 1 auto;
  }
}
.content-intro__icon-image {
  background: #fff;
  border-radius: 50%;
  width: 74px;
  height: 74px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .content-intro__icon-image {
    width: 40px;
    height: 40px;
  }
}
.content-intro__icon-image img {
  height: 30px;
}
@media (max-width: 767px) {
  .content-intro__icon-image img {
    height: 20px;
  }
}
.content-intro__icon-title {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.16px;
  margin: 10px -20px 0;
}
@media (max-width: 767px) {
  .content-intro__icon-title {
    margin: 5px 0;
    font-size: 10px;
  }
}
.content-intro__media {
  text-align: center;
  margin-left: -1vw;
  margin-right: -5vw;
}
@media (max-width: 767px) {
  .content-intro__media {
    margin-left: 0;
    margin-top: 30px;
  }
}
.content-intro__media img {
  width: 26vw;
}
@media (max-width: 767px) {
  .content-intro__media img {
    width: 200px;
  }
}
.content-intro__circle {
  width: 64vw;
  background-color: #CACBD0;
  position: absolute;
  top: 2vw;
  right: -13.4vw;
}
@media (max-width: 767px) {
  .content-intro__circle {
    bottom: -30px;
    top: auto;
    right: 50%;
    transform: translateX(50%) !important;
    width: 350px;
  }
}
.content-intro__circle img {
  width: 100vw;
}

.content-intro-icons {
  padding: 0 20px;
  position: relative;
  z-index: 50;
}
@media (max-width: 767px) {
  .content-intro-icons {
    padding-bottom: 70px;
  }
}
.content-intro-icons .content-intro-container {
  max-width: 530px;
  margin-left: auto;
}
@media (min-width: 1200px) {
  .content-intro-icons .content-intro__icon-title {
    color: #fff;
  }
}

.pg-lekt:before {
  content: "";
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1) 1px, transparent 1px), linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 1px, transparent 1px);
  background-size: 120px 120px;
  background-position: 12% 5.75%;
  z-index: 5;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.6;
}
@media (max-width: 767px) {
  .pg-lekt:before {
    background-size: 90px 90px;
  }
}

.page-template-template-lekt {
  background-color: #CACBD0;
}
.page-template-template-lekt .reviews {
  z-index: 10;
  background: transparent;
}
.page-template-template-lekt .faq .container,
.page-template-template-lekt .book-links {
  position: relative;
  z-index: 10;
}
.page-template-template-lekt .book-links {
  margin-top: 0px;
}
.page-template-template-lekt .content-intro-icons {
  margin-top: 30px;
}
.page-template-template-lekt .content-intro-icons .content-intro__icon-title {
  color: #000;
}

@media (max-width: 767px) {
  .content-intro__lekt .content-intro__abs {
    bottom: 260px;
  }
}

.page-template-template-guides,
.page-template-template-books {
  background: #cacbd0;
}

.consult__about::before,
.page-template-template-consult::before,
.team:before,
.benefits:before,
.supplements--other:before,
.supplements--main:before,
.page-template-template-supplements:before,
.page-template-template-books:before,
.page-template-template-lekt:before,
.page-template-template-consultation::before,
.steps::before,
.page-template-template-guides:before {
  content: "";
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.4) 1px, transparent 1px), linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 1px, transparent 1px);
  background-size: 120px 120px;
  background-position: 12% 5.75%;
  z-index: 5;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.6;
  pointer-events: none;
}
@media (max-width: 767px) {
  .consult__about::before,
  .page-template-template-consult::before,
  .team:before,
  .benefits:before,
  .supplements--other:before,
  .supplements--main:before,
  .page-template-template-supplements:before,
  .page-template-template-books:before,
  .page-template-template-lekt:before,
  .page-template-template-consultation::before,
  .steps::before,
  .page-template-template-guides:before {
    background-size: 90px 90px;
  }
}

.page-template-template-consult .consult__benefits--track,
.page-template-template-consult .consult__about,
.page-template-template-consult .container {
  position: relative;
  z-index: 10;
}
.page-template-template-consult .consult__about::before {
  opacity: 0.3;
}

.events::before {
  content: "";
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1) 1px, transparent 1px), linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 1px, transparent 1px);
  background-size: 120px 120px;
  background-position: 12% 5.75%;
  z-index: 5;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.6;
  pointer-events: none;
}
@media (max-width: 767px) {
  .events::before {
    background-size: 90px 90px;
  }
}

.lekt__intro {
  background: #1d2027;
  color: #fff;
  margin-top: -65px;
  clip-path: polygon(0% 0%, 45.7% 11.2%, 46.2% 0%, 100% 0%, 100% 96%, 53.5% 88%, 52.4% 100%, 0% 100%);
  z-index: 10;
}
.lekt__intro--inner {
  display: flex;
  flex-direction: column;
}
.lekt__intro--text-main {
  margin: 140px 0;
  font-size: 40px;
  font-weight: 500;
  line-height: 106%;
  text-transform: uppercase;
}
@media only screen and (max-width: 1200px) {
  .lekt__intro--text-main {
    margin: 70px 0;
    font-size: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .lekt__intro--text-main {
    margin: 40px 0 20px;
    font-size: 20px;
  }
}
.lekt__intro--text-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-right: 20vw;
  gap: 30px;
}
@media only screen and (max-width: 1050px) {
  .lekt__intro--text-wrapper {
    flex-direction: column;
    margin-right: 0;
  }
}
@media only screen and (max-width: 600px) {
  .lekt__intro--text-wrapper {
    gap: 12px;
  }
}
.lekt__intro--text-left {
  font-size: 30px;
  font-weight: 300;
  line-height: 75%;
  letter-spacing: -1.2px;
  text-transform: uppercase;
}
@media only screen and (max-width: 600px) {
  .lekt__intro--text-left {
    font-size: 10px;
  }
}
.lekt__intro--text-right {
  text-align: justify;
  font-size: 20px;
  font-weight: 300;
  line-height: 120%;
  letter-spacing: -0.8px;
  width: 260px;
}
@media only screen and (max-width: 600px) {
  .lekt__intro--text-right {
    font-size: 14px;
  }
}

.list-lekt {
  z-index: 10;
}
.list-lekt--header {
  display: flex;
  justify-content: space-between;
  gap: 100px;
}
@media only screen and (max-width: 900px) {
  .list-lekt--header {
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
  }
}
.list-lekt--header-right {
  display: flex;
  margin-right: 10vw;
  gap: 50px;
  align-items: center;
}
@media only screen and (max-width: 900px) {
  .list-lekt--header-right {
    margin-top: -30px;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    margin-bottom: 30px;
  }
}
.list-lekt--header-text {
  font-size: 18px;
}
@media only screen and (max-width: 1200px) {
  .list-lekt--header-text {
    font-size: 15px;
  }
}
.list-lekt--header-text b {
  font-weight: 500;
}
.list-lekt--header-title {
  white-space: nowrap;
  font-size: 50px;
  line-height: 87%;
  letter-spacing: -2px;
  text-transform: uppercase;
  text-align: center;
  margin: 70px 0;
}
@media only screen and (max-width: 1200px) {
  .list-lekt--header-title {
    margin: 30px 0;
    font-size: 30px;
  }
}
.list-lekt--inner {
  max-width: 1500px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px;
}
.list-lekt--column {
  text-decoration: none;
  max-width: 31%;
  width: 100%;
  color: #3d4351;
  min-height: 500px;
  padding-bottom: 150px;
  background: #eaebf2;
  position: relative;
  transition: 0.5s;
  user-select: none;
}
@media only screen and (max-width: 1200px) {
  .list-lekt--column {
    max-width: calc(50% - 15px);
    font-size: 30px;
  }
}
@media only screen and (max-width: 800px) {
  .list-lekt--column {
    max-width: 100%;
  }
}
.list-lekt--column:hover {
  transform: scale(1.05);
}
.list-lekt--column-inner {
  display: flex;
  flex-direction: column;
  padding: 28px;
}
@media only screen and (max-width: 800px) {
  .list-lekt--column-inner {
    padding: 15px;
  }
}
.list-lekt--column-image-wrapper {
  width: 100%;
}
@media only screen and (max-width: 800px) {
  .list-lekt--column-image-wrapper {
    height: auto;
  }
}
.list-lekt--column-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.list-lekt--column-title {
  font-size: 50px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -2px;
  text-transform: uppercase;
  margin: 12px 0 30px;
  position: relative;
}
@media only screen and (max-width: 800px) {
  .list-lekt--column-title {
    font-size: 30px;
  }
}
.list-lekt--column-subtitle {
  font-size: 25px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -1px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 800px) {
  .list-lekt--column-subtitle {
    font-size: 20px;
  }
}
.list-lekt--column-text {
  font-weight: 300;
  line-height: 120%;
  letter-spacing: -0.64px;
}
@media only screen and (max-width: 1200px) {
  .list-lekt--column-text {
    font-size: 14px;
  }
}
.list-lekt--column-text p {
  font-size: 1.4rem;
  line-height: 130%;
}
@media (min-width: 768px) {
  .list-lekt--column-text p {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .list-lekt--column-text p {
    font-size: 2.2rem;
  }
}
.list-lekt--column-lower {
  align-items: flex-end;
  padding: 0 28px;
  align-self: flex-end;
  bottom: 46px;
  color: #657641;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  margin-top: auto;
  position: absolute;
  right: 0;
  width: calc(100% - 56px);
}
@media only screen and (max-width: 800px) {
  .list-lekt--column-lower {
    padding: 0 15px;
    width: calc(100% - 36px);
  }
}
.list-lekt--column-lower-text {
  color: #353b49;
  width: 100%;
  font-size: 14px;
  text-align: right;
}
@media only screen and (max-width: 768px) {
  .list-lekt--column-lower-text {
    text-align: left;
  }
}
.list-lekt--column-lower-text b {
  font-size: 18px;
  font-weight: 600;
  margin-top: 5px;
}
.list-lekt--column-lower-price {
  justify-content: space-between;
  display: flex;
  font-family: "Inter";
  font-size: 40px;
  font-weight: 500;
  align-items: center;
  gap: 26px;
  letter-spacing: -2.8px;
  line-height: 100%;
  width: 100%;
}
.list-lekt--column-lower-price-text {
  color: white;
  text-transform: uppercase;
  border-radius: 30px;
  background: #657641;
  font-size: 20px;
  margin-top: 10px;
  padding: 5px 20px;
  letter-spacing: 0.5px;
}
@media only screen and (max-width: 800px) {
  .list-lekt--column-lower-price {
    font-size: 30px;
  }
}
.list-lekt--column-lower p {
  color: #657641;
  font-size: 36px;
  font-weight: 300;
  line-height: 100%;
  letter-spacing: -1.587px;
  text-transform: uppercase;
  margin-bottom: 3px;
}
@media only screen and (max-width: 800px) {
  .list-lekt--column-lower p {
    font-size: 14px;
  }
}

.lekt__cards {
  z-index: 1;
}
.lekt__cards::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  max-height: 1080px;
  height: 100%;
  z-index: -1;
  background: url(../../assets/img/cards_lekt_before.png) no-repeat center center/cover;
}
.lekt__cards--bg {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 600px) {
  .lekt__cards--bg {
    height: 774px;
  }
}
.lekt__cards--inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  transform: translateY(150px);
  padding: 0 50px;
}
@media only screen and (max-width: 600px) {
  .lekt__cards--inner {
    padding: 450px 0 0;
    gap: 20px;
    transform: translateY(0);
  }
}
.lekt__cards--card {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 300px;
  background: #fff;
  padding: 150px 150px 200px;
  min-height: 300px;
  box-shadow: 0px 4px 38.8px 0px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 1550px) {
  .lekt__cards--card {
    padding: 100px 100px 150px;
    max-width: 250px;
    min-height: 250px;
  }
}
@media only screen and (max-width: 600px) {
  .lekt__cards--card {
    padding: 50px 50px 80px;
    max-width: unset;
    min-height: unset;
    align-self: center !important;
  }
}
.lekt__cards--card:nth-child(2), .lekt__cards--card:nth-child(4) {
  align-self: flex-end;
}
.lekt__cards--card-title {
  color: #000;
  font-size: 42px;
  font-weight: 500;
  line-height: 96%;
  letter-spacing: -2.348px;
  text-transform: uppercase;
}
@media only screen and (max-width: 600px) {
  .lekt__cards--card-title {
    letter-spacing: -1.348px;
    font-size: 36px;
  }
}
.lekt__cards--card-text {
  text-align: justify;
  font-size: 18px;
  font-weight: 300;
  line-height: 120%;
  letter-spacing: -0.723px;
}
@media only screen and (max-width: 600px) {
  .lekt__cards--card-text {
    font-size: 14px;
    letter-spacing: -0.5px;
  }
}

.blog {
  overflow: visible;
}
.blog .row {
  overflow: visible;
  position: relative;
  align-items: flex-start;
}
.blog .header {
  background: #e1dacb;
  padding-bottom: 16px;
  filter: invert(1) !important;
}
.blog .container {
  max-width: 1383px;
}
.blog a:link,
.blog a:visited {
  text-decoration: none;
  color: inherit;
}
.blog {
  background: #d6d6d6;
}
.blog__top {
  position: relative;
  padding: 30px;
  background: #fff;
}
.blog__top--right-title {
  font-size: 4.1666666667vw;
}
@media only screen and (max-width: 600px) {
  .blog__top--right-title {
    font-size: 30px;
  }
}
.blog__top--right-text {
  margin-top: 30px;
  max-width: 680px;
}
.blog__top--section-title {
  font-size: 30px;
  color: #1e2534;
  font-weight: 500;
}
@media only screen and (max-width: 600px) {
  .blog__top--section-title {
    font-size: 25px;
  }
}
.blog__top--image-wrapper {
  width: 260px;
  height: 260px;
  margin-right: 10vw;
  border-radius: 50%;
  flex-shrink: 0;
  overflow: hidden;
}
.blog__top--image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 900px) {
  .blog__top--image-wrapper {
    margin-right: 50px;
  }
}
@media only screen and (max-width: 500px) {
  .blog__top--image-wrapper {
    width: 100%;
    height: 100%;
    margin-right: 0;
  }
}
.blog__top--row {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 30px;
  margin-bottom: 60px;
}
@media only screen and (max-width: 900px) {
  .blog__top--row {
    flex-direction: column;
  }
}
.blog__top .inst {
  margin-bottom: 10px;
  margin-left: auto;
}
.blog--inner {
  padding: 125px 0 47px;
  position: relative;
  z-index: 1;
}
.blog--inner .col-xl-3 {
  transition: 0.3s;
}
@media only screen and (max-width: 1200px) {
  .blog--inner {
    padding: 100px 0 20px;
  }
}
.blog--title {
  margin: 0;
  line-height: 1;
}

@media screen and (max-width: 1200px) {
  .blog__top .col-xl-3 {
    display: none;
  }
}
.single-blog-content {
  padding: 125px 0 70px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1200px) {
  .single-blog-content {
    padding: 100px 0 20px;
  }
}
.single-blog-content {
  position: relative;
  z-index: 1;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content p,
.entry-content span,
.entry-content strong,
.entry-content img {
  font-size: revert;
  margin: revert;
  padding: revert;
}
.entry-content img {
  width: 100%;
  max-width: 100%;
  object-fit: cover;
}

.pi-25 {
  padding: 25px;
}

.single-post-lower {
  display: flex;
  gap: 15px;
  align-items: center;
}
.single-post-lower:hover {
  text-decoration: underline;
}
.single-post-lower:hover .single-post-lower-arrow {
  transform: rotate(-135deg) scale(1.5);
}
.single-post-lower-arrow {
  transition: 0.3s;
  transform: rotate(-90deg) scale(1.5);
}
.single-post-lower-text {
  font-size: 18px;
  font-weight: 500;
  color: #000;
}

.theme-blog-details {
  margin-bottom: 30px;
}

.single .header {
  background: #e1dacb;
  padding-bottom: 16px;
  filter: invert(1) !important;
}
.single .sidebar-inner {
  margin-top: 0;
}
@media only screen and (max-width: 1200px) {
  .single .sidebar-inner {
    margin-top: 20px !important;
  }
}
.single .container {
  max-width: 1383px;
}

.post-single {
  margin-right: 20px;
  padding: 25px;
  background: #fff;
}
@media only screen and (max-width: 1200px) {
  .post-single {
    margin-right: 0;
    padding: 20px;
  }
}
.post-author-name {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 5px;
}
@media only screen and (max-width: 600px) {
  .post-author-name {
    font-size: 20px;
  }
}
.post__top--title-wrapper {
  padding-right: 70px;
  position: relative;
}
.post__top--title {
  font-size: 50px;
  margin: 10px 0 20px;
  min-height: 80px;
}
@media only screen and (max-width: 1200px) {
  .post__top--title {
    font-size: 37px;
    min-height: unset;
  }
}
@media only screen and (max-width: 600px) {
  .post__top--title {
    font-size: 25px;
  }
}
.post__top--title {
  font-weight: 400;
  max-width: 1200px;
}
.post .post-featured-image img {
  width: auto;
  height: auto;
  object-fit: cover;
}

.post-details-meta-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 30px;
}
.post-details-meta-wrap .post-meta-left {
  display: flex;
  align-items: center;
}
.post-details-meta-wrap .post-meta-left-author {
  width: 150px;
  height: 150px;
}
@media only screen and (max-width: 600px) {
  .post-details-meta-wrap .post-meta-left-author {
    width: 100px;
    height: 100px;
  }
}
.post-details-meta-wrap .post-meta-left-author {
  border-radius: 50%;
  margin-right: 15px;
  overflow: hidden;
  flex-shrink: 0;
}

.posts {
  margin-top: 20px;
  margin-right: 20px;
}
@media only screen and (max-width: 1200px) {
  .posts {
    margin-right: 0;
  }
}
@media only screen and (max-width: 900px) {
  .posts {
    padding-right: 0;
  }
}

.sidebar-inner {
  margin-top: 20px;
  background: #fff;
}

@media (min-width: 1200px) {
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
}
@media (min-width: 992px) {
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
}

.post-block-style-one-inner .post-block-media-wrap {
  width: 100%;
  display: block;
  overflow: hidden;
  height: 210px;
  margin-right: 50px;
}
.post-block-style-one-inner .post-block-media-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.col-xl-3 {
  position: sticky;
  top: 100px;
}
.col-xl-3 .blog__top--section-title {
  padding-left: 35px;
}

.post-block-list-item-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease-in;
  padding: 35px;
}
@media only screen and (max-width: 600px) {
  .post-block-list-item-inner {
    padding: 20px;
  }
}
.post-block-list-item-inner .post-item-title {
  padding-right: 70px;
  margin-bottom: 10px !important;
}
@media only screen and (max-width: 600px) {
  .post-block-list-item-inner .post-item-title {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 900px) {
  .post-block-list-item-inner .post-block-media-wrap {
    max-width: unset;
    min-width: unset;
    margin-right: 0;
    width: unset;
  }
}
.post-block-list-item-inner .post-block-media-wrap {
  display: block;
  overflow: hidden;
  width: 100%;
  margin: 15px 0 20px;
}
.post-block-list-item-inner .post-block-media-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.post-block-list-item-inner .post-block-media-wrap a {
  display: block;
  overflow: hidden;
}
@media only screen and (max-width: 900px) {
  .post-block-list-item-inner .post-block-media-wrap a img {
    height: unset;
    object-fit: contain !important;
  }
}
.post-block-list-item-inner .post-block-media-wrap a img {
  width: 100%;
  display: block;
  object-fit: cover;
  transition: 0.35s ease-in;
}
.post-block-list-item-inner .post-block-media-wrap .post-item-text {
  font-size: 18px;
}

@media only screen and (max-width: 600px) {
  .post-block-list-item-inner .post-block-content-wrap {
    padding: 0;
  }
}
.post-block-list-item-inner .post-block-content-wrap .post-title {
  font-size: 27px;
}

.post-block-content-wrap {
  max-width: 100%;
  text-align: left;
  display: flex;
  flex-direction: column;
}
.post-block-content-wrap .post-meta-author-box {
  font-family: "Inter";
  margin-bottom: 10px;
}
.post-block-content-wrap .post-meta-author-box b {
  font-weight: 500;
}

.post-item-title h2.post-title a {
  color: #1e2534;
  font-size: 30px;
  font-weight: 400;
}
@media only screen and (max-width: 900px) {
  .post-item-title h2.post-title a {
    font-size: 25px;
  }
}

.post-top-meta-list,
.post-bottom-meta {
  flex-wrap: wrap;
  line-height: 1;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 5px;
}

.post-bottom-meta {
  position: relative;
  color: #000;
  font-family: "Inter";
  display: block;
  margin-top: 10px;
}
@media only screen and (max-width: 600px) {
  .post-bottom-meta {
    font-size: 14px;
    line-height: 150%;
  }
}

.post-block-style-one-inner {
  background: white;
  text-align: left;
  text-align: center;
  padding-bottom: 10px;
  margin-bottom: 20px;
  position: relative;
  border-bottom: 1px solid #d2d3d6;
}
.post-block-style-one-inner .post-item-title {
  font-size: 20px;
  font-weight: 400;
}

.post-block-style-one-inner:hover .related-icon {
  transform: rotate(45deg);
}

.related-icon {
  position: absolute;
  bottom: 10px;
  right: 15px;
  width: 20px;
  height: 20px;
  transition: 0.3s;
}

.post-item-title {
  position: relative;
  font-size: 20px;
}
@media only screen and (max-width: 900px) {
  .post-item-title {
    font-size: 14px;
  }
}

.post-item-book {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  display: flex;
  gap: 10px;
  align-items: center;
  font-family: "Inter";
  font-weight: 300;
  font-size: 16px;
}

.margin-bottom {
  margin-bottom: 25px;
}

.post-bottom-wrapper {
  margin-top: auto;
  display: flex;
  justify-content: flex-end;
  margin-top: 80px;
}

.post-block-list-item {
  margin-bottom: 20px;
  background: #fff;
}

.view-topic-btn {
  display: inline-flex;
  align-items: center;
  gap: 40px;
}

.post-date {
  margin-bottom: 5px;
  margin-top: 20px;
  font-family: "Inter";
}

.view-topic-btn:hover a.view-btn {
  text-decoration: underline;
}

.view-topic-btn svg {
  transition: 0.3s;
}

.view-topic-btn:hover svg {
  transform: rotate(45deg);
}

a.view-btn {
  display: inline-block;
  font-size: 18px;
  color: #000;
  font-weight: 500;
}

.post-block-style-one-inner h2 {
  font-size: 20px;
  font-weight: 400;
}

.entry-content > * {
  margin: revert;
  padding: revert;
}

.entry-content p {
  font-size: 18px;
}

.margin-top-180 {
  margin-top: 180px;
}
@media only screen and (max-width: 1200px) {
  .margin-top-180 {
    margin-top: 0px;
  }
}

.tests {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: #1e2534;
  appearance: none;
  pointer-events: none;
  opacity: 0;
  transition: 0.3s;
  background: rgba(0, 0, 0, 0.3);
}
.tests.active {
  opacity: 1;
  appearance: unset;
  pointer-events: all;
}
.tests--inner {
  width: 800px;
  padding: 80px 120px 100px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  position: relative;
  background: #fff;
  align-items: flex-start;
}
@media only screen and (max-width: 1200px) {
  .tests--inner {
    width: 600px;
    padding: 40px 60px 50px;
  }
}
@media only screen and (max-width: 800px) {
  .tests--inner {
    width: 300px;
    padding: 20px;
  }
}
.tests--title {
  font-size: 25px;
  font-weight: 300;
  line-height: 100%;
  letter-spacing: -1px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1200px) {
  .tests--title {
    font-size: 20px;
  }
}
@media only screen and (max-width: 800px) {
  .tests--title {
    width: 240px;
  }
}
.tests--tabs {
  display: flex;
  align-items: flex-end;
  margin: 40px 0 70px;
  height: 45px;
}
@media only screen and (max-width: 1200px) {
  .tests--tabs {
    margin: 20px 0 35px;
    height: 30px;
  }
}
.tests--tabs .separator {
  margin: 0 30px;
  width: 1px;
  height: 44px;
  background: #000;
}
@media only screen and (max-width: 1200px) {
  .tests--tabs .separator {
    height: 26px;
    margin: 0 20px;
  }
}
@media only screen and (max-width: 1200px) {
  .tests--tabs .separator {
    margin: 0 10px;
  }
}
.tests--tabs .tab-active {
  font-size: 60px;
  font-weight: 500;
  line-height: 75%;
  letter-spacing: -2.4px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1200px) {
  .tests--tabs .tab-active {
    font-size: 30px;
    line-height: 75%;
  }
}
.tests--tabs div {
  cursor: pointer;
  transition: 0.3s;
}
.tests--tabs {
  font-size: 30px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -1.2px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1200px) {
  .tests--tabs {
    font-size: 20px;
  }
}
.tests--button {
  background: #1e2534;
  color: #fff;
  padding: 18px 100px 18px 32px;
  font-size: 20px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -0.8px;
}
@media only screen and (max-width: 1200px) {
  .tests--button {
    padding: 18px 66px 18px 20px;
  }
}
@media only screen and (max-width: 800px) {
  .tests--button {
    font-size: 16px;
    letter-spacing: -0.4px;
  }
}
.tests--button {
  position: relative;
  text-decoration: none;
}
.tests--button:hover .arrow {
  transform: rotate(45deg);
}
.tests--button .arrow {
  position: absolute;
  right: 34px;
  top: 16px;
  height: 24px;
  width: 24px;
  transition: 0.3s;
}
.tests--button .arrow svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.tests--close {
  position: absolute;
  top: 50px;
  right: 50px;
  width: 25px;
  height: 25px;
  z-index: 1001;
}
@media only screen and (max-width: 1200px) {
  .tests--close {
    top: 25px;
    right: 25px;
  }
}
@media only screen and (max-width: 800px) {
  .tests--close {
    top: 20px;
    right: 20px;
    width: 15px;
    height: 15px;
  }
}
.tests--close {
  cursor: pointer;
}
.tests--close svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.faq {
  background: #1d2027;
  padding-bottom: 80px;
  padding-top: 52px;
  color: #fff;
}
@media (max-width: 767px) {
  .faq {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.faq--inner {
  display: flex;
  flex-direction: column;
  gap: 52px;
}
@media (max-width: 767px) {
  .faq--inner {
    gap: 0;
  }
}
.faq--title {
  font-size: 70px;
  line-height: 0.75;
  letter-spacing: -2.8px;
  text-transform: uppercase;
  position: relative;
  font-weight: 400;
}
.faq--title-xtra {
  position: absolute;
  text-transform: uppercase;
  top: 50%;
  left: 25%;
  transform: translateY(-50%);
  width: 340px;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.04;
  letter-spacing: -1.2px;
  opacity: 0.33;
}
@media screen and (max-width: 800px) {
  .faq--title {
    text-align: left;
    margin-bottom: 20px;
    font-size: 28px;
    letter-spacing: unset;
  }
  .faq--title-xtra {
    position: static;
    width: 100%;
    display: block;
    transform: none;
    font-size: 14px;
    letter-spacing: unset;
    margin-top: 10px;
  }
}
.faq--row {
  display: flex;
  flex-wrap: wrap;
  gap: 62px;
}
@media only screen and (max-width: 1750px) {
  .faq--row {
    gap: 32px;
  }
}
@media only screen and (max-width: 1200px) {
  .faq--row {
    gap: 20px;
  }
}
.faq__item.active .faq__item--icon svg {
  transform: rotate(0);
}
.faq__item.active .faq__item--content {
  height: auto;
  padding: 25px 36px;
}
@media only screen and (max-width: 1750px) {
  .faq__item.active .faq__item--content {
    padding: 15px 20px;
  }
}
.faq__item {
  max-width: calc(25% - 46.5px);
}
@media only screen and (max-width: 1750px) {
  .faq__item {
    max-width: calc(33% - 21.3px);
  }
}
@media only screen and (max-width: 1200px) {
  .faq__item {
    max-width: calc(50% - 10px);
  }
}
@media only screen and (max-width: 800px) {
  .faq__item {
    max-width: 100%;
  }
}
.faq__item {
  width: 100%;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.faq__item--title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.8px;
  margin-bottom: 10px;
}
.faq__item--title--container {
  position: relative;
  background: #353b49;
  padding: 36px;
}
@media only screen and (max-width: 1200px) {
  .faq__item--title--container {
    padding: 20px;
  }
}
.faq__item--icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  position: absolute;
  content: "";
  top: 50%;
  right: 40px;
  transform: translateY(-50%);
}
@media only screen and (max-width: 1750px) {
  .faq__item--icon {
    right: 20px;
  }
}
@media only screen and (max-width: 1200px) {
  .faq__item--icon {
    width: 20px;
    height: 20px;
  }
}
.faq__item--icon svg {
  transform: rotate(90deg);
  transition: 0.5s;
}
.faq__item--subtitle {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 300;
}
.faq__item--content {
  height: 0;
  padding: 0;
  line-height: 1.5;
  font-weight: 500;
  background: #181a20;
  transition: 0.5s;
  overflow: hidden;
}

.footer {
  position: relative;
  z-index: 5;
  background: #1d2027;
  padding: 60px 0 46px;
  color: #fff;
}
@media only screen and (max-width: 1200px) {
  .footer {
    padding-top: 30px;
  }
}
.footer__logo {
  filter: invert(100%);
}
@media only screen and (max-width: 1750px) {
  .footer__row {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.footer__title {
  margin-bottom: 50px;
}
@media only screen and (max-width: 1200px) {
  .footer__title {
    text-align: center;
    justify-content: center;
    margin-left: unset !important;
    margin-bottom: 0;
    line-height: 1;
  }
}
.footer__top {
  display: flex;
  align-items: center;
  flex-direction: column-reverse;
  gap: 20px;
}
@media only screen and (min-width: 1200px) {
  .footer__top {
    justify-content: end;
    flex-direction: row;
    gap: 100px;
  }
}
.footer__top--col {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 50%;
}
.footer__top--col.first {
  margin-top: 10px;
  align-self: flex-start;
}
@media only screen and (max-width: 1200px) {
  .footer__top--col.first {
    display: none;
  }
}
@media only screen and (min-width: 1200px) {
  .footer__top--col {
    width: fit-content;
    align-items: unset;
  }
}
.footer__top--col .section-title {
  margin-left: auto;
}
.footer__text {
  line-height: 1.2;
  display: flex;
  flex-direction: column;
  gap: 20px;
  text-align: center;
  max-width: 533px;
}
@media only screen and (max-width: 1200px) {
  .footer__text.pc {
    display: none;
  }
}
.footer__text.mob {
  display: none;
}
@media only screen and (max-width: 1200px) {
  .footer__text.mob {
    display: flex;
    font-size: 16px;
    line-height: 1.2;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .footer__text {
    text-align: left;
    gap: 60px;
    width: 100%;
    max-width: 333px;
  }
}
.footer__text p {
  font-weight: 300;
  font-size: 16px;
}
.footer__text p:last-of-type {
  font-size: 20px;
  font-weight: 400;
}
@media only screen and (max-width: 1200px) {
  .footer__text p:last-of-type {
    font-size: 16px;
  }
}
.footer__text p:first-of-type {
  font-size: 40px;
}
@media only screen and (max-width: 1200px) {
  .footer__text p:first-of-type {
    font-size: 16px;
  }
}
.footer__text p:first-of-type b {
  font-weight: 500;
}
.footer__form {
  width: 100%;
  max-width: 635px;
}
@media only screen and (max-width: 1750px) {
  .footer__form {
    margin-right: 10%;
  }
}
@media only screen and (max-width: 1200px) {
  .footer__form {
    order: 1;
    margin-right: 0;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .footer__form {
    margin-left: auto;
  }
}
.footer__form--title {
  font-size: 26.271px;
  letter-spacing: -1.051px;
  text-transform: uppercase;
  font-weight: 300;
  width: 100%;
  text-align: center;
}
.footer__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 36px;
  margin-top: 40px;
  justify-items: center;
}
@media only screen and (min-width: 1200px) {
  .footer__grid {
    gap: 0;
    grid-template-columns: 25% 50% 12.5% 12.5%;
  }
}
@media (min-width: 1200px) and (max-width: 1679px) {
  .footer__grid {
    gap: 0;
    grid-template-columns: 25% 47% 15.5% 12.5%;
  }
}
@media only screen and (max-width: 600px) {
  .footer__grid--item.footer__menu {
    width: 100%;
  }
}
.footer__grid--item p {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.64px;
  line-height: 1.2;
}
.footer__grid--item p span {
  font-weight: 500;
}
@media only screen and (min-width: 1200px) {
  .footer__grid--item:not(:first-of-type) {
    padding-top: 27px;
  }
}
.footer__grid--item.footer__social {
  display: flex;
  width: 161px;
  flex-direction: row;
  gap: 25px;
}
.footer__grid .inst:hover {
  transform: scale(1.1);
}
.footer__menu ul {
  display: flex;
  flex-wrap: wrap;
  padding: unset;
  margin: unset;
  list-style: none;
}
@media (min-width: 1400px) {
  .footer__menu ul {
    padding-left: 21%;
  }
}
.footer__menu ul li {
  padding: 16px 10px;
  width: 45%;
  position: relative;
}
@media only screen and (max-width: 600px) {
  .footer__menu ul li {
    width: 100%;
  }
}
.footer__menu ul li:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M18.6704 10.9832L8.6294 21.0243L6.97949 19.3744L17.0205 9.33333H8.17045V7H21.0037V19.8333H18.6704V10.9832Z' fill='white'/%3E%3C/svg%3E");
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
  top: 16px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  width: 0px;
  height: 0px;
}
.footer__menu ul li a {
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  font-weight: 300;
  transition: all 0.3s ease-in-out;
  width: 100%;
  display: inline;
  position: relative;
}
.footer__menu ul li a::before {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: -3px;
  left: 0;
  background-color: #fff;
  transform-origin: bottom right;
  transition: transform 0.3s ease-out;
  z-index: 1;
}
.footer__menu ul li:hover a::before {
  transform: scaleX(1) !important;
  transform-origin: bottom left !important;
}
.footer__menu ul li:hover:after {
  opacity: 1;
  width: 28px;
  height: 28px;
  pointer-events: none;
}
.footer__phone {
  font-size: 18px;
  height: fit-content;
}
.footer__credentionals {
  padding-top: 72px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  color: #fff;
  font-size: 15px;
}
@media only screen and (max-width: 600px) {
  .footer__credentionals {
    font-size: 12px;
  }
}
.footer__credentionals a {
  color: #fff;
  text-decoration: underline;
}
.footer__surprise {
  display: block;
  width: 392px;
  min-width: 390px;
  height: 423px;
  flex-shrink: 0;
  cursor: pointer;
  transform: rotate(-15deg);
}
@media only screen and (max-width: 1200px) {
  .footer__surprise {
    position: relative;
    width: 185px;
    top: 0;
    min-width: 185px;
    height: 200.055px;
    margin: 50px 0;
  }
}
.footer__surprise:focus {
  outline: none;
}
.footer__surprise--wrapper {
  height: 0;
  padding-top: 100%;
  transition: transform 0.65s 0s cubic-bezier(0.69, 0, 0.31, 1);
  transform-style: preserve-3d;
  width: 100%;
}
.footer__surprise:hover .footer__surprise--wrapper, .footer__surprise:focus .footer__surprise--wrapper {
  transform: rotateY(180deg);
  transition: transform 1s 0.1s cubic-bezier(0.69, 0, 0.31, 1);
}
.footer__surprise--side {
  backface-visibility: hidden;
  box-sizing: border-box;
  color: #fff;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform-style: preserve-3d;
  display: flex;
  align-items: flex-end;
  width: 100%;
  background: url("../img/bg-surprise.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.footer__surprise:focus .footer__surprise--side {
  border: 3px solid #1e737e;
}
.footer__surprise--front {
  background-color: #1e737e;
  transform: rotateY(0deg);
}
.footer__surprise--back {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: rotateY(180deg);
}
.footer__surprise--back .footer__surprise--content p {
  text-align: left;
}
.footer__surprise--back .footer__surprise--content p:first-of-type {
  font-size: 94px;
  padding-bottom: 17px;
}
@media only screen and (max-width: 1200px) {
  .footer__surprise--back .footer__surprise--content p:first-of-type {
    font-size: 40.672px;
    padding-bottom: 7px;
  }
}
.footer__surprise--back .footer__surprise--content p:last-of-type {
  right: -22%;
  font-size: 18.68px;
}
@media only screen and (max-width: 1200px) {
  .footer__surprise--back .footer__surprise--content p:last-of-type {
    font-size: 8.672px;
  }
}
.footer__surprise--content {
  margin-top: auto;
  text-transform: uppercase;
  transform: translateZ(200px);
  padding: 20px;
  cursor: pointer;
  width: 100%;
}
.footer__surprise--content p {
  font-size: 94px;
  font-weight: 300;
  line-height: 80%;
  letter-spacing: 3.146px;
}
@media only screen and (max-width: 1200px) {
  .footer__surprise--content p {
    font-size: 40.672px;
  }
}
.footer__surprise--content p:last-of-type {
  position: absolute;
  right: -28%;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 31.569px;
  font-size: 18.68px;
}
@media only screen and (max-width: 1200px) {
  .footer__surprise--content p:last-of-type {
    font-size: 8.672px;
    letter-spacing: 14.951px;
  }
}

form.footer-form {
  flex-shrink: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
}
form.footer-form input {
  margin-top: 40px;
  background-color: transparent;
  border: unset;
  border-bottom: 1px solid rgba(255, 255, 255, 0.26);
  padding: 5px;
  text-align: center;
  width: 100%;
}
@media only screen and (max-width: 1200px) {
  form.footer-form input {
    text-align: left;
  }
}
form.footer-form input {
  color: #fff;
  font-size: 18px;
  letter-spacing: -0.72px;
  line-height: 1.2;
}
form.footer-form input:focus-visible, form.footer-form input:focus, form.footer-form input:hover {
  outline: unset !important;
  border: unset !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.96) !important;
}

.wpcf7-response-output {
  border: unset !important;
  font-size: 18px;
  text-align: center;
  width: fit-content;
  margin: 0 auto !important;
  margin-top: 10px !important;
}

.wpcf7-spinner {
  margin: 0 auto;
  margin-top: 20px;
}

.subm-footer {
  border: unset !important;
  outline: unset !important;
  color: transparent;
  position: relative;
  padding: unset !important;
  opacity: 0;
  width: 100%;
  height: 100%;
  margin-top: unset !important;
  cursor: pointer;
}
.subm-footer:focus-visible, .subm-footer:focus, .subm-footer:hover {
  outline: unset !important;
  border-bottom: unset !important;
}
.subm-footer__wrapper {
  display: block;
  margin: 0 auto;
  margin-top: 46px;
  width: 60px;
  height: 60px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='59' height='59' viewBox='0 0 59 59' fill='none'%3E%3Cpath d='M4.78816 22.9009C3.50358 22.4727 3.49345 21.7818 4.81458 21.3414L51.7349 5.70135C53.0339 5.26829 53.779 5.99549 53.4152 7.26959L40.0094 54.1899C39.6382 55.4892 38.8891 55.5341 38.3402 54.2991L29.504 34.4173L44.254 14.7506L24.5873 29.5006L4.78816 22.9009Z' fill='%23D5FF7D'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 1200px) {
  .subm-footer__wrapper {
    margin-top: 20px;
  }
}
.subm-footer__wrapper {
  cursor: pointer;
  transition: all 0.3s ease-in;
}
.subm-footer__wrapper:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='59' height='59' viewBox='0 0 59 59' fill='none'%3E%3Cpath d='M4.78816 22.9009C3.50358 22.4727 3.49345 21.7818 4.81458 21.3414L51.7349 5.70135C53.0339 5.26829 53.779 5.99549 53.4152 7.26959L40.0094 54.1899C39.6382 55.4892 38.8891 55.5341 38.3402 54.2991L29.504 34.4173L44.254 14.7506L24.5873 29.5006L4.78816 22.9009Z' fill='%23fff'/%3E%3C/svg%3E%0A");
}

.footer__top--col {
  width: 33.333%;
}

@media (max-width: 767px) {
  .footer__top--col {
    width: 100%;
  }
}
.footer__surprise--back .footer__surprise--content p:first-of-type {
  font-size: 46px;
  padding-bottom: 17px;
}

.footer__surprise--back .footer__surprise--content p:last-of-type {
  right: -27%;
  font-size: 18.68px;
}

@media (max-width: 1200px) {
  .footer__surprise--back .footer__surprise--content p:first-of-type {
    font-size: 20px;
  }
  .footer__surprise--back .footer__surprise--content p:last-of-type {
    font-size: 8.672px;
  }
}
.footer__text.mob {
  margin-bottom: 40px;
}

@media only screen and (min-width: 1200px) {
  .section-title.footer__title.footer__title-end {
    justify-content: end;
    margin-bottom: 140px;
  }
  .footer__top {
    gap: 30px;
  }
}
.not__found {
  display: flex;
  width: 100%;
  height: 100vh;
  justify-content: center;
  align-items: center;
  background: #1d2027;
}
.not__found--inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5vw;
}
.not__found--inner svg {
  width: 20vw;
}
.not__found--text {
  color: #fff;
  text-align: center;
}

.mood-hero {
  background-color: #fdefff;
  padding: 11rem 0 0;
  position: relative;
  overflow: hidden;
}

.mood-hero::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/hero-grid.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: 0.15;
}

.mood-hero__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: color-burn;
  -o-object-fit: cover;
  object-fit: cover;
}

.mood-hero__label {
  display: none;
}

.mood-hero__title-wrap {
  position: relative;
}

.mood-hero__marker {
  position: absolute;
  bottom: 0.5rem;
  left: 0;
  display: flex;
  align-items: center;
  gap: 1rem;
}

.mood-hero__marker-text {
  color: #1e2534;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 1.92rem */
  letter-spacing: -0.064rem;
}

.mood-hero__marker-icon {
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 50%;
  background-color: #1e2534;
  -webkit-backdrop-filter: blur(8.0500001907px);
  backdrop-filter: blur(8.0500001907px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.mood-hero__marker-icon svg {
  width: 1.2rem;
  height: auto;
}

.mood-hero__title {
  color: #1e2534;
  font-size: 4rem;
  font-style: normal;
  font-weight: 300;
  line-height: 90%; /* 3.6rem */
  letter-spacing: -0.16rem;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
}

.mood-hero__title-col:nth-child(2) {
  text-align: right;
  width: 12rem;
  margin-top: -2rem;
  margin-left: auto;
}

.mood-hero__text {
  display: none;
  z-index: 1;
}

.mood-hero__img {
  position: relative;
  z-index: 1;
  width: 100%;
}

.mood-hero__button {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  justify-content: center;
  text-decoration: none;
  color: #fff;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 1.92rem */
  letter-spacing: -0.064rem;
  z-index: 1;
}

.mood-hero__button svg {
  width: 10.5rem;
  height: auto;
}

.mood-hero__button span {
  width: 10.5rem;
  height: 10.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 50%;
}

.mood-hero__button span svg {
  width: 1.8914rem;
}

@media (min-width: 1200px) {
  .mood-hero {
    padding: 32rem 0 15rem;
    position: relative;
  }
  .mood-hero__label {
    position: absolute;
    z-index: 1;
    color: #1e2534;
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 75%; /* 2.1rem */
    letter-spacing: -0.112rem;
    text-transform: uppercase;
    left: 6.2rem;
    top: 22rem;
    display: block;
  }
  .mood-hero__marker {
    top: 18rem;
    right: 4.7rem;
    bottom: auto;
    left: auto;
    gap: 2.5rem;
  }
  .mood-hero__marker-text {
    font-size: 2rem;
  }
  .mood-hero__marker-icon {
    width: 10.5rem;
    height: 10.5rem;
  }
  .mood-hero__marker-icon svg {
    width: 4rem;
  }
  .mood-hero__title-wrap {
    position: unset;
  }
  .mood-hero__title {
    position: relative;
    z-index: 2;
    font-size: 17rem;
    letter-spacing: -0.68rem;
  }
  .mood-hero__title-col:nth-child(1) {
    width: 105rem;
  }
  .mood-hero__title-col:nth-child(2) {
    width: 55rem;
    margin-top: 0;
  }
  .mood-hero__img {
    width: 67.6rem;
    right: 36rem;
    bottom: 0;
    position: absolute;
  }
  .mood-hero__text {
    display: block;
    position: absolute;
    left: 6.2rem;
    bottom: 28rem;
    width: 41rem;
    color: #1e2534;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 2.4rem */
  }
  .mood-hero__button {
    flex-direction: row-reverse;
    gap: 4rem;
    font-size: 2rem;
    bottom: 12rem;
    left: 50rem;
    transform: translate(0);
    color: #1e2534;
    z-index: 3;
  }
  .mood-hero__button span {
    background-color: #6f2e26;
    width: 22.5rem;
    height: 22.5rem;
  }
  .mood-hero__button span svg {
    width: 4rem;
  }
  .mood-hero__button span svg path {
    fill: #fff;
  }
}
.mood-why {
  padding: 3rem 0 5rem;
  background: linear-gradient(180deg, #3b1715 0%, #a38db1 100%);
}

.mood-why__text {
  color: #fff;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 300;
  line-height: 120%; /* 1.68rem */
  margin-bottom: 5rem;
}

.mood-why__title {
  color: #fff;
  font-size: 4rem;
  font-style: normal;
  font-weight: 300;
  line-height: 90%; /* 3.6rem */
  letter-spacing: -0.16rem;
  text-transform: uppercase;
  margin-bottom: 5rem;
}

.mood-why__list {
  display: grid;
  gap: 5rem;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.mood-why__item {
  position: relative;
}

.mood-why__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3.5rem;
  height: 3.5rem;
  background-image: url("../img/star-icon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.mood-why__item:not(:last-child) {
  border-bottom: rgba(255, 255, 255, 0.13);
}

.mood-why__item-number {
  color: #ac9ca0;
  font-size: 3rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 3.6rem */
  letter-spacing: -0.12rem;
  text-align: right;
  display: block;
  margin-bottom: 1.5rem;
}

.mood-why__item-title {
  color: #fff;
  font-size: 4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 4.8rem */
  letter-spacing: -0.16rem;
  text-transform: uppercase;
  margin-bottom: 2rem;
}

.mood-why__item-desc {
  color: #fff;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 2.16rem */
  margin-bottom: 3.5rem;
}

.mood-why__inner-list {
  display: grid;
  gap: 4rem;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.mood-why__inner-item {
  padding-bottom: 2.5rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.13);
}

.mood-why__inner-item-title {
  color: #fff;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 2.4rem */
  letter-spacing: -0.08rem;
  max-width: 14rem;
}

.mood-why__inner-item-text {
  color: #fff;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 1.68rem */
}

@media (min-width: 1200px) {
  .mood-why {
    padding: 6rem 0 18rem;
  }
  .mood-why__text {
    display: none;
  }
  .mood-why__title {
    font-size: 14.9rem;
    margin-bottom: 10rem;
  }
  .mood-why__list {
    gap: 6.5rem;
  }
  .mood-why__item {
    padding-left: 84rem;
  }
  .mood-why__item:not(:last-child) {
    border-bottom: 0.1rem solid rgba(255, 255, 255, 0.13);
  }
  .mood-why__item::before {
    width: 5rem;
    height: 5rem;
  }
  .mood-why__item:last-child .mood-why__item-number {
    bottom: 5rem;
    top: auto;
    left: 82rem;
    right: auto;
  }
  .mood-why__item-number {
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
  }
  .mood-why__item-title {
    font-size: 4rem;
  }
  .mood-why__item-desc {
    font-size: 2.5rem;
    max-width: 50rem;
    margin-bottom: 6rem;
  }
  .mood-why__inner-list {
    gap: 6rem;
  }
  .mood-why__inner-item {
    display: grid;
    grid-template-columns: 58rem 1fr;
    gap: 0;
  }
  .mood-why__inner-item:not(:last-child) {
    padding-bottom: 3rem;
  }
  .mood-why__inner-item:last-child {
    border-bottom: none;
  }
  .mood-why__inner-item-text {
    max-width: 35.5rem;
    font-size: 1.6rem;
  }
}
.mood-product {
  background-color: #8f7c9b;
  padding: 4rem 0 5rem;
  background-image: url(../img/prdouct-bg-m.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.mood-product .container--custom {
  margin-bottom: 8rem;
}

.mood-product__title {
  color: #fff;
  font-size: 4.5rem;
  font-style: normal;
  font-weight: 300;
  line-height: 90%; /* 4.05rem */
  letter-spacing: -0.135rem;
  text-transform: uppercase;
  margin-bottom: 3rem;
  display: grid;
  gap: 1rem;
}

.mood-product__title-row {
  display: block;
}

.mood-product__title-row:nth-child(2) {
  text-align: right;
}

.mood-product__content-left {
  display: grid;
  gap: 1rem;
  margin-bottom: 2rem;
}

.mood-product__content-left h3 {
  color: #fff;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 3rem */
  letter-spacing: -0.1rem;
  text-transform: uppercase;
}

.mood-product__content-left p {
  color: #fff;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 1.68rem */
}

.mood-product__list {
  display: grid;
  gap: 1rem;
  padding: 0;
  margin: 0;
  list-style-type: none;
  margin-bottom: 4rem;
}

.mood-product__list li {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 1.4rem */
  letter-spacing: -0.056rem;
  height: 5rem;
  border-radius: 5rem;
  border: 0.1rem solid #fff;
  position: relative;
  padding: 0 5rem;
}

.mood-product__list li span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 3.5rem;
}

.mood-product__render {
  position: relative;
  height: 30rem;
  margin-bottom: 1rem;
  overflow: hidden;
}

.mood-product__render .modelViewerBlock {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mood-product__col {
  display: grid;
  gap: 4rem;
}

.mood-product__group {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  text-align: center;
}

.mood-product__price {
  font-family: "Inter";
  text-align: center;
  color: #e6ffb1;
  font-size: 4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 4.8rem */
  letter-spacing: -0.16rem;
}

.mood-product__content-right {
  display: grid;
  gap: 1rem;
}

.mood-product__content-right h4 {
  color: #fff;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 2.16rem */
  text-transform: uppercase;
}

.mood-product__content-right p {
  color: #fff;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 1.68rem */
}

.mood-product .product-book-lower--column-title {
  color: #fff;
}

.mood-product .product-book-lower--column-text {
  color: #fff;
}

.button-content {
  border-radius: 6rem;
  border: 1px solid #fff;
  padding-left: 6rem;
  color: #fff;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 2.4rem */
  letter-spacing: -0.04rem;
  text-transform: uppercase;
  position: relative;
  height: 5rem;
  text-decoration: none;
  display: flex;
  align-items: center;
}

.button-content__icon {
  position: absolute;
  top: 0;
  left: 0;
  height: 5rem;
  width: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 50%;
}

.buy-button {
  height: 5rem;
  display: inline-flex;
  align-items: center;
  padding-right: 4rem;
  border-radius: 5rem;
  overflow: hidden;
  padding-left: 6rem;
  background: linear-gradient(90deg, #b1b1b1 1.09%, #fff 41.52%);
  position: relative;
  text-decoration: none;
}

.buy-button__icon {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 5rem;
  height: 5rem;
  border-radius: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.buy-button__icon svg {
  width: 1.7709rem;
}

.buy-button__text {
  color: #657641;
  font-size: 1.7832rem;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 2.1398rem */
  letter-spacing: -0.0713rem;
}

@media (min-width: 1200px) {
  .mood-product {
    background-image: url(../img/prdouct-bg-d.webp);
    padding: 8rem 0;
  }
  .mood-product .container--custom {
    position: relative;
    margin-bottom: 18rem;
  }
  .mood-product__title {
    font-size: 15rem;
    letter-spacing: -0.52rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 8rem;
  }
  .mood-product__title-row:nth-child(1) {
    width: 76.5rem;
  }
  .mood-product__title-row:nth-child(2) {
    text-align: left;
    width: 46rem;
  }
  .mood-product__content-left {
    display: grid;
    gap: 1.5rem;
    max-width: 39rem;
    margin-bottom: 12rem;
  }
  .mood-product__content-left h3 {
    font-size: 3rem;
  }
  .mood-product__content-left p {
    max-width: 36.5rem;
    font-size: 1.6rem;
  }
  .mood-product__list {
    max-width: 74rem;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem 1rem;
    margin-bottom: 0;
  }
  .mood-product__list li {
    font-size: 1.6rem;
    padding: 0 3rem 0 4rem;
    text-align: left;
  }
  .mood-product__list li span {
    top: 1.5rem;
    left: 2rem;
  }
  .mood-product__render {
    width: 78rem;
    height: auto;
    aspect-ratio: 0.7;
    position: absolute;
    top: 54%;
    left: 58%;
    transform: translate(-50%, -50%);
    margin-bottom: 0;
  }
  .mood-product__render .modelViewerBlock {
    top: 50%;
  }
  .mood-product__col {
    position: absolute;
    bottom: 0;
    right: 13.5rem;
    width: 36rem;
    gap: 4rem;
  }
  .mood-product__content-right {
    order: 1;
    gap: 1.5rem;
  }
  .mood-product__content-right h4 {
    font-size: 2rem;
    max-width: 36.2rem;
  }
  .mood-product__content-right p {
    font-size: 1.6rem;
  }
  .mood-product__group {
    order: 2;
    align-items: flex-start;
  }
  .mood-product__price {
    font-size: 8rem;
  }
  .buy-button {
    height: 9rem;
    border-radius: 9rem;
    padding-left: 12rem;
    padding-right: 6rem;
  }
  .buy-button__icon {
    width: 9rem;
    height: 9rem;
  }
  .buy-button__icon svg {
    width: 3.1779rem;
  }
  .buy-button__text {
    font-size: 2rem;
  }
  .button-content {
    font-size: 2rem;
    display: inline-flex;
    margin-right: auto;
    padding-right: 2.6rem;
  }
}
.mood-qoute {
  background-color: #563640;
  padding: 10rem 0 12rem;
}

.mood-qoute__title {
  text-align: center;
  color: #fff;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 75%; /* 1.35rem */
  letter-spacing: -0.072rem;
  text-transform: uppercase;
  margin-bottom: 5rem;
}

.mood-qoute__text {
  color: #fff;
  text-align: center;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 300;
  line-height: 120%; /* 3rem */
  letter-spacing: -0.1rem;
  text-transform: uppercase;
}

@media (min-width: 1200px) {
  .mood-qoute {
    padding: 30rem 0;
  }
  .mood-qoute__title {
    font-size: 2.4rem;
    margin-bottom: 15rem;
  }
  .mood-qoute__text {
    font-size: 8rem;
  }
}
.mood-about {
  padding: 3rem 0;
  background-color: #f4e2ff;
  overflow: hidden;
}

.mood-about__subtitle {
  display: none;
}

.mood-about__title {
  color: #1e2534;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 300;
  line-height: 120%; /* 3.24rem */
  letter-spacing: -0.108rem;
  text-transform: uppercase;
}

.mood-about__title-row {
  display: block !important;
}

.mood-about__title-row:first-child {
  font-weight: 400;
}

.mood-about__title-row:nth-child(2) {
  text-align: right;
}

.mood-about__img {
  margin: -3.5rem 0 2.5rem;
  overflow: hidden;
  position: relative;
}

.mood-about__img::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -8rem;
  width: 100%;
  aspect-ratio: 1;
  background-image: url(../img/about-circles.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.mood-about__img img {
  max-width: 100%;
  position: relative;
}

.mood-about__content {
  display: grid;
  gap: 1.6rem;
  margin-bottom: 3rem;
}

.mood-about__content h3 {
  color: #1e2534;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 2.4rem */
  letter-spacing: -0.08rem;
  text-transform: uppercase;
}

.mood-about__content p {
  color: #1e2534;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 1.68rem */
}

.mood-about__button {
  display: flex;
  justify-content: center;
  margin-bottom: 4rem;
}

.mood-about__notice {
  color: #1e2534;
  text-align: center;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 300;
  line-height: 120%; /* 1.56rem */
  letter-spacing: -0.052rem;
}

.mood-about__notice a {
  color: #1e2534;
  text-decoration: underline;
}

.mood-about__notice a:hover {
  text-decoration: none;
}

.order-button {
  height: 5rem;
  display: inline-flex;
  align-items: center;
  padding-right: 4rem;
  border-radius: 5rem;
  overflow: hidden;
  padding-left: 6rem;
  background: linear-gradient(90deg, #341f26 0.05%, #563640 40.99%);
  position: relative;
  text-decoration: none;
}

.order-button__icon {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #573741;
  width: 5rem;
  height: 5rem;
  border-radius: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.order-button__icon svg {
  width: 1.7709rem;
}

.order-button__text {
  color: #f1ffd4;
  font-size: 1.7832rem;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 2.1398rem */
  letter-spacing: -0.0713rem;
}

@media (min-width: 1200px) {
  .mood-about {
    padding: 20rem 0 7rem;
    background-image: url(../img/about-grid.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .mood-about__img {
    position: absolute;
    bottom: 0;
    left: 47px;
    width: 83rem;
    margin: 0;
  }
  .mood-about__img::before {
    bottom: -19rem;
  }
  .mood-about__subtitle {
    display: block;
    position: absolute;
    top: 20rem;
    left: 47px;
    color: #1e2534;
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 2.4rem */
    letter-spacing: -0.08rem;
    text-transform: uppercase;
    width: 14.5rem;
  }
  .mood-about__title {
    margin-left: 70rem;
    font-size: 8rem;
    margin-bottom: 8rem;
  }
  .mood-about__title-row:last-child {
    margin-left: 14rem;
  }
  .mood-about__content {
    margin-left: 115rem;
    margin-bottom: 14rem;
    max-width: 44rem;
    gap: 2rem;
  }
  .mood-about__content h3 {
    font-size: 4rem;
  }
  .mood-about__content p {
    font-size: 1.8rem;
  }
  .mood-about__button {
    margin-left: 115rem;
    justify-content: flex-start;
  }
  .mood-about__notice {
    margin-left: 115rem;
    text-align: left;
    font-size: 1.6rem;
    max-width: 35.6rem;
  }
  .order-button {
    height: 9rem;
    border-radius: 9rem;
    padding-left: 12rem;
    padding-right: 6rem;
  }
  .order-button__icon {
    width: 9rem;
    height: 9rem;
  }
  .order-button__icon svg {
    width: 3.1779rem;
  }
  .order-button__text {
    font-size: 2rem;
  }
}
.catalog-hero {
  padding: 8rem 0 5rem;
}

.catalog-hero__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #000;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 75%; /* 1.2rem */
  letter-spacing: -0.064rem;
  text-transform: uppercase;
  margin-bottom: 3rem;
  text-decoration: none;
}

.catalog-hero__link svg {
  width: 2.4rem;
}

.catalog-hero__title {
  color: #000;
  font-size: 6rem;
  font-style: normal;
  font-weight: 300;
  line-height: 75%; /* 4.5rem */
  letter-spacing: -0.24rem;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  text-align: center;
}

.catalog-hero__subtitle {
  color: #000;
  text-align: center;
  font-size: 3rem;
  font-style: normal;
  font-weight: 300;
  line-height: 100%; /* 3rem */
  letter-spacing: -0.12rem;
  text-transform: uppercase;
  margin-bottom: 2.4rem;
}

.catalog-hero__icon {
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1e2534;
  -webkit-backdrop-filter: blur(8.0500001907px);
  backdrop-filter: blur(8.0500001907px);
  margin: 0 auto 4rem;
}

.catalog-hero__icon svg {
  width: 2.1509rem;
}

.catalog-hero__list {
  display: grid;
  gap: 2rem;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.catalog-card {
  display: block;
  text-decoration: none;
}

.catalog-card__img {
  width: 100%;
  margin-bottom: 2rem;
  display: block;
}

.catalog-card__title {
  color: #1e2534;
  font-size: 3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 3.6rem */
  letter-spacing: -0.12rem;
  text-transform: uppercase;
  margin-bottom: 2rem;
}

.catalog-card__text {
  color: #1e2534;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 1.92rem */
  margin-bottom: 4rem;
}

.catalog-card__button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #1e2534;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 90%; /* 1.44rem */
  letter-spacing: -0.064rem;
  text-transform: uppercase;
}

.catalog-card__button span {
  background-color: #6f2e26;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.catalog-card__button span svg {
  width: 2.5535rem;
}

.catalog-card__button.buy span {
  background-color: #657641;
}

@media (min-width: 1200px) {
  .catalog-hero__group {
    position: relative;
  }
  .catalog-hero__icon {
    position: absolute;
    top: 0;
    right: 63.5rem;
    width: 10.5rem;
    height: 10.5rem;
  }
  .catalog-hero__icon svg {
    width: 4rem;
  }
  .catalog-hero__link {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    font-size: 2.389rem;
    margin: 0;
    height: calc(100% - 2rem);
    align-items: flex-end;
  }
  .catalog-hero__link svg {
    width: 3.7rem;
  }
  .catalog-hero__title {
    font-size: 26.3rem;
    margin-bottom: 5rem;
    text-align: left;
    margin-bottom: 3rem;
    letter-spacing: -1.052rem;
  }
  .catalog-hero__subtitle {
    text-align: left;
    font-size: 14.1rem;
    margin-bottom: 14rem;
    letter-spacing: -0.564rem;
  }
  .catalog-hero__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 16rem;
  }
  .catalog-card {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .catalog-card__img {
    margin-bottom: 3rem;
  }
  .catalog-card__title {
    font-size: 3rem;
    max-width: 30rem;
    min-height: 6rem;
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
  }
  .catalog-card__text {
    max-width: 40rem;
    margin-bottom: 5rem;
  }
  .catalog-card__button {
    margin-top: auto;
    font-size: 2.5rem;
  }
  .catalog-card__button span {
    width: 12rem;
    height: 12rem;
  }
  .catalog-card__button span svg {
    width: 4.3rem;
  }
}
.book-content {
  background: linear-gradient(180deg, #977f9e 37.04%, #754384 100%);
  padding: 2rem 0 6rem;
}

.book-content__header {
  display: flex;
  margin-bottom: 8rem;
}

.book-content__header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.book-content__logo {
  width: 13.6rem;
  display: block;
}

.book-content__logo img {
  width: 100%;
  height: auto;
}

.book-content__back-button {
  display: block;
  width: 3.5363rem;
  height: 3.5355rem;
}

.book-content__hero {
  margin-bottom: 6rem;
}

.book-content__author {
  color: #fff;
  text-align: center;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 300;
  line-height: 100%; /* 1.6rem */
  letter-spacing: -0.064rem;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

.book-content__book-name {
  color: #fff;
  text-align: center;
  font-size: 3rem;
  font-style: normal;
  font-weight: 300;
  line-height: 100%; /* 3rem */
  letter-spacing: -0.12rem;
  text-transform: uppercase;
  margin-bottom: 2.5rem;
}

.book-content__title {
  color: #fff;
  text-align: center;
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 2rem */
  letter-spacing: -0.08rem;
  text-transform: uppercase;
}

.book-content__list {
  display: grid;
  gap: 3rem;
  list-style-type: none;
  padding: 0;
  margin: 0 0 5rem 0;
}

.book-content__list-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3.5rem;
  color: #fff;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 300;
  line-height: 100%; /* 1.6rem */
  letter-spacing: -0.064rem;
}

.book-content__list-item-title {
  font-weight: 700;
}

.book-content__list-item-number {
  font-family: Inter;
}

.book-content__list-inner {
  margin-top: 1rem;
  color: #fff;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 1.4rem */
  display: grid;
  gap: 1rem;
  list-style-type: none;
  padding: 0;
  margin: 1.5rem 0 0;
}

.book-content__list-inner li {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 3.5rem;
}

.book-content__list-inner-number {
  font-family: Inter;
}

.book-content__button {
  display: flex;
  justify-content: center;
  margin-bottom: 6rem;
}

.book-content__footer-logo {
  width: 16rem;
  display: block;
  margin: 0 auto;
}

.book-content__footer-logo img {
  width: 100%;
  height: auto;
}

.back-long-button {
  height: 5rem;
  display: inline-flex;
  align-items: center;
  padding-right: 4rem;
  border-radius: 5rem;
  overflow: hidden;
  padding-left: 6rem;
  background: linear-gradient(90deg, #b1b1b1 1.13%, #fff 26.1%);
  position: relative;
  text-decoration: none;
}

.back-long-button__icon {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 5rem;
  height: 5rem;
  border-radius: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.back-long-button__icon svg {
  width: 2.4rem;
  height: auto;
}

.back-long-button__text {
  color: #754384;
  font-size: 1.7832rem;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 2.1398rem */
  letter-spacing: -0.0713rem;
}

@media (min-width: 1200px) {
  .book-content {
    padding-bottom: 8rem;
  }
  .book-content__header {
    margin-bottom: 12rem;
  }
  .book-content__hero {
    margin-bottom: 17rem;
  }
  .book-content__author {
    font-size: 4rem;
    margin-bottom: 3rem;
  }
  .book-content__book-name {
    font-size: 14rem;
    max-width: 140.5rem;
    margin: 0 auto 6rem;
  }
  .book-content__title {
    font-size: 10rem;
  }
  .book-content__list {
    gap: 6rem;
    max-width: 130rem;
    margin: 0 auto 15rem;
  }
  .book-content__list-item-header {
    gap: 7rem;
    font-size: 4rem;
  }
  .book-content__list-inner {
    margin-top: 3rem;
    font-size: 3rem;
    gap: 3rem;
  }
  .book-content__footer-logo {
    width: 47rem;
  }
  .book-content__button {
    margin-bottom: 10rem;
  }
}
.calculated-form-wrap {
  color: #fff;
  font-size: 18px;
  line-height: 1.2;
  background: #1d2027;
  margin: 0 auto;
  position: relative;
}

.calculated-form-wrap form {
  max-width: 700px;
  margin: auto;
}

.calculated-form-wrap .cf-input-group__hide {
  display: none;
}

.calculated-form-wrap .cf-input-group + .cf-input-group {
  margin-top: 30px;
}

.calculated-form-wrap .cf-input-footer {
  margin-top: 45px;
  text-align: right;
  display: flex;
  justify-content: space-between;
}

.calculated-form-wrap .cf-input__radio {
  display: flex;
  position: relative;
  margin-top: 10px;
}

.calculated-form-wrap .cf-input__label {
  display: block;
  margin-bottom: 15px;
}

.calculated-form-wrap input[type=radio] {
  visibility: hidden;
  position: absolute;
}

.calculated-form-wrap input[type=radio]:checked + label:before {
  background: radial-gradient(circle, #fff 55%, #fff 55%);
  box-shadow: inset 0 0 0 4px #1d2027;
}

.calculated-form-wrap input[type=radio] + label {
  color: #adadad;
  position: relative;
  margin-bottom: 0;
}

.calculated-form-wrap input[type=radio] + label:before {
  content: "";
  display: inline-block;
  text-align: center;
  border: 2px solid #fff;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  margin-bottom: -2px;
  box-sizing: border-box;
  border-radius: 50%;
}

.calculated-form-wrap label {
  margin-bottom: 10px;
  display: block;
  text-align: left;
}

.calculated-form-wrap .cf-input__desc {
  color: #adadad;
  font-size: 16px;
  line-height: 1.3;
  margin-bottom: 5px;
}

.calculated-form-wrap .cf-field__error {
  font-size: 14px;
  color: red;
  margin-top: 10px;
}

.calculated-form-wrap input {
  width: 100%;
  font-size: 18px;
  color: #fff;
  background-color: transparent;
  padding: 10px 5px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.26);
  transition: 0.3s all;
  box-sizing: border-box;
}

.calculated-form-wrap input.cf-field__invalid {
  border-color: red;
}

.calculated-form-wrap input:focus-visible,
.calculated-form-wrap input:focus,
.calculated-form-wrap input:hover {
  border-color: #fff;
  outline: none;
}

.calculated-form-wrap input::-webkit-outer-spin-button,
.calculated-form-wrap input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.calculated-form-wrap .cf-group__message {
  display: block;
  font-size: 16px;
  margin-top: 5px;
  color: red;
}

.calculated-form-wrap .cf-step {
  display: none;
}

.calculated-form-wrap .cf-step.cf-step__active {
  display: block;
}

.calculated-form-wrap .cf-input__button {
  padding: 11px 20px;
  margin-bottom: 0;
  color: #1d2027;
  background: #fff;
  width: auto;
  display: inline-block;
  border-radius: 5px;
  transition: 0.3s all;
  cursor: pointer;
  border: 0;
}

.calculated-form-wrap .cf-input__button:hover {
  opacity: 0.8;
}

.calculated-form-wrap .cf-result-group__desc {
  font-size: 16px;
}

.calculated-form-wrap .cf-result-group__desc span {
  font-weight: 500;
}

.calculated-form-wrap .cf-result-group + .cf-result-group {
  margin-top: 40px;
}

.calculated-form-wrap .cf-result-group input {
  font-size: 20px;
  border: 0;
  margin-top: 5px;
  padding: 0;
  pointer-events: none;
}

.calculated-form-wrap .cf-input__end {
  justify-content: end;
}

.calculated-form-wrap .calculated-stress-form h6 {
  font-size: 20px;
  line-height: 1.33;
  text-align: left;
  width: 100%;
  margin-bottom: 0;
}

.calculated-form-wrap .calculated-stress-form .cf-input-group__inline {
  display: flex;
  gap: 15px 20px;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .calculated-form-wrap .calculated-stress-form .cf-input-group__inline {
    gap: 8px 15px;
  }
}
.calculated-form-wrap .calculated-stress-form .cf-input-group__inline:not(:last-child) {
  margin-bottom: 70px;
}

@media (max-width: 767px) {
  .calculated-form-wrap .calculated-stress-form .cf-input-group__inline:not(:last-child) {
    margin-bottom: 50px;
  }
}
.calculated-form-wrap .calculated-stress-form .cf-input-group__inline label {
  font-size: 16px;
}

@media (max-width: 767px) {
  .calculated-form-wrap .calculated-stress-form .cf-input-group__inline label {
    font-size: 14px;
  }
}
.calculated-form-wrap .calculated-stress-form .cf-input-group__inline input[type=radio] + label:before {
  width: 18px;
  height: 18px;
  margin-right: 8px;
}

.calculated-form-wrap .calculated-stress-form .cf-input__radio {
  margin-top: 0;
}

.progress-container {
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(-39px);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: 14px;
}

.progress-container .progress-circle {
  transform: rotate(-90deg);
}

.progress-container .progress-circle circle {
  fill: none;
  stroke-width: 1;
}

.progress-container .progress-circle .bg {
  stroke: rgba(255, 255, 255, 0.26);
}

.progress-container .progress-circle .progress {
  stroke: #fff;
  stroke-dasharray: 113;
  stroke-dashoffset: 113;
  transition: stroke-dashoffset 0.5s ease;
}

@media (min-width: 1200px) {
  .catalog-hero__list.catalog-guides__list {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
  }
}
.catalog-hero__list.catalog-guides__list .catalog-card__subtitle {
  font-size: 18px;
}

@media (min-width: 1200px) {
  .catalog-hero__list.catalog-guides__list .catalog-card__title {
    font-size: 2.5rem;
    margin-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .catalog-hero__list.catalog-guides__list .catalog-card__text {
    margin-bottom: 2.5rem;
  }
}
.catalog-hero__list.catalog-guides__list .catalog-card img {
  max-height: 290px;
}

@media (min-width: 1200px) and (max-width: 1600px) {
  .catalog-hero__list.catalog-guides__list .catalog-card img {
    max-height: 230px;
  }
}
@media (min-width: 1200px) {
  .catalog-hero__list.catalog-guides__list .catalog-card__button span {
    width: 8rem;
    height: 8rem;
  }
}
.catalog-hero__list.catalog-guides__list .catalog-hero__item p.catalog-card__price {
  font-size: 30px;
}

.book-popup-wrap-alt {
  margin: 15px 0;
}

.book-popup {
  color: #fff;
  padding: 10px 20px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 400;
  text-decoration: none;
  background-color: #657641;
  border-radius: 30px;
  position: relative;
  z-index: 10;
  display: inline-block;
}

li.catalog-hero__item {
  position: relative;
  z-index: 15;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.book-popup-wrap {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10000;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.book-popup-wrap::before {
  content: "";
  z-index: 10;
  position: absolute;
  background-color: #000;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}
.book-popup-wrap .popup-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
  max-width: 600px;
  background: #fff;
  padding: 50px;
  z-index: 20;
}
@media (max-width: 767px) {
  .book-popup-wrap .popup-content {
    padding: 20px;
    width: calc(100% - 20px);
    max-width: none;
    box-sizing: border-box;
  }
}
.book-popup-wrap .popup-content .close {
  position: absolute;
  top: -5px;
  right: 5px;
  font-size: 30px;
  line-height: 1;
  cursor: pointer;
}
.book-popup-wrap .popup-content svg {
  width: 210px;
  height: auto;
}
.book-popup-wrap .popup-content a {
  display: inline-block;
  margin: 5px;
  width: 210px;
  box-sizing: border-box;
}
.book-popup-wrap .popup-content a.pp-btn {
  color: #fff;
  padding: 10px 20px;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 400;
  text-decoration: none;
  background-color: #657641;
  border-radius: 30px;
  transition: 0.3s all;
}
.book-popup-wrap .popup-content a.pp-btn:hover {
  background-color: #000;
}

.page-faq-bg {
  position: relative;
  background-color: #ADB0B7;
}
.page-faq-bg:before {
  content: "";
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.4) 1px, transparent 1px), linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 1px, transparent 1px);
  background-size: 120px 120px;
  background-position: 12% 5.75%;
  z-index: 5;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.6;
}

.faq-hero {
  position: relative;
  color: #000;
  padding: 140px 70px 0 109px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .faq-hero {
    padding: 100px 20px 0;
  }
}

.faq-hero__content-wrapper {
  position: relative;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.2px;
  line-height: 1.1;
  width: 50%;
  padding-bottom: 150px;
  z-index: 10;
}
@media (max-width: 1500px) {
  .faq-hero__content-wrapper {
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .faq-hero__content-wrapper {
    width: 100%;
    padding-bottom: 15px;
  }
}

.faq-hero__title {
  font-size: 70px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.2px;
  margin-right: -130px;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .faq-hero__title {
    font-size: 42px;
    margin-right: 0;
    margin-bottom: 20px;
  }
}

.faq-hero__content p + p {
  margin-top: 1em;
}

.faq-hero__bottom-content {
  position: relative;
  margin-top: 30px;
  padding-right: 21%;
}
@media (max-width: 767px) {
  .faq-hero__bottom-content {
    padding-right: 50px;
    margin-top: 30px;
  }
}
.faq-hero__bottom-content a {
  color: #000;
  text-decoration: none;
  transition: all 0.3s ease;
}
.faq-hero__bottom-content a:hover {
  opacity: 0.7;
}
.faq-hero__bottom-content ol {
  margin: 40px 0 25px;
  list-style: none;
  padding-left: 0;
}
@media (max-width: 767px) {
  .faq-hero__bottom-content ol {
    margin: 30px 0;
  }
}
.faq-hero__bottom-content ol li {
  display: flex;
  align-items: center;
}
.faq-hero__bottom-content ol li + li {
  margin-top: 15px;
}

.faq-hero__bottom-title {
  font-size: 34px;
  font-weight: 500;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .faq-hero__bottom-title {
    font-size: 24px;
  }
}

.faq-hero__image {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 29vw;
  z-index: 10;
  margin-right: 10vw;
  z-index: 10;
}
@media (max-width: 767px) {
  .faq-hero__image {
    position: relative;
    width: 250px;
    margin: 0 auto;
    bottom: 0;
  }
}

.faq-hero__icon {
  background: #fff;
  width: 40px;
  min-width: 40px;
  height: 40px;
  display: inline-flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  position: relative;
  opacity: 0;
  transform: scale(0.4);
}
.faq-hero__icon img {
  width: 18px;
}

svg.faq-hero__arrow {
  position: absolute;
  right: 4vw;
  width: 64px;
  height: auto;
  top: 1vw;
}
@media (max-width: 767px) {
  svg.faq-hero__arrow {
    position: absolute;
    right: -15px;
    width: 66px;
    height: auto;
    top: 26px;
  }
}

.faq-shape {
  display: flex;
  margin: -1px 0;
}
@media (max-width: 767px) {
  .faq-shape {
    display: none;
  }
}

.faq-accordion {
  position: relative;
  background-color: #1d2027;
  color: #fff;
  padding: 40px 0 0;
}

.faq-accordion__head {
  margin-bottom: 20px;
  padding-left: 105px;
  padding-right: 105px;
  position: relative;
  z-index: 10;
}
@media (max-width: 1023px) {
  .faq-accordion__head {
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .faq-accordion__head {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.faq-accordion__title {
  font-weight: 400;
  font-size: 50px;
  line-height: 1.3;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .faq-accordion__title {
    font-size: 30px;
    margin-bottom: 10px;
  }
}

.faq-accordion__subtitle {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.25em;
  letter-spacing: 0.2px;
}
@media (max-width: 767px) {
  .faq-accordion__subtitle {
    font-size: 16px;
  }
}

.faq-accordion__list {
  padding: 70px 70px 7vw;
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 47px;
  z-index: 10;
  margin: auto;
  max-width: 1354px;
}
@media (max-width: 767px) {
  .faq-accordion__list {
    gap: 16px;
    padding: 30px 20px 60px;
  }
}
.faq-accordion__list > * {
  width: calc(50% - 24px);
  max-width: 520px;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .faq-accordion__list > * {
    width: 100%;
    max-width: unset;
  }
}

.faq-accordion__item {
  font-size: 14px;
  line-height: 1.17em;
  letter-spacing: 0.2px;
  font-weight: 500;
  color: #FFFFFF;
  background-color: #715446;
  cursor: pointer;
}
.faq-accordion__item + * {
  margin-top: 30px;
}
@media (max-width: 767px) {
  .faq-accordion__item + * {
    margin-top: 16px;
  }
}

.faq-accordion__header {
  padding: 10px 40px 5px 29px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 120px;
  box-sizing: border-box;
  position: relative;
}
@media (max-width: 767px) {
  .faq-accordion__header {
    padding: 15px 28px 15px 15px;
    min-height: unset;
  }
}
.faq-accordion__header svg {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
@media (max-width: 767px) {
  .faq-accordion__header svg {
    right: 10px;
    bottom: 10px;
  }
}
.faq-accordion__header h6 {
  font-weight: 800;
  font-size: 24px;
  line-height: 0.93em;
  margin-bottom: 7px;
}
@media (max-width: 767px) {
  .faq-accordion__header h6 {
    margin-bottom: 5px;
    font-size: 16px;
  }
}
.faq-accordion__header p {
  font-style: italic;
  font-size: 16px;
  line-height: 1.2em;
}
@media (max-width: 767px) {
  .faq-accordion__header p {
    font-size: 14px;
  }
}

.faq-accordion__body {
  height: 0;
  position: relative;
  overflow: hidden;
  margin-top: -1px;
  padding: 0 40px;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .faq-accordion__body {
    padding: 0 15px;
  }
}
.faq-accordion__body:before {
  content: "";
  background-image: url("../../assets/img/faq-arrow-content.svg");
  position: absolute;
  width: 100%;
  height: 88%;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
}
.faq-accordion__body.active {
  height: auto;
  padding: 33px 40px;
  border-top: 1px solid #FFFFFF;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .faq-accordion__body.active {
    padding: 15px;
  }
}
.faq-accordion__body strong:after {
  content: "";
  background: url('data:image/svg+xml,<svg width="30" height="32" viewBox="0 0 30 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.373367 31.5448L0.381495 26.4516L21.5448 26.4903L2.15882 6.35581L5.62677 2.75396L25.0128 22.8884L24.9755 0.90801L29.8794 0.899568L29.9316 31.599L0.373367 31.5448Z" fill="%23fff"></path></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  width: 16px;
  height: 11px;
  display: inline-block;
  transform: rotate(-45deg);
  margin-left: 5px;
  margin-bottom: 2px;
}
.faq-accordion__body a {
  color: #fff;
  position: relative;
  text-decoration: none;
  transition: all 0.3s ease;
  z-index: 5;
}
.faq-accordion__body a:hover {
  opacity: 0.7;
}
.faq-accordion__body p + p {
  margin-top: 1em;
}

.faq-accordion__list_wrap {
  position: relative;
}
.faq-accordion__list_wrap:before {
  background-size: auto;
  content: "";
  top: 0;
  position: absolute;
  right: auto;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-image: url("../../assets/img/faq-tree.svg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 58%;
}
@media (max-width: 767px) {
  .faq-accordion__list_wrap:before {
    left: -50%;
    transform: translateX(-19%);
    top: 20px;
  }
}

.page-template-template-consultation section .container {
  max-width: 1300px;
  padding-left: 15px;
  padding-right: 15px;
}

.btn-cons {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 21px 25px;
  background: #1A3234;
  color: #FFFFFF;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .btn-cons {
    font-size: 14px;
    padding: 15px;
  }
}
.btn-cons:before {
  content: "";
  width: 21px;
  height: 21px;
  min-width: 21px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none"><path d="M0 21V19.0258H17.6303L1.92855 3.32401L3.32469 1.92787L19.0258 17.629V0H21V20.9993L0 21Z" fill="white"/></svg>');
  display: inline-block;
  margin-right: 20px;
  transition: 0.3s all;
}
@media (max-width: 767px) {
  .btn-cons:before {
    margin-right: 15px;
  }
}
.btn-cons:hover:before {
  transform: rotate(-45deg);
}

.const-title {
  font-size: 40px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .const-title {
    font-size: 25px;
  }
}

.con-alt.consult__steps--card-icon {
  font-size: 12px;
  background: #4D949A !important;
  margin: 15px 0 0;
}
@media (max-width: 767px) {
  .con-alt.consult__steps--card-icon {
    width: 112px;
    height: 112px;
  }
}

.cons-hero {
  padding-top: 80px;
}
@media (max-width: 767px) {
  .cons-hero br {
    display: none;
  }
}
.cons-hero .container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.cons-hero__content {
  width: 70%;
  padding-top: 0.3vw;
  padding-bottom: 3vw;
}
@media (max-width: 767px) {
  .cons-hero__content {
    width: 100%;
    padding-top: 0;
  }
}
.cons-hero__image {
  width: 30%;
  text-align: center;
}
@media (max-width: 767px) {
  .cons-hero__image {
    margin: 10px auto 0;
    width: 100%;
    text-align: center;
  }
}
.cons-hero__image img {
  padding: 0 11%;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .cons-hero__image img {
    height: 390px;
    object-fit: cover;
    padding: 0;
  }
}
.cons-hero__title {
  font-size: 8.9vw;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 26px;
  margin-right: -10%;
}
@media (min-width: 1550px) {
  .cons-hero__title {
    font-size: 7vw;
  }
}
@media (max-width: 767px) {
  .cons-hero__title {
    font-size: 40px;
    text-align: center;
    margin-right: 0;
  }
}
.cons-hero__subtitle {
  font-size: 16.5px;
  line-height: 1.21;
  font-weight: 400;
  color: #000000;
  max-width: 580px;
  padding-left: 12vw;
}
@media (max-width: 767px) {
  .cons-hero__subtitle {
    font-size: 14px;
    padding: 15px 0 0;
  }
}
.cons-hero__text {
  font-size: 16.5px;
  line-height: 1;
  font-weight: 400;
  padding-left: 0.75vw;
  margin-bottom: 18px;
  max-width: 550px;
}
@media (max-width: 767px) {
  .cons-hero__text {
    font-size: 14px;
    margin-bottom: 17px;
    padding-left: 0;
  }
}
.cons-hero__buttons-top {
  padding-left: 6.6vw;
  margin-bottom: 63px;
}
@media (max-width: 767px) {
  .cons-hero__buttons-top {
    padding-left: 0;
    margin-bottom: 15px;
    text-align: center;
  }
}
.cons-hero__buttons-top .btn {
  background: #165964;
}
.cons-hero__buttons-buttom {
  margin-top: 25px;
  padding-left: 12vw;
}
@media (max-width: 767px) {
  .cons-hero__buttons-buttom {
    text-align: center;
    margin-right: 0;
    padding-left: 0;
  }
}
.cons-hero__buttons .btn {
  margin-right: 23px;
  margin-bottom: 10px;
}
.cons-hero__circle {
  position: absolute;
  top: 5.4vw;
  right: -19.3vw;
  width: 57vw;
}
@media (max-width: 767px) {
  .cons-hero__circle {
    top: auto;
    bottom: -30px;
    right: 50%;
    transform: translateX(50%) !important;
    height: 350px;
    width: auto;
  }
}

.benefits {
  padding: 105px 0 135px 0;
  background: linear-gradient(180deg, #C0C1C7 -34%, #1A3234 120%);
  color: #fff;
  clip-path: polygon(0% 100%, 0% 0%, 42.5% 7.5%, 53% 0%, 100% 0%, 100% 100%);
  z-index: 10;
}
@media (max-width: 767px) {
  .benefits {
    padding: 60px 0 80px;
    margin-top: -30px;
    clip-path: polygon(0% 100%, 0% 0%, 43.5% 30px, 53% 0%, 100% 0%, 100% 100%);
  }
}
.benefits__row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.benefits__title {
  margin-bottom: 48px;
  text-align: center;
}
@media (max-width: 767px) {
  .benefits__title {
    margin-bottom: 15px;
  }
}
.benefits__image p {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.1;
  margin-top: 5px;
}
@media (max-width: 767px) {
  .benefits__image p {
    margin-top: 10px;
  }
}
.benefits__text {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.21;
  margin-top: 8px;
  width: calc(50% - 10px);
}
@media (max-width: 1023px) {
  .benefits__text {
    margin-bottom: 20px;
    width: 100%;
  }
}
.benefits__text > * + * {
  margin-top: 35px;
}
@media (max-width: 1023px) {
  .benefits__text > * + * {
    margin-bottom: 15px;
  }
}
.benefits__row-col {
  width: 100%;
}
.benefits__row-text {
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  margin-bottom: 20px;
}
.benefits__row-images {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}
@media (max-width: 767px) {
  .benefits__row-images {
    gap: 20px;
  }
}
.benefits__image {
  width: calc(33.333% - 12px);
}
@media (max-width: 1023px) {
  .benefits__image {
    width: calc(33.333% - 20px);
  }
}
.benefits__image p {
  text-align: center;
}
.benefits-cards {
  padding-top: 50px;
}
@media (max-width: 767px) {
  .benefits-cards {
    padding-top: 50px;
  }
}
.benefits-cards__subtitle {
  text-align: center;
  font-weight: 400;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .benefits-cards__subtitle {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
.benefits-cards__title {
  text-align: center;
}
.benefits-cards__list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin-top: 46px;
  counter-reset: benefits-cards;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .benefits-cards__list {
    margin-top: 20px;
  }
}
.benefits-cards__list > * {
  width: calc(33.333% - 30px);
  display: flex;
  flex-direction: column;
  position: relative;
}
@media (max-width: 1023px) {
  .benefits-cards__list > * {
    width: 100%;
  }
}
.benefits-cards__list > *:before {
  content: counter(benefits-cards);
  counter-increment: benefits-cards;
  font-size: 100px;
  font-weight: 900;
  line-height: 1;
  color: rgba(255, 255, 255, 0.3);
  position: absolute;
  right: 18px;
  bottom: -8px;
}
@media (max-width: 1023px) {
  .benefits-cards__list > *:before {
    font-size: 80px;
  }
}
@media (max-width: 767px) {
  .benefits-cards__list > *:before {
    font-size: 50px;
  }
}
.benefits-cards__list > *:nth-child(3)::before {
  bottom: 6px;
}
.benefits-cards__item {
  background-color: #1A3234;
  padding: 15px;
  font-size: 16px;
  line-height: 1.4;
  color: #fff;
  height: 100%;
}
.benefits-cards__text {
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 20px;
}

.steps {
  color: #fff;
  background: #1A3234;
  margin-top: -70px;
  padding: 120px 100px 105px;
  clip-path: polygon(0% 6.1%, 19.5% 6.1%, 31% 0%, 100% 8.3%, 100% 93%, 73% 93%, 35% 100%, 0% 96.5%);
  z-index: 10;
}
@media (max-width: 767px) {
  .steps {
    padding: 60px 0 80px;
    clip-path: polygon(0% 2.1%, 19.5% 2.1%, 30% 0%, 100% 2.3%, 100% 96%, 65% 96%, 36% 98%, 0% 97%);
  }
}
.steps__title {
  line-height: 1.5;
  text-align: center;
  margin-bottom: 38px;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .steps__title {
    margin-bottom: 30px;
  }
}
.steps__list {
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
  list-style: none;
  padding-left: 0;
  counter-reset: steps;
  box-sizing: border-box;
}
.steps__list > * {
  box-sizing: border-box;
  position: relative;
  width: calc(33.33% - 34px);
}
@media (max-width: 1023px) {
  .steps__list > * {
    width: 100%;
  }
}
.steps__list > *:before {
  content: counter(steps);
  counter-increment: steps;
  font-size: 96px;
  font-weight: 700;
  line-height: 0;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.3);
  position: absolute;
  left: -30px;
  top: 25px;
  mix-blend-mode: lighten;
}
@media (max-width: 1023px) {
  .steps__list > *:before {
    padding-left: 0;
    left: -20px;
    top: 17px;
  }
}
.steps__item-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.1;
  margin-bottom: 11px;
  max-width: 293px;
}
.steps__item-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 1023px) {
  .steps__item-text {
    font-size: 14px;
  }
}
.steps .consult__steps--card-icon.tests-trigger {
  background: #bde3ff;
  margin-top: 15px;
}
.steps .cards {
  padding-top: 0;
  margin-top: 25px;
}
@media (max-width: 767px) {
  .steps .cards {
    margin-top: 0;
  }
}

.tests-trigger1,
.tests-trigger {
  position: relative;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: -0.64px;
  text-decoration: none;
  display: inline-block;
  padding: 11px 24px;
  margin-top: 26px;
  color: #FFFFFF;
  background-color: #5F6F71;
  border-radius: 5px;
  z-index: 20;
}

.cons-about {
  padding-top: 32px;
}
@media (max-width: 767px) {
  .cons-about {
    padding-top: 10px;
  }
}
.cons-about__title {
  font-size: 8.9vw;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 8px;
  margin-right: -15%;
  margin-left: -0.6vw;
}
@media (max-width: 767px) {
  .cons-about__title {
    font-size: 45px;
    margin-top: 0;
  }
}
@media (min-width: 1600px) {
  .cons-about__title {
    font-size: 7vw;
  }
}
.cons-about__subtitle {
  font-weight: 300;
  font-size: 45px;
  line-height: 50px;
  text-transform: uppercase;
  margin-bottom: 67px;
}
@media (max-width: 767px) {
  .cons-about__subtitle {
    font-size: 25px;
    line-height: 1;
    margin-bottom: 20px;
  }
}
.cons-about__subtitle b {
  font-weight: 500;
}
.cons-about__content {
  font-size: 16px;
}
.cons-about__content-top {
  line-height: 1;
  margin-bottom: 48px;
  max-width: 540px;
}
@media (max-width: 767px) {
  .cons-about__content-top {
    padding-left: 0;
    line-height: 1.5;
    margin-bottom: 20px;
    font-size: 14px;
  }
}
.cons-about__content-bottom {
  line-height: 1;
  max-width: 455px;
  padding-left: 3.5vw;
  margin-bottom: 41px;
}
@media (max-width: 767px) {
  .cons-about__content-bottom {
    line-height: 1.5;
    max-width: 100%;
    font-size: 14px;
    margin-bottom: 20px;
  }
}
.cons-about__content-button {
  padding-left: 7.3vw;
}
@media (max-width: 767px) {
  .cons-about__content-button {
    padding: 0;
    text-align: center;
  }
}
.cons-about__content-image {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
}
@media (max-width: 767px) {
  .cons-about__content-image {
    position: relative;
    bottom: -33px;
    margin-top: -15px;
  }
}
@media (max-width: 1500px) {
  .cons-about__content-image img {
    width: 57.8vw;
  }
}
@media (max-width: 767px) {
  .cons-about__content-image img {
    width: 100%;
  }
}
.cons-about__row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 30px;
}
.cons-about__row > * {
  box-sizing: border-box;
}
.cons-about__wrap {
  width: calc(70% - 15px);
  padding-bottom: 118px;
}
@media (max-width: 767px) {
  .cons-about__wrap {
    width: 100%;
    padding-bottom: 0px;
  }
}

.cons-packages__pricing-btn {
  text-align: center;
  width: 100%;
}

.team {
  color: #fff;
  background-color: #1A3234;
  padding: 105px 0;
  margin-top: -50px;
  text-align: center;
  clip-path: polygon(0% 8.5%, 35% 43px, 59% 0%, 100% 0%, 100% 89%, 68% 100%, 26% 94.5%, 0% 94.5%);
  z-index: 10;
}
@media (max-width: 767px) {
  .team {
    padding: 60px 0;
    clip-path: polygon(0% 4.5%, 35% 20px, 59% 0%, 100% 0%, 100% 97%, 68% 100%, 26% 97.5%, 0% 97.5%);
    margin-top: -20px;
  }
}
.team__text {
  max-width: 730px;
  margin: 30px auto 20px;
}
.team .btn {
  background: #165964;
}
.team__title {
  margin-bottom: 36px;
}
.team__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .team__list {
    gap: 16px;
  }
}
.team__item {
  width: calc(25% - 8px);
  display: flex;
  box-sizing: border-box;
  position: relative;
}
.team__item::after {
  content: "";
  background: url('data:image/svg+xml,<svg width="12" height="28" viewBox="0 0 12 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.77344 18H11.5469L5.77344 28L0 18H4.77344V0H6.77344V18Z" fill="%234D949A"/></svg>');
  display: block;
  position: absolute;
  top: -28px;
  width: 12px;
  height: 28px;
  background-repeat: no-repeat;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .team__item::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .team__item {
    width: calc(50% - 8px);
    font-size: 12px;
  }
}
.team__item:first-child {
  width: 100%;
  justify-content: center;
  padding-bottom: 26px;
  margin-bottom: 18px;
}
.team__item:first-child::before {
  content: "";
  border-bottom: 2px solid #4D949A;
  display: block;
  width: 75.6%;
  position: absolute;
  bottom: 0;
}
@media (max-width: 767px) {
  .team__item:first-child::before {
    display: none;
  }
}
.team__item:first-child:after {
  top: auto;
  bottom: 0;
  background: none;
  width: 2px;
  background-color: #4D949A;
}
@media (max-width: 767px) {
  .team__item:first-child {
    margin-bottom: 0px;
    padding-bottom: 0;
  }
}
.team__item:first-child .team__item-title p {
  font-weight: 600;
}
.team__item:first-child .team__item-wrap {
  width: 24%;
}
@media (max-width: 767px) {
  .team__item:first-child .team__item-wrap {
    width: 100%;
  }
}
.team__item-wrap {
  width: 100%;
}
.team__item-wrap-content {
  background: linear-gradient(155.29deg, #EBEBEC -22.5%, #9AB4B8 104.24%, #165964 276.89%);
  border: 2px solid #4D949A;
  position: relative;
  border-radius: 10px;
}
.team__item-wrap-content.active svg {
  transform: translate(-50%, 0) scale(-1);
}
.team__item-wrap-content > svg {
  position: absolute;
  right: -1px;
  bottom: 7px;
  transform: translate(-50%, 0);
  transition: 0.3s all;
}
@media (max-width: 767px) {
  .team__item-wrap-content > svg {
    height: 10px;
    bottom: 9px;
    right: -10px;
  }
}
.team__item-title {
  width: 100%;
  min-height: 83px;
  padding: 21px 10px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 767px) {
  .team__item-title {
    min-height: 50px;
    padding: 10px 5px 15px;
  }
}
.team__item-title p {
  font-size: 18px;
  line-height: 1.1;
  font-weight: 400;
  text-transform: uppercase;
  color: #141414;
}
@media (max-width: 767px) {
  .team__item-title p {
    font-size: 10px;
  }
}
.team__item-text {
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
  color: #141414;
  text-align: left;
  padding: 0 20px !important;
  margin-top: 0 !important;
}
@media (max-width: 767px) {
  .team__item-text {
    font-size: 10px;
    line-height: 1.2;
    padding: 0 10px !important;
  }
}
.team__item-text.active {
  padding: 0 20px 40px !important;
}
@media (max-width: 767px) {
  .team__item-text.active {
    padding: 0 10px 29px !important;
  }
}

.experts {
  padding: 75px 0 30px;
  text-align: center;
  z-index: 10;
}
@media (max-width: 767px) {
  .experts {
    padding: 60px 0;
  }
}
.experts__title {
  margin-bottom: 37px;
}
.experts__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px 0;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .experts__list {
    gap: 16px;
  }
}
.experts__item {
  width: 30.1%;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.1;
  text-transform: uppercase;
  display: flex;
}
@media (max-width: 767px) {
  .experts__item {
    font-size: 12px;
    width: calc(50% - 8px) !important;
  }
}
.experts__item::after {
  content: "";
  background-image: url('data:image/svg+xml,<svg width="51" height="54" viewBox="0 0 51 54" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.364258 51.8145C0.383258 51.8175 0.413122 51.8221 0.453125 51.8281C0.534266 51.8403 0.658174 51.8579 0.819336 51.8779C1.14191 51.9181 1.61615 51.9688 2.20996 52.0078L2.14453 53.0059L2.0791 54.0029C1.44234 53.9611 0.928252 53.9067 0.571289 53.8623C0.393297 53.8401 0.253852 53.8201 0.157227 53.8057C0.108901 53.7984 0.0703801 53.7933 0.0439453 53.7891C0.0312319 53.787 0.0211132 53.7854 0.0136719 53.7842C0.010009 53.7836 0.00624249 53.7826 0.00390625 53.7822L0.00195312 53.7812H0L0.339844 51.8105C0.340595 51.8105 0.342147 51.8103 0.34375 51.8105C0.347714 51.8112 0.354891 51.8129 0.364258 51.8145ZM10.1006 52.4521L10.3125 53.4287C8.87217 53.7414 7.48141 53.9149 6.21582 54L6.14844 53.002L6.08203 52.0039C7.26629 51.9243 8.55867 51.7633 9.88867 51.4746L10.1006 52.4521ZM17.9912 50.1787C16.8028 51.0116 15.5555 51.6727 14.2988 52.1943L13.915 51.2705L13.5322 50.3467C14.6698 49.8745 15.7864 49.2814 16.8428 48.541L17.9912 50.1787ZM22.627 43.4014L23.5127 43.8652C22.8208 45.1846 22.0191 46.3425 21.1357 47.3555L20.3828 46.6982L19.6279 46.041C20.4085 45.1459 21.1228 44.1176 21.7422 42.9365L22.627 43.4014ZM24.918 35.7988L25.9102 35.9287C25.7178 37.3889 25.4326 38.7393 25.0664 39.9863L24.1074 39.7041L23.1475 39.4219C23.4827 38.2802 23.748 37.0315 23.9277 35.667L24.918 35.7988ZM25.1445 27.7842L26.1445 27.7959C26.1366 28.4301 26.1444 29.0846 26.1689 29.7598C26.1946 30.4663 26.2027 31.1535 26.1943 31.8213L25.1943 31.8086L24.1953 31.7959C24.2032 31.1619 24.1954 30.507 24.1709 29.832C24.1452 29.1258 24.1362 28.4391 24.1445 27.7715L25.1445 27.7842ZM26.2324 19.8877L27.1914 20.1689C26.8562 21.3106 26.5919 22.5594 26.4121 23.9238L25.4209 23.7939L24.4297 23.6631C24.622 22.2031 24.9063 20.8534 25.2725 19.6064L26.2324 19.8877ZM30.7109 13.5518C29.9306 14.4466 29.2168 15.4737 28.5977 16.6543L27.7109 16.1904L26.8262 15.7256C27.518 14.4064 28.3208 13.2492 29.2041 12.2363L30.7109 13.5518ZM50.1699 6.7959L39.6162 11.4814L40.1299 6.63965L40.0264 6.16211C40.0786 6.15077 40.1315 6.14086 40.1836 6.12988L40.835 0L50.1699 6.7959ZM36.4238 8.32227L36.8076 9.24512C35.6699 9.71732 34.5526 10.3103 33.4961 11.0508L32.3477 9.41309C33.5361 8.58012 34.7842 7.92007 36.041 7.39844L36.4238 8.32227Z" fill="%231A3234"/></svg>');
  width: 51px;
  height: 54px;
  display: inline-block;
  flex: 0 0 auto;
  margin-top: auto;
  margin-bottom: 12px;
  margin-left: -8px;
}
@media (max-width: 767px) {
  .experts__item::after {
    display: none;
  }
}
.experts__item:nth-child(1)::after, .experts__item:nth-child(5)::after {
  content: "";
  background-image: url('data:image/svg+xml,<svg width="51" height="64" viewBox="0 0 51 64" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M50.1113 58.9941L39.3057 63.0635L40.2295 57.4609C39.8738 57.3248 39.5134 57.1836 39.1514 57.0332L39.918 55.1855C40.1331 55.2749 40.3484 55.3602 40.5615 55.4443L41.1826 51.6709L50.1113 58.9941ZM32.5615 50.9463C33.677 51.8373 34.8642 52.6226 36.0771 53.3135L35.0869 55.0518C33.7961 54.3164 32.521 53.4733 31.3135 52.5088L32.5615 50.9463ZM27.2432 44.5693C27.8837 45.8341 28.6648 46.9841 29.5469 48.0303L28.7812 48.6748L28.0166 49.3193C27.0427 48.1643 26.1747 46.8858 25.459 45.4727L26.3506 45.0205L27.2432 44.5693ZM25.3428 36.5195C25.3618 38.0088 25.5332 39.391 25.8311 40.6729L24.8574 40.8984L23.8838 41.125C23.5524 39.6988 23.3626 38.1741 23.3418 36.5459L24.3428 36.5322L25.3428 36.5195ZM25.541 27.8311L26.5293 27.9902C26.4413 28.5352 26.3354 29.0899 26.2129 29.6543L26.085 30.2227C25.9163 30.9393 25.7774 31.6363 25.668 32.3145L24.6816 32.1553L23.6943 31.9961C23.7823 31.4511 23.8872 30.8964 24.0098 30.332L24.1377 29.7646C24.3063 29.0479 24.4442 28.3502 24.5537 27.6719L25.541 27.8311ZM26.3398 18.8613C26.6712 20.2876 26.8591 21.8131 26.8799 23.4414L25.8809 23.4541L24.8809 23.4668C24.8618 21.9777 24.6894 20.5962 24.3916 19.3145L25.3662 19.0879L26.3398 18.8613ZM22.2061 10.666C23.18 11.8211 24.0479 13.1004 24.7637 14.5137L22.9795 15.418C22.339 14.1532 21.5598 13.0023 20.6777 11.9561L22.2061 10.666ZM15.1348 4.93457C16.4256 5.66987 17.7017 6.51303 18.9092 7.47754L17.6611 9.04004C16.5456 8.14895 15.3586 7.36285 14.1455 6.67188L14.6396 5.80371L15.1348 4.93457ZM6.8252 1.44727C8.14484 1.84187 9.58714 2.33724 11.0723 2.9541L10.6885 3.87793L10.3047 4.80078C8.89224 4.21412 7.5158 3.7412 6.25195 3.36328L6.53906 2.40527L6.8252 1.44727ZM0.224609 0H0.228516C0.23075 0.000257113 0.23368 0.00152329 0.237305 0.00195312C0.245044 0.0028601 0.256599 0.00319091 0.270508 0.00488281C0.298317 0.0082673 0.338256 0.0128101 0.389648 0.0195312C0.493286 0.0330913 0.644284 0.0540135 0.836914 0.0830078C1.2222 0.141008 1.77675 0.23329 2.46387 0.368164L2.27148 1.34863L2.0791 2.33105C1.42352 2.20237 0.897963 2.11457 0.539062 2.06055C0.359706 2.03355 0.221349 2.01587 0.129883 2.00391C0.084403 1.99796 0.0502941 1.99291 0.0283203 1.99023C0.0177438 1.98895 0.00977719 1.98883 0.00488281 1.98828C0.0028568 1.98804 0.000928998 1.98751 0 1.9873C0.000108109 1.98687 0.00153558 1.96561 0.111328 0.993164C0.21321 0.0907805 0.223675 0.00766698 0.224609 0Z" fill="%231A3234"/></svg>');
  width: 51px;
  height: 64px;
  display: inline-block;
  flex: 0 0 auto;
  margin-top: 9px;
  margin-left: -8px;
}
@media (max-width: 767px) {
  .experts__item:nth-child(1)::after, .experts__item:nth-child(5)::after {
    display: none;
  }
}
.experts__item:nth-child(3), .experts__item:nth-child(6), .experts__item:last-child {
  width: 26.8%;
}
.experts__item:nth-child(3)::after, .experts__item:nth-child(6)::after, .experts__item:last-child::after {
  display: none;
}
.experts__item p {
  font-size: 18px;
  font-weight: 700;
  padding: 19px 10px;
  height: 106px;
  color: #fff;
  background: #1A3234;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 767px) {
  .experts__item p {
    margin-top: 0;
    padding: 9px 4px;
    font-size: 10px;
  }
}
.experts__item p span {
  font-size: 0.89em;
  font-weight: 400;
  text-transform: none;
  display: block;
}

.consultation {
  color: #fff;
  background: #1A3234;
  padding: 110px 0 100px;
  clip-path: polygon(0% 8%, 20% 8%, 34% 0%, 100% 8%, 100% 86%, 81% 91%, 67% 100%, 0% 91%);
}
@media (max-width: 767px) {
  .consultation {
    padding: 60px 0;
    clip-path: polygon(0% 3%, 20% 3%, 34% 0%, 100% 3%, 100% 97%, 80% 97%, 67% 100%, 0% 98%);
  }
}
.consultation__title {
  margin-bottom: 30px;
  text-align: center;
}
@media (max-width: 767px) {
  .consultation__title {
    margin-bottom: 25px;
  }
}
.consultation__list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 30px;
  padding: 0;
  margin-top: 0;
  list-style: none;
  box-sizing: border-box;
  counter-reset: cons-l;
}
@media (max-width: 767px) {
  .consultation__list {
    gap: 30px 0;
  }
}
.consultation__item {
  box-sizing: border-box;
  position: relative;
  width: calc(33.333% - 20px);
}
@media (max-width: 767px) {
  .consultation__item {
    width: 100%;
  }
}
.consultation__item:before {
  content: counter(cons-l);
  counter-increment: cons-l;
  font-size: 96px;
  font-weight: 700;
  line-height: 0;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.3);
  position: absolute;
  left: 15px;
  top: 21px;
  mix-blend-mode: lighten;
}
@media (max-width: 1023px) {
  .consultation__item:before {
    padding-left: 0;
    top: 17px;
    font-size: 150px;
  }
}
.consultation__item-title {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.1;
}
@media (max-width: 767px) {
  .consultation__item-title {
    font-size: 16px;
  }
}
.consultation__button {
  text-align: center;
  margin-top: 50px;
}
@media (max-width: 767px) {
  .consultation__button {
    margin-top: 30px;
  }
}
.consultation__button .btn {
  color: #1E1E1E;
  background: #fff;
  transition: 0.3s all;
}
.consultation__button .btn:before {
  display: none;
}
.consultation__button .btn:hover {
  box-shadow: none;
}
.consultation .con-alt.consult__steps--card-icon {
  margin-left: auto;
  margin-right: auto;
}

.cons-packages {
  padding: 0 50px 65px;
}
@media (max-width: 767px) {
  .cons-packages {
    padding: 0 20px 50px;
  }
}
.cons-packages__text {
  text-align: center;
  margin-bottom: 31px;
}
.cons-packages__buttons {
  display: flex;
  justify-content: center;
  gap: 42px;
}
@media (max-width: 767px) {
  .cons-packages__buttons {
    flex-wrap: wrap;
    gap: 15px;
  }
}
.cons-packages__button .btn-cons {
  background-color: #165964;
}
.cons-packages__pricing {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  box-sizing: border-box;
}
.cons-packages__pricing-header {
  background: linear-gradient(155.29deg, #EBEBEC -22.5%, #9AB4B8 104.24%, #165964 276.89%);
  padding: 40px 10px;
  margin-bottom: 21px;
  border-radius: 20px;
}
@media (max-width: 767px) {
  .cons-packages__pricing-header {
    padding: 15px 10px;
    margin-bottom: 25px;
  }
}
.cons-packages__pricing-item {
  width: calc(33.333% - 27px);
  text-align: center;
  background: #DFE0E3;
  border-radius: 10px;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .cons-packages__pricing-item {
    width: 100%;
  }
}
.cons-packages__pricing-wrap {
  padding: 27px 20px 59px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .cons-packages__pricing-wrap {
    padding: 20px 15px;
  }
}
.cons-packages__pricing-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}
.cons-packages__pricing-subtitle {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
}
.cons-packages__pricing-text {
  color: #1E1E1E;
  padding: 0 10px;
  font-size: 14px;
  line-height: 1.55;
  font-weight: 400;
  margin-bottom: auto;
  text-align: left;
}
@media (max-width: 767px) {
  .cons-packages__pricing-text {
    font-size: 16px;
    margin-bottom: 15px;
  }
}
.cons-packages__pricing-text .text-sub {
  color: #000;
  line-height: 1.25;
  margin-bottom: 23px;
}
.cons-packages__pricing-text h6 {
  color: #1E1E1E;
  font-size: 16px;
  font-weight: 700;
}
.cons-packages__pricing-text ul {
  padding-left: 17px;
  margin-top: 0;
  margin-bottom: 30px;
  list-style: none;
}
@media (max-width: 767px) {
  .cons-packages__pricing-text ul {
    margin-bottom: 15px;
  }
}
.cons-packages__pricing-text ul li {
  position: relative;
}
.cons-packages__pricing-text ul li:before {
  content: "";
  width: 8px;
  height: 8px;
  display: inline-block;
  background: linear-gradient(0.92deg, #267379 -48.99%, #8FC0C8 286.85%), #D9D9D9;
  position: absolute;
  top: 8px;
  left: -17px;
  border-radius: 50%;
}
.cons-packages__pricing-text ul li + li {
  margin-top: 10px;
}
@media (max-width: 767px) {
  .cons-packages__pricing-text ul li + li {
    margin-top: 15px;
  }
}
.cons-packages__pricing-bottom {
  margin-top: 23px;
  text-align: center;
}
.cons-packages__pricing-price {
  font-feature-settings: "pnum" on, "lnum" on;
  font-weight: 700;
  font-size: 32px;
  color: #1A3234;
  margin-bottom: 29px;
}
@media (max-width: 767px) {
  .cons-packages__pricing-price {
    font-size: 24px;
  }
}
.cons-packages__pricing .btn-cons {
  color: #1E1E1E;
  background: #fff;
  display: inline-block;
  padding: 13px 15px;
  transition: 0.3s all;
}
@media (max-width: 767px) {
  .cons-packages__pricing .btn-cons {
    font-size: 13px;
    min-width: auto;
  }
}
.cons-packages__pricing .btn-cons:hover {
  box-shadow: none;
  color: #fff;
  background: #1A3234;
}
.cons-packages__pricing .btn-cons:before {
  display: none;
}

.price-row {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  line-height: 1;
}
.price-row span {
  font-size: 16px;
  text-transform: uppercase;
  margin: 7px 0 -20px;
  display: block;
}
@media (max-width: 767px) {
  .price-row span {
    font-size: 14px;
    margin-bottom: 0;
  }
}
.price-row .price-row-second {
  color: #1E737E;
}
.price-row .price-row-second span {
  color: #1A3234;
}

.con-testimonials-section.testimonials-section {
  --swiper-navigation-size: 24px;
  padding: 60px 0;
}
.con-testimonials-section.testimonials-section .testimonial-item {
  padding-top: 36px;
  transition: 0.3s all;
}
.con-testimonials-section.testimonials-section .testimonial-item .testimonial-item-wrap {
  background: linear-gradient(135.29deg, rgba(235, 235, 236, 0.7) -22.5%, rgba(154, 180, 184, 0.8) 104.24%, #165964 276.89%);
  border-radius: 33px;
  border: 1px solid #FFFFFF;
  transition: 0.3s all;
}
.con-testimonials-section.testimonials-section .testimonial-item.swiper-slide-next {
  padding-top: 0;
}
.con-testimonials-section.testimonials-section .testimonial-item.swiper-slide-next .testimonial-item-wrap {
  background: linear-gradient(154.42deg, rgba(235, 235, 236, 0.7) -11.86%, rgba(22, 89, 100, 0.8) 109.31%, #1A3234 274.36%);
  margin-top: 0;
}
.con-testimonials-section.testimonials-section .testimonial-item p {
  line-height: 18px;
}
.con-testimonials-section.testimonials-section .swiper-button-prev {
  margin-left: -30px;
}
@media (max-width: 767px) {
  .con-testimonials-section.testimonials-section .swiper-button-prev {
    margin-left: -10px;
  }
}
.con-testimonials-section.testimonials-section .swiper-button-next {
  margin-right: -30px;
}
@media (max-width: 767px) {
  .con-testimonials-section.testimonials-section .swiper-button-next {
    margin-right: -10px;
  }
}
.con-testimonials-section.testimonials-section .swiper-button-next, .con-testimonials-section.testimonials-section .swiper-button-prev {
  color: #8C86A3;
  top: 66%;
}
@media (max-width: 767px) {
  .con-testimonials-section.testimonials-section h2.sup-section-title {
    margin-bottom: 0px;
  }
}

.cons-hero-abs-alt {
  font-size: 15px;
  color: #000000;
  line-height: 1.2;
  position: absolute;
  right: 17px;
  top: 15vw;
  z-index: 100;
  max-width: 140px;
}
@media (max-width: 767px) {
  .cons-hero-abs-alt {
    font-size: 13px;
    top: auto;
    bottom: 77vw;
    right: 7px;
  }
}
.cons-hero-abs-alt span {
  display: block;
}
.cons-hero-abs-alt span:last-child {
  max-width: 85px;
  padding-left: 4.6vw;
  margin-top: 12px;
}

.experts__item-arrow {
  position: absolute;
  right: 17px;
  bottom: 17px;
}
@media (max-width: 767px) {
  .experts__item-arrow {
    height: 10px;
    bottom: 9px;
    right: 4px;
  }
}

.experts__item p:hover .experts__item-arrow {
  opacity: 0;
}

.supplements-hero {
  background-color: #fff;
  padding: 100px 40px 63px 75px;
  color: #1E1E1E;
}
.supplements-hero .container {
  padding: 0;
  max-width: 1826px;
}
.supplements-hero--content {
  padding-top: 5.2vw;
}
.supplements-hero__title {
  font-size: 60px;
  line-height: 1.25;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 24px;
  margin-right: -50px;
}
@media (max-width: 767px) {
  .supplements-hero__title {
    font-size: 40px;
  }
}
.supplements-hero__subtitle {
  font-size: 40px;
  line-height: 1.25;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 31px;
}
.supplements-hero__text {
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0.2px;
  font-weight: 400;
  max-width: 300px;
}
@media (max-width: 767px) {
  .supplements-hero__text {
    font-size: 16px;
  }
}
.supplements-hero__right_text {
  margin-top: auto;
  padding-bottom: 10.2vw;
  font-size: 40px;
  line-height: 1.37;
  text-transform: uppercase;
  font-weight: 500;
}

.supplements-hero--row {
  display: flex;
  flex-wrap: wrap;
}
.supplements-hero--row .supplements-hero--content {
  width: 32%;
}
.supplements-hero--row .supplements-hero__image {
  width: 31%;
  text-align: center;
}
.supplements-hero--row .supplements-hero--right {
  width: 37%;
  display: flex;
}

.supplements {
  padding: 115px 0 50px;
  clip-path: polygon(0% 100%, 0% 0%, 69% 63px, 81% 0%, 100% 0%, 100% 100%);
  margin-top: -63px;
  background-color: #F7F6FA;
  position: relative;
  z-index: 10;
}
.supplements .container {
  width: 1325px;
}

.supplements__products {
  font-family: "Inter";
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.supplements__products > * {
  width: calc(50% - 15px);
}
.supplements__products .supplements__product {
  display: flex;
  flex-wrap: wrap;
}
.supplements__products .supplements__product .supplement-product__image {
  width: 225px;
  box-sizing: border-box;
}
.supplements__products .supplements__product .supplement-item {
  padding-left: 30px;
  width: calc(100% - 255px);
  box-sizing: border-box;
}
.supplements__products .supplement-item__subtitle,
.supplements__products .supplement-product__name {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #2E2E33;
}
.supplements__products .supplement-item__subtitle {
  margin-bottom: 9px;
}
.supplements__products .supplement-item__meta {
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  text-transform: uppercase;
  color: #2E2E33;
  margin-bottom: 20px;
}
.supplements__products .supplement-item__description,
.supplements__products .supplement-item__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #2E2E33;
}
.supplements__products .supplement-item__description h6 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.28px;
  color: #2E2E33;
  margin-top: 24px;
}
.supplements__products .supplement-item__description ul {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.supplements__products .supplement-item__description ul.list-unstuled {
  list-style: none;
  padding-left: 0;
}
.supplements__products .supplement-item__description-toggle {
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.28px;
  color: #2E2E33;
  text-decoration: none;
  margin-top: 19px;
}
.supplements__products .cart {
  margin-top: 15px;
}
.supplements__products .cart .custom-quantity {
  padding-left: 10px;
}
.supplements__products .single_add_to_cart_button {
  margin-top: 11px;
  font-family: "Raleway";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase;
  line-height: 20px;
  color: #FFFFFF;
  background: #8C86A3;
  padding: 21px 26px;
  border: 0;
  border-radius: 10px;
}
.supplements__products .single_add_to_cart_button svg {
  position: relative;
  top: 2px;
  margin-right: 10px;
}

.supplements-button-wrap {
  margin-top: 66px;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.supplements-button-wrap a {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase;
  line-height: 19px;
  color: #FFFFFF;
  background-color: #8C86A3;
  border-radius: 10px;
  text-decoration: none;
  padding: 16px 25px 22px;
}
.supplements-button-wrap .btn-sec {
  margin-left: 7vw;
}
.supplements-button-wrap span::before {
  content: "";
  background-image: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21 20.999L0 21V19.0254H17.6299L1.92871 3.32422L3.32422 1.92773L19.0254 17.6289V0H21V20.999Z" fill="white"/></svg>');
  width: 21px;
  height: 21px;
  display: inline-block;
  margin-right: 21px;
  position: relative;
  top: 5px;
}

.supplement-item__description {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

.supplement-item__description-toggle {
  display: block;
}

.supplement-item__description-toggle svg {
  transition: transform 0.3s ease;
  margin-left: 7px;
}

.supplement-item__description-toggle.is-open svg {
  transform: rotate(180deg);
}

.supplement-product__price {
  font-weight: 600;
  font-size: 40px;
  line-height: 36px;
  color: #8C86A3;
  margin-top: 26px;
}

.custom-quantity .custom-quantity-wrap {
  display: inline-block;
  position: relative;
}
.custom-quantity button {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background-color: #8C86A3;
  border: 0;
  outline: 0;
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translate(-10px, -50%);
}
.custom-quantity input {
  font-family: "Inter";
  text-align: center;
  width: 58px;
  height: 40px;
  border: 1px solid #C3A7D4 !important;
  border-radius: 10px;
  outline: none !important;
  font-weight: 500;
  font-size: 16px;
  color: #2E2E33;
  box-sizing: border-box;
}
.custom-quantity {
  /* Chrome, Safari, Edge */
}
.custom-quantity input[type=number]::-webkit-inner-spin-button,
.custom-quantity input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.custom-quantity {
  /* Firefox */
}
.custom-quantity input[type=number] {
  -moz-appearance: textfield;
}

h2.sup-section-title {
  font-family: "Raleway";
  font-weight: 400;
  font-size: 40px;
  line-height: 60px;
  color: #2E2E33;
  text-align: center;
  margin-bottom: 40px;
  text-transform: uppercase;
}

.faqs-section {
  background: linear-gradient(0deg, #C5BDE5 -25.11%, #F1F0F5 100%);
  padding: 102px 0 130px 0;
  clip-path: polygon(0% 0%, 43% 60px, 53% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%, 0% 100%);
}

.faqs-list {
  max-width: 925px;
  padding-left: 65px;
}

.faq-item-title-text {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 140%;
  color: #2E2E33;
  margin-bottom: 16px;
}

.faq-item-title-content {
  font-family: "Raleway";
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  color: #2E2E33;
}

.faq-item-text {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #2E2E33;
}
.faq-item-text.active {
  margin-top: 16px !important;
  padding-bottom: 0 !important;
}

.faq-item {
  position: relative;
  padding-right: 80px;
  border-bottom: 1px solid #8C86A3;
  margin-bottom: 20px;
  padding-bottom: 12px;
}

.faq-item-tog {
  position: absolute;
  right: 26px;
  top: 50%;
  transform: translate(0px, -68%);
}

.how-to-choose-section {
  padding: 51px 0 100px;
}
.how-to-choose-section .container {
  max-width: 1240px;
}
.how-to-choose-section .sup-section-title {
  margin-bottom: 65px;
}
.how-to-choose-section .how-to-choose-content {
  width: 199px;
}
.how-to-choose-section .how-to-choose-content p {
  font-size: 20px;
  line-height: 28px;
  margin-top: 28px;
  margin-left: -30px;
  margin-right: -30px;
}
.how-to-choose-section .how-to-choose-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.how-to-choose-section .how-to-choose-item:nth-child(3n) .how-to-choose-content p,
.how-to-choose-section .how-to-choose-item:nth-child(2n) .how-to-choose-content p {
  margin-left: -100px;
  margin-right: -100px;
}
.how-to-choose-section .how-to-choose-item {
  text-align: center;
  display: flex;
}
.how-to-choose-section .how-to-choose-item:first-child .how-to-choose-arrow {
  margin-top: 74px;
}
.how-to-choose-section .how-to-choose-item:nth-child(2n) .how-to-choose-arrow {
  margin-top: 85px;
}
.how-to-choose-section img {
  border-radius: 50%;
}
.how-to-choose-section h3 {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #2E2E33;
  margin-top: 26px;
  margin-left: -15px;
  margin-right: -15px;
}

.testimonials-section {
  padding-bottom: 50px;
}
.testimonials-section .container {
  max-width: 1240px;
}
.testimonials-section .testimonial-item {
  padding-top: 36px;
}
.testimonials-section .testimonial-item.swiper-slide-next .testimonial-item-wrap {
  margin-top: -36px;
  background: linear-gradient(143.4deg, rgba(194, 167, 212, 0.6) -20.59%, #C2A7D4 96.74%);
}
.testimonials-section .testimonial-item .testimonial-item-wrap {
  padding: 32px 35px;
  background: linear-gradient(143.4deg, rgba(194, 167, 212, 0.6) -20.59%, #D7CFF2 96.74%);
  border-radius: 33px;
  transition: 0.3s all;
}
@media (max-width: 767px) {
  .testimonials-section .testimonial-item .testimonial-item-wrap {
    padding: 20px;
  }
}
.testimonials-section .testimonial-item img {
  border-radius: 50%;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .testimonials-section .testimonial-item img {
    max-width: 60px;
  }
}
.testimonials-section .testimonial-item .testimonial-item-title {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #2E2E33;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .testimonials-section .testimonial-item .testimonial-item-title {
    font-size: 16px;
    margin-bottom: 8px;
  }
}
.testimonials-section .testimonial-item p {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #2E2E33;
}

.page-template-template-supplements .footer {
  clip-path: polygon(0% 63px, 19% 63px, 31% 0%, 100% 4%, 100% 99%, 0% 100%);
  padding-top: 150px;
  margin-top: -63px;
}

.why_us-section {
  background: linear-gradient(0deg, #C5BDE5 -25.11%, #F1F0F5 100%);
  padding: 166px 0 187px;
  margin-top: -63px;
  clip-path: polygon(0% 63px, 20% 63px, 31% 0%, 100% 10%, 100% 100%, 0% 100%);
  z-index: 10;
}
.why_us-section .container {
  max-width: 1300px;
}
.why_us-section h3 {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #2E2E33;
  text-align: center;
  margin-bottom: 40px;
}
.why_us-section h3::before {
  content: "";
  width: 10px;
  height: 10px;
  margin-right: 10px;
  border-radius: 50%;
  background-color: #fff;
  display: inline-block;
}
.why_us-section p {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #2E2E33;
}
.why_us-section .why_us-list {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.why_us-section .why_us-list > * {
  width: calc(33.333% - 15px);
}

.page-template-template-supplements::before {
  background-image: linear-gradient(to right, #E6DFFF 1px, transparent 1px), linear-gradient(to bottom, #E6DFFF 1px, transparent 1px);
}
.page-template-template-supplements .container {
  position: relative;
  z-index: 5;
}
.certificates {
  background: linear-gradient(0deg, #C5BDE5 0%, #F1F0F5 100%);
  clip-path: polygon(0% 0%, 43% 60px, 53% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%, 0% 100%);
  margin-top: -65px;
  padding: 105px 0;
  z-index: 10;
}
.certificates .container {
  padding: 0 70px;
}
.certificates__list {
  display: flex;
  flex-wrap: wrap;
  gap: 36px;
}
.certificates__item {
  width: calc(20% - 29px);
  background-color: #C3A7D4;
  border-radius: 33px;
  padding: 16px 21px;
  box-sizing: border-box;
}
.certificates__image {
  text-align: center;
  margin-bottom: 9px;
}
.certificates__image img {
  height: 108px;
}
.certificates__item-title {
  text-align: center;
  font-size: 14px;
  line-height: 1.6;
  min-height: 47px;
}
.certificates__more-text, .certificates__text {
  font-size: 10px;
  line-height: 1.8;
}
.certificates__more-text {
  display: none;
}
.certificates__more-text.active {
  display: block;
}
.certificates__link {
  display: block;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.2px;
  text-decoration: none;
  color: #2E2E33;
  margin-top: 17px;
}
.certificates__link svg {
  margin-left: 5px;
}

/*# sourceMappingURL=frontend.css.map */