/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/scss/app.scss ***!
  \******************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.container {
  width: 1296px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: content-box;
}
@media (max-width: 1500px) {
  .container {
    max-width: calc(100% - 40px);
  }
}
@media (max-width: 1342px) {
  .container {
    max-width: calc(100% - 40px);
  }
}
@media (max-width: 992px) {
  .container {
    max-width: calc(100% - 40px);
  }
}
@media (max-width: 768px) {
  .container {
    max-width: calc(100% - 24px);
  }
}
@media (max-width: 576px) {
  .container {
    max-width: calc(100% - 24px);
  }
}

.container-small {
  width: 856px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: content-box;
}
@media (max-width: 1500px) {
  .container-small {
    max-width: calc(100% - 40px);
  }
}
@media (max-width: 1342px) {
  .container-small {
    max-width: calc(100% - 40px);
  }
}
@media (max-width: 992px) {
  .container-small {
    max-width: calc(100% - 40px);
  }
}
@media (max-width: 768px) {
  .container-small {
    max-width: calc(100% - 24px);
  }
}
@media (max-width: 576px) {
  .container-small {
    max-width: calc(100% - 24px);
  }
}
.container-small iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 4/2;
  display: block;
}

.get__header, .get__footer, .get__footer-copyright {
  width: 1296px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
@media (max-width: 1500px) {
  .get__header, .get__footer, .get__footer-copyright {
    max-width: calc(100% - 40px);
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 1342px) {
  .get__header, .get__footer, .get__footer-copyright {
    max-width: calc(100% - 40px);
  }
}
@media (max-width: 992px) {
  .get__header, .get__footer, .get__footer-copyright {
    max-width: calc(100% - 40px);
  }
}
@media (max-width: 768px) {
  .get__header, .get__footer, .get__footer-copyright {
    max-width: calc(100% - 24px);
  }
}
@media (max-width: 576px) {
  .get__header, .get__footer, .get__footer-copyright {
    max-width: calc(100% - 24px);
  }
}

.get__header-wrapper--main .get__header, .container__cookies {
  padding-left: 60px;
  padding-right: 60px;
  width: 1416px;
}
@media (width <= 1441px) {
  .get__header-wrapper--main .get__header, .container__cookies {
    padding-left: 0;
    padding-right: 0;
    width: 1296px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 992px) {
  .get__header-wrapper--main.activated .get__header {
    padding-left: 20px;
    padding-right: 20px;
  }
}

:root {
  --violet-color: #8e77d6;
  --text-color: #68686e;
  --dark-color: #18181b;
  --white-color: #ffffff;
  --lime-color: rgba(167, 214, 119, 0.1);
  --br-big: 24px;
  --br-small: 10px;
  --br-circle: 50%;
}

/* Main Color */
/* Main Color */
html {
  scroll-behavior: smooth;
  scrollbar-gutter: stable;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
body main {
  flex-grow: 2;
  position: relative;
  z-index: 2;
  background-color: #FFFFFF;
}

body * {
  outline: transparent none;
  font-family: "Mulish", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: var(--text-color);
}

body.no-scroll, html.no-scroll {
  overflow-y: hidden;
}
@supports (-webkit-touch-callout: none) {
  body.no-scroll, html.no-scroll {
    position: fixed;
    inset: 0;
    overflow: hidden;
  }
}

body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgb(49, 51, 57);
  border-radius: 0;
  background-color: #FFF;
}

body::-webkit-scrollbar {
  width: 6px;
  height: 10px;
  background-color: #FFF;
  border-radius: 0;
}

body::-webkit-scrollbar-thumb {
  border-radius: 0;
  -webkit-box-shadow: inset 0 0 6px rgb(49, 51, 57);
  background-color: rgb(49, 51, 57);
}

pre {
  white-space: normal;
}

a {
  text-decoration: none;
}

img {
  max-width: 100%;
  display: block;
  height: auto;
}

/* Base Theme */
b, strong {
  font-weight: 700;
}

/* breadcrumbs */
.breadcrumbs {
  padding-top: 24px;
  padding-bottom: 24px;
}
@media (max-width: 768px) {
  .breadcrumbs {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.breadcrumbs .breadcrumbs__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.breadcrumbs .breadcrumbs__list li {
  display: inline-flex;
  align-items: center;
}
.breadcrumbs .breadcrumbs__list li:not(:last-child) {
  position: relative;
  padding-right: 24px;
}
.breadcrumbs .breadcrumbs__list li:not(:last-child)::after {
  content: "";
  width: 16px;
  height: 16px;
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M6.33268 10.9999L9.66602 7.66659L6.33268 4.33325%27 stroke=%27%23B5B5BF%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 /%3E%3C/svg%3E");
  position: absolute;
}
.breadcrumbs .breadcrumbs__list li a {
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  color: var(--text-color);
}
@media (max-width: 768px) {
  .breadcrumbs .breadcrumbs__list li a {
    font-size: 12px;
    line-height: 167%;
  }
}
.breadcrumbs .breadcrumbs__list li span {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  color: var(--dark-color);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
  .breadcrumbs .breadcrumbs__list li span {
    font-size: 12px;
    line-height: 167%;
  }
}

.btn__primary {
  position: relative;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-property: color, background-color;
  transition-duration: 0.5s;
  background: #8e77d6;
  overflow: hidden;
  border-radius: 10px;
}
.btn__primary::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  border-radius: 10px;
  background: #E78762;
}
.btn__primary:hover::before {
  transform: scaleX(1);
}

.btn__more {
  transition: 0.3s ease-in-out;
  display: flex;
  align-items: center;
  gap: 12px;
}
.btn__more:hover svg rect {
  fill: #E78762;
}
.btn__more:hover svg path {
  transform: scale(1.1) translateY(-5px);
  stroke: #FFFFFF;
}
.btn__more span {
  font-family: "Mulish", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.01em;
  color: #18181b;
  transition: 0.6s ease-in-out;
}
@media (max-width: 768px) {
  .btn__more span {
    font-size: 14px;
  }
}
.btn__more svg {
  transition: 0.3s ease-in-out;
}
.btn__more svg rect {
  transition: 0.3s ease-in-out;
}
.btn__more svg path {
  transition: 0.3s ease-in-out;
}

h1 {
  font-family: "Unbounded", sans-serif;
  font-weight: 500;
  font-size: clamp(1.875rem, 1.463rem + 1.7578vw, 3rem);
  line-height: 108%;
  color: var(--dark-color);
}

h2 {
  font-family: "Unbounded", sans-serif;
  font-weight: 500;
  font-size: clamp(1.875rem, 1.463rem + 1.7578vw, 3rem);
  line-height: 108%;
  color: var(--dark-color);
  margin-bottom: 42px;
}

h3 {
  font-family: "Mulish", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: #18181b;
}

.get__header-wrapper {
  position: relative;
  z-index: 3;
}

.get__header-wrapper--main .get__header-menu > ul.menu__desktop li > .sub-menu__wrapper .sub-menu__image img {
  width: calc(100% + 60px);
  max-width: calc(100% + 60px);
}
.get__header-wrapper--main .get__header-menu > ul.menu__desktop li > .sub-menu__wrapper {
  padding-left: 60px;
  padding-right: 60px;
  max-width: 1296px;
  width: 100%;
  transform: translateX(0);
}
@media (1440px >= width) {
  .get__header-wrapper--main .get__header-menu > ul.menu__desktop li > .sub-menu__wrapper {
    max-width: calc(100% - 144px);
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 1342px) {
  .get__header-wrapper--main .get__header-menu > ul.menu__desktop li > .sub-menu__wrapper {
    padding-left: 20px;
    padding-right: 20px;
    max-width: calc(100% - 64px);
  }
}
.get__header-wrapper--main.activated .get__header-logo img {
  filter: brightness(0) saturate(100%) invert(78%) sepia(46%) saturate(6904%) hue-rotate(215deg) brightness(88%) contrast(90%);
}
.get__header-wrapper--main.activated .get__header-lang ul li a {
  color: #18181b;
}
.get__header-wrapper--main.activated .get__header-lang ul li span svg path {
  stroke: #18181b;
}
.get__header-wrapper--main.activated .get__header-burger.activated svg:last-child path {
  fill: #18181b;
}

header.get__header-wrapper.get__header-wrapper--main.ghd {
  background-color: #FFFFFF;
}

.get__header {
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}
@media (max-width: 992px) {
  .get__header {
    height: 60px;
  }
  .get__header-wrapper--main .get__header {
    height: 80px;
  }
}

.get__header-menu {
  margin-top: 36px;
  padding-bottom: 20px;
}
@media (max-width: 992px) {
  .get__header-menu {
    display: none;
  }
}
.get__header-menu > ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 24px;
}
.get__header-menu > ul li.current-menu-item a {
  color: #8e77d6;
}
.get__header-menu > ul li.current-menu-item a span svg path {
  stroke: #8e77d6;
}
.get__header-menu > ul li.menu-item-has-children {
  padding-bottom: 20px;
  padding-top: 20px;
}
.get__header-menu > ul li a {
  display: flex;
  align-items: center;
  font-family: "Mulish", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.01em;
  color: #18181b;
  transition: 0.3s ease-in-out;
  position: relative;
}
.get__header-menu > ul li a::before {
  content: "";
  position: absolute;
  bottom: -6px;
  width: 100%;
  height: 1px;
  background-color: #8e77d6;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out;
}
.get__header-menu > ul li a:hover::before {
  transform: scaleX(1);
}
.get__header-menu > ul li a:hover {
  color: #8e77d6;
}
.get__header-menu > ul li a:hover span svg path {
  stroke: #8e77d6;
}
.get__header-wrapper--main.ghd .get__header-menu > ul li a:hover span svg path {
  stroke: #18181b;
}
.get__header-wrapper--main .get__header-menu > ul li a:hover span svg path {
  stroke: #FFFFFF;
}
.get__header-wrapper--main.ghd .get__header-menu > ul li a {
  color: #18181b;
}
.get__header-wrapper--main.ghd .get__header-menu > ul li a::before {
  content: "";
  position: absolute;
  bottom: -6px;
  width: 100%;
  height: 1px;
  background-color: #18181b;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out;
}
.get__header-wrapper--main.ghd .get__header-menu > ul li a:hover::before {
  transform: scaleX(1);
}
.get__header-wrapper--main .get__header-menu > ul li a {
  color: #FFFFFF;
}
.get__header-wrapper--main .get__header-menu > ul li a::before {
  content: "";
  position: absolute;
  bottom: -6px;
  width: 100%;
  height: 1px;
  background-color: #FFFFFF;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out;
}
.get__header-wrapper--main .get__header-menu > ul li a:hover::before {
  transform: scaleX(1);
}
.get__header-menu > ul li span {
  display: flex;
  align-items: center;
}
.get__header-menu > ul li span svg path {
  transition: 0.3s ease-in-out;
  stroke: #18181B;
}
.get__header-wrapper--main.ghd .get__header-menu > ul li span svg path {
  stroke: #18181B;
}
.get__header-wrapper--main .get__header-menu > ul li span svg path {
  stroke: #FFFFFF;
}
.get__header-menu > ul li > .sub-menu__wrapper {
  overflow: hidden;
  background-color: #fff;
  position: absolute;
  z-index: 2;
  top: 80px;
  left: 0;
  right: 0;
  padding: 40px 0;
  padding-left: 10px;
  transform: translateX(-10px);
  margin: 0 auto;
  display: none;
  width: 1296px;
  max-width: 100%;
  box-sizing: content-box;
  border-radius: 0 0 24px 24px;
}
.get__header-menu > ul li > .sub-menu__wrapper .sub-menu__image {
  flex: 0 0 50%;
  height: 304px;
  transform: translateY(-40px);
  margin-bottom: -80px;
}
.get__header-menu > ul li > .sub-menu__wrapper .sub-menu__image img {
  transition: opacity 0.3s ease;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
@media (max-width: 992px) {
  .get__header-menu > ul li > .sub-menu__wrapper .sub-menu__image img {
    width: 100%;
    height: 100%;
  }
}
.get__header-menu > ul li > .sub-menu__wrapper .sub-menu {
  flex: 0 0 50%;
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.get__header-menu > ul li > .sub-menu__wrapper .sub-menu li a {
  font-family: "Mulish", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.01em;
  color: #18181b;
  position: relative;
  display: inline-flex;
}
.get__header-menu > ul li > .sub-menu__wrapper .sub-menu li a:hover {
  color: #8e77d6;
}
.get__header-wrapper--main .get__header-menu > ul li > .sub-menu__wrapper .sub-menu li a::before {
  content: "";
  position: absolute;
  bottom: -6px;
  width: 100%;
  height: 1px;
  background-color: #8e77d6;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out;
}
.get__header-wrapper--main .get__header-menu > ul li > .sub-menu__wrapper .sub-menu li a:hover::before {
  transform: scaleX(1);
}

.get__header-wrapper--main.ghd .get__header-logo img {
  filter: brightness(0) saturate(100%) invert(78%) sepia(46%) saturate(6904%) hue-rotate(215deg) brightness(88%) contrast(90%);
}
@media (max-width: 1342px) {
  .get__header-logo {
    order: -1;
  }
}

.get__header-right {
  margin-top: 36px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 24px;
}

@media (max-width: 1342px) {
  .get__header-email {
    display: none;
  }
}
.get__header-email a {
  display: flex;
  align-items: center;
  text-decoration: none;
  font-family: "Mulish", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.01em;
  color: #18181b;
  transition: 0.3s ease-in-out;
}
.get__header-email a:hover {
  color: #8e77d6;
}
.get__header-wrapper--main.ghd .get__header-email a {
  color: #18181b;
}
.get__header-wrapper--main .get__header-email a {
  color: #FFFFFF;
}
@media (max-width: 992px) {
  .get__header-email {
    display: none;
  }
}

.get__header-phone a {
  display: flex;
  align-items: center;
  text-decoration: none;
  font-family: "Mulish", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.01em;
  color: #18181b;
  transition: 0.3s ease-in-out;
}
.get__header-phone a:hover {
  color: #8e77d6;
}
.get__header-wrapper--main.ghd .get__header-phone a {
  color: #18181b;
}
.get__header-wrapper--main .get__header-phone a {
  color: #FFFFFF;
}
@media (max-width: 992px) {
  .get__header-phone {
    display: none;
  }
}

.get__header-lang ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.get__header-lang ul li a {
  display: flex;
  align-items: center;
  text-decoration: none;
  font-family: "Mulish", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  color: #18181b;
  transition: 0.3s ease-in-out;
  text-transform: uppercase;
}
.get__header-lang ul li a:hover {
  color: #8e77d6;
}
.get__header-lang ul li a:hover span svg path {
  stroke: #8e77d6;
}
.get__header-wrapper--main.ghd .get__header-lang ul li a:hover span svg path {
  stroke: #18181b;
}
.get__header-wrapper--main .get__header-lang ul li a:hover span svg path {
  stroke: #FFFFFF;
}
.get__header-wrapper--main.ghd .get__header-lang ul li a {
  color: #18181b;
}
.get__header-wrapper--main .get__header-lang ul li a {
  color: #FFFFFF;
}
.get__header-lang ul li span {
  display: flex;
  align-items: center;
}
.get__header-lang ul li span svg path {
  transition: 0.3s ease-in-out;
  stroke: #18181B;
}
.get__header-wrapper--main.ghd .get__header-lang ul li span svg path {
  stroke: #18181b;
}
.get__header-wrapper--main .get__header-lang ul li span svg path {
  stroke: #FFFFFF;
}

.get__header-burger__wrapper {
  display: none;
}
@media (max-width: 992px) {
  .get__header-burger__wrapper {
    display: block;
  }
}

.get__header-burger.activated svg:first-child {
  display: none;
  opacity: 0;
  visibility: hidden;
}
.get__header-burger.activated svg:last-child {
  display: flex;
  opacity: 1;
  visibility: visible;
}
.get__header-burger svg {
  display: flex;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
.get__header-burger svg:first-child {
  opacity: 1;
  visibility: visible;
}
.get__header-burger svg:last-child {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.get__header-menu__mobile {
  display: none;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: #f4f1fb;
  padding: 100px 12px 12px;
  min-height: 100dvh;
  width: 100vw;
}
.get__header-menu__mobile.activated {
  display: flex;
  flex-direction: column;
}

.menu__mobile {
  margin: 0;
  padding: 0;
}
.menu__mobile li {
  margin-top: 24px;
  margin-bottom: 24px;
}
.menu__mobile li a {
  font-family: "Unbounded", sans-serif;
  font-weight: 700;
  font-size: 26px;
  line-height: 115%;
  letter-spacing: -0.02em;
  color: #18181b;
}
.menu__mobile li.menu-item-has-children .sub-menu__wrapper {
  display: none;
}
.menu__mobile li.menu-item-has-children .sub-menu__wrapper.activated {
  display: block;
}
.menu__mobile li.menu-item-has-children ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.menu__mobile li.menu-item-has-children ul li {
  margin-top: 12px;
  margin-bottom: 12px;
}
.menu__mobile li.menu-item-has-children ul li a {
  font-family: "Mulish", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 157%;
  letter-spacing: 0.01em;
  color: #18181b;
}

.get__header-menu__mobile-top {
  margin-top: 0;
  margin-bottom: auto;
  overflow: auto;
}

.get__header-menu__mobile-bottom {
  padding-top: 34px;
  padding-bottom: 22px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  margin-bottom: 0;
}
.get__header-menu__mobile-bottom a {
  font-family: "Mulish", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 157%;
  letter-spacing: 0.01em;
  color: #18181b;
}

.footer__bg {
  background-color: var(--dark-color);
  position: relative;
  z-index: 0;
}

.get__footer-wrapper {
  background-color: var(--dark-color);
  transition: opacity 0.3s ease-in-out;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
.get__footer-wrapper * {
  color: var(--white-color);
}

.get__footer {
  padding-top: 80px;
  padding-bottom: 48px;
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
@media (max-width: 992px) {
  .get__footer {
    flex-wrap: wrap;
  }
}
@media (max-width: 768px) {
  .get__footer {
    padding-top: 56px;
    padding-bottom: 32px;
  }
}

.get__footer-first {
  display: flex;
  gap: 24px;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .get__footer-first {
    flex: 0 0 100%;
    gap: 32px;
    align-items: center;
  }
}

.get__footer-second {
  display: flex;
}
@media (max-width: 992px) {
  .get__footer-second {
    flex: 0 0 100%;
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .get__footer-second {
    flex-direction: column;
    gap: 12px;
  }
}

.get__footer-logo img {
  width: 128px;
}

.get__footer-socials {
  display: flex;
  align-items: center;
  gap: 8px;
}
.get__footer-socials a {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 32px;
  width: 64px;
  height: 64px;
  transition: 0.3s ease-in-out;
}
.get__footer-socials a:hover {
  background-color: var(--violet-color);
  border: 1px solid var(--violet-color);
}

.get__footer-menu {
  min-width: 212px;
  border-radius: 10px;
  padding: 8px 12px;
}
@media (max-width: 768px) {
  .get__footer-menu {
    background: rgba(255, 255, 255, 0.1);
  }
  .get__footer-menu.active {
    background: rgba(142, 119, 214, 0.1);
  }
  .get__footer-menu.active .get__footer-menu__title {
    color: #8e77d6;
  }
  .get__footer-menu.active .get__footer-menu__title::after {
    background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M6 12H18%27 stroke=%27%238E77D6%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 /%3E%3C/svg%3E");
  }
  .get__footer-menu.active ul {
    display: flex;
  }
}
.get__footer-menu .get__footer-menu__title {
  font-family: "Mulish", sans-serif;
  font-weight: 700;
  font-size: clamp(0.75rem, 0.699rem + 0.2172vw, 0.875rem);
  line-height: 171%;
  text-transform: uppercase;
  color: #8e77d6;
  margin-bottom: 16px;
  position: relative;
}
@media (max-width: 768px) {
  .get__footer-menu .get__footer-menu__title {
    cursor: pointer;
    margin-bottom: 0;
    color: #FFFFFF;
  }
  .get__footer-menu .get__footer-menu__title::after {
    content: "";
    position: absolute;
    right: 0;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M12 6V18M6 12H18%27 stroke=%27white%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 /%3E%3C/svg%3E");
  }
}
.get__footer-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 768px) {
  .get__footer-menu ul {
    gap: 14px;
    margin-top: 12px;
    margin-bottom: 12px;
    display: none;
  }
}
.get__footer-menu ul li a {
  font-family: "Mulish", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.01em;
  color: #fff;
  transition: 0.3s ease-in-out;
}
@media (hover: hover) {
  .get__footer-menu ul li a:hover {
    color: #8e77d6;
  }
}

.get__footer-copyright__wrapper {
  padding: 24px 0;
}

.get__footer-copyright {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .get__footer-copyright {
    flex-direction: column;
    gap: 12px;
  }
}

.get__footer-copyright__text {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  color: #fff;
  flex: 0 0 calc(100% - 636px);
}
@media (max-width: 992px) {
  .get__footer-copyright__text {
    margin-top: 18px;
  }
}

.get__footer-copyright__info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 0 0 624px;
}
@media (max-width: 992px) {
  .get__footer-copyright__info {
    display: contents;
  }
}

@media (max-width: 992px) {
  .get__footer-copyright__menu {
    order: -1;
  }
}
.get__footer-copyright__menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 24px;
}
.get__footer-copyright__menu ul li a {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 129%;
  letter-spacing: 0.01em;
  color: #fff;
  transition: 0.3s ease-in-out;
}
@media (hover: hover) {
  .get__footer-copyright__menu ul li a:hover {
    color: #8e77d6;
  }
}

.get__footer-copyright__dev span {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 129%;
  letter-spacing: 0.01em;
  color: #fff;
}
.modal__price .modal {
  width: 1440px !important;
  padding: 0 !important;
}

.modal__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s 0.2s ease-in-out;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1500;
}
@media (max-width: 768px) {
  .modal__wrapper {
    padding: 0 14px;
  }
}
.modal__wrapper .modal {
  display: flex;
  flex-direction: column;
  background: #f5f5f6;
  border-radius: 24px;
  padding: 40px;
  width: 636px;
  opacity: 0;
  transform: scale(0.3);
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
  position: relative;
  max-height: 90dvh;
}
@media (max-width: 768px) {
  .modal__wrapper .modal {
    padding: 16px;
  }
}
.modal__wrapper .modal__content {
  overflow-y: auto;
}
@media (max-width: 768px) {
  .modal__wrapper .modal {
    width: 100%;
    max-width: calc(100% - 28px);
    max-width: 100%;
  }
}
.modal__wrapper .modal__top {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .modal__wrapper .modal__top {
    margin-bottom: 20px;
  }
}
.modal__wrapper .modal__top .title {
  font-family: "Unbounded", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 133%;
  text-align: center;
  color: #18181b;
}
@media (max-width: 768px) {
  .modal__wrapper .modal__top .title {
    font-size: 18px;
  }
}
.modal__wrapper .modal__top .title__service {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: 16px;
  font-weight: 300;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #2f2f2f;
}
@media (max-width: 768px) {
  .modal__wrapper .modal__top .title__service {
    flex-direction: column;
  }
}
.modal__wrapper .modal__top .title__service-name {
  font-weight: 500;
  font-size: 16px;
  line-height: 125%;
  text-align: center;
  color: #2f2f2f;
  border-radius: 32px;
}
.modal__wrapper .modal__top .close {
  width: 24px;
  height: 24px;
  cursor: pointer;
  position: absolute;
  right: -24px;
  top: -24px;
}
@media (max-width: 768px) {
  .modal__wrapper .modal__top .close {
    right: 0;
    top: 0;
  }
}
.modal__wrapper .modal__top .close svg {
  width: 100%;
  height: 100%;
}
.modal__wrapper .modal__content form {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.modal__wrapper .modal__content form .user_agreement {
  font-weight: 500;
  font-size: 14px;
  color: #838B9C;
}
.modal__wrapper .modal__content form .user_agreement a {
  color: #000000;
  text-decoration: underline;
}
.modal__wrapper .modal__content form .form-select {
  cursor: pointer;
  background: #fff;
  border: 1px solid transparent;
  border-bottom: 1px solid #D9D9D9;
  width: 100%;
  padding: 17px 0 17px;
  color: #aaa;
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
}
.modal__wrapper .modal__content form .form__fields {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 24px;
}
.modal__wrapper .modal__content form .form__field-submit {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 768px) {
  .modal__wrapper .modal__content form .form__field-submit {
    justify-content: center;
    margin: 0 auto;
  }
}
.modal__wrapper .modal__content form .form__field-submit input, .modal__wrapper .modal__content form .form__field-submit button {
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
  text-align: inherit;
  font: inherit;
  border-radius: 0;
  appearance: none;
  cursor: pointer;
  background: #8e77d6;
  border-radius: 10px;
  padding: 12px 20px;
  width: 196px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Mulish", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 129%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
}
@media (max-width: 768px) {
  .modal__wrapper .modal__content form .form__field-submit input, .modal__wrapper .modal__content form .form__field-submit button {
    font-size: 14px;
    height: 40px;
  }
}
.modal__wrapper .modal__content form .file {
  cursor: pointer;
  z-index: 1;
  text-align: left;
  color: #000;
  background-color: transparent;
  border: none;
  position: relative;
  display: flex;
  flex: 100%;
  padding: 0;
  margin: 0;
}
.modal__wrapper .modal__content form .file .js-file_input {
  display: none;
}
.modal__wrapper .modal__content form .file .file__replace {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 32px;
  position: relative;
}
.modal__wrapper .modal__content form .file .file__replace span:nth-child(1) {
  font-family: "Mulish", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  color: #18181b;
}
.modal__wrapper .modal__content form .file .file__replace span:nth-child(2) {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  color: #68686e;
}
.modal__wrapper .modal__content form .file .file__replace:hover {
  color: #7E5AF6;
}
.modal__wrapper .modal__content form .file .file__replace::after {
  transition: 0.3s ease-in-out;
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width=%2725%27 height=%2724%27 viewBox=%270 0 25 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M18.25 20.5H6.25C6.05109 20.5 5.86032 20.421 5.71967 20.2803C5.57902 20.1397 5.5 19.9489 5.5 19.75C5.5 19.5511 5.57902 19.3603 5.71967 19.2197C5.86032 19.079 6.05109 19 6.25 19H18.25C18.4489 19 18.6397 19.079 18.7803 19.2197C18.921 19.3603 19 19.5511 19 19.75C19 19.9489 18.921 20.1397 18.7803 20.2803C18.6397 20.421 18.4489 20.5 18.25 20.5ZM12.25 17.5C12.1502 17.5003 12.0515 17.4799 11.96 17.44C11.8687 17.4059 11.7866 17.3512 11.72 17.28L6.72 12.28C6.58752 12.1378 6.5154 11.9498 6.51883 11.7555C6.52225 11.5612 6.60097 11.3758 6.73838 11.2384C6.87579 11.101 7.06118 11.0223 7.25548 11.0188C7.44978 11.0154 7.63783 11.0875 7.78 11.22L11.5 14.94V3.75C11.5 3.55109 11.579 3.36032 11.7197 3.21967C11.8603 3.07902 12.0511 3 12.25 3C12.4489 3 12.6397 3.07902 12.7803 3.21967C12.921 3.36032 13 3.55109 13 3.75V14.94L16.72 11.22C16.8622 11.0875 17.0502 11.0154 17.2445 11.0188C17.4388 11.0223 17.6242 11.101 17.7616 11.2384C17.899 11.3758 17.9777 11.5612 17.9812 11.7555C17.9846 11.9498 17.9125 12.1378 17.78 12.28L12.78 17.28C12.7134 17.3512 12.6313 17.4059 12.54 17.44C12.4485 17.4799 12.3498 17.5003 12.25 17.5Z%27 fill=%27%2318181B%27 /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  left: 0;
  width: 24px;
  height: 24px;
}
.modal__wrapper .modal__content form .form__field {
  flex: 0 0 calc(50% - 12px);
}
@media (max-width: 768px) {
  .modal__wrapper .modal__content form .form__field {
    flex: 0 0 100%;
  }
}
.modal__wrapper .modal__content form .form__field label {
  font-family: "Unbounded", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 117%;
  letter-spacing: 0.06em;
  color: #18181b;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .modal__wrapper .modal__content form .form__field label {
    font-weight: 500;
    font-size: 11px;
    line-height: 109%;
    letter-spacing: 0.06em;
  }
}
.modal__wrapper .modal__content form .form__field input, .modal__wrapper .modal__content form .form__field select, .modal__wrapper .modal__content form .form__field textarea {
  margin-top: 8px;
  margin-bottom: 8px;
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #a0a0aa;
  height: 44px;
  width: 100%;
  border-radius: 10px;
  padding: 5px 16px;
  background: #fff;
  border: 1px solid transparent;
}
.modal__wrapper .modal__content form .form__field textarea {
  height: 96px;
}
.modal__wrapper .modal .message {
  display: none;
  width: 100%;
  font-size: 12px;
  font-weight: 500;
  color: #FFB818;
  margin-top: 25px;
}
.modal__wrapper .modal .message.active {
  display: flex;
}
.modal__wrapper .modal .message.success {
  color: #46AD92;
}
.modal__wrapper .modal .message.error {
  color: #E8363D;
}
.modal__wrapper.show {
  pointer-events: auto;
  transition: opacity 0.2s ease-in-out;
  opacity: 1;
}
.modal__wrapper.show .modal {
  transition: opacity 0.2s 0.2s ease-in-out, transform 0.2s 0.2s ease-in-out;
  opacity: 1;
  transform: scale(1);
}
.modal__wrapper .change-log {
  margin-top: 15px;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  color: #000000;
  text-decoration: underline;
  cursor: pointer;
}

.wpcf7-not-valid-tip {
  margin-bottom: 10px;
}

.container__cookies {
  position: relative;
  display: none;
}

.cookies__wrapper .cookies {
  position: fixed;
  right: calc(100vw - 100% + 14px);
  bottom: 20px;
  z-index: 10;
  border-radius: 24px;
  padding: 32px;
  width: 416px;
  max-width: calc(100% - 40px);
  min-height: 248px;
  background-color: #FFFFFF;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
@media (max-width: 768px) {
  .cookies__wrapper .cookies {
    min-height: 200px;
    gap: 20px;
    padding: 20px 16px;
  }
}
@media only screen and (hover: none) and (pointer: coarse) {
  .cookies__wrapper .cookies {
    right: calc(100vw - 100% + 20px);
  }
}
@media only screen and (hover: hover) and (pointer: coarse) {
  .cookies__wrapper .cookies {
    right: calc(100vw - 100% + 20px);
  }
}
.cookies__wrapper .btn__cookies {
  font-weight: 700;
  font-size: 14px;
  line-height: 129%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  padding: 12px;
  overflow: hidden;
  border-radius: 10px;
  transition-property: color, background-color;
  transition-duration: 0.5s;
  position: relative;
  transform: perspective(1px) translateZ(0);
}
@media (max-width: 768px) {
  .cookies__wrapper .btn__cookies {
    font-weight: 700;
    font-size: 12px;
    line-height: 133%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
  }
}
.cookies__wrapper .btn__cookies::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  border-radius: 10px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.cookies__wrapper .btn__cookies:hover::before {
  transform: scaleX(1);
}
.cookies__wrapper .btn__accept {
  background: #8e77d6;
  color: #FFFFFF;
}
.cookies__wrapper .btn__accept::before {
  background: #E78762;
}
.cookies__wrapper .btn__reject {
  background: #FFFFFF;
  color: #18181b;
  border: 1px solid #d2d2dc;
}
.cookies__wrapper .btn__reject::before {
  background: #8e77d6;
  color: #FFFFFF;
}
.cookies__wrapper .btn__reject:hover {
  border: 1px solid transparent;
}

.cookies__icon {
  display: flex;
  justify-content: center;
}

.cookies__text p {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
}
@media (max-width: 768px) {
  .cookies__text p {
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
  }
}

.cookies__btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 24px;
}

.cookies__btn {
  flex: 1 1 calc(50% - 12px);
}
.cookies__btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.section-main__hero {
  position: relative;
  margin-top: -68px;
  z-index: 1;
  margin-bottom: clamp(3.5rem, 1.867rem + 6.949vw, 7.5rem);
}
.section-main__hero > .container {
  width: 1416px;
  height: 696px;
  max-width: 100%;
}
@media (max-width: 1500px) {
  .section-main__hero > .container {
    max-width: calc(100% - 24px);
  }
}
@media (max-width: 1342px) {
  .section-main__hero > .container {
    max-width: calc(100% - 24px);
  }
}
@media (max-width: 992px) {
  .section-main__hero > .container {
    max-width: calc(100% - 24px);
  }
}
@media (max-width: 768px) {
  .section-main__hero > .container {
    max-width: calc(100% - 24px);
  }
}
@media (max-width: 576px) {
  .section-main__hero > .container {
    max-width: calc(100% - 24px);
  }
}

.main__hero {
  position: relative;
}
.main__hero::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 24px;
}
.main__hero .container {
  height: 100%;
}

.main__hero-info {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.main__hero-info h1 {
  font-family: "Unbounded", sans-serif;
  font-weight: 700;
  font-size: clamp(2rem, 1.1835rem + 3.4745vw, 4rem);
  letter-spacing: -0.02em;
  color: #fff;
  margin-bottom: 20px;
  width: 800px;
  max-width: 100%;
  line-height: 112%;
}
.main__hero-info h1 span {
  font-family: "Unbounded", sans-serif;
  font-weight: 700;
  font-size: clamp(3rem, 1.9794rem + 4.3431vw, 5.5rem);
  line-height: 91%;
  letter-spacing: -0.02em;
  color: #fff;
  margin-bottom: 20px;
  display: inline-flex;
}
.main__hero-info p {
  font-family: "Mulish", sans-serif;
  font-weight: 500;
  font-size: 20px;
  font-size: clamp(1rem, 0.8979rem + 0.4343vw, 1.25rem);
  line-height: 130%;
  color: #fff;
}
.main__hero-info a {
  margin-top: 48px;
  font-family: "Mulish", sans-serif;
  font-weight: 700;
  font-size: clamp(0.75rem, 0.699rem + 0.2172vw, 0.875rem);
  line-height: 129%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #fff;
  border-radius: 10px;
  padding: 12px 20px;
  background: #8e77d6;
  display: inline-flex;
  transition: 0.3s ease-in-out;
}
@media (max-width: 768px) {
  .main__hero-info a {
    margin-top: 32px;
  }
}
.section__about {
  margin: clamp(3.5rem, 2.0405rem + 6.2439vw, 7.5rem) 0;
}
.section__about .about {
  display: flex;
  gap: 24px;
}
@media (max-width: 768px) {
  .section__about .about {
    flex-wrap: wrap;
  }
}
.section__about .about__left {
  flex: 0 0 calc(50% - 12px);
}
@media (max-width: 768px) {
  .section__about .about__left {
    flex: 0 0 100%;
  }
}
.section__about .about__left h2 {
  margin-bottom: 24px;
}
.section__about .about__left p {
  font-family: "Mulish", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: #68686e;
  margin-bottom: 48px;
}
.section__about .about__right {
  flex: 0 0 calc(50% - 12px);
}
@media (max-width: 768px) {
  .section__about .about__right {
    flex: 0 0 100%;
  }
  .section__about .about__right img {
    width: 100%;
  }
}
.section__about .about__right img {
  border-radius: var(--br-big);
  object-fit: cover;
  object-position: center;
  height: 100%;
  min-height: 100%;
}
.section__about .about__cards {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.section__about .about__card {
  background: var(--violet-color);
  border-radius: var(--br-big);
  padding: 16px;
  flex: 0 0 calc(50% - 4px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 22px;
  min-height: 150px;
}
.section__about .about__card-number span {
  color: var(--dark-color);
}
.section__about .about__card-number span:first-child {
  font-family: "Unbounded", sans-serif;
  font-weight: 700;
  font-size: clamp(1.625rem, 1.3034rem + 1.3685vw, 2.5rem);
  line-height: 110%;
  letter-spacing: -0.02em;
  color: var(--white-color);
}
.section__about .about__card-number span:last-child {
  font-family: "Unbounded", sans-serif;
  font-weight: 500;
  font-size: clamp(1.125rem, 0.9882rem + 0.5854vw, 1.5rem);
  line-height: 133%;
  color: var(--white-color);
}
.section__about .about__card-text {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: clamp(0.875rem, 0.8294rem + 0.1951vw, 1rem);
  line-height: 150%;
  color: var(--white-color);
}
.section__about .about__more {
  margin-top: 48px;
}
@media (max-width: 768px) {
  .section__about .about__more {
    margin-top: 32px;
  }
}
.section__about .about__more a {
  transition: 0.3s ease-in-out;
  display: flex;
  align-items: center;
  gap: 12px;
}
.section__about .about__more a span {
  font-family: "Mulish", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.01em;
  color: #18181b;
  transition: 0.3s ease-in-out;
}
@media (max-width: 768px) {
  .section__about .about__more a span {
    font-size: 14px;
  }
}
.section__about .about__more a svg path {
  transition: 0.3s ease-in-out;
}

.section__product-category {
  margin: clamp(3.5rem, 2.0405rem + 6.2439vw, 7.5rem) 0;
}

.product-category__cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(6, 1fr);
  gap: 24px;
  height: 640px;
}
@media (max-width: 768px) {
  .product-category__cards {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(5, 1fr);
    height: auto;
  }
}

.product-category__card {
  border-radius: var(--br-big);
  overflow: hidden;
  transition: 0.3s ease-in-out;
}
.product-category__card:hover .product-category__card-img {
  transform: scale3d(1.03, 1.03, 1);
}
.product-category__card:nth-child(1) {
  grid-column: 1;
  grid-row: 1/span 3;
}
.product-category__card:nth-child(2) {
  grid-column: 1;
  grid-row: 4/span 3;
}
.product-category__card:nth-child(3) {
  grid-column: 2;
  grid-row: 1/span 2;
}
.product-category__card:nth-child(4) {
  grid-column: 2;
  grid-row: 3/span 2;
}
.product-category__card:nth-child(5) {
  grid-column: 2;
  grid-row: 5/span 2;
}
@media (max-width: 768px) {
  .product-category__card {
    height: 200px;
  }
  .product-category__card:nth-child(1) {
    grid-column: auto;
    grid-row: 1;
  }
  .product-category__card:nth-child(2) {
    grid-column: auto;
    grid-row: 2;
  }
  .product-category__card:nth-child(3) {
    grid-column: auto;
    grid-row: 3;
  }
  .product-category__card:nth-child(4) {
    grid-column: auto;
    grid-row: 4;
  }
  .product-category__card:nth-child(5) {
    grid-column: auto;
    grid-row: 5;
  }
}
.product-category__card .product-category__card-link {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
  transition: 0.3s ease-in-out;
}
.product-category__card .product-category__card-link:hover .product-category__card-icon svg rect {
  fill: #E78762;
}
.product-category__card .product-category__card-link:hover .product-category__card-icon svg path {
  stroke: #fff;
  transform: scale(1.1) translateY(-5px);
}
.product-category__card .product-category__card-title {
  position: absolute;
  left: 24px;
  top: 24px;
  font-family: "Unbounded", sans-serif;
  font-weight: 500;
  font-size: clamp(1.875rem, 1.463rem + 1.7578vw, 3rem);
  line-height: 108%;
  color: var(--dark-color);
  transition: 0.3s ease-in-out;
  border-radius: 10px;
  padding: 4px 8px 8px 8px;
  background-color: var(--white-color);
}
.product-category__card .product-category__card-icon {
  position: absolute;
  right: 24px;
  bottom: 24px;
}
.product-category__card .product-category__card-icon svg path, .product-category__card .product-category__card-icon svg rect {
  transition: 0.3s ease-in-out;
}
.product-category__card .product-category__card-img {
  transition: 0.3s ease-in-out;
  overflow: hidden;
  display: flex;
  width: 100%;
}
.product-category__card .product-category__card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.section__advantages {
  margin: clamp(3.5rem, 2.0405rem + 6.2439vw, 7.5rem) 0;
}

.advantages {
  display: flex;
  gap: 24px;
}
@media (max-width: 768px) {
  .advantages {
    flex-wrap: wrap;
    gap: 0;
  }
}

.advantages__left {
  flex: 0 0 calc(50% - 12px);
}
.advantages__left h2 {
  margin-bottom: 32px;
  font-size: clamp(2rem, 1.5917rem + 1.7372vw, 3rem);
}
.advantages__left h2 + .advantages__text {
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .advantages__left {
    flex: 0 0 100%;
  }
}

.advantages__right {
  flex: 0 0 calc(50% - 12px);
}
@media (max-width: 768px) {
  .advantages__right {
    flex: 0 0 100%;
  }
}

.advantages__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px 24px;
}
@media (max-width: 768px) {
  .advantages__cards {
    gap: 32px 12px;
  }
}

.advantages__card-text {
  margin-top: 16px;
  font-family: "Mulish", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: #18181b;
}
@media (max-width: 768px) {
  .advantages__card-text {
    font-size: 18px;
    line-height: 133%;
    margin-top: 8px;
  }
}

.catalog {
  margin-top: 48px;
  display: flex;
  gap: 24px;
}
@media (max-width: 992px) {
  .catalog {
    flex-wrap: wrap;
  }
}

.catalog__left {
  flex: 0 0 306px;
}
@media (max-width: 992px) {
  .catalog__left {
    flex: 0 0 100%;
  }
}

.catalog__right {
  flex: 1 1 966px;
  margin-bottom: 96px;
}
@media (max-width: 992px) {
  .catalog__right {
    flex: 0 0 100%;
    margin-bottom: 56px;
  }
}

@media (max-width: 992px) {
  .catalog__category {
    display: none;
  }
}
.catalog__category .catalog__category-title {
  height: 60px;
  display: flex;
  align-items: center;
}
.catalog__category h2 {
  font-family: "Mulish", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 171%;
  text-transform: uppercase;
  color: #18181b;
  margin-bottom: 0;
}

.catalog__filter {
  background: #f5f5f6;
  border-radius: 16px;
  padding: 8px 8px 8px 16px;
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
@media (max-width: 768px) {
  .catalog__filter {
    flex-wrap: wrap;
    padding: 12px 12px 64px;
    gap: 20px;
  }
}

.catalog__qty {
  flex: 0 1 180px;
  height: 44px;
  display: flex;
  align-items: center;
}
@media (max-width: 1342px) {
  .catalog__qty {
    flex: 1 1 auto;
  }
}
.catalog__qty span {
  margin-left: 4px;
}
@media (max-width: 768px) {
  .catalog__qty {
    flex: 0 0 100%;
  }
}

.catalog__search {
  margin-right: 0;
  margin-left: auto;
  flex: 1 5 416px;
}
@media (max-width: 768px) {
  .catalog__search {
    flex: 0 0 100%;
  }
}
.catalog__search form {
  width: 100%;
}
.catalog__search form .get__search {
  display: flex;
  align-items: center;
  position: relative;
}
.catalog__search form .is-search-input {
  padding: 10px 16px;
  border-radius: 10px;
  border: transparent;
  height: 44px;
  width: 100%;
}
.catalog__search form .is-search-submit {
  position: absolute;
  right: 16px;
}

.catalog__sort {
  flex: 0 0 300px;
  position: relative;
}
@media (max-width: 768px) {
  .catalog__sort {
    flex: 0 0 100%;
  }
}
.catalog__sort .catalog__sort-block {
  border-radius: 10px;
  padding: 0 16px;
  border: 1px solid #18181b;
  position: absolute;
  width: 300px;
  height: 44px;
  left: 0;
  right: 0;
  background-color: #FFFFFF;
}
@media (max-width: 768px) {
  .catalog__sort .catalog__sort-block {
    width: 100%;
  }
}
.catalog__sort .catalog__sort-block.activated {
  height: 188px;
}
.catalog__sort .catalog__sort-block.activated .catalog__sort-current-icon {
  transform: rotate(0deg);
}
.catalog__sort .catalog__sort-current {
  position: relative;
}
.catalog__sort .catalog__sort-current a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  height: 44px;
}
.catalog__sort .catalog__sort-current a span {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: #18181b;
}
.catalog__sort .catalog__sort-current a .catalog__sort-current-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  transform: rotate(180deg);
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M17 14L12 9L7 14%27 stroke=%27%2318181B%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
}
.catalog__sort .catalog__sort-drop {
  display: none;
  flex-direction: column;
  background-color: #FFFFFF;
}
.catalog__sort .catalog__sort-drop.activated {
  display: flex;
  margin-bottom: 8px;
}
.catalog__sort .catalog__sort-drop a {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: #18181b;
  transition: 0.3s ease-in-out;
  padding: 8px 16px;
  border-radius: 10px;
}
.catalog__sort .catalog__sort-drop a:hover {
  background: #f4f1fb;
}

.category__filter {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.category__filter .filter__item label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.category__filter .filter__item label input {
  width: 24px;
  height: 24px;
  margin-right: 12px;
  accent-color: #18181b;
  cursor: pointer;
}
.category__filter .filter__item label span {
  display: inline-flex;
}
.category__filter .filter__item label span:first-child {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #18181b;
}
.category__filter .filter__item label span:last-child {
  font-family: "Unbounded", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 89%;
  color: #8e77d6;
  transform: translateY(-50%);
  margin-left: 4px;
}

.catalog__cards {
  margin-top: 24px;
  margin-bottom: 24px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media (width <= 1200px) {
  .catalog__cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .catalog__cards {
    grid-template-columns: repeat(1, 1fr);
  }
}

.catalog__card-title {
  font-family: "Mulish", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 130%;
  color: #18181b;
  margin: 12px 16px 8px;
}

.catalog__card-category {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
  margin-left: 16px;
  margin-right: 16px;
}
.catalog__card-category span {
  display: inline-flex;
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  color: #fff;
  background: #8e77d6;
  border-radius: 10px;
  padding: 4px 8px;
}

.catalog__card-link {
  transition: 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 24px;
  height: 100%;
}
.catalog__card-link:hover {
  background: #f5f5f6;
}
.catalog__card-link:hover .catalog__card-img img:first-child {
  display: none;
}
.catalog__card-link:hover .catalog__card-img img:last-child {
  display: block;
}

@-webkit-keyframes anim {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes anim {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.catalog__card-img {
  width: 100%;
  max-width: 100%;
}
.catalog__card-img img {
  width: 100%;
  height: 350px;
  transition: 0.3s ease-in-out;
}
.catalog__card-img img:first-child {
  object-fit: cover;
  object-position: center;
  border-radius: 24px;
}
.catalog__card-img img:nth-child(2) {
  object-fit: contain;
  object-position: center;
  display: none;
  border-radius: 24px;
}

.btn__filter-toggle__block {
  border: 1px solid #d2d2dc;
  border-radius: 10px;
  padding: 12px 20px;
  width: 100%;
  height: 40px;
  align-items: center;
  justify-content: center;
  display: none;
}
@media (max-width: 992px) {
  .btn__filter-toggle__block {
    display: flex;
  }
}

.btn__filter-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  justify-content: center;
}
.btn__filter-toggle span {
  font-family: "Mulish", sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 133%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #18181b;
}
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  flex-direction: column;
  margin: 40px auto 24px;
}

.more__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Mulish", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 129%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #18181b;
  padding: 12px 20px;
  border: 1px solid #d2d2dc;
  border-radius: 10px;
  transition: 0.3s ease-in-out;
}
.more__btn:hover {
  color: #8e77d6;
  border-color: #8e77d6;
}

.pagination__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.pagination__item a {
  font-family: "Unbounded", sans-serif;
  font-weight: 250;
  font-size: 16px;
  line-height: 100%;
  text-align: center;
  color: #18181b;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease-in-out;
}
.pagination__item a:hover {
  color: #8e77d6;
}
.pagination__item a:hover svg path {
  stroke: #8e77d6;
}

.pagination__item--active a {
  font-family: "Unbounded", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  text-align: center;
  color: #8e77d6;
  padding: 12px;
}

.pagination__item--dots {
  font-family: "Unbounded", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  text-align: center;
  color: #18181b;
}

.pagination__item--next svg path {
  transition: 0.3s ease-in-out;
}

#pgb {
  display: contents;
}

.section__form {
  background-color: #FFFFFF;
  padding-bottom: 48px;
}
@media (max-width: 768px) {
  .section__form {
    padding-bottom: 32px;
  }
}

.form__callback {
  background: #f5f5f6;
  border-radius: 24px;
  padding: 48px;
}
@media (max-width: 768px) {
  .form__callback {
    padding: 32px 16px;
  }
}
.form__callback form .form__field-submit {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 32px;
}
.form__callback form .form__field-submit input, .form__callback form .form__field-submit button {
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
  text-align: inherit;
  font: inherit;
  border-radius: 0;
  appearance: none;
  cursor: pointer;
  background: #8e77d6;
  border-radius: 10px;
  padding: 12px 20px;
  width: 196px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Mulish", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 129%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
}
.form__callback form .form__fields {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.form__callback form .form__field {
  flex: 0 0 calc(50% - 12px);
}
@media (max-width: 768px) {
  .form__callback form .form__field {
    flex: 0 0 100%;
  }
}
.form__callback form .form__field label {
  font-family: "Unbounded", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 117%;
  letter-spacing: 0.06em;
  color: #18181b;
}
.form__callback form .form__field input, .form__callback form .form__field select {
  margin-top: 8px;
  margin-bottom: 8px;
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #a0a0aa;
  height: 44px;
  appearance: none;
  width: 100%;
  border-radius: 10px;
  padding: 5px 16px;
  background: #fff;
  border: 1px solid transparent;
}

.form__callback-text {
  margin-bottom: 32px;
}
.form__callback-text h2 {
  font-family: "Unbounded", sans-serif;
  font-weight: 500;
  line-height: 108%;
  text-align: center;
  color: #18181b;
  margin-bottom: 12px;
}
.form__callback-text p {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  text-align: center;
  color: #18181b;
}
@media (max-width: 768px) {
  .form__callback-text p {
    font-size: 12px;
  }
}

.section__product {
  margin-bottom: 120px;
}

.single__product {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px 24px;
}
@media (max-width: 992px) {
  .single__product {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

.single__product-slider {
  overflow: hidden;
}
.single__product-slider .sp__slider {
  --swiper-theme-color: #18181b;
  --swiper-pagination-bullet-inactive-color: #fff;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-size: 10px;
  border-radius: 24px;
}
.single__product-slider .sp__slider .swiper-slide {
  background: white;
}
.single__product-slider .sp__slider img {
  border-radius: 24px;
  width: 100%;
  height: 500px;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 768px) {
  .single__product-slider .sp__slider img {
    height: 350px;
  }
}
.single__product-slider .sp__slider .sbp {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 16px;
  z-index: 2;
  cursor: pointer;
  transition: 0.3s ease-in-out;
  width: 44px;
  height: 44px;
  border-radius: 10px;
  padding: 6px;
}
.single__product-slider .sp__slider .sbp:hover {
  background: #FFFFFF;
}
.single__product-slider .sp__slider .sbn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
  z-index: 2;
  cursor: pointer;
  transition: 0.3s ease-in-out;
  width: 44px;
  height: 44px;
  border-radius: 10px;
  padding: 6px;
}
.single__product-slider .sp__slider .sbn:hover {
  background: #FFFFFF;
}

.single__product-info .single__product-category {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 24px;
}
.single__product-info .single__product-category span {
  display: inline-flex;
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  color: #fff;
  background: #8e77d6;
  border-radius: 10px;
  padding: 4px 8px;
}
.single__product-info h1 {
  font-family: "Unbounded", sans-serif;
  font-weight: 500;
  font-size: 48px;
  line-height: 108%;
  color: #18181b;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .single__product-info h1 {
    font-size: 30px;
    margin-bottom: 12px;
  }
}
.single__product-info p {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #68686e;
}
.single__product-info .single__product-accordion {
  margin-top: 32px;
}
.single__product-info .single__product-accordion__item {
  border-radius: 24px;
  padding: 20px 32px;
  background: #f5f5f6;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .single__product-info .single__product-accordion__item {
    padding: 16px;
  }
}
.single__product-info .single__product-accordion__content {
  display: none;
}
.single__product-info .single__product-accordion__title {
  cursor: pointer;
  font-family: "Unbounded", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 133%;
  color: #18181b;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .single__product-info .single__product-accordion__title {
    font-size: 18px;
  }
}
.single__product-info .accordion-icon {
  transition: transform 0.3s ease;
}
.single__product-info .accordion-icon.open {
  transform: rotate(45deg); /* Поворот "+" на "×" */
}
.single__product-info .single__product-accordion__content {
  margin-top: 24px;
}
@media (max-width: 768px) {
  .single__product-info .single__product-accordion__content {
    margin-top: 16px;
  }
}
.single__product-info .single__product-accordion__content p {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #18181b;
}
.single__product-info .pac__items {
  display: flex;
  flex-direction: column;
}
.single__product-info .pac__item {
  display: flex;
  justify-content: space-between;
  padding-top: 12px;
  padding-bottom: 12px;
  gap: 24px;
  border-top: 1px solid #dddde1;
}
.single__product-info .pac__item:last-child {
  border-bottom: 1px solid #dddde1;
}
.single__product-info .pac__title {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #18181b;
}
@media (max-width: 768px) {
  .single__product-info .pac__title {
    font-size: 14px;
  }
}
.single__product-info .pac__value {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  text-align: right;
  color: #68686e;
}
@media (max-width: 768px) {
  .single__product-info .pac__value {
    font-size: 14px;
  }
}

.sp__items {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 768px) {
  .sp__items {
    gap: 12px;
  }
}

.sp__item {
  display: flex;
  gap: 12px;
}

.sp__item-key {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #68686e;
  flex: 0 0 auto;
}
@media (max-width: 768px) {
  .sp__item-key {
    font-size: 14px;
  }
}

.sp__item-value {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #18181b;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .sp__item-value {
    font-size: 14px;
  }
}
.sp__item-value span {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  color: #fff;
  border-radius: 10px;
  padding: 4px 12px;
  background: #18181b;
}
@media (max-width: 768px) {
  .sp__item-value span {
    font-size: 12px;
  }
}

.section__404 {
  background-color: #FFFFFF;
  padding-bottom: 48px;
  padding-top: 48px;
}
@media (max-width: 768px) {
  .section__404 {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}

.block__404 {
  padding-top: 120px;
  padding-bottom: 120px;
  background: #f4f1fb;
  border-radius: 24px;
  position: relative;
}
.block__404::before {
  content: "";
  position: absolute;
  z-index: 1;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg width=%271088%27 height=%27329%27 viewBox=%270 0 1088 329%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M287.393 6.99997V322H201.293V45.22H227.753L63.9532 226.24L63.5332 198.94H337.793V263.2H0.113203V201.88L177.353 6.99997H287.393ZM546.251 328.72C510.411 328.72 479.191 322 452.591 308.56C425.991 294.84 405.411 275.66 390.851 251.02C376.571 226.38 369.431 197.54 369.431 164.5C369.431 131.46 376.571 102.62 390.851 77.98C405.411 53.34 425.991 34.3 452.591 20.86C479.191 7.13999 510.411 0.279986 546.251 0.279986C581.811 0.279986 612.751 7.13999 639.071 20.86C665.671 34.3 686.251 53.34 700.811 77.98C715.371 102.62 722.651 131.46 722.651 164.5C722.651 197.54 715.371 226.38 700.811 251.02C686.251 275.66 665.671 294.84 639.071 308.56C612.751 322 581.811 328.72 546.251 328.72ZM546.251 258.16C574.531 258.16 596.511 250.04 612.191 233.8C627.871 217.28 635.711 194.18 635.711 164.5C635.711 134.54 627.871 111.44 612.191 95.2C596.511 78.96 574.531 70.84 546.251 70.84C517.971 70.84 495.851 78.96 479.891 95.2C463.931 111.44 455.951 134.54 455.951 164.5C455.951 194.18 463.931 217.28 479.891 233.8C495.851 250.04 517.971 258.16 546.251 258.16ZM1037.57 6.99997V322H951.469V45.22H977.929L814.129 226.24L813.709 198.94H1087.97V263.2H750.289V201.88L927.529 6.99997H1037.57Z%27 fill=%27%238E77D6%27 fill-opacity=%270.07%27/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media (max-width: 576px) {
  .block__404::before {
    max-width: 90%;
  }
}
.block__404 h1 {
  font-family: "Unbounded", sans-serif;
  font-weight: 700;
  font-size: clamp(1.75rem, 1.0356rem + 3.0402vw, 3.5rem);
  line-height: 107%;
  letter-spacing: -0.02em;
  text-align: center;
  color: #18181b;
  margin-bottom: 24px;
  position: relative;
  z-index: 2;
}
@media (max-width: 768px) {
  .block__404 h1 {
    margin-bottom: 20px;
  }
}
.block__404 p {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #18181b;
  position: relative;
  z-index: 2;
}
@media (max-width: 768px) {
  .block__404 p {
    font-size: 14px;
    line-height: 143%;
    max-width: 75%;
    margin-left: auto;
    margin-right: auto;
  }
}
.block__404 .link__404 {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  margin-top: 48px;
}
@media (max-width: 768px) {
  .block__404 .link__404 {
    margin-top: 32px;
  }
}
.block__404 .link__404 a {
  font-family: "Mulish", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 129%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #fff;
  background: #8e77d6;
  border-radius: 10px;
  padding: 12px 20px;
}

.section__privacy {
  background-color: #FFFFFF;
  padding-bottom: 120px;
}
@media (max-width: 768px) {
  .section__privacy {
    padding-bottom: 56px;
  }
}

.privacy h1 {
  margin-top: 48px;
  margin-bottom: 48px;
}
@media (max-width: 768px) {
  .privacy h1 {
    margin-top: 16px;
    margin-bottom: 32px;
  }
}

.privacy__content {
  width: 100%;
  max-width: 858px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 48px;
}
.privacy__content h2 {
  font-family: "Mulish", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: #18181b;
  margin-top: 32px;
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .privacy__content h2 {
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.privacy__content p {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: clamp(0.75rem, 0.6479rem + 0.4343vw, 1rem);
  line-height: 150%;
  color: #18181b;
  margin-bottom: 12px;
}
@media (max-width: 768px) {
  .privacy__content p {
    font-size: 14px;
  }
}
.privacy__content ol {
  padding-left: 20px;
}
.privacy__content ol li {
  margin-bottom: 24px;
  font-size: clamp(0.75rem, 0.6479rem + 0.4343vw, 1rem);
}
.privacy__content ul {
  list-style: none;
  padding: 0;
  margin: 24px 0;
}
@media (max-width: 768px) {
  .privacy__content ul {
    margin-top: 20px;
  }
}
.privacy__content ul li {
  position: relative;
  padding-left: 24px;
  display: flex;
  margin-bottom: 8px;
  flex-direction: column;
  font-size: clamp(0.75rem, 0.6479rem + 0.4343vw, 1rem);
}
.privacy__content ul li ul {
  list-style-type: disc;
}
.privacy__content ul li ul li {
  list-style-type: disc;
  display: list-item;
  padding-left: 0;
  margin-left: 24px;
  font-size: clamp(0.75rem, 0.6479rem + 0.4343vw, 1rem);
}
.privacy__content ul li ul li::before {
  content: unset;
}
.privacy__content ul li:last-child {
  margin-bottom: 0;
}
.privacy__content ul li::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width=%2710%27 height=%2710%27 viewBox=%270 0 10 10%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Ccircle cx=%275%27 cy=%275%27 r=%274%27 stroke=%27%23A7D677%27 stroke-width=%272%27 /%3E%3C/svg%3E");
  width: 10px;
  height: 10px;
  position: absolute;
  left: 0;
  top: calc(clamp(0.75rem, 0.6479rem + 0.4343vw, 1rem) / 2);
}

.block__contacts {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
  margin-top: 48px;
}
@media (max-width: 992px) {
  .block__contacts {
    flex-wrap: wrap;
  }
}
@media (max-width: 768px) {
  .block__contacts {
    margin-top: 16px;
    margin-bottom: 32px;
  }
}
.block__contacts h1 {
  font-family: "Unbounded", sans-serif;
  font-weight: 500;
  font-size: 48px;
  line-height: 108%;
  color: #18181b;
}
@media (max-width: 992px) {
  .block__contacts h1 {
    width: 100%;
    margin-bottom: 32px;
  }
}
.block__contacts .socials {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 992px) {
  .block__contacts .socials {
    flex-wrap: wrap;
  }
}
.block__contacts .socials span {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #68686e;
  margin-right: 16px;
}
@media (max-width: 992px) {
  .block__contacts .socials span {
    width: 100%;
    display: block;
    margin-right: 0;
    margin-bottom: 16px;
  }
}
@media (max-width: 768px) {
  .block__contacts .socials span {
    font-size: 14px;
    line-height: 143%;
  }
}
.block__contacts .socials a:hover svg {
  fill: #18181B;
}
.block__contacts .socials a:hover svg rect {
  stroke: #18181B;
}
.block__contacts .socials a:hover svg path {
  fill: #FFFFFF;
}
.block__contacts .socials a svg {
  transition: 0.3s ease-in-out;
}
@media (max-width: 768px) {
  .block__contacts .socials a svg {
    width: 56px;
    height: 56px;
  }
}
.block__contacts .socials a svg * {
  transition: 0.3s ease-in-out;
}

.contacts {
  margin-bottom: 48px;
}

.contacts__items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
@media (max-width: 768px) {
  .contacts__items {
    grid-template-columns: 1fr;
  }
}
.contacts__items .contacts__item {
  border-radius: 24px;
  padding: 32px;
  background: #f4f1fb;
}
@media (max-width: 768px) {
  .contacts__items .contacts__item {
    padding: 16px;
  }
}
.contacts__items .contacts__item .contacts__item-groups {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.contacts__items .contacts__item .contacts__item-groups .contacts__item-group {
  flex: 1 1 calc(50% - 12px);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.contacts__items .contacts__item .contacts__item-title {
  font-family: "Unbounded", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 133%;
  color: #18181b;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .contacts__items .contacts__item .contacts__item-title {
    font-size: 18px;
    line-height: 144%;
  }
}
.contacts__items .contacts__item .contacts__item-person {
  font-family: "Mulish", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  color: #18181b;
}
@media (max-width: 768px) {
  .contacts__items .contacts__item .contacts__item-person {
    font-size: 14px;
    line-height: 157%;
  }
}
.contacts__items .contacts__item .contacts__item-phone a {
  display: flex;
  align-items: center;
  gap: 8px;
}
.contacts__items .contacts__item .contacts__item-phone a:hover span {
  color: #8e77d6;
}
.contacts__items .contacts__item .contacts__item-phone a span {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #18181b;
  transition: 0.3s ease-in-out;
}
@media (max-width: 768px) {
  .contacts__items .contacts__item .contacts__item-phone a span {
    font-size: 14px;
  }
}
.contacts__items .contacts__item .contacts__item-email a {
  display: flex;
  align-items: center;
  gap: 8px;
}
.contacts__items .contacts__item .contacts__item-email a span {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #18181b;
  transition: 0.3s ease-in-out;
}
@media (max-width: 768px) {
  .contacts__items .contacts__item .contacts__item-email a span {
    font-size: 14px;
  }
}
.contacts__items .contacts__item .contacts__item-email a:hover span {
  color: #8e77d6;
}
.contacts__map {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-bottom: 48px;
}

.contacts__map-info {
  flex: 0 0 calc(50% - 12px);
  max-width: calc(50% - 12px);
}
@media (max-width: 768px) {
  .contacts__map-info {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.contacts__map-info .cmi__info-item {
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .contacts__map-info .cmi__info-item {
    margin-bottom: 18px;
  }
}
.contacts__map-info .cmi__info-item:last-child {
  margin-bottom: 0;
}
.contacts__map-info .cmi__info-item p {
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .contacts__map-info .cmi__info-item p {
    font-size: 14px;
  }
}
.contacts__map-info .cmi__info-item span {
  font-size: 16px;
  line-height: 150%;
}
@media (max-width: 768px) {
  .contacts__map-info .cmi__info-item span {
    font-size: 14px;
  }
}

.contacts__map-map {
  flex: 0 0 calc(50% - 12px);
  max-width: calc(50% - 12px);
}
@media (max-width: 768px) {
  .contacts__map-map {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.contacts__map-map a img {
  width: 100%;
  border-radius: 24px;
}

.section__blog {
  padding-bottom: 96px;
  background-color: #FFFFFF;
}
@media (max-width: 768px) {
  .section__blog {
    padding-bottom: 56px;
  }
}
.section__blog h1 {
  margin-top: 48px;
  margin-bottom: 48px;
}
@media (max-width: 768px) {
  .section__blog h1 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}

.blog__category {
  margin-top: 48px;
  margin-bottom: 48px;
}
@media (max-width: 768px) {
  .blog__category {
    margin-bottom: 20px;
    margin-top: 0;
  }
}
.blog__category ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.blog__category ul li.active a {
  background: #18181b;
  color: #fff;
}
.blog__category ul li a {
  background: #e6e6ee;
  border-radius: 10px;
  padding: 10px 16px;
  font-weight: 700;
  display: inline-flex;
  transition: 0.3s ease-in-out;
  font-family: "Mulish", sans-serif;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
}
@media (max-width: 768px) {
  .blog__category ul li a {
    font-size: 14px;
    line-height: 157%;
  }
}
.blog__category ul li a:hover {
  background: #e5dff7;
  color: #8e77d6;
}

.blog__cards {
  margin-top: 48px;
  margin-bottom: 96px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px 24px;
}
@media (max-width: 768px) {
  .blog__cards {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media (max-width: 576px) {
  .blog__cards {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

.blog__card-img img {
  border-radius: 24px;
  width: 100%;
  height: 430px;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 450px) {
  .blog__card-img img {
    height: 240px;
  }
}

.blog__card-content {
  margin-top: 16px;
}
.blog__card-content h2 {
  font-family: "Mulish", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: #18181b;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .blog__card-content h2 {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 133%;
    color: #18181b;
  }
}
.blog__card-content .blog__card-info {
  display: flex;
  align-items: center;
  gap: 8px;
}
.blog__card-content .blog__card-date {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  color: #68686e;
}
.blog__card-content .blog__card-list__category {
  display: flex;
  align-items: center;
  gap: 8px;
}
.blog__card-content .blog__card-list__category span {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  color: #68686e;
  padding: 4px 8px;
  display: inline-flex;
  background: #f5f5f6;
  border-radius: 10px;
}

.single__post-title__block {
  margin-top: 48px;
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .single__post-title__block {
    margin-top: 16px;
    margin-bottom: 20px;
  }
}
.single__post-title__block h1 {
  font-family: "Unbounded", sans-serif;
  font-weight: 700;
  line-height: 107%;
  letter-spacing: -0.02em;
  text-align: center;
  color: #18181b;
  width: 1076px;
  max-width: 100%;
  margin: 24px auto;
}

.single__post-title__cat-list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.single__post-title__cat-list span {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  color: #68686e;
  padding: 4px 8px;
  background: #f5f5f6;
  border-radius: 10px;
}

.single__post-date {
  text-align: center;
  text-transform: lowercase;
}

.single__post-img {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
}
.single__post-img img {
  object-fit: cover;
  object-position: center;
  height: 600px;
  width: 100%;
  max-width: 100%;
}
@media (max-width: 768px) {
  .single__post-img img {
    height: 270px;
  }
}

.text__block {
  margin-top: 48px;
  margin-bottom: 48px;
}
.text__block h2 {
  font-family: "Unbounded", sans-serif;
  font-weight: 700;
  font-size: clamp(1.75rem, 1.4438rem + 1.3029vw, 2.5rem);
  line-height: 110%;
  letter-spacing: -0.02em;
  color: #18181b;
  margin-bottom: 32px;
}
.text__block img {
  border-radius: 24px;
  margin-top: 48px;
  margin-bottom: 48px;
}
@media (max-width: 768px) {
  .text__block img {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
.text__block blockquote {
  background: #f4f1fb;
  margin: 32px -32px;
  border-radius: 24px;
  padding: 32px;
}
@media (max-width: 992px) {
  .text__block blockquote {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 768px) {
  .text__block blockquote {
    padding: 16px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.text__block blockquote p {
  font-family: "Unbounded", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 133%;
  color: #8e77d6;
}
@media (max-width: 768px) {
  .text__block blockquote p {
    font-size: 18px;
    line-height: 144%;
  }
}
.text__block blockquote cite {
  display: block;
  text-align: right;
  font-size: 14px;
  color: #999;
  display: none;
}
.text__block ul {
  list-style: none;
  padding: 0;
  margin: 32px 0;
}
.text__block ul li {
  position: relative;
  padding-left: 24px;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  color: #18181b;
}
@media (max-width: 768px) {
  .text__block ul li {
    font-size: 18px;
    line-height: 156%;
  }
}
.text__block ul li::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width=%2710%27 height=%2710%27 viewBox=%270 0 10 10%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Ccircle cx=%275%27 cy=%275%27 r=%274%27 stroke=%27%23A7D677%27 stroke-width=%272%27 /%3E%3C/svg%3E");
  width: 10px;
  height: 10px;
  position: absolute;
  left: 0;
}
.text__block p {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  color: #18181b;
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .text__block p {
    font-size: 18px;
    line-height: 156%;
    margin-bottom: 20px;
  }
}
.text__block p:last-child {
  margin-bottom: 0;
}

.author__block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 48px;
}
@media (max-width: 768px) {
  .author__block {
    flex-direction: column;
    gap: 24px;
  }
}

.author__info span {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #68686e;
}
@media (max-width: 768px) {
  .author__info span {
    font-size: 14px;
    line-height: 143%;
  }
}
.author__info a {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #68686e;
}
@media (max-width: 768px) {
  .author__info a {
    font-size: 14px;
    line-height: 143%;
  }
}

.author__links {
  display: flex;
  align-items: center;
  gap: 16px;
}
.author__links span {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #68686e;
}
@media (max-width: 768px) {
  .author__links span {
    font-size: 14px;
    line-height: 143%;
  }
}
.author__links a svg rect, .author__links a svg path {
  transition: 0.3s ease-in-out;
}
.author__links a:hover svg rect {
  fill: #8e77d6;
}
.author__links a:hover svg path {
  fill: #fff;
}

.section__similar-posts {
  background-color: #FFFFFF;
  padding-bottom: clamp(3.5rem, 2.0405rem + 6.2439vw, 7.5rem);
}
.section__similar-posts .container {
  padding-top: clamp(3.5rem, 2.0405rem + 6.2439vw, 7.5rem);
  border-top: 1px solid #dddde1;
}
.section__similar-posts h2 {
  font-family: "Unbounded", sans-serif;
  font-weight: 500;
  line-height: 108%;
  color: #18181b;
  margin-bottom: 48px;
}

.similar__post-img img {
  border-radius: 24px;
  width: 100%;
  height: 430px;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 450px) {
  .similar__post-img img {
    height: 240px;
  }
}

.similar__post-content {
  margin-top: 16px;
}
.similar__post-content h3 {
  font-family: "Mulish", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: #18181b;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .similar__post-content h3 {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 133%;
    color: #18181b;
  }
}
.similar__post-content .similar__post-info {
  display: flex;
  align-items: center;
  gap: 8px;
}
.similar__post-content .similar__post-date {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  color: #68686e;
}
@media (max-width: 768px) {
  .similar__post-content .similar__post-date {
    font-family: "Mulish", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 167%;
    color: #68686e;
  }
}
.similar__post-content .similar__post-list__category {
  display: flex;
  align-items: center;
  gap: 8px;
}
.similar__post-content .similar__post-list__category span {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  color: #68686e;
  padding: 4px 8px;
  display: inline-flex;
  background: #f5f5f6;
  border-radius: 10px;
}
@media (max-width: 768px) {
  .similar__post-content .similar__post-list__category span {
    font-family: "Mulish", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 167%;
    color: #68686e;
  }
}

.section__career-intro {
  margin-top: 48px;
  margin-bottom: clamp(3.5rem, 2.0405rem + 6.2439vw, 7.5rem);
}
@media (max-width: 768px) {
  .section__career-intro {
    margin-top: 16px;
  }
}
.section__career-intro h1 {
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .section__career-intro h1 {
    margin-bottom: 20px;
  }
}

.career__img img {
  border-radius: 24px;
  width: 100%;
  height: 480px;
  object-fit: cover;
  object-position: center 35%;
}
@media (max-width: 576px) {
  .career__img img {
    height: 270px;
  }
}

.section__marquee {
  margin: clamp(3.5rem, 2.0405rem + 6.2439vw, 7.5rem) 0;
}

.t__marquee {
  background: rgba(167, 214, 119, 0.1);
  padding: 8px 0px;
}
@media (max-width: 768px) {
  .t__marquee {
    padding: 3px 0px;
  }
}

:root {
  --swiper-wrapper-transition-timing-function: linear !important;
}

.t__marquee-text {
  font-family: "Unbounded", sans-serif;
  font-weight: 700;
  font-size: 72px;
  letter-spacing: -0.02em;
  color: #18181b;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  width: auto;
  padding-left: 42px;
  padding-right: 66px;
}
@media (max-width: 768px) {
  .t__marquee-text {
    font-size: 40px;
  }
}
.t__marquee-text::after {
  content: "";
  position: absolute;
  right: 0;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2715%27 viewBox=%270 0 16 15%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Ccircle cx=%278%27 cy=%277.5%27 r=%276%27 stroke=%27%23A7D677%27 stroke-width=%273%27 /%3E%3C/svg%3E");
}

.section_vacancies {
  margin-bottom: clamp(3.5rem, 2.0405rem + 6.2439vw, 7.5rem);
}
.section_vacancies h1 {
  margin-bottom: 48px;
}

.vacancies__titles {
  display: grid;
  grid-template-columns: minmax(526px, 526px) minmax(280px, 330px) minmax(150px, 368px);
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 16px;
}
@media (max-width: 992px) {
  .vacancies__titles {
    display: none;
  }
}

.vacancies__position {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #68686e;
}

.vacancies__category {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #68686e;
}

.vacancies__location {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #68686e;
}

.vacancies__items {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.vacancies__item-wrapper {
  background: #f5f5f6;
  border-radius: 24px;
  max-width: 100%;
}
.vacancies__item-wrapper:hover {
  background: #f4f1fb;
}
.vacancies__item-wrapper:hover .vacancies__item * {
  color: #8e77d6;
  transition: 0.3s ease-in-out;
}
.vacancies__item-wrapper:hover .vacancies__item::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  right: 12px;
  transition: 0.3s ease-in-out;
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M12 6V18M6 12H18%27 stroke=%27%238E77D6%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 /%3E%3C/svg%3E");
}
.vacancies__item-wrapper:hover .vacancies__item.active::after {
  transition: 0.3s ease-in-out;
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M6 12H18%27 stroke=%27%238E77D6%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 /%3E%3C/svg%3E");
}

.vacancies__item {
  display: grid;
  align-items: center;
  grid-template-columns: minmax(460px, 526px) minmax(280px, 330px) minmax(150px, 368px);
  position: relative;
  padding: 24px;
  padding-right: 48px;
  cursor: pointer;
}
@media (max-width: 992px) {
  .vacancies__item {
    grid-template-columns: 100%;
    max-width: 100%;
    gap: 8px;
    padding: 16px;
    padding-right: 40px;
  }
}
.vacancies__item::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  right: 12px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M12 6V18M6 12H18%27 stroke=%27%2318181B%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 /%3E%3C/svg%3E");
}
@media (max-width: 768px) {
  .vacancies__item::after {
    right: 8px;
  }
}
.vacancies__item.active::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M6 12H18%27 stroke=%27%2318181B%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 /%3E%3C/svg%3E");
}

.vacancies__item-position {
  font-family: "Mulish", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 171%;
  text-transform: uppercase;
  color: #18181b;
}
@media (max-width: 768px) {
  .vacancies__item-position {
    font-size: 12px;
    line-height: 183%;
  }
}

.vacancies__item-category {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #18181b;
}
@media (max-width: 768px) {
  .vacancies__item-category {
    font-size: 14px;
    line-height: 143%;
  }
}

.vacancies__item-location {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #18181b;
}
@media (max-width: 768px) {
  .vacancies__item-location {
    font-size: 14px;
    line-height: 143%;
  }
}

.vacancies__item-content {
  width: 588px;
  max-width: calc(100% - 48px);
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
  display: none;
}
@media (max-width: 768px) {
  .vacancies__item-content {
    width: 100%;
    max-width: 100%;
  }
}
.vacancies__item-content * {
  font-size: 14px;
  line-height: 143%;
}
.vacancies__item-content ul {
  padding: 0;
  padding-left: 20px;
  margin: 0;
  margin-bottom: 16px;
}
.vacancies__item-content p {
  margin-bottom: 16px;
}

.vacancies__item-link {
  border-radius: 10px;
  padding: 12px 20px;
  background: #8e77d6;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s ease-in-out;
}
.vacancies__item-link span {
  font-family: "Mulish", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 129%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #fff;
  display: inline-flex;
}
.vacancies__item-link svg {
  display: inline-flex;
}

.section__main-posts {
  margin: clamp(3.5rem, 2.0405rem + 6.2439vw, 7.5rem) 0;
}

.main__posts-titles {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 48px;
}
@media (max-width: 768px) {
  .main__posts-titles {
    margin-bottom: 32px;
  }
}
.main__posts-titles h2 {
  margin-bottom: 0;
}
.main__posts-titles a {
  font-family: "Mulish", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.01em;
  color: #18181b;
  display: flex;
  align-items: center;
  gap: 12px;
  transition: 0.3s ease-in-out;
}
.main__posts-titles a svg path, .main__posts-titles a svg rect {
  transition: 0.3s ease-in-out;
}
.main__posts-titles a:hover svg rect {
  fill: #E78762;
}
.main__posts-titles a:hover svg path {
  transform: scale(1.1) translateY(-5px);
  stroke: #FFFFFF;
}
@media (max-width: 768px) {
  .main__posts-titles a {
    display: none;
  }
}

.main__posts-more {
  display: none;
}
@media (max-width: 768px) {
  .main__posts-more {
    display: block;
  }
  .main__posts-more a {
    font-family: "Mulish", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 157%;
    letter-spacing: 0.01em;
    color: #18181b;
    display: flex;
    align-items: center;
    gap: 12px;
  }
}

.main__posts-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
}
@media (max-width: 992px) {
  .main__posts-wrapper {
    display: flex;
    grid-template-columns: unset;
    gap: 0;
  }
}

.main__post-link {
  transition: 0.3s ease-in-out;
  border-radius: 24px;
}
.main__post-link:hover .main__post-img img {
  transform: scale3d(1.03, 1.03, 1);
}

.main__post-img {
  position: relative;
  overflow: hidden;
  transition: 0.3s ease-in-out;
  border-radius: 24px;
}
.main__post-img img {
  border-radius: 24px;
  width: 100%;
  height: 430px;
  object-fit: cover;
  object-position: center;
  transition: 0.3s ease-in-out;
}
@media (max-width: 768px) {
  .main__post-img img {
    height: 200px;
  }
}

.main__post-content {
  margin-top: 16px;
}
.main__post-content h3 {
  font-family: "Mulish", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: #18181b;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .main__post-content h3 {
    font-size: 18px;
  }
}
.main__post-content .main__post-info {
  display: flex;
  align-items: center;
  gap: 8px;
}
.main__post-content .main__post-date {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  color: #68686e;
}
@media (max-width: 768px) {
  .main__post-content .main__post-date {
    font-size: 12px;
  }
}
.main__post-content .main__post-list__category {
  display: flex;
  align-items: center;
  gap: 8px;
}
.main__post-content .main__post-list__category span {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  color: #68686e;
  padding: 4px 8px;
  display: inline-flex;
  background: #f5f5f6;
  border-radius: 10px;
}
@media (max-width: 768px) {
  .main__post-content .main__post-list__category span {
    font-size: 12px;
  }
}

.section__about-page {
  margin-top: 48px;
  margin-bottom: clamp(3.5rem, 2.0405rem + 6.2439vw, 7.5rem);
}
@media (max-width: 768px) {
  .section__about-page {
    margin-top: 16px;
  }
}

.sap__title h2 {
  font-family: "Unbounded", sans-serif;
  font-weight: 700;
  font-size: clamp(1.75rem, 1.0356rem + 3.0402vw, 3.5rem);
  line-height: 107%;
  letter-spacing: -0.02em;
  color: #18181b;
}
.sap__title h2 span {
  font-family: "Unbounded", sans-serif;
  font-weight: 700;
  font-size: clamp(1.75rem, 1.0356rem + 3.0402vw, 3.5rem);
  line-height: 107%;
  letter-spacing: -0.02em;
  color: #8e77d6;
}

.sap__images {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: clamp(3.5rem, 2.0405rem + 6.2439vw, 7.5rem);
}
@media (max-width: 768px) {
  .sap__images {
    flex-wrap: wrap;
    gap: 12px;
  }
}

.sap__img {
  flex: 0 0 calc(50% - 12px);
}
@media (max-width: 768px) {
  .sap__img {
    flex: 0 0 100%;
  }
}
.sap__img img {
  width: 100%;
  border-radius: 24px;
  height: clamp(21.25rem, 17.6778rem + 15.2009vw, 30rem);
  object-fit: cover;
  object-position: center;
}

.sap__process {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: clamp(3.5rem, 2.0405rem + 6.2439vw, 7.5rem);
}
@media (max-width: 992px) {
  .sap__process {
    flex-wrap: wrap;
  }
}

.sap__process-left {
  flex: 0 1 calc(50% - 12px);
}
@media (max-width: 992px) {
  .sap__process-left {
    flex: 0 0 100%;
  }
}
.sap__process-left p {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #68686e;
  width: 100%;
  max-width: 526px;
  margin-bottom: 16px;
}

.sap__process-right {
  flex: 1 0 calc(50% - 12px);
}
@media (max-width: 992px) {
  .sap__process-right {
    flex: 0 0 100%;
  }
}

.sap__items {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sap__item {
  background: #f5f5f6;
  border-radius: 24px;
  padding: 8px 32px;
  counter-increment: custom-counter;
}
@media (max-width: 768px) {
  .sap__item {
    padding: 16px 18px;
  }
}
.sap__item.active .sap__item-content {
  display: block;
}
.sap__item.active .sap__item-title::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M6 12H18%27 stroke=%27%2318181B%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
}
.sap__item:hover:not(.active) {
  background: #f4f1fb;
}
.sap__item:hover:not(.active) .sap__item-icon img {
  filter: invert(60%) sepia(78%) saturate(2674%) hue-rotate(216deg) brightness(90%) contrast(90%);
}
.sap__item:hover:not(.active) .sap__item-title::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M12.75 6C12.75 5.58579 12.4142 5.25 12 5.25C11.5858 5.25 11.25 5.58579 11.25 6V11.25H6C5.58579 11.25 5.25 11.5858 5.25 12C5.25 12.4142 5.58579 12.75 6 12.75H11.25V18C11.25 18.4142 11.5858 18.75 12 18.75C12.4142 18.75 12.75 18.4142 12.75 18V12.75H18C18.4142 12.75 18.75 12.4142 18.75 12C18.75 11.5858 18.4142 11.25 18 11.25H12.75V6Z%27 fill=%27%238E77D6%27 /%3E%3Cpath d=%27M12.75 6C12.75 5.58579 12.4142 5.25 12 5.25C11.5858 5.25 11.25 5.58579 11.25 6V11.25H6C5.58579 11.25 5.25 11.5858 5.25 12C5.25 12.4142 5.58579 12.75 6 12.75H11.25V18C11.25 18.4142 11.5858 18.75 12 18.75C12.4142 18.75 12.75 18.4142 12.75 18V12.75H18C18.4142 12.75 18.75 12.4142 18.75 12C18.75 11.5858 18.4142 11.25 18 11.25H12.75V6Z%27 fill=%27%238E77D6%27 /%3E%3C/svg%3E");
}
.sap__item:hover:not(.active) .sap__item-title::before {
  color: #8e77d6;
}
.sap__item:hover:not(.active) .sap__item-title h3 {
  color: #8e77d6;
}

.sap__item-title {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.sap__item-title::after {
  content: "";
  position: absolute;
  right: 0;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M12 6V18M6 12H18%27 stroke=%27%2318181B%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
  transition: 0.3s ease-in-out;
}
.sap__item-title .sap__item-icon {
  padding: 23px;
}
@media (max-width: 768px) {
  .sap__item-title .sap__item-icon {
    padding: 2px;
  }
}
.sap__item-title .sap__item-icon img {
  width: 40px;
  height: 40px;
}
@media (max-width: 768px) {
  .sap__item-title .sap__item-icon img {
    width: 24px;
    height: 24px;
  }
}
.sap__item-title h3 {
  margin-left: 24px;
  font-family: "Unbounded", sans-serif;
  font-weight: 500;
  font-size: clamp(1.125rem, 0.9719rem + 0.6515vw, 1.5rem);
  line-height: 133%;
  color: #18181b;
  transition: 0.3s ease-in-out;
}
@media (max-width: 768px) {
  .sap__item-title h3 {
    margin-left: 12px;
  }
}

.sap__item-content {
  display: none;
  margin-bottom: 8px;
}
@media (max-width: 992px) {
  .sap__item-content {
    margin-top: 20px;
  }
}

.sap__list {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0 0 16px;
  margin-left: 116px;
}
@media (max-width: 992px) {
  .sap__list {
    margin-left: 0;
  }
}
.sap__list li {
  display: flex;
  align-items: center;
  gap: 16px;
}
.sap__list li span {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #18181b;
}

.spa__text {
  margin-left: 116px;
}
@media (max-width: 992px) {
  .spa__text {
    margin-left: 0;
  }
}

.sap_video {
  margin-bottom: clamp(3.5rem, 2.0405rem + 6.2439vw, 7.5rem);
}
.sap_video video {
  border-radius: 24px;
}
.sap_video video[poster] {
  height: 100%;
  width: 100%;
  border-radius: 24px;
}

.sac__content {
  margin-bottom: clamp(3.5rem, 2.0405rem + 6.2439vw, 7.5rem);
  background: #8e77d6;
  display: flex;
  justify-content: space-between;
  border-radius: 24px;
  overflow: hidden;
}
@media (max-width: 992px) {
  .sac__content {
    flex-wrap: wrap;
  }
}

.sac__img {
  flex: 0 0 calc(50% - 12px);
  max-width: calc(50% - 12px);
}
@media (max-width: 992px) {
  .sac__img {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.sac__img img {
  border-radius: 24px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 576px) {
  .sac__img img {
    height: 270px;
  }
}

.sac__text {
  flex: 0 0 calc(50% - 12px);
  max-width: calc(50% - 12px);
  background: #8e77d6;
  padding: 48px 48px 48px 24px;
}
@media (max-width: 992px) {
  .sac__text {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 16px;
  }
}

.sac__title span {
  font-family: "Unbounded", sans-serif;
  font-weight: 500;
  font-size: clamp(1.875rem, 1.4157rem + 1.9544vw, 3rem);
  line-height: 108%;
  color: #fff;
  margin-bottom: 32px;
  display: block;
}
@media (max-width: 768px) {
  .sac__title span {
    line-height: 113%;
    margin-bottom: 16px;
  }
}

.sac__desc p {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #fff;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .sac__desc p {
    font-size: 14px;
    line-height: 143%;
  }
}
.section__about-certificates {
  margin: clamp(3.5rem, 2.0405rem + 6.2439vw, 7.5rem) 0;
}

.sacs__content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 24px;
}
@media (max-width: 992px) {
  .sacs__content {
    flex-wrap: wrap;
  }
}

.sacs__title {
  flex: 0 0 calc(50% - 12px);
}
@media (max-width: 992px) {
  .sacs__title {
    flex: 0 0 100%;
  }
}
.sacs__title h2 {
  font-family: "Unbounded", sans-serif;
  font-weight: 500;
  font-size: clamp(1.875rem, 1.4157rem + 1.9544vw, 3rem);
  line-height: 108%;
  color: #18181b;
}

.sacs__links {
  flex: 0 0 calc(50% - 12px);
  display: flex;
  flex-wrap: wrap;
  gap: 48px 24px;
}
@media (max-width: 992px) {
  .sacs__links {
    flex: 0 0 100%;
  }
}
@media (max-width: 768px) {
  .sacs__links {
    display: none;
  }
}
.sacs__links .sacs__link {
  flex: 0 0 calc(50% - 12px);
  max-width: 100%;
}

.sacs__links-mobile {
  display: none;
}
@media (max-width: 768px) {
  .sacs__links-mobile {
    display: block;
  }
}

.sacs__link:hover .sacs__more svg rect {
  fill: #E78762;
}
.sacs__link:hover .sacs__more svg path {
  transform: scale(1.1) translateY(-5px);
  stroke: #FFFFFF;
}

.sacs__img {
  background: #f5f5f6;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  border-radius: 24px;
}
.sacs__info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 16px;
}

.sacs__head {
  font-family: "Mulish", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: #18181b;
}
@media (max-width: 768px) {
  .sacs__head {
    font-size: 14px;
    line-height: 143%;
  }
}

.sacs__more svg {
  transition: 0.3s ease-in-out;
}
.sacs__more svg rect {
  transition: 0.3s ease-in-out;
}
.sacs__more svg path {
  transition: 0.3s ease-in-out;
}

.section__collaboration {
  margin-top: 48px;
  margin-bottom: 80px;
}
@media (max-width: 768px) {
  .section__collaboration {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}

.collaboration__info {
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
@media (max-width: 768px) {
  .collaboration__info {
    flex-wrap: wrap;
  }
}
.collaboration__info h1 {
  flex: 0 0 calc(50% - 12px);
}
@media (max-width: 768px) {
  .collaboration__info h1 {
    flex: 0 0 100%;
  }
}

.collaboration__text {
  flex: 0 0 calc(50% - 12px);
}
@media (max-width: 768px) {
  .collaboration__text {
    flex: 0 0 100%;
  }
}
.collaboration__text p {
  margin-bottom: 24px;
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #68686e;
}
.collaboration__text p:first-child {
  font-family: "Mulish", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: #18181b;
}
.collaboration__text p:last-child {
  margin-bottom: 0;
}

.section__map {
  margin-top: 80px;
  margin-bottom: 120px;
}
@media (max-width: 768px) {
  .section__map {
    margin-top: 16px;
    margin-bottom: 56px;
  }
}
.section__map .map__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  height: 690px;
}
@media (max-width: 992px) {
  .section__map .map__wrapper {
    flex-wrap: wrap;
    height: auto;
  }
}
.section__map .map__info {
  transition: 0.3s ease-in-out;
  display: none;
  height: 690px;
  overflow-y: auto;
  padding-right: 6px;
}
@media (max-width: 992px) {
  .section__map .map__info {
    height: auto;
  }
}
.section__map .map__info::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 4px rgb(141, 118, 212);
  border-radius: 0;
  background-color: #FFF;
}
.section__map .map__info::-webkit-scrollbar {
  width: 4px;
  height: 100px;
  background-color: #FFF;
  border-radius: 0;
}
.section__map .map__info::-webkit-scrollbar-thumb {
  border-radius: 0;
  -webkit-box-shadow: inset 0 0 4px rgb(141, 118, 212);
  background-color: rgb(141, 118, 212);
}
.section__map .map__info.activated {
  display: block;
  flex: 0 0 306px;
}
@media (max-width: 992px) {
  .section__map .map__info.activated {
    flex: 0 0 100%;
  }
}
.section__map .map__info-title {
  font-family: "Unbounded", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 133%;
  color: #18181b;
  margin-bottom: 16px;
}
.section__map .map__info-region {
  display: none;
}
.section__map .map__info-region.activated {
  display: block;
}
.section__map .map__info-location {
  font-family: "Mulish", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: #18181b;
  margin-bottom: 16px;
}
.section__map .map__info-distributors {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
@media (max-width: 992px) {
  .section__map .map__info-distributors {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 768px) {
  .section__map .map__info-distributors {
    grid-template-columns: 1fr;
  }
}
.section__map .map__info-distributor {
  background: #f5f5f6;
  border-radius: 24px;
  padding: 24px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
.section__map .map__info-distributor:last-child {
  margin-bottom: 0;
}
.section__map .map__info-distributor__location {
  display: flex;
  align-items: center;
  gap: 8px;
}
.section__map .map__info-distributor__location span {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #68686e;
}
.section__map .map__info-distributor__person {
  display: flex;
  align-items: center;
  gap: 8px;
}
.section__map .map__info-distributor__person span {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #68686e;
}
.section__map .map__info-distributor__tel a {
  display: flex;
  align-items: center;
  gap: 8px;
}
.section__map .map__info-distributor__tel a span {
  font-family: "Mulish", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  color: #18181b;
}
.section__map .map {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f6;
  border-radius: 24px;
  padding: clamp(0.75rem, 0.2397rem + 2.1716vw, 2rem) clamp(0.75rem, -0.1686rem + 3.9088vw, 3rem);
  height: 100%;
}
.section__map .map svg {
  max-width: 100%;
  height: auto;
}
.section__map .map svg path, .section__map .map svg circle {
  transition: 0.3s ease-in-out;
}
.section__map .map svg .cherkasy-misto.collaborated.activated circle:nth-child(1) {
  fill: #E78762;
}
.section__map .map svg .cherkasy-misto.collaborated.activated circle:nth-child(2) {
  stroke: #E78762;
}
.section__map .map svg .collaborated:hover path {
  fill-opacity: 0.8;
}
.section__map .map svg .collaborated circle {
  cursor: pointer;
}
.section__map .map svg .collaborated path {
  cursor: pointer;
  fill: #8E77D6;
  stroke: white;
  fill-opacity: 1;
}
.section__map .map svg .pended path {
  fill-opacity: 0.4;
}
.section__map .map svg .activated circle, .section__map .map svg .activated path {
  cursor: pointer;
}
.section__map .map svg .activated path {
  fill: #E78762;
  fill-opacity: 1;
}
.section__map .map svg .unused path {
  fill: #FFFFFF;
  fill-opacity: 1;
  stroke: #DDDDE1;
}

.private-label__title {
  margin-bottom: 48px;
}
.private-label__title h2 {
  font-family: "Unbounded", sans-serif;
  font-weight: 500;
  font-size: 48px;
  line-height: 108%;
  color: #18181b;
}
@media (max-width: 768px) {
  .private-label__title h2 {
    font-weight: 500;
    font-size: 30px;
    line-height: 113%;
    color: #18181b;
  }
}

.private-label__cards {
  padding-bottom: 120px;
}

.private-label__img img {
  border-radius: 24px;
  height: 260px;
  object-fit: cover;
  object-position: center;
  width: 100%;
}

.private-label__title {
  display: flex;
  font-family: "Unbounded", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 133%;
  color: #18181b;
  margin-top: 16px;
  margin-bottom: 12px;
}

.private-label__cats {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.private-label__cats span {
  display: inline-block;
  background: #f5f5f6;
  border-radius: 10px;
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  color: #68686e;
  padding: 4px 8px;
}

.section__main-clients {
  margin-bottom: clamp(3.5rem, 2.0405rem + 6.2439vw, 7.5rem);
}

.main-clients {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media (max-width: 992px) {
  .main-clients {
    grid-template-columns: repeat(1, 1fr);
  }
}
.main-clients .main-client {
  border-radius: 24px;
  padding: 32px;
  background: #f5f5f6;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 32px;
}
@media (max-width: 768px) {
  .main-clients .main-client {
    padding: 24px;
    gap: 20px;
  }
}
.main-clients .main-client__text {
  font-family: "Unbounded", sans-serif;
  font-weight: 500;
  font-size: clamp(1.125rem, 0.9719rem + 0.6515vw, 1.5rem);
  line-height: 133%;
  text-align: center;
  color: #18181b;
}

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