:root {
  --font-family: "Geologica", sans-serif;
  --content-width: 1712px;
  --content-width2: 848px;
  --container-offset: 104px;
  --container-width: calc(var(--content-width) + (var(--container-offset) * 2));
  --container-width2: calc(var(--content-width2) + (var(--container-offset) * 2));
  --Text-Tertiary: rgba(19, 21, 26, 0.60);
  --Text-Tertiary-Inverse: rgba(255, 255, 255, 0.60);
  --Text-Primary: #13151A;
  --Text-Primary-Inverse: #FFF;
  --Text-Secondary: #2F373F;
  --Text-Secondary-Inverse: rgba(255, 255, 255, 0.80);
  --Surface-Primary: #FFF;
  --Surface-Secondary-Inverse: rgba(255, 255, 255, 0.20);
  --Surface-Tertiary: rgba(19, 21, 26, 0.05);
  --Surface-Tertiary-Inverse: rgba(255, 255, 255, 0.05);
  --Black-Black-10: rgba(19, 21, 26, 0.10);
  --Border-Secondary: rgba(19, 21, 26, 0.10);
  --Surface-Accent: #DC3C34;
  --Surface-Accent-Hover: #E6463E;
}
@media (max-width: 1600px) {
  :root {
    --container-offset: 152px;
    --content-width2: 752px;
  }
}
@media (max-width: 1201px) {
  :root {
    --container-offset: 150px;
    --content-width2: 596px;
  }
}
@media (max-width: 1023px) {
  :root {
    --container-offset: 20px;
  }
}
@media (max-width: 767px) {
  :root {
    --container-offset: 10px;
  }
}

/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
.custom-checkbox__field:checked + .custom-checkbox__content::after {
  opacity: 1;
}

.custom-checkbox__field:focus + .custom-checkbox__content::before {
  outline: 2px solid #f00;
  outline-offset: 2px;
}

.custom-checkbox__field:disabled + .custom-checkbox__content {
  opacity: 0.4;
  pointer-events: none;
}

/* stylelint-disable */
/* stylelint-disable */
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

.page {
  height: 100%;
  font-family: var(--font-family, sans-serif);
  -webkit-text-size-adjust: 100%;
  color: var(--Text-Primary, #13151A);
  line-height: 1.25;
}

.page__body {
  margin: 0;
  min-width: 320px;
  min-height: 100%;
  font-size: 16px;
}

img {
  height: auto;
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

a {
  text-decoration: none;
}

.is-hidden {
  display: none !important;
  /* stylelint-disable-line declaration-no-important */
}

.btn-reset {
  border: none;
  padding: 0;
  background: transparent;
  cursor: pointer;
}

.list-reset {
  list-style: none;
  margin: 0;
  padding: 0;
}

.input-reset {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  background-color: #fff;
}
.input-reset::-webkit-search-decoration, .input-reset::-webkit-search-cancel-button, .input-reset::-webkit-search-results-button, .input-reset::-webkit-search-results-decoration {
  display: none;
}

.visually-hidden {
  position: absolute;
  overflow: hidden;
  margin: -1px;
  border: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0);
}

.container {
  margin: 0 auto;
  padding: 0 var(--container-offset);
  max-width: var(--container-width);
  width: 100%;
}
.container--min {
  max-width: var(--container-width2);
}

.js-focus-visible :focus:not(.focus-visible) {
  outline: none;
}

.centered {
  text-align: center;
}

.dis-scroll {
  position: fixed;
  left: 0;
  top: 0;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  -ms-scroll-chaining: none;
  overscroll-behavior: none;
}

.page--ios .dis-scroll {
  position: relative;
}

.site-container {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.price-table {
  border-collapse: collapse;  
  border-spacing: 0;          
}

.price-table th,
.price-table td {
  padding: 5px;               
  text-align: center;         
}



.main {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow: hidden;
}

.titleWr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 32px;
}
@media (max-width: 1201px) {
  .titleWr {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .titleWr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
@media (max-width: 1201px) {
  .titleWr--tabs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  .titleWr--tabs {
    gap: 8px;
  }
}
.titleWr__all {
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin-bottom: 2px;
  white-space: nowrap;
}
@media (max-width: 1201px) {
  .titleWr__all {
    font-size: 14px;
    margin-bottom: 1px;
  }
}
@media (max-width: 767px) {
  .titleWr__all {
    margin-bottom: 0;
  }
}
.titleWr__all svg {
  display: block;
  width: 20px;
  height: auto;
}
@media (max-width: 1201px) {
  .titleWr__all svg {
    width: 18px;
  }
}
.titleWr__all svg path {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (hover: hover) {
  .titleWr__all:hover {
    color: var(--Text-Accent, #DC3C34);
  }
  .titleWr__all:hover path {
    fill: var(--Text-Accent, #DC3C34);
  }
}
.titleWr__reit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.titleWr__reitCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.titleWr__reitCard > img {
  display: block;
  width: auto;
  height: 32px;
}
.titleWr__reitInf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
}
.titleWr__reitInf > svg {
  display: block;
  width: 24px;
  height: auto;
}
.titleWr__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 1201px) {
  .titleWr__tabs {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .titleWr__tabs {
    padding-left: 10px;
    padding-right: 10px;
    margin-left: -10px;
    margin-right: -10px;
    overflow: auto;
    width: 100vw;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
.titleWr__tabs button, .titleWr__tabs a {
  border-radius: 8px;
  background: var(--Surface-Tertiary, rgba(19, 21, 26, 0.05));
  padding: 6px 14px;
  border: 2px solid transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
}
.titleWr__tabs button.active, .titleWr__tabs a.active {
  border-color: var(--Surface-Accent, #DC3C34);
  background-color: transparent;
}
@media (hover: hover) {
  .titleWr__tabs button:hover, .titleWr__tabs a:hover {
    border-color: var(--Surface-Accent, #DC3C34);
  }
}

.title2 {
  color: var(--Text-Primary, #13151A);
  font-size: 32px;
  font-weight: 500;
  line-height: 110%;
  text-transform: uppercase;
  margin: 0;
}
@media (max-width: 1201px) {
  .title2 {
    font-size: 24px;
  }
}
.richText > *:first-child {
  margin-top: 0 !important;
}
.richText > *:last-child {
  margin-bottom: 0 !important;
}

.swiper-pag {
  position: absolute;
  bottom: 16px !important;
  left: 16px !important;
  width: calc(100% - 32px) !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  z-index: 2;
}
.swiper-pag span {
  border-radius: 4px;
  background: var(--Surface-Secondary-Inverse, rgba(255, 255, 255, 0.2));
  height: 4px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  opacity: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin: 0 !important;
}
.swiper-pag span.swiper-pagination-bullet-active {
  background: var(--Surface-Primary, #FFF);
}

.breadcrumbs {
  margin: 24px 0;
}
@media (max-width: 1201px) {
  .breadcrumbs {
    margin: 20px 0;
  }
}
@media (max-width: 767px) {
  .breadcrumbs {
    margin: 16px 0;
  }
}
.breadcrumbs__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: var(--Text-Tertiary, rgba(19, 21, 26, 0.6));
  font-size: 14px;
  font-weight: 200;
  line-height: 110%;
}
.breadcrumbs__wrap svg {
  display: block;
  width: 4;
  height: auto;
}
.breadcrumbs__wrap a {
  color: inherit;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (hover: hover) {
  .breadcrumbs__wrap a:hover {
    color: #13151a;
  }
}

.header {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1000;
  background-color: var(--Surface-Primary, #FFF);
  padding-top: 16px;
}
@media (max-width: 1201px) {
  .header {
    padding-top: 12px;
  }
}
@media (max-width: 767px) {
  .header {
    padding-top: 8px;
  }
}
.header__wr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1201px) {
  .header__wr {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .header__wr {
    gap: 8px;
  }
}
.header__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 1400px) {
  .header__top {
    gap: 12px;
  }
}
.header__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}
.header__logo img {
  display: block;
  width: 132px;
  max-width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .header__logo img {
    width: 99px;
    min-width: 99px;
  }
}
.header__logo span {
  color: var(--Black-Black-60, rgba(19, 21, 26, 0.6));
  leading-trim: both;
  text-edge: cap;
  font-size: 14px;
  font-weight: 300;
  line-height: 100%;
  text-transform: uppercase;
}
@media (max-width: 1870px) {
  .header__logo span {
    display: none;
  }
}
.header__city {
  border-radius: var(--Rounding-x1, 8px);
  background: var(--Surface-Tertiary, rgba(19, 21, 26, 0.05));
  padding: 8px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: left;
}
@media (max-width: 1400px) {
  .header__city {
    max-width: 236px;
    padding: 8px;
    font-size: 14px;
    white-space: nowrap;
  }
}
@media (max-width: 1201px) {
  .header__city {
    min-width: initial;
  }
}
@media (max-width: 1190px) {
  .header__city {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (hover: hover) {
  .header__city:hover {
    background: var(--Surface-Secondary, rgba(19, 21, 26, 0.1));
  }
}
.header__city span {
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1400px) {
  .header__city span {
    white-space: nowrap;
  }
}
@media (max-width: 1201px) {
  .header__city span {
    width: auto;
  }
}
@media (max-width: 1190px) {
  .header__city span {
    display: none;
  }
}
.header__city svg {
  display: block;
  width: 20px;
  min-width: 20px;
  height: auto;
}
.header__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
@media (max-width: 1870px) {
  .header__info {
    display: none;
  }
}
.header__infoCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0;
}
.header__infoT {
  margin: 0;
  color: var(--Text-Tertiary, rgba(19, 21, 26, 0.6));
  font-size: 14px;
  font-weight: 200;
  line-height: 1.25;
}
.header__infoY {
  color: var(--Text-Primary, #13151A);
  font-size: 14px;
  font-weight: 200;
  line-height: 1.25;
  margin: 0;
}
.header__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header__links a {
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-wrap: nowrap;
}
@media (max-width: 1400px) {
  .header__links a {
    font-size: 14px;
  }
}
@media (hover: hover) {
  .header__links a:hover {
    opacity: 0.8;
  }
}
@media (max-width: 767px) {
  .header__linksEmail {
    display: none !important;
  }
}
.header__soc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
@media (max-width: 767px) {
  .header__soc {
    display: none;
  }
}
.header__soc a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 8px;
  background: var(--Surface-Tertiary, rgba(19, 21, 26, 0.05));
  padding: 8px 12px;
}
@media (max-width: 1400px) {
  .header__soc a {
    padding: 8px;
  }
}
.header__soc a img {
  display: block;
  width: 20px;
  min-width: 20px;
  height: auto;
}
.header__btnCall {
  border-radius: 8px;
  background: var(--Surface-Tertiary, rgba(19, 21, 26, 0.05));
  padding: 8px 12px;
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-wrap: nowrap;
}
@media (max-width: 1400px) {
  .header__btnCall {
    padding: 8px;
    font-size: 14px;
  }
}
@media (hover: hover) {
  .header__btnCall:hover {
    /*background-color: var(--Surface-Accent-Hover, #E6463E);*/
  }
}
.header__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 4px 24px;
  border-radius: 16px;
  background: var(--Surface-Tertiary, rgba(19, 21, 26, 0.05));
  padding: 4px;
}
@media (max-width: 1300px) {
  .header__bottom {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (max-width: 1201px) {
  .header__bottom {
    gap: 4px;
  }
}
@media (max-width: 1300px) {
  .header__nav {
    width: 100%;
    padding: 12px 0;
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
}
@media (max-width: 767px) {
  .header__nav {
    display: none;
  }
}
.header__nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  line-height: 1;
}
@media (max-width: 1300px) {
  .header__nav ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
  }
}
.header__nav ul li {
  display: block;
  line-height: 1;
}
.header__nav ul li a {
  color: var(--Text-Primary, #13151A);
  font-size: 12px;
  font-weight: 500;
  line-height: 120%;
  text-transform: uppercase;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  white-space: nowrap;
}
@media (hover: hover) {
  .header__nav ul li a:hover {
    opacity: 0.8;
  }
}
.header__menu {
  position: relative;
}
@media (max-width: 767px) {
  .header__menu {
    display: none;
  }
}
.header__menu:hover .header__menuContent {
  opacity: 1;
  pointer-events: all;
}
.header__menu:hover::after {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}
.header__menuLink {
  border-radius: 12px;
  background: var(--Surface-Accent, #DC3C34);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  padding: 16px 24px;
  color: var(--Text-Primary-Inverse, #FFF);
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  text-transform: uppercase;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1600px) {
  .header__menuLink {
    text-transform: none;
  }
}
@media (max-width: 1201px) {
  .header__menuLink {
    padding: 12px 20px;
    font-size: 14px;
  }
}
@media (hover: hover) {
  .header__menuLink:hover {
    background-color: var(--Surface-Accent-Hover, #E6463E);
  }
}
.header__menuLink svg {
  display: block;
  width: 20px;
  height: auto;
}
.header__menuContent {
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transform: translateY(calc(100% + 4px));
  -ms-transform: translateY(calc(100% + 4px));
  transform: translateY(calc(100% + 4px));
  border-radius: 24px;
  background: var(--White-White-100, #FFF);
  -webkit-box-shadow: 0 48px 128px -32px rgba(0, 0, 0, 0.3);
  box-shadow: 0 48px 128px -32px rgba(0, 0, 0, 0.3);
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  width: 900px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 1201px) {
  .header__menuContent {
    width: 716px;
    padding: 20px;
  }
}
.header__menuBtns {
  width: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
}
@media (max-width: 1201px) {
  .header__menuBtns {
    width: 220px;
  }
}
.header__menuBtns button {
  border-radius: 8px;
  background: var(--Surface-Tertiary, rgba(19, 21, 26, 0.05));
  padding: 16px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 8px;
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: left;
}
@media (max-width: 1201px) {
  .header__menuBtns button {
    padding: 12px 16px;
    font-size: 14px;
  }
}
@media (hover: hover) {
  .header__menuBtns button:hover {
    background: var(--Surface-Secondary, rgba(19, 21, 26, 0.1));
  }
}
.header__menuBtns button.active {
  background: var(--Surface-Secondary, rgba(19, 21, 26, 0.1));
}
.header__menuBtns button svg {
  display: block;
  width: 20px;
  min-width: 20px;
  height: auto;
}
.header__menuDop {
  width: calc(100% - 250px - 24px);
  display: none;
}
@media (max-width: 1201px) {
  .header__menuDop {
    width: calc(100% - 220px - 24px);
  }
}
.header__menuDop.active {
  display: block;
}
.header__menuDop ul {
  gap: 16px 24px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 1201px) {
  .header__menuDop ul {
    gap: 12px 16px;
  }
}
.header__menuDop li {
  display: block;
  width: calc(50% - 12px);
}
@media (max-width: 1201px) {
  .header__menuDop li {
    width: calc(50% - 8px);
  }
}
.header__menuDop li a {
  color: var(--Black, var(--Black-Black-100, #13151A));
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1201px) {
  .header__menuDop li a {
    font-size: 14px;
  }
}
@media (hover: hover) {
  .header__menuDop li a:hover {
    color: var(--Primary, var(--Red-Primary-100, #DC3C34));
  }
}




.header__menuBtns .header__menuBtns-item {
  border-radius: 8px;
  background: var(--Surface-Tertiary, rgba(19, 21, 26, 0.05));
  padding: 16px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 8px;
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1201px) {
  .header__menuBtns .header__menuBtns-item {
    padding: 12px 16px;
    font-size: 14px;
  }
}
@media (hover: hover) {
  .header__menuBtns .header__menuBtns-item:hover {
    background: var(--Surface-Secondary, rgba(19, 21, 26, 0.1));
  }
}
.header__menuBtns .header__menuBtns-item.active {
  background: var(--Surface-Secondary, rgba(19, 21, 26, 0.1));
}
.header__menuBtns .header__menuBtns-item svg {
  display: block;
  width: 20px;
  min-width: 20px;
  height: auto;
}
.header__menuDop {
  width: calc(100% - 250px - 24px);
  display: none;
}
@media (max-width: 1201px) {
  .header__menuDop {
    width: calc(100% - 220px - 24px);
  }
}
.header__menuDop.active {
  display: block;
}
.header__menuDop ul {
  gap: 16px 24px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 1201px) {
  .header__menuDop ul {
    gap: 12px 16px;
  }
}
.header__menuDop li {
  display: block;
  width: calc(50% - 12px);
}
@media (max-width: 1201px) {
  .header__menuDop li {
    width: calc(50% - 8px);
  }
}
.header__menuDop li a {
  color: var(--Black, var(--Black-Black-100, #13151A));
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1201px) {
  .header__menuDop li a {
    font-size: 14px;
  }
}
@media (hover: hover) {
  .header__menuDop li a:hover {
    color: var(--Primary, var(--Red-Primary-100, #DC3C34));
  }
}
.header__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.header__btnPrice {
  border-radius: 12px;
  background: var(--Surface-Accent, #DC3C34);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  color: var(--Text-Primary-Inverse, #fff);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  padding: 16px 24px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}











.header__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.header__btnPrice {
  border-radius: 12px;
  background: var(--Surface-Accent, #DC3C34);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  color: var(--Text-Primary-Inverse, #fff);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  padding: 16px 24px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1201px) {
  .header__btnPrice {
    font-size: 14px;
    padding: 12px 20px;
  }
}
@media (hover: hover) {
  .header__btnPrice:hover {
    background: var(--Surface-Accent-Hover, #E6463E);
  }
}
.header__btnPrice svg {
  display: block;
  width: 20px;
  height: auto;
}
@media (max-width: 1600px) {
  .header__btnPrice span.pc {
    display: none;
  }
}
.header__btnPrice span.mob {
  display: none;
}
@media (max-width: 1600px) {
  .header__btnPrice span.mob {
    display: block;
  }
}
.header__search {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.header__search input {
  outline: none;
  display: block;
  width: 100%;
  border-radius: 12px;
  background: var(--Surface-Primary, #FFF);
  color: var(--Text-Tertiary, rgba(19, 21, 26, 0.6));
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
  padding: 16px;
  border: none;
}
@media (max-width: 1201px) {
  .header__search input {
    font-size: 14px;
    padding: 13px 48px 13px 12px;
  }
}
.header__search input::-webkit-search-decoration, .header__search input::-webkit-search-cancel-button, .header__search input::-webkit-search-results-button, .header__search input::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.header__search button {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  right: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 20px;
}
@media (max-width: 1201px) {
  .header__search button {
    right: 12px;
  }
}
.header__search button svg {
  display: block;
  width: 100%;
  height: auto;
}

.headerMenu {
  background: #f3f3f3;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 24px;
  z-index: 1050;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: none;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .headerMenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .headerMenu.active {
    opacity: 1;
    pointer-events: all;
  }
}
.headerMenu__close {
  position: absolute;
  top: 24px;
  right: 24px;
  border-radius: 8px;
  background: var(--Surface-Primary, #FFF);
  width: 36px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.headerMenu__close svg {
  display: block;
  width: 20px;
  height: auto;
}
.headerMenu__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: auto;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
}
.headerMenu__logo {
  display: block;
  width: 88px;
}
.headerMenu__logo img {
  display: block;
  width: 100%;
  height: auto;
}
.headerMenu__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.headerMenu__tel {
  color: var(--Text-Primary, #13151A);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.headerMenu__email {
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.headerMenu__hr {
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--Black-Black-10, rgba(19, 21, 26, 0.1));
}
.headerMenu__inf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.headerMenu__infCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.headerMenu__infT {
  color: var(--Text-Tertiary, rgba(19, 21, 26, 0.6));
  text-align: center;
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
}
.headerMenu__infY {
  color: var(--Text-Primary, #13151A);
  text-align: center;
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
}
.headerMenu__nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.headerMenu__nav ul li {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.headerMenu__nav ul li a {
  color: var(--Black, var(--Black-Black-100, #13151A));
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  text-transform: uppercase;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.headerMenu__soc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.headerMenu__soc a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  padding: 16px 24px;
  border-radius: 8px;
  background: var(--Surface-Primary, #FFF);
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  width: calc(50% - 4px);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.headerMenu__soc a img {
  display: block;
  width: 20px;
  height: auto;
}

.headerCatalog {
  background: #f3f3f3;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 1050;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: none;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.headerCatalog_second {
  background: #f3f3f3;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 1050;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: none;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .headerCatalog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .headerCatalog.active {
    opacity: 1;
    pointer-events: all;
  }
  .headerCatalog_second {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .headerCatalog_second.active {
    opacity: 1;
    pointer-events: all;
  }
}
.headerCatalog__close {
  position: relative;
  border-radius: 8px;
  background: var(--Surface-Primary, #FFF);
  width: 36px;
  min-width: 36px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.headerCatalog__close svg {
  display: block;
  width: 20px;
  height: auto;
}
.headerCatalog__close_prod {
  position: relative;
  border-radius: 8px;
  background: var(--Surface-Primary, #FFF);
  width: 36px;
  min-width: 36px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.headerCatalog__close_prod svg {
  display: block;
  width: 20px;
  height: auto;
}
.headerCatalog__top {
  padding: 24px;
  background-color: #f3f3f3;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  gap: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.headerCatalog__prev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: left;
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  border-radius: 8px;
  background: var(--Surface-Primary, #FFF);
  padding: 8px 12px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
  pointer-events: none;
}
.headerCatalog__prev.active {
  opacity: 1;
  pointer-events: all;
}
.headerCatalog__prev svg {
  display: block;
  width: 20px;
  height: auto;
}
.headerCatalog__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /*margin-top: auto;*/
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
  padding: 0 24px 24px;
}
.headerCatalog__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.headerCatalog__btns.hidden {
  display: none;
}
.headerCatalog__btns div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 16px;
  border-radius: 8px;
  background: var(--Surface-Primary, #FFF);
  color: var(--Text-Primary, #13151A);
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  text-transform: uppercase;
  width: 100%;
  padding: 16px 24px;
  text-align: left;
}
.headerCatalog__btns div a
{
  color: var(--Text-Primary, #13151A);  
}

.headerCatalog__btns div svg {
  display: block;
  width: 20px;
  height: auto;
}
.headerCatalog__nav {
  display: none;
  width: 100%;
}
.headerCatalog__nav.active {
  display: block;
}
.headerCatalog__nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  gap: 16px;
  line-height: 1;
}
.headerCatalog__nav ul li {
  display: block;
  line-height: 1;
}
.headerCatalog__nav ul li a {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--Black, var(--Black-Black-100, #13151A));
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
}

.footer {
  background: radial-gradient(20.87% 99.93% at 100% 0%, var(--Surface-Primary-Inverse, #2F373F) 0%, #2f373f 100%), radial-gradient(20.89% 100% at 0% 100%, var(--Surface-Primary-Inverse, #2F373F) 0%, #2f373f 100%), var(--Surface-Primary-Inverse, #2F373F);
  background-blend-mode: plus-lighter, plus-lighter, normal;
  padding: 48px 0;
}
@media (max-width: 767px) {
  .footer {
    padding: 16px 0;
  }
}
.footer__bottom {
  margin-top: 32px;
  padding-top: 32px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 24px 32px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .footer__bottom {
    padding-top: 0;
    margin-top: 0;
    border: none;
  }
}
.footer__bottomCol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px 24px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 767px) {
  .footer__bottomCol {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
  }
  .footer__bottomCol:last-child {
    display: none;
  }
}
.footer__bottomCol span {
  color: var(--Text-Secondary-Inverse, rgba(255, 255, 255, 0.8));
  font-size: 12px;
  font-weight: 500;
  line-height: 120%;
  text-transform: uppercase;
}
.footer__bottomCol a {
  color: var(--Text-Secondary-Inverse, rgba(255, 255, 255, 0.8));
  font-size: 12px;
  font-weight: 500;
  line-height: 120%;
  text-transform: uppercase;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (hover: hover) {
  .footer__bottomCol a:hover {
    color: var(--Surface-Primary, #FFF);
  }
}
.footer__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px 40px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 1201px) {
  .footer__top {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .footer__top {
    gap: 0;
  }
}
.footer__main {
  border-radius: 16px;
  background: var(--Surface-Tertiary-Inverse, rgba(255, 255, 255, 0.05));
  padding: 24px;
  width: 272px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 1201px) {
  .footer__main {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .footer__main {
    margin-bottom: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
  }
}
.footer__mainTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px 24px;
}
@media (max-width: 1201px) {
  .footer__mainTop {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .footer__mainTop {
    gap: 8px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.footer__logo {
  display: block;
  width: 149px;
}
.footer__logo img {
  display: block;
  width: 100%;
  height: auto;
}
.footer__mainDescr {
  color: var(--Text-Tertiary-Inverse, rgba(255, 255, 255, 0.6));
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
  margin: 0;
}
@media (max-width: 1201px) {
  .footer__mainDescr {
    width: 162px;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .footer__mainDescr {
    width: 100%;
    text-align: center;
  }
}
.footer__mainBot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 1201px) {
  .footer__mainBot {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}
@media (max-width: 767px) {
  .footer__mainBot {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.footer__mainBot a {
  color: var(--Text-Primary-Inverse, #FFF);
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  text-transform: uppercase;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1201px) {
  .footer__mainBot a {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .footer__mainBot a {
    text-align: center;
  }
}
@media (hover: hover) {
  .footer__mainBot a:hover {
    opacity: 0.8;
  }
}
.footer__nav {
  display: block;
  line-height: 1;
}
@media (max-width: 767px) {
  .footer__nav {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid var(--Border-Secondary-Inverse, rgba(255, 255, 255, 0.1));
    margin-bottom: 16px;
    padding-bottom: 16px;
  }
}
.footer ul {
  margin: 0;
  padding: 0;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1201px) {
  .footer ul {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .footer ul {
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.footer ul li {
  display: block;
  line-height: 1;
}
.footer ul li a {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--Text-Primary-Inverse, #FFF);
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  text-transform: uppercase;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .footer ul li a {
    text-align: center;
  }
}
@media (hover: hover) {
  .footer ul li a:hover {
    opacity: 0.8;
  }
}
.footer__inf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1201px) {
  .footer__inf {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .footer__inf {
    gap: 8px;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid var(--Border-Secondary-Inverse, rgba(255, 255, 255, 0.1));
    margin-bottom: 16px;
    padding-bottom: 16px;
  }
}
.footer__infCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
}
@media (max-width: 767px) {
  .footer__infCard {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.footer__infName {
  color: var(--Text-Tertiary-Inverse, rgba(255, 255, 255, 0.6));
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
  margin: 0;
}
@media (max-width: 1201px) {
  .footer__infName {
    font-size: 14px;
  }
}
.footer__infText {
  color: var(--Text-Primary-Inverse, #FFF);
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
  margin: 0;
}
@media (max-width: 1201px) {
  .footer__infText {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .footer__infText {
    text-align: center;
  }
}
.footer__dop {
  width: 272px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 1600px) {
  .footer__dop {
    display: none;
  }
}
@media (max-width: 767px) {
  .footer__dop {
    text-align: center;
  }
}
.footer__soc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.footer__soc a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  width: calc(50% - 4px);
  border-radius: 8px;
  background: var(--Surface-Tertiary-Inverse, rgba(255, 255, 255, 0.05));
  padding: 16px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (hover: hover) {
  .footer__soc a:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
}
.footer__soc a img {
  display: block;
  width: 32px;
  height: auto;
}
.footer__soc a span {
  color: var(--Text-Primary-Inverse, #FFF);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.14;
}
.footer__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.footer__btnPrice {
  border-radius: 8px;
  background: var(--Surface-Primary, #FFF);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  padding: 16px 24px;
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (hover: hover) {
  .footer__btnPrice:hover {
    background: var(--Surface-Secondary-Inverse, rgba(255, 255, 255, 0.2));
  }
}
.footer__btnCall {
  border-radius: 8px;
  background: var(--Surface-Accent, #DC3C34);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  padding: 16px 24px;
  color: var(--Text-Primary-Inverse, #FFF);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (hover: hover) {
  .footer__btnCall:hover {
    background-color: var(--Surface-Accent-Hover, #E6463E);
  }
}

.input {
  border-radius: 8px;
  background: var(--Surface-Secondary-Inverse, rgba(255, 255, 255, 0.2));
  overflow: hidden;
  display: block;
  width: 100%;
}
.input:has(input[type=file]) {
  cursor: pointer;
}
.input__title {
  color: var(--Text-Primary-Inverse, #FFF);
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
  padding: 7px 16px;
  display: block;
}
@media (max-width: 1201px) {
  .input__title {
    padding: 8px 12px;
    font-size: 14px;
  }
}
.input input {
  color: var(--Text-Tertiary, rgba(19, 21, 26, 0.6));
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
  padding: 16px;
  display: block;
  width: 100%;
  margin: 0;
  border: none;
  border-radius: 8px;
  background: var(--Surface-Primary, #FFF);
  outline: none;
}
@media (max-width: 1201px) {
  .input input {
    padding: 12px;
    font-size: 14px;
  }
}
.input input[type=file] {
  display: none;
}
.input textarea {
  color: var(--Text-Tertiary, rgba(19, 21, 26, 0.6));
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
  padding: 16px;
  display: block;
  width: 100%;
  margin: 0;
  border: none;
  border-radius: 8px;
  background: var(--Surface-Primary, #FFF);
  outline: none;
  min-height: 92px;
  resize: none;
}
@media (max-width: 1201px) {
  .input textarea {
    min-height: 78px;
    padding: 12px;
    font-size: 14px;
  }
}
.input__file {
  color: var(--Text-Tertiary, rgba(19, 21, 26, 0.6));
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
  padding: 16px;
  display: block;
  width: 100%;
  margin: 0;
  border: none;
  border-radius: 8px;
  background: var(--Surface-Primary, #FFF);
  outline: none;
  position: relative;
}
@media (max-width: 1201px) {
  .input__file {
    padding: 12px;
    font-size: 14px;
  }
}
.input__fileDecor {
  position: absolute;
  right: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
  width: 20px;
}
@media (max-width: 1201px) {
  .input__fileDecor {
    right: 12px;
  }
}
.input__fileDecor svg {
  display: block;
  width: 100%;
  height: auto;
}
.input--color {
  background: var(--Surface-Accent, #DC3C34);
}
.input--color2 {
  background: var(--Surface-Tertiary, rgba(19, 21, 26, 0.05));
}
.input--color2 .input__title {
  color: var(--Text-Secondary, #2F373F);
}
.input--color2 input, .input--color2 textarea {
  background: var(--Surface-Tertiary, rgba(19, 21, 26, 0.05));
  color: var(--Text-Tertiary, rgba(19, 21, 26, 0.6));
}
.input--color3 {
  background: var(--Surface-Secondary, rgba(19, 21, 26, 0.1));
}
.input--color3 .input__title {
  color: var(--Text-Secondary, #2F373F);
}
.input--color3 input, .input--color3 textarea {
  background: var(--Surface-Primary, #FFF);
  color: var(--Text-Tertiary, rgba(19, 21, 26, 0.6));
}

.ch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  cursor: pointer;
}
.ch input {
  display: none;
}
.ch input:checked ~ span {
  background: var(--Surface-Accent, #DC3C34);
}
.ch input:checked ~ span svg {
  opacity: 1;
}
.ch span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 16px;
  min-width: 16px;
  height: 16px;
  border-radius: 4px;
  background: var(--Surface-Primary, #FFF);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin-top: 2px;
}
.ch span svg {
  display: block;
  width: 12px;
  height: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}
.ch div {
  color: var(--Text-Secondary-Inverse, rgba(255, 255, 255, 0.8));
  font-size: 12px;
  font-weight: 200;
  line-height: 1.25;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
.ch--color div {
  color: var(--Text-Primary, #13151A);
}
.ch--color span {
  background: var(--Surface-Tertiary, rgba(19, 21, 26, 0.05));
}

.radioDec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  border-radius: 8px;
  background: var(--Surface-Primary, #FFF);
  padding: 8px;
}
@media (max-width: 767px) {
  .radioDec {
    padding: 6px;
    gap: 6px;
  }
}
.radioDec div {
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
}
@media (max-width: 767px) {
  .radioDec div {
    font-size: 14px;
  }
}
.radioDec > span {
  border-radius: 500px;
  background: var(--Surface-Secondary, rgba(19, 21, 26, 0.1));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 16px;
  min-width: 16px;
  height: 16px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .radioDec > span {
    width: 14px;
    height: 14px;
    min-width: 14px;
  }
}
.radioDec > span svg {
  display: block;
  width: 12px;
  height: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}
@media (max-width: 767px) {
  .radioDec > span svg {
    width: 10px;
  }
}
.radioDec input:checked + span {
  background: var(--Surface-Accent, #DC3C34);
}
.radioDec input:checked + span svg {
  opacity: 1;
}

.btn {
  border-radius: 8px;
  background: var(--Surface-Accent, #DC3C34);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  padding: 16px 24px;
  color: var(--Text-Primary-Inverse, #FFF);
  font-size: 16px;
  font-weight: 400;
  border: none;
  cursor: pointer;
  line-height: 1.25;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (hover: hover) {
  .btn:hover {
    background-color: var(--Surface-Accent-Hover, #E6463E);
  }
}
@media (max-width: 1201px) {
  .btn {
    padding: 12px 20px;
    font-size: 14px;
  }
}
.btn--white {
  background: var(--Surface-Primary, #FFF);
  color: var(--Text-Primary, #13151A);
}
@media (hover: hover) {
  .btn--white:hover {
    background: var(--Surface-Secondary-Inverse, rgba(255, 255, 255, 0.2));
  }
}
.btn--gray {
  background: var(--Surface-Tertiary, rgba(19, 21, 26, 0.05));
  color: var(--Text-Primary, #13151A);
}
@media (hover: hover) {
  .btn--gray:hover {
    background: var(--Surface-Secondary, rgba(19, 21, 26, 0.1));
  }
}

.menuBot {
  display: none;
}
@media (max-width: 767px) {
  .menuBot {
    position: sticky;
    z-index: 1000;
    bottom: 0;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid var(--Border-Tertiary, rgba(19, 21, 26, 0.05));
    background: var(--Surface-Primary, #FFF);
    -webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.2);
    display: flex;
    gap: 0;
  }
}
.menuBot__btn, .menuBot__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0;
  padding: 8px 2px;
  color: var(--Text-Primary, #13151A);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.25;
  width: 25%;
}
.menuBot__btn svg, .menuBot__link svg {
  display: block;
  width: 24px;
  height: auto;
}

.modal {
  padding: 24px;
  width: calc(100% - 24px);
  max-width: 416px;
  position: relative;
  border-radius: 24px;
}
@media (max-width: 400px) {
  .modal {
    padding: 16px;
    border-radius: 16px;
  }
}
.modal .fancybox-close-small {
  display: none;
}
.modal__close {
  position: absolute;
  top: 16px;
  right: 16px;
  border-radius: 8px;
  background: var(--Surface-Tertiary, rgba(19, 21, 26, 0.05));
  backdrop-filter: blur(4px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 400px) {
  .modal__close {
    width: 32px;
    height: 32px;
  }
}
@media (hover: hover) {
  .modal__close:hover {
    background: var(--Surface-Secondary, rgba(19, 21, 26, 0.1));
  }
}
.modal__close svg {
  display: block;
  width: 20px;
  height: auto;
}
@media (max-width: 400px) {
  .modal__close svg {
    width: 18px;
  }
}
.modal__title {
  color: var(--Black, var(--Black-Black-100, #13151A));
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  margin: 0 0 24px;
  width: calc(100% - 40px);
}
@media (max-width: 400px) {
  .modal__title {
    font-size: 22px;
    margin-bottom: 20px;
  }
}
.modal__descr {
  color: var(--Black, var(--Black-Black-100, #13151A));
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
  margin: 0 0 24px;
}
@media (max-width: 400px) {
  .modal__descr {
    font-size: 14px;
    margin-bottom: 20px;
  }
}
.modal__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 400px) {
  .modal__form {
    gap: 12px;
  }
}
.modal__formCheckeds {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}

.modalPrice {
  max-width: 848px;
}
.modalPrice__cont {
  border-radius: 24px;
  background: var(--Surface-Tertiary, rgba(19, 21, 26, 0.05));
  padding: 24px;
}
@media (max-width: 767px) {
  .modalPrice__cont {
    padding: 16px;
    border-radius: 20px;
  }
}
.modalPrice__progress {
  border-radius: 24px;
  background: var(--White-White-100, #FFF);
  height: 4px;
  width: 100%;
  margin-bottom: 24px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .modalPrice__progress {
    margin-bottom: 20px;
  }
}
.modalPrice__progress span {
  display: block;
  height: 100%;
  background: var(--Red-Primary-100, #DC3C34);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.modalPrice__step {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}
.modalPrice__step.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .modalPrice__step {
    gap: 20px;
  }
}
.modalPrice__name {
  color: var(--Black, var(--Black-Black-100, #13151A));
  font-size: 20px;
  font-weight: 500;
  line-height: 110%;
  margin: 0;
}
@media (max-width: 767px) {
  .modalPrice__name {
    font-size: 18px;
  }
}
.modalPrice__stepBtns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
@media (max-width: 767px) {
  .modalPrice__stepBtns {
    gap: 12px;
  }
}
.modalPrice__stepNext {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.modalPrice__radioWr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .modalPrice__radioWr {
    gap: 8px;
  }
}
.modalPrice__stepBtnPrev {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.modalPrice__stepBtnPrev svg {
  display: block;
  width: 20px;
  height: auto;
}
.modalPrice__stepName {
  color: var(--Black, var(--Black-Black-100, #13151A));
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  margin: 0 0 16px;
}
@media (max-width: 767px) {
  .modalPrice__stepName {
    margin-bottom: 12px;
    font-size: 14px;
  }
}
.modalPrice__stepInps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .modalPrice__stepInps {
    gap: 12px;
  }
}
.modalPrice__stepInpsW50 {
  width: calc(50% - 8px);
}
@media (max-width: 767px) {
  .modalPrice__stepInpsW50 {
    width: calc(50% - 6px);
  }
}
@media (max-width: 600px) {
  .modalPrice__stepInpsW50 {
    width: 100%;
  }
}
.modalPrice__stepInpsW100 {
  width: 100%;
}

.modalProd__img {
  display: block;
  width: 100%;
  aspect-ratio: 3/2;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 16px;
  margin-bottom: 16px;
}
@media (max-width: 400px) {
  .modalProd__img {
    margin-bottom: 12px;
  }
}
.modalProd__title {
  color: var(--Black, var(--Black-Black-100, #13151A));
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  margin: 0 0 16px;
}
@media (max-width: 400px) {
  .modalProd__title {
    font-size: 22px;
    margin-bottom: 12px;
  }
}
.modalProd__descr {
  color: var(--Black, var(--Black-Black-100, #13151A));
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
  margin: 0 0 16px;
}
@media (max-width: 400px) {
  .modalProd__descr {
    font-size: 14px;
    margin-bottom: 12px;
  }
}
.modalProd__price {
  color: var(--Surface-Accent, #DC3C34);
  font-size: 20px;
  font-weight: 500;
  line-height: 110%;
  margin: 0 0 16px;
}
@media (max-width: 400px) {
  .modalProd__price {
    margin-bottom: 12px;
    font-size: 18px;
  }
}
.modalProd__hr {
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--Border-Secondary, rgba(19, 21, 26, 0.1));
  margin: 24px 0;
}
@media (max-width: 400px) {
  .modalProd__hr {
    margin: 20px 0;
  }
}
.modalProd__lines {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 400px) {
  .modalProd__lines {
    gap: 6px;
  }
}
.modalProd__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 4px;
}
.modalProd__line span {
  color: var(--Text-Secondary, #2F373F);
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
}
@media (max-width: 400px) {
  .modalProd__line span {
    font-size: 14px;
  }
}
.modalProd__line span:last-child {
  font-weight: 400;
}
.modalProd__line div {
  border-bottom: 2px dotted var(--Border-Secondary, rgba(19, 21, 26, 0.1));
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-bottom: -4px;
}
@media (max-width: 400px) {
  .modalProd__line div {
    margin-bottom: -2px;
  }
}

.modalCity__list {
  border-radius: 16px;
  background: var(--Surface-Tertiary, rgba(19, 21, 26, 0.05));
  padding: 16px;
}
@media (max-width: 400px) {
  .modalCity__list {
    padding: 12px;
  }
}
.modalCity__list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  line-height: 1;
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 344px;
  padding-right: 20px;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--Surface-Secondary, rgba(19, 21, 26, 0.1)) transparent;
}
@media (max-width: 400px) {
  .modalCity__list ul {
    gap: 12px;
    padding-right: 16px;
    max-height: 320px;
  }
}
.modalCity__list ul li {
  display: block;
  line-height: 1;
}
.modalCity__list ul li a {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--Black, var(--Black-Black-100, #13151A));
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 400px) {
  .modalCity__list ul li a {
    font-size: 14px;
  }
}
@media (hover: hover) {
  .modalCity__list ul li a:hover {
    color: var(--Surface-Accent-Hover, #E6463E);
  }
}
.modalCity__input {
  margin-bottom: 16px;
}
@media (max-width: 400px) {
  .modalCity__input {
    margin-bottom: 12px;
  }
}
.modalCity__inpWr {
  position: relative;
}
.modalCity__subm {
  position: absolute;
  right: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 20px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (hover: hover) {
  .modalCity__subm:hover {
    opacity: 0.8;
  }
}
.modalCity__subm svg {
  display: block;
  width: 100%;
  height: auto;
}

.command {
  margin: 128px 0;
}
@media (max-width: 1201px) {
  .command {
    margin: 88px 0;
  }
}
@media (max-width: 767px) {
  .command {
    margin: 56px 0;
  }
}
.command__wr2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 1201px) {
  .command__wr2 {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: auto;
    padding: 0 150px;
    margin: 0 -150px;
    gap: 12px;
  }
}
@media (max-width: 1023px) {
  .command__wr2 {
    padding: 0 20px;
    margin: 0 -20px;
  }
}
@media (max-width: 767px) {
  .command__wr2 {
    padding: 0 10px;
    margin: 0 -10px;
    gap: 8px;
  }
}
.command__card {
  border-radius: 24px;
  background: var(--Surface-Tertiary, rgba(19, 21, 26, 0.05));
  width: calc(20% - 12.8px);
  overflow: hidden;
  padding: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
}
@media (max-width: 1600px) {
  .command__card {
    width: calc(25% - 12px);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}
@media (max-width: 1201px) {
  .command__card {
    width: 216px;
    min-width: 216px;
  }
}
@media (max-width: 767px) {
  .command__card {
    width: 244px;
    min-width: 244px;
  }
}
.command__card--main {
  width: calc(40% - 12.8px + 3.2px);
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 24px;
}
@media (max-width: 1600px) {
  .command__card--main {
    width: calc(25% - 12px);
  }
}
.command__card--main > * {
  width: calc(50% - 12px);
}
@media (max-width: 1600px) {
  .command__card--main > * {
    width: 100%;
  }
}
.command__card--main > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
}
@media (max-width: 1600px) {
  .command__card--main > form {
    display: none;
  }
}
.command__img {
  border-radius: var(--rounding-x-25, 20px);
  background: var(--Surface-Primary, #FFF);
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.command__img img {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
  object-fit: cover;
}
.command__content {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  padding: 24px;
  border-radius: 20px;
  background: var(--Surface-Primary, #FFF);
}
@media (max-width: 1201px) {
  .command__content {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .command__content {
    padding: 16px;
  }
}
.command__name {
  color: var(--Text-Primary, #13151A);
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  text-transform: uppercase;
  margin: 0;
}
.command__text {
  color: var(--Text-Tertiary, rgba(19, 21, 26, 0.6));
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
  margin: 0;
}
@media (max-width: 1201px) {
  .command__text {
    font-size: 14px;
  }
}
.command__form {
  border-radius: 24px;
  background: radial-gradient(52.4% 100% at 100% 0%, #2F373F 0%, #2f373f 100%), #2F373F;
  background-blend-mode: plus-lighter, normal;
  padding: 24px;
}
.command__formWr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
.command__formCheckeds {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.command__btnModal {
  margin-top: 8px;
  display: none;
}
@media (max-width: 1600px) {
  .command__btnModal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 1201px) {
  .command__btnModal {
    font-size: 14px;
    padding: 12px;
    margin-top: 4px;
  }
}
@media (max-width: 767px) {
  .command__btnModal {
    margin-top: 0;
  }
}

.news {
  margin: 128px 0;
}
@media (max-width: 1201px) {
  .news {
    margin: 88px 0;
  }
}
@media (max-width: 767px) {
  .news {
    margin: 56px 0;
  }
}
.news__wr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
@media (max-width: 1201px) {
  .news__wr {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: auto;
    padding: 0 150px;
    margin: 0 -150px;
    gap: 12px;
  }
}
@media (max-width: 1023px) {
  .news__wr {
    padding: 0 20px;
    margin: 0 -20px;
  }
}
@media (max-width: 767px) {
  .news__wr {
    padding: 0 10px;
    margin: 0 -10px;
    gap: 8px;
  }
}
.news__wr2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
  width: calc(75% - 8px);
}
@media (max-width: 1600px) {
  .news__wr2 {
    width: 100%;
  }
}
@media (max-width: 1201px) {
  .news__wr2 {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.news__wr2--full {
  width: 100%;
}
.news__card {
  width: calc(50% - 8px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 4px;
  padding: 4px;
  border-radius: 24px;
  background: var(--Surface-Tertiary, rgba(19, 21, 26, 0.05));
}
@media (max-width: 1401px) {
  .news__card {
    width: 100%;
  }
}
@media (max-width: 1201px) {
  .news__card {
    width: 596px;
    min-width: 569px;
  }
}
@media (max-width: 767px) {
  .news__card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 252px;
    min-width: 252px;
  }
}
.news__card--big {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc(25% - 8px);
}
@media (max-width: 1600px) {
  .news__card--big {
    display: none;
  }
}
.news__card--big .news__img {
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  aspect-ratio: initial;
}
.news__card--big .news__cont {
  width: 100%;
}
.news__vz {
  border-radius: 1000px;
  background: var(--Surface-Accent, #DC3C34);
  padding: 4px;
  color: var(--Text-Primary-Inverse, #FFF);
  font-size: 12px;
  font-weight: 500;
  line-height: 120%;
  text-transform: uppercase;
}
.news__img {
  display: block;
  border-radius: 20px;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  width: 248px;
  min-width: 248px;
}
@media (max-width: 767px) {
  .news__img {
    min-width: initial;
    aspect-ratio: 3/2;
  }
}
.news__img img {
  display: block;
  width: 100%;
  height: 100%;
}
.news__cont {
  border-radius: 20px;
  background: var(--Text-Primary-Inverse, #FFF);
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0;
}
@media (max-width: 1201px) {
  .news__cont {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .news__cont {
    padding: 16px;
  }
}
.news__date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: var(--Text-Tertiary, rgba(19, 21, 26, 0.6));
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
  margin: 0 0 8px;
}
@media (max-width: 1201px) {
  .news__date {
    font-size: 14px;
  }
}
.news__name {
  color: var(--Text-Primary, #13151A);
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  text-transform: uppercase;
  margin: 0 0 8px;
}
@media (max-width: 767px) {
  .news__name {
    margin-bottom: 0;
  }
}
.news__text {
  overflow: hidden;
  color: var(--Text-Secondary, #2F373F);
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
  margin: 0 0 4px;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 1201px) {
  .news__text {
    font-size: 14px;
    -webkit-line-clamp: 5;
    line-clamp: 5;
  }
}
@media (max-width: 767px) {
  .news__text {
    display: none;
  }
}
.news__linkDec {
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin-top: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 1201px) {
  .news__linkDec {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .news__linkDec {
    display: none;
  }
}
@media (hover: hover) {
  .news__linkDec:hover {
    color: var(--Text-Accent, #DC3C34);
  }
}

.faq {
  margin: 128px 0;
}
@media (max-width: 1201px) {
  .faq {
    margin: 88px 0;
  }
}
@media (max-width: 767px) {
  .faq {
    margin: 56px 0;
  }
}
.faq__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 80px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (max-width: 1201px) {
  .faq__wrap {
    gap: 64px;
  }
}
@media (max-width: 1023px) {
  .faq__wrap {
    gap: 32px;
  }
}
.faq__cont {
  width: calc(100% - 80px - 416px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1600px) {
  .faq__cont {
    width: calc(100% - 80px - 368px);
  }
}
@media (max-width: 1201px) {
  .faq__cont {
    width: calc(100% - 64px - 368px);
    gap: 12px;
  }
}
@media (max-width: 1023px) {
  .faq__cont {
    width: calc(100% - 32px - 342px);
  }
}
@media (max-width: 767px) {
  .faq__cont {
    gap: 8px;
    width: 100%;
  }
}
.faq__form {
  width: 416px;
  border-radius: 24px;
  background: radial-gradient(52.4% 100% at 100% 0%, #2F373F 0%, #2f373f 100%), #2F373F;
  background-blend-mode: plus-lighter, normal;
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1600px) {
  .faq__form {
    width: 368px;
  }
}
@media (max-width: 1201px) {
  .faq__form {
    padding: 20px;
    gap: 20px;
  }
}
@media (max-width: 1023px) {
  .faq__form {
    width: 342px;
  }
}
@media (max-width: 767px) {
  .faq__form {
    display: none;
    gap: 16px;
  }
}
.faq__card {
  border-radius: var(--Rounding-x3, 24px);
  border: 2px solid transparent;
  background: var(--Surface-Tertiary, rgba(19, 21, 26, 0.05));
  counter-increment: faq;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.faq__card.active {
  border-color: var(--Border-Secondary, rgba(19, 21, 26, 0.1));
  background-color: transparent;
}
.faq__card.active .faq__btn::after {
  color: var(--Text-Primary, #13151A);
}
.faq__card.active .faq__btn svg:first-child {
  opacity: 0;
}
.faq__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 48px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding: 22px 22px 22px 110px;
  position: relative;
  text-align: left;
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  text-transform: uppercase;
}
@media (max-width: 1201px) {
  .faq__btn {
    padding: 18px;
    gap: 40px;
    font-size: 14px;
  }
}
@media (max-width: 1023px) {
  .faq__btn {
    gap: 24px;
  }
}
@media (max-width: 767px) {
  .faq__btn {
    padding: 14px;
    gap: 8px;
  }
}
.faq__btn::after {
  content: counter(faq, decimal-leading-zero) ".";
  position: absolute;
  left: 22px;
  top: 22px;
  color: var(--Text-Tertiary, rgba(19, 21, 26, 0.6));
  font-size: 20px;
  font-weight: 500;
  line-height: 110%;
  text-transform: uppercase;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1201px) {
  .faq__btn::after {
    display: none;
  }
}
.faq__btn div {
  position: relative;
}
.faq__btn div svg {
  display: block;
  width: 24px;
  min-width: 24px;
  height: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.faq__btn div svg:first-child {
  top: 0;
  left: 0;
  position: absolute;
}
.faq__text {
  padding: 0 110px 24px 110px;
  color: var(--Text-Secondary, #2F373F);
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
  display: none;
}
@media (max-width: 1201px) {
  .faq__text {
    padding: 0 18px 18px 18px;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .faq__text {
    padding: 0 14px 14px 14px;
  }
}
.faq__formTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
}
.faq__formTitle span {
  color: var(--Text-Primary-Inverse, #FFF);
  font-size: 20px;
  font-weight: 500;
  line-height: 110%;
  text-transform: uppercase;
}
@media (max-width: 1201px) {
  .faq__formTitle span {
    font-size: 18px;
  }
}
.faq__formTitle svg {
  display: block;
  width: 28px;
  min-width: 28px;
  height: auto;
}
.faq__formDescr {
  color: var(--Text-Primary-Inverse, #FFF);
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
  margin: 0;
}
@media (max-width: 1201px) {
  .faq__formDescr {
    font-size: 14px;
  }
}
.faq__formWr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1201px) {
  .faq__formWr {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .faq__formWr {
    gap: 8px;
  }
}
.faq__formCheckeds {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.faq__formTitlePrice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0;
  color: var(--Text-Primary-Inverse, #FFF);
}
.faq__formTitlePrice span {
  font-size: 32px;
  font-weight: 500;
  line-height: 110%;
  text-transform: uppercase;
}
.faq__formTitlePrice span i {
  font-size: 16px;
  line-height: 1.1;
  color: var(--Text-Primary-Inverse, #FFF);
  font-style: normal;
}
.faq__formTitlePrice > i {
  color: var(--Text-Tertiary-Inverse, rgba(255, 255, 255, 0.6));
  font-size: 16px;
  font-style: normal;
  font-weight: 200;
  line-height: 1.25;
}
@media (max-width: 1201px) {
  .faq__formTitlePrice > i {
    font-size: 14px;
  }
}
.sertificates {
  margin: 128px 0;
}
@media (max-width: 1201px) {
  .sertificates {
    margin: 88px 0;
  }
}
@media (max-width: 767px) {
  .sertificates {
    margin: 56px 0;
  }
}
@media (max-width: 767px) {
  .sertificates__wr {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: auto;
    padding: 0 10px;
    margin: 0 -10px;
  }
}
.sertificates__wr2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 1201px) {
  .sertificates__wr2 {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .sertificates__wr2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    gap: 8px;
  }
}
.sertificates__card {
  border-radius: 24px;
  background: var(--Surface-Tertiary, rgba(19, 21, 26, 0.05));
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0;
  width: calc(20% - 12.8px);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1600px) {
  .sertificates__card {
    width: calc(33.3333333333% - 10.6666666667px);
  }
}
@media (max-width: 1201px) {
  .sertificates__card {
    padding: 20px;
    width: calc(33.3333333333% - 8px);
  }
}
@media (max-width: 767px) {
  .sertificates__card {
    padding: 16px;
    width: 252px;
    min-width: 252px;
  }
}
@media (hover: hover) {
  .sertificates__card:hover {
    background-color: rgba(19, 21, 26, 0.1);
  }
}
.sertificates__card img {
  display: block;
  width: 32px;
  height: auto;
  margin-bottom: 24px;
}
@media (max-width: 1201px) {
  .sertificates__card img {
    margin-bottom: 20px;
    width: 24px;
  }
}
@media (max-width: 767px) {
  .sertificates__card img {
    margin-bottom: 16px;
  }
}
.sertificates__number {
  color: var(--Text-Tertiary, rgba(19, 21, 26, 0.6));
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
  margin: 0 0 8px;
}
@media (max-width: 1201px) {
  .sertificates__number {
    font-size: 14px;
  }
}
.sertificates__name {
  color: var(--Text-Primary, #13151A);
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  text-transform: uppercase;
  margin: 0;
}

.company {
  margin: 128px 0;
}
@media (max-width: 1201px) {
  .company {
    margin: 88px 0;
  }
}
@media (max-width: 767px) {
  .company {
    margin: 56px 0;
  }
}
.company__title {
  margin-bottom: 32px;
}
@media (max-width: 1201px) {
  .company__title {
    margin-bottom: 24px;
  }
}
.company__vert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1201px) {
  .company__vert {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .company__vert {
    gap: 8px;
  }
}
.company__map {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
}
.company__map iframe {
  display: block;
  width: 100% !important;
  height: 500px !important;
}
@media (max-width: 1201px) {
  .company__map iframe {
    height: 440px !important;
  }
}
.company__mapIf {
  display: block;
  width: 100% !important;
  height: 500px !important;
}
@media (max-width: 1201px) {
  .company__mapIf {
    height: 440px !important;
  }
}
.company__mapIf > * {
  display: block;
  width: 100% !important;
  height: 100% !important;
}
.company__mapWr {
  position: absolute;
  z-index: 10;
  top: 4px;
  left: 4px;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
  height: calc(100% - 8px);
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .company__mapWr {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    overflow: auto;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    left: 0;
    padding-left: 4px;
    padding-right: 4px;
    gap: 0;
    width: 100%;
  }
}
.company__mapCard {
  height: calc(33.3333333333% - 2.6666666667px);
  width: 242px;
  border-radius: 20px;
  background: var(--Surface-Primary, #FFF);
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  pointer-events: all;
  cursor: pointer;
}
@media (max-width: 1201px) {
  .company__mapCard {
    padding: 12px;
  }
}
@media (max-width: 767px) {
  .company__mapCard {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 8px 16px 8px 8px;
    gap: 4px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    margin-right: 4px;
  }
  .company__mapCard:last-child {
    margin-right: 0;
  }
}
.company__mapIcon {
  display: block;
  width: 24px;
  height: auto;
}
.company__mapCardInf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.company__mapT {
  color: var(--Text-Tertiary, rgba(19, 21, 26, 0.6));
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
}
@media (max-width: 1201px) {
  .company__mapT {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .company__mapT {
    color: var(--Text-Primary, #13151A);
    white-space: nowrap;
  }
}
.company__mapTt {
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
  margin: 0;
}
@media (max-width: 1201px) {
  .company__mapTt {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .company__mapTt {
    display: none;
  }
}
.company__wr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
@media (max-width: 700px) {
  .company__wr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
  }
}
.company__dir {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  width: 416px;
}
@media (max-width: 1600px) {
  .company__dir {
    width: 368px;
  }
}
@media (max-width: 767px) {
  .company__dir {
    width: 320px;
  }
}
@media (max-width: 700px) {
  .company__dir {
    width: 100%;
    max-width: 450px;
  }
}
.company__dir img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
@media (max-width: 700px) {
  .company__dir img {
    position: static;
  }
}
.company__dirInf {
  position: absolute;
  z-index: 2;
  bottom: 4px;
  left: 4px;
  width: calc(100% - 8px);
  border-radius: 20px;
  background: var(--Surface-Primary, #FFF);
  padding: 16px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.company__dirT {
  color: var(--Text-Tertiary, rgba(19, 21, 26, 0.6));
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
}
@media (max-width: 1201px) {
  .company__dirT {
    font-size: 14px;
  }
}
.company__dirName {
  color: var(--Text-Primary, #13151A);
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  text-transform: uppercase;
}
@media (max-width: 1201px) {
  .company__dirName {
    font-size: 20px;
  }
}
.company__vert2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  width: calc(100% - 16px - 416px);
}
@media (max-width: 1600px) {
  .company__vert2 {
    width: calc(100% - 16px - 368px);
  }
}
@media (max-width: 1201px) {
  .company__vert2 {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .company__vert2 {
    width: calc(100% - 320px - 16px);
  }
}
@media (max-width: 700px) {
  .company__vert2 {
    width: 100%;
  }
}
.company__wr2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.company__inf {
  border-radius: 24px;
  background: var(--Surface-Tertiary, rgba(19, 21, 26, 0.05));
  padding: 8px;
  width: calc(100% - 16px - 560px);
}
@media (max-width: 1600px) {
  .company__inf {
    width: 100%;
  }
}
.company__imgDec {
  width: 560px;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 24px;
}
@media (max-width: 1600px) {
  .company__imgDec {
    display: none;
  }
}
.company__infCont {
  padding: 16px;
}
.company__infLogo {
  display: block;
  width: 150px;
  height: auto;
  margin-bottom: 26px;
}
.company__infTitle {
  color: var(--Text-Primary, #13151A);
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  text-transform: uppercase;
  margin: 0 0 16px;
}
@media (max-width: 1201px) {
  .company__infTitle {
    font-size: 24px;
  }
}
.company__infText {
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
}
@media (max-width: 1201px) {
  .company__infText {
    font-size: 14px;
  }
}
.company__infDop {
  border-radius: 16px;
  background: var(--Surface-Primary, #FFF);
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
}
@media (max-width: 1201px) {
  .company__infDop {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .company__infDop {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.company__infDop svg {
  display: block;
  width: 21px;
  min-width: 21px;
  height: auto;
}
.company__sotr {
  border-radius: 24px;
  background: radial-gradient(376.47% 50% at 0% 100%, #2F373F 0%, #2f373f 100%), radial-gradient(376.47% 50% at 100% 0%, #2F373F 0%, #2f373f 100%), #2F373F;
  background-blend-mode: plus-lighter, plus-lighter, normal;
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 1600px) {
  .company__sotr {
    gap: 24px;
  }
}
@media (max-width: 1201px) {
  .company__sotr {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .company__sotr {
    padding: 16px;
  }
}
.company__sotrInf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  width: calc(100% - 16px - 536px);
}
@media (max-width: 1600px) {
  .company__sotrInf {
    width: calc(100% - 24px - 344px);
  }
}
@media (max-width: 1400px) {
  .company__sotrInf {
    width: 100%;
  }
}
@media (max-width: 1201px) {
  .company__sotrInf {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .company__sotrInf {
    gap: 16px;
  }
}
.company__sotrTitle {
  color: var(--Text-Primary-Inverse, #FFF);
  font-size: 32px;
  font-weight: 500;
  line-height: 110%;
  text-transform: uppercase;
  margin: 0;
}
@media (max-width: 1201px) {
  .company__sotrTitle {
    font-size: 24px;
  }
}
.company__sotrCont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}
@media (max-width: 1600px) {
  .company__sotrCont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (max-width: 1201px) {
  .company__sotrCont {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 16px 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }
}
.company__sotrSoc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.company__sotrSoc a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 8px;
  background: #46525e;
  padding: 8px;
}
.company__sotrSoc a img {
  display: block;
  width: 32px;
  height: auto;
}
.company__sotrLinks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2px;
}
.company__sotrTel {
  color: var(--Text-Primary-Inverse, #FFF);
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  text-transform: uppercase;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1201px) {
  .company__sotrTel {
    font-size: 20px;
  }
}
@media (hover: hover) {
  .company__sotrTel:hover {
    opacity: 0.8;
  }
}
.company__sotrEmail {
  color: var(--Text-Secondary-Inverse, rgba(255, 255, 255, 0.8));
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1201px) {
  .company__sotrEmail {
    font-size: 14px;
  }
}
@media (hover: hover) {
  .company__sotrEmail:hover {
    color: var(--Text-Primary-Inverse, #FFF);
  }
}
.company__sotrForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  width: 536px;
}
@media (max-width: 1600px) {
  .company__sotrForm {
    width: 344px;
  }
}
@media (max-width: 1400px) {
  .company__sotrForm {
    display: none;
  }
}
.company__sotrFormWr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
}
.company__sotrFormWr > * {
  width: calc(50% - 8px);
}
@media (max-width: 1600px) {
  .company__sotrFormWr > * {
    width: 100%;
  }
}
.company__sotrFormChs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}

.whatJob {
  margin: 128px 0;
}
@media (max-width: 1201px) {
  .whatJob {
    margin: 88px 0;
  }
}
@media (max-width: 767px) {
  .whatJob {
    margin: 56px 0;
  }
}
.whatJob__title {
  margin-bottom: 32px;
}
@media (max-width: 1201px) {
  .whatJob__title {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .whatJob__wr {
    overflow: auto;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: -10px;
    margin-right: -10px;
  }
}
.whatJob__wr2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 1201px) {
  .whatJob__wr2 {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .whatJob__wr2 {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.whatJob__card {
  width: calc(25% - 16px);
  border-radius: 24px;
  background: var(--Surface-Tertiary, rgba(19, 21, 26, 0.05));
  padding: 24px;
  counter-increment: whatList;
}
@media (max-width: 1201px) {
  .whatJob__card {
    padding: 20px;
    width: calc(25% - 12px);
  }
}
@media (max-width: 1150px) {
  .whatJob__card {
    width: calc(50% - 6px);
  }
}
@media (max-width: 767px) {
  .whatJob__card {
    padding: 16px;
    width: 252px;
    min-width: 252px;
  }
}
.whatJob__card::before {
  content: counter(whatList, decimal-leading-zero) ".";
  color: var(--Text-Tertiary, rgba(19, 21, 26, 0.6));
  font-size: 32px;
  font-weight: 200;
  line-height: 110%;
  text-transform: uppercase;
  margin: 0 0 40px;
  display: block;
}
@media (max-width: 1201px) {
  .whatJob__card::before {
    font-size: 24px;
    margin-bottom: 32px;
  }
}
.whatJob__name {
  color: var(--Text-Primary, #13151A);
  font-size: 20px;
  font-weight: 500;
  line-height: 110%;
  text-transform: uppercase;
  margin: 0 0 16px;
}
@media (max-width: 1201px) {
  .whatJob__name {
    font-size: 18px;
  }
}
.whatJob__text {
  color: var(--Text-Secondary, #2F373F);
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
  margin: 0;
}
@media (max-width: 1201px) {
  .whatJob__text {
    font-size: 14px;
  }
}
.whatJob__dop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 767px) {
  .whatJob__dop {
    display: none;
  }
}
.whatJob__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 16px;
}
.whatJob__z {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.whatJob__soc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.whatJob__soc a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 8px;
  background: var(--Surface-Primary, #FFF);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1201px) {
  .whatJob__soc a {
    width: 42px;
    height: 42px;
  }
}
@media (hover: hover) {
  .whatJob__soc a:hover {
    background: var(--Surface-Secondary-Inverse, rgba(255, 255, 255, 0.2));
  }
}
.whatJob__soc a img {
  display: block;
  width: 20px;
  height: auto;
}
@media (max-width: 1201px) {
  .whatJob__soc a img {
    width: 18px;
  }
}
.whatJob__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.whatJob__tel {
  color: var(--Text-Primary, #13151A);
  font-size: 20px;
  font-weight: 500;
  line-height: 110%;
  text-transform: uppercase;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1201px) {
  .whatJob__tel {
    font-size: 18px;
  }
}
@media (hover: hover) {
  .whatJob__tel:hover {
    opacity: 0.8;
  }
}
.whatJob__email {
  color: var(--Text-Secondary, #2F373F);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1201px) {
  .whatJob__email {
    font-size: 14px;
  }
}
@media (hover: hover) {
  .whatJob__email:hover {
    opacity: 0.8;
  }
}

.zayvkaPrice {
  margin: 128px 0;
}
@media (max-width: 1201px) {
  .zayvkaPrice {
    margin: 88px 0;
  }
}
@media (max-width: 767px) {
  .zayvkaPrice {
    margin: 56px 0;
  }
}
.zayvkaPrice--mt {
  margin-top: 24px;
}
@media (max-width: 1201px) {
  .zayvkaPrice--mt {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .zayvkaPrice--mt {
    margin-top: 16px;
  }
}
.zayvkaPrice__wr {
  border-radius: 24px;
  background: radial-gradient(26.17% 100% at 0% 100%, #2F373F 0%, #2f373f 100%), radial-gradient(26.17% 100% at 100% 0%, #2F373F 0%, #2f373f 100%), #2F373F;
  background-blend-mode: plus-lighter, plus-lighter, normal;
  padding: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 48px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 1600px) {
  .zayvkaPrice__wr {
    gap: 24px;
  }
}
@media (max-width: 1201px) {
  .zayvkaPrice__wr {
    padding: 40px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  .zayvkaPrice__wr {
    padding: 16px;
    gap: 16px 20px;
  }
}
@media (max-width: 650px) {
  .zayvkaPrice__wr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.zayvkaPrice__cont {
  width: 656px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1600px) {
  .zayvkaPrice__cont {
    width: 512px;
  }
}
@media (max-width: 1201px) {
  .zayvkaPrice__cont {
    width: calc(50% - 12px);
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .zayvkaPrice__cont {
    width: calc(50% - 10px);
    gap: 16px;
  }
}
@media (max-width: 650px) {
  .zayvkaPrice__cont {
    width: 100%;
  }
}
.zayvkaPrice__svg {
  width: 410px;
}
@media (max-width: 1600px) {
  .zayvkaPrice__svg {
    display: none;
  }
}
.zayvkaPrice__svg svg {
  display: block;
  width: 100%;
  height: auto;
}
.zayvkaPrice__form {
  width: 368px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1600px) {
  .zayvkaPrice__form {
    width: 416px;
  }
}
@media (max-width: 1201px) {
  .zayvkaPrice__form {
    width: calc(50% - 12px);
  }
}
@media (max-width: 767px) {
  .zayvkaPrice__form {
    width: calc(50% - 10px);
  }
}
@media (max-width: 650px) {
  .zayvkaPrice__form {
    width: 100%;
  }
}
.zayvkaPrice__formCheckeds {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.zayvkaPrice__title {
  color: var(--Text-Primary-Inverse, #FFF);
  font-size: 32px;
  font-weight: 500;
  line-height: 110%;
  text-transform: uppercase;
  margin: 0;
}
@media (max-width: 1201px) {
  .zayvkaPrice__title {
    font-size: 24px;
  }
}
.zayvkaPrice__spec {
  border-radius: 24px;
  background: #46525e;
  background-blend-mode: color-dodge;
  padding: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 8px;
}
@media (max-width: 1201px) {
  .zayvkaPrice__spec {
    padding: 12px;
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .zayvkaPrice__spec {
    padding: 16px;
    border-radius: 16px;
  }
}
.zayvkaPrice__spec > img {
  display: block;
  width: 128px;
  min-width: 128px;
  aspect-ratio: 1/1;
  border-radius: 20px;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 1600px) {
  .zayvkaPrice__spec > img {
    width: 140px;
    min-width: 140px;
  }
}
@media (max-width: 1201px) {
  .zayvkaPrice__spec > img {
    width: 84px;
    min-width: 84px;
  }
}
@media (max-width: 767px) {
  .zayvkaPrice__spec > img {
    display: none;
  }
}
.zayvkaPrice__specCont {
  padding: 12px;
}
@media (max-width: 1600px) {
  .zayvkaPrice__specCont {
    padding: 10px 12px;
  }
}
@media (max-width: 1201px) {
  .zayvkaPrice__specCont {
    padding: 0;
  }
}
.zayvkaPrice__specT {
  color: var(--Text-Tertiary-Inverse, rgba(255, 255, 255, 0.6));
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
  margin: 0 0 4px;
}
@media (max-width: 1201px) {
  .zayvkaPrice__specT {
    font-size: 14px;
  }
}
.zayvkaPrice__specN {
  color: var(--Text-Primary-Inverse, #FFF);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  margin: 0 0 16px;
}
@media (max-width: 1201px) {
  .zayvkaPrice__specN {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .zayvkaPrice__specN {
    margin-bottom: 12px;
  }
}
.zayvkaPrice__specD {
  color: var(--Text-Primary-Inverse, #FFF);
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
}
@media (max-width: 1201px) {
  .zayvkaPrice__specD {
    font-size: 14px;
  }
}
.zayvkaPrice__sotrCont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px 24px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 1201px) {
  .zayvkaPrice__sotrCont {
    gap: 16px 20px;
  }
}
.zayvkaPrice__sotrSoc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.zayvkaPrice__sotrSoc a {
  border-radius: 8px;
  background: #46525e;
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.zayvkaPrice__sotrSoc a img {
  display: block;
  width: 32px;
  height: auto;
}
.zayvkaPrice__sotrLinks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2px;
}
.zayvkaPrice__sotrTel {
  color: var(--Text-Primary-Inverse, #FFF);
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  text-transform: uppercase;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1201px) {
  .zayvkaPrice__sotrTel {
    font-size: 20px;
  }
}
@media (hover: hover) {
  .zayvkaPrice__sotrTel:hover {
    opacity: 0.8;
  }
}
.zayvkaPrice__sotrEmail {
  color: var(--Text-Secondary-Inverse, rgba(255, 255, 255, 0.8));
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1201px) {
  .zayvkaPrice__sotrEmail {
    font-size: 14px;
  }
}
@media (hover: hover) {
  .zayvkaPrice__sotrEmail:hover {
    color: var(--Text-Primary-Inverse, #FFF);
  }
}
.zayvkaPrice__dopWr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1201px) {
  .zayvkaPrice__dopWr {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .zayvkaPrice__dopWr {
    gap: 8px;
  }
}

.marqueeSect {
  margin: 128px 0;
}
@media (max-width: 1201px) {
  .marqueeSect {
    margin: 88px 0;
  }
}
@media (max-width: 767px) {
  .marqueeSect {
    margin: 56px 0;
  }
}
.marqueeSect .js-marquee-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 0;
}
.marqueeSect .js-marquee {
  float: initial !important;
}
.marqueeSect__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 0;
}
.marqueeSect__card {
  border-radius: 8px;
  background: var(--Surface-Tertiary, rgba(19, 21, 26, 0.05));
  padding: 8px;
  margin-right: 16px;
}
@media (max-width: 1201px) {
  .marqueeSect__card {
    margin-right: 12px;
  }
}
@media (max-width: 767px) {
  .marqueeSect__card {
    margin-right: 8px;
  }
}
.marqueeSect__card:last-child {
  margin-right: 0;
}
.marqueeSect__card img {
  display: block;
  width: auto;
  height: 49px;
}

.reviews {
  margin: 128px 0;
}
@media (max-width: 1201px) {
  .reviews {
    margin: 88px 0;
  }
}
@media (max-width: 767px) {
  .reviews {
    margin: 56px 0;
  }
}
.reviews__vert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
}
@media (max-width: 1201px) {
  .reviews__vert {
    gap: 24px;
  }
}
.reviews__videoCards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 1201px) {
  .reviews__videoCards {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .reviews__videoCards {
    gap: 8px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: auto;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.reviews__videoCard {
  width: calc(33.3333333333% - 10.6666666667px);
  border-radius: 24px;
  overflow: hidden;
  aspect-ratio: 3/2;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}
@media (max-width: 1600px) {
  .reviews__videoCard {
    aspect-ratio: initial;
    min-height: 210px;
  }
}
@media (max-width: 1201px) {
  .reviews__videoCard {
    min-height: 200px;
    width: calc(33.3333333333% - 8px);
  }
}
@media (max-width: 767px) {
  .reviews__videoCard {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: initial;
    width: 252px;
    min-width: 252px;
  }
}
@media (hover: hover) {
  .reviews__videoCard:hover .reviews__videoCont {
    opacity: 0;
  }
  .reviews__videoCard:hover .reviews__videoPlay > div {
    background-color: transparent;
  }
  .reviews__videoCard:hover .reviews__videoV {
    opacity: 1;
  }
}
.reviews__videoPlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 24px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 1201px) {
  .reviews__videoPlay {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .reviews__videoPlay {
    padding: 16px;
  }
}
.reviews__videoPlay > div {
  border-radius: 1000px;
  background: var(--Surface-Accent, #DC3C34);
  backdrop-filter: blur(4px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1201px) {
  .reviews__videoPlay > div {
    width: 48px;
    height: 48px;
  }
}
@media (max-width: 767px) {
  .reviews__videoPlay > div {
    width: 40px;
    height: 40px;
  }
}
.reviews__videoPlay > div svg {
  display: block;
  width: 24px;
  height: auto;
}
.reviews__videoCont {
  backdrop-filter: blur(8px);
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(rgba(47, 55, 63, 0.5)));
  background: linear-gradient(180deg, #000000 0%, rgba(47, 55, 63, 0.5) 100%);
  backdrop-filter: blur(8px);
  mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(70%, #000000), to(#000000));
  mask-image: linear-gradient(to top, #000000 70%, #000000 100%);
  -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(70%, #000000), to(#000000));
  -webkit-mask-image: linear-gradient(to top, #000000 70%, #000000 100%);
}
@media (max-width: 1201px) {
  .reviews__videoCont {
    padding: 20px;
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .reviews__videoCont {
    padding: 16px;
    gap: 8px;
    mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(80%, #000000), to(#000000));
    mask-image: linear-gradient(to top, #000000 80%, #000000 100%);
    -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(80%, #000000), to(#000000));
    -webkit-mask-image: linear-gradient(to top, #000000 80%, #000000 100%);
  }
}
.reviews__videoName {
  color: var(--Text-Primary-Inverse, #FFF);
  font-size: 20px;
  font-weight: 500;
  line-height: 110%;
  text-transform: uppercase;
  margin: 0;
  word-break: break-word;
}
@media (max-width: 1201px) {
  .reviews__videoName {
    font-size: 18px;
  }
}
.reviews__videoAuthor {
  color: var(--Text-Primary-Inverse, #FFF);
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
  margin: 0;
}
@media (max-width: 1201px) {
  .reviews__videoAuthor {
    font-size: 14px;
  }
}
.reviews__textCards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 1201px) {
  .reviews__textCards {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .reviews__textCards {
    gap: 8px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: auto;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.reviews__textCard {
  width: calc(25% - 12px);
  border-radius: 24px;
  background: var(--Surface-Tertiary, rgba(19, 21, 26, 0.05));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 4px;
  padding: 4px;
}
@media (max-width: 1600px) {
  .reviews__textCard {
    width: calc(33.3333333333% - 10.6666666667px);
  }
}
@media (max-width: 1201px) {
  .reviews__textCard {
    width: calc(50% - 6px);
  }
}
@media (max-width: 767px) {
  .reviews__textCard {
    width: 252px;
    min-width: 252px;
  }
}
.reviews__textCard--slider {
  width: calc(50% - 8px);
}
@media (max-width: 1600px) {
  .reviews__textCard--slider {
    width: calc(33.3333333333% - 10.6666666667px);
  }
}
@media (max-width: 1201px) {
  .reviews__textCard--slider {
    display: none;
  }
}
@media (max-width: 767px) {
  .reviews__textCard--slider {
    width: 252px;
    min-width: 252px;
    display: block;
  }
}
.reviews__textCard--slider > * {
  width: calc(50% - 2px) !important;
}
@media (max-width: 1600px) {
  .reviews__textCard--slider > * {
    width: 100% !important;
  }
}
.reviews__textCardMain {
  border-radius: 20px;
  background: var(--Icons-Primary-Inverse, #FFF);
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0;
  width: 100%;
}
@media (max-width: 1201px) {
  .reviews__textCardMain {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .reviews__textCardMain {
    padding: 16px;
  }
}
.reviews__textCardComp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 2px solid var(--Border-Tertiary, rgba(19, 21, 26, 0.05));
}
@media (max-width: 1201px) {
  .reviews__textCardComp {
    margin-bottom: 12px;
    padding-bottom: 12px;
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .reviews__textCardComp {
    gap: 8px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 8px;
    padding-bottom: 8px;
  }
}
.reviews__textCardImg {
  display: block;
  width: auto;
  height: 33px;
}
.reviews__textCardReit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.reviews__textCardReit svg {
  display: block;
  width: 24px;
  height: auto;
}
.reviews__textCardInf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.reviews__textCardDolzn {
  color: var(--Text-Tertiary, rgba(19, 21, 26, 0.6));
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
  margin: 0 0 4px;
}
@media (max-width: 1201px) {
  .reviews__textCardDolzn {
    font-size: 14px;
  }
}
.reviews__textCardName {
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  text-transform: uppercase;
  margin: 0 0 8px;
}
@media (max-width: 1201px) {
  .reviews__textCardName {
    font-size: 14px;
  }
}
.reviews__textCardText {
  overflow: hidden;
  color: var(--Text-Secondary, #2F373F);
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
  margin: 0 0 8px;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 1201px) {
  .reviews__textCardText {
    font-size: 14px;
  }
}
.reviews__textCardLink {
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  margin: auto 0 0 0;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1201px) {
  .reviews__textCardLink {
    font-size: 14px;
  }
}
@media (hover: hover) {
  .reviews__textCardLink:hover {
    color: var(--Text-Accent, #DC3C34);
  }
}
.reviews__slider {
  border-radius: 20px;
}
@media (max-width: 1600px) {
  .reviews__slider {
    display: none;
  }
}
.reviews__slide {
  overflow: hidden;
  position: relative;
  border-radius: 20px;
}
.reviews__slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.reviews__videoV {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.portfolio {
  margin: 128px 0;
}
@media (max-width: 1201px) {
  .portfolio {
    margin: 88px 0;
  }
}
@media (max-width: 767px) {
  .portfolio {
    margin: 56px 0;
  }
}
.portfolio__wr {
  display: -ms-grid;
  display: grid;
  height: 760px;
  row-gap: 16px;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -ms-grid-rows: (minmax(0, 1fr))[2];
  grid-template-rows: repeat(2, minmax(0, 1fr));
  -ms-grid-columns: (minmax(0, 1fr))[6];
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
@media (max-width: 1600px) {
  .portfolio__wr {
    height: 500px;
  }
}
@media (max-width: 1201px) {
  .portfolio__wr {
    height: 400px;
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .portfolio__wr {
    height: 170px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
    overflow: auto;
  }
}
.portfolio__card {
  display: block;
  border-radius: 24px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 767px) {
  .portfolio__card {
    width: 252px;
    min-width: 252px;
  }
}
.portfolio__card img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.portfolio__card--vert {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/span 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/span 2;
}
.portfolio__card--2 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/span 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  grid-column: 3/span 2;
}
.portfolio__card--3 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/span 1;
  -ms-grid-column: 5;
  -ms-grid-column-span: 1;
  grid-column: 5/span 1;
}
@media (max-width: 1600px) {
  .portfolio__card--3 {
    -ms-grid-column: 5;
    -ms-grid-column-span: 2;
    grid-column: 5/span 2;
  }
}
.portfolio__card--4 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/span 1;
  -ms-grid-column: 6;
  -ms-grid-column-span: 1;
  grid-column: 6/span 1;
}
@media (max-width: 1600px) {
  .portfolio__card--4 {
    display: none;
  }
}
@media (max-width: 767px) {
  .portfolio__card--4 {
    display: block;
  }
}
.portfolio__card--5 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/span 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 3;
  grid-column: 3/span 3;
}
@media (max-width: 1600px) {
  .portfolio__card--5 {
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    grid-column: 3/span 2;
  }
}
.portfolio__card--more {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/span 1;
  -ms-grid-column: 6;
  -ms-grid-column-span: 1;
  grid-column: 6/span 1;
  border-radius: 24px;
  background: var(--Surface-Tertiary, rgba(19, 21, 26, 0.05));
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media (max-width: 1600px) {
  .portfolio__card--more {
    -ms-grid-column: 5;
    -ms-grid-column-span: 2;
    grid-column: 5/span 2;
  }
}
@media (max-width: 1201px) {
  .portfolio__card--more {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .portfolio__card--more {
    padding: 16px;
  }
}
@media (hover: hover) {
  .portfolio__card--more:hover .portfolio__cardDec {
    margin-top: 12px;
    height: 28px;
    opacity: 1;
  }
}
@media (hover: hover) {
  .portfolio__card:hover .portfolio__details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.portfolio__cardTt {
  color: var(--Text-Primary, #13151A);
  font-size: 20px;
  font-weight: 500;
  line-height: 110%;
  text-transform: uppercase;
  margin: 0;
}
@media (max-width: 1201px) {
  .portfolio__cardTt {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .portfolio__cardTt {
    font-size: 14px;
  }
}
.portfolio__cardDec {
  margin-top: 0;
  display: block;
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}
@-webkit-keyframes marquee {
  from {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  to {
    -webkit-transform: translateX(-25%);
    transform: translateX(-25%);
  }
}
@keyframes marquee {
  from {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  to {
    -webkit-transform: translateX(-25%);
    transform: translateX(-25%);
  }
}
.portfolio__cardDec svg {
  display: block;
  height: 28px;
  width: auto;
  margin-right: auto;
  -webkit-animation: marquee 5s linear infinite;
  animation: marquee 5s linear infinite;
}
.portfolio__cont {
  padding: 24px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  backdrop-filter: blur(8px);
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(rgba(47, 55, 63, 0.5)));
  background: linear-gradient(180deg, #000000 0%, rgba(47, 55, 63, 0.5) 100%);
  backdrop-filter: blur(8px);
  mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(80%, #000000), to(#000000));
  mask-image: linear-gradient(to top, #000000 80%, #000000 100%);
  -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(80%, #000000), to(#000000));
  -webkit-mask-image: linear-gradient(to top, #000000 80%, #000000 100%);
}
@media (max-width: 1201px) {
  .portfolio__cont {
    padding: 20px;
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .portfolio__cont {
    padding: 16px;
    padding-top: 24px;
    gap: 8px;
    mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(70%, #000000), to(#000000));
    mask-image: linear-gradient(to top, #000000 70%, #000000 100%);
    -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(70%, #000000), to(#000000));
    -webkit-mask-image: linear-gradient(to top, #000000 70%, #000000 100%);
  }
}
.portfolio__name {
  color: var(--Text-Primary-Inverse, #FFF);
  font-size: 20px;
  font-weight: 500;
  line-height: 110%;
  text-transform: uppercase;
  margin: 0;
}
@media (max-width: 1201px) {
  .portfolio__name {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .portfolio__name {
    font-size: 14px;
  }
}
.portfolio__details {
  display: none;
  gap: 8px 16px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.portfolio__det {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}
.portfolio__det img {
  display: block;
  width: 16px;
  height: auto;
}
.portfolio__det span {
  color: var(--Text-Primary-Inverse, #FFF);
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
}
@media (max-width: 1201px) {
  .portfolio__det span {
    font-size: 14px;
  }
}
.portfolio__tc {
  display: none;
}
.portfolio__tc.active {
  display: block;
}

.services {
  margin: 128px 0;
}
@media (max-width: 1201px) {
  .services {
    margin: 88px 0;
  }
}
@media (max-width: 767px) {
  .services {
    margin: 56px 0;
  }
}
.services--mt0 {
  margin-top: 0;
}
.services__wr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 1201px) {
  .services__wr {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .services__wr {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
    overflow: auto;
    gap: 8px;
  }
}
@media (max-width: 767px) {
  .services__wr--noScroll {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: initial;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .services__wr--noScroll > .services__card {
    width: calc(50% - 4px);
    height: 220px;
  }
}
@media (max-width: 767px) and (max-width: 600px) {
  .services__wr--noScroll > .services__card {
    width: 100%;
  }
}
.services__wr--page {
  gap: 48px 16px;
}
@media (max-width: 1201px) {
  .services__wr--page {
    gap: 40px 12px;
  }
}
@media (max-width: 767px) {
  .services__wr--page {
    gap: 40px 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: initial;
    margin-right: initial;
    padding-left: initial;
    padding-right: initial;
    overflow: initial;
  }
}
.services__card {
  width: calc(25% - 12px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 24px;
  overflow: hidden;
  min-height: 624px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
@media (max-width: 1600px) {
  .services__card {
    width: calc(50% - 8px);
    min-height: 400px;
  }
}
@media (max-width: 1201px) {
  .services__card {
    width: calc(50% - 6px);
    min-height: 320px;
  }
}
@media (max-width: 767px) {
  .services__card {
    min-height: 180px;
    width: 252px;
    min-width: 252px;
  }
}
@media (hover: hover) {
  .services__card:hover .services__dec {
    margin-top: 12px;
    height: 28px;
    opacity: 1;
  }
}
.services__cont {
  backdrop-filter: blur(8px);
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  gap: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(rgba(47, 55, 63, 0.5)));
  background: linear-gradient(180deg, #000000 0%, rgba(47, 55, 63, 0.5) 100%);
  backdrop-filter: blur(8px);
  mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(70%, #000000), to(#000000));
  mask-image: linear-gradient(to top, #000000 70%, #000000 100%);
  -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(70%, #000000), to(#000000));
  -webkit-mask-image: linear-gradient(to top, #000000 70%, #000000 100%);
  overflow: hidden;
}
@media (max-width: 1201px) {
  .services__cont {
    padding: 20px;
    gap: 0;
  }
}
@media (max-width: 767px) {
  .services__cont {
    padding: 16px;
    gap: 0;
    mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(80%, #000000), to(#000000));
    mask-image: linear-gradient(to top, #000000 80%, #000000 100%);
    -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(80%, #000000), to(#000000));
    -webkit-mask-image: linear-gradient(to top, #000000 80%, #000000 100%);
  }
}
.services__dec {
  margin-top: 0;
  display: block;
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}
@keyframes marquee {
  from {
    -webkit-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  to {
    -webkit-transform: translateX(-3%);
    transform: translateX(-3%);
  }
}
.services__dec svg {
  display: block;
  height: 28px;
  width: auto;
  margin-right: auto;
  -webkit-animation: marquee 5s linear infinite;
  animation: marquee 5s linear infinite;
}
.services__name {
  color: var(--Text-Primary-Inverse, #FFF);
  font-size: 20px;
  font-weight: 500;
  line-height: 110%;
  text-transform: uppercase;
  margin: 0;
  word-break: break-word;
}
@media (max-width: 1201px) {
  .services__name {
    font-size: 18px;
  }
}
.services__cardWr {
  width: calc(25% - 12px);
}
@media (max-width: 1600px) {
  .services__cardWr {
    width: calc(50% - 8px);
  }
}
@media (max-width: 767px) {
  .services__cardWr {
    width: calc(50% - 4px);
  }
}
@media (max-width: 600px) {
  .services__cardWr {
    width: 100%;
  }
}
.services__cardWr .services__card {
  width: 100%;
  aspect-ratio: 2/3;
  min-height: initial;
}
@media (max-width: 1600px) {
  .services__cardWr .services__card {
    aspect-ratio: 3/2;
  }
}
.services__btnModal {
  margin-top: 16px;
}
@media (max-width: 1201px) {
  .services__btnModal {
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  .services__btnModal {
    margin-top: 8px;
  }
}
.services__text {
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
  margin-top: 24px;
  padding: 0 24px;
}
@media (max-width: 1201px) {
  .services__text {
    margin-top: 20px;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .services__text {
    margin-top: 16px;
  }
}
.services__text a {
  color: var(--Text-Primary, #13151A);
}
.services__text a b {
  font-weight: 400;
}
.services__text p {
  margin: 8px 0;
}

.advantages {
  margin: 128px 0;
}
@media (max-width: 1201px) {
  .advantages {
    margin: 88px 0;
  }
}
@media (max-width: 767px) {
  .advantages {
    margin: 56px 0;
  }
}
.advantages__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 1201px) {
  .advantages__wrap {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .advantages__wrap {
    gap: 8px;
    overflow: auto;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0 -10px;
    padding: 0 10px;
  }
}
.advantages__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 48px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: calc(16.6666666667% - 13.3333333333px);
  border-radius: 24px;
  background: var(--Surface-Tertiary, rgba(19, 21, 26, 0.05));
  padding: 24px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (max-width: 1600px) {
  .advantages__card {
    width: calc(25% - 12px);
  }
}
@media (max-width: 1201px) {
  .advantages__card {
    padding: 20px;
    gap: 40px;
    width: calc(33.3333333333% - 8px);
  }
}
@media (max-width: 767px) {
  .advantages__card {
    padding: 16px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial;
  }
}
.advantages__img {
  display: block;
  width: 32px;
  height: auto;
}
.advantages__name {
  margin: 0;
  color: var(--Text-Primary, #13151A);
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .advantages__name {
    white-space: nowrap;
  }
}

.mainSect {
  margin: 16px 0 128px;
}
@media (max-width: 1201px) {
  .mainSect {
    margin: 16px 0 88px;
  }
}
@media (max-width: 767px) {
  .mainSect {
    margin: 16px 0 56px;
  }
}
.mainSect__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
@media (max-width: 1201px) {
  .mainSect__wrap {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .mainSect__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
  }
}
.mainSect__video {
  display: block;
  border-radius: 24px;
  overflow: hidden;
  position: relative;
  width: calc(100% - 16px - 340px);
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 16px;
}
@media (max-width: 1201px) {
  .mainSect__video {
    width: calc(100% - 12px - 292px);
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .mainSect__video {
    width: 100%;
    gap: 64px;
    min-height: 171px;
  }
}
.mainSect__video video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mainSect__video--about {
  width: calc(100% - 496px - 80px);
}
@media (max-width: 1600px) {
  .mainSect__video--about {
    width: calc(100% - 536px - 64px);
  }
}
@media (max-width: 1201px) {
  .mainSect__video--about {
    width: 100%;
  }
}
.mainSect__videoTop {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 32px;
}
.mainSect__videoTop--about {
  height: auto;
  -webkit-box-align: initial;
  -ms-flex-align: initial;
  align-items: initial;
}
.mainSect__title {
  position: relative;
  z-index: 2;
  color: var(--White, var(--White-White-100, #FFF));
  font-size: 64px;
  font-weight: 500;
  line-height: 110%;
  text-transform: uppercase;
  margin: 0;
}
@media (max-width: 1201px) {
  .mainSect__title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .mainSect__title {
    font-size: 24px;
  }
}
.mainSect__title--about {
  font-size: 48px;
  text-align: right;
}
@media (max-width: 1201px) {
  .mainSect__title--about {
    font-size: 32px;
  }
}
.mainSect__videoLink {
  border-radius: 16px;
  border: 2px solid var(--Border-Primary-Inverse, #FFF);
  background: rgba(255, 255, 255, 0.01);
  backdrop-filter: blur(4px);
  padding: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  color: var(--Text-Primary-Inverse, #FFF);
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  text-transform: uppercase;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1201px) {
  .mainSect__videoLink {
    padding: 10px;
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .mainSect__videoLink {
    padding: 6px;
    gap: 16px;
  }
  .mainSect__videoLink span {
    display: none;
  }
}
@media (hover: hover) {
  .mainSect__videoLink:hover {
    background: var(--Surface-Accent, #DC3C34);
    border-color: var(--Surface-Accent, #DC3C34);
  }
}
.mainSect__videoLink svg {
  display: block;
  width: 24px;
  height: auto;
  margin-left: auto;
}
@media (max-width: 1201px) {
  .mainSect__videoLink svg {
    width: 20px;
  }
}
.mainSect__videoList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
  width: 200px;
}
@media (max-width: 1201px) {
  .mainSect__videoList {
    gap: 24px;
  }
}
@media (max-width: 767px) {
  .mainSect__videoList {
    display: none;
  }
}
.mainSect__videoList--about {
  gap: 16px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
}
.mainSect__videoCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
}
.mainSect__videoT {
  margin: 0;
  color: var(--Text-Primary-Inverse, #FFF);
  font-size: 48px;
  font-weight: 500;
  line-height: 110%;
}
@media (max-width: 1201px) {
  .mainSect__videoT {
    font-size: 32px;
  }
}
.mainSect__videoT sup {
  line-height: 1px;
}
.mainSect__videoT--about {
  font-size: 40px;
}
.mainSect__videoT--about span {
  font-size: 30px;
  font-weight: 400;
}
.mainSect__videoB {
  margin: 0;
  color: var(--Text-Primary-Inverse, #FFF);
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
}
@media (max-width: 1201px) {
  .mainSect__videoB {
    font-size: 14px;
  }
}
.mainSect__wrap2 {
  width: 340px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1201px) {
  .mainSect__wrap2 {
    width: 292px;
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .mainSect__wrap2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 8px;
    width: 100%;
  }
}
.mainSect__form {
  width: 100%;
}
@media (max-width: 767px) {
  .mainSect__form {
    display: none;
  }
}
.mainSect__project {
  border-radius: 24px;
  padding: 24px;
  overflow: hidden;
  color: var(--Text-Primary-Inverse, #FFF);
  font-size: 20px;
  font-weight: 500;
  line-height: 110%;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  height: 165px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
}
@media (max-width: 1201px) {
  .mainSect__project {
    height: 150px;
    padding: 20px;
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .mainSect__project {
    padding: 16px;
    font-size: 14px;
    height: 120px;
    width: calc(50% - 4px);
  }
}
@media (hover: hover) {
  .mainSect__project:hover img {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
.mainSect__project img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% + 5px);
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: -1;
}
.mainSect__post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 24px;
  border-radius: 24px;
  background-color: var(--Surface-Accent, #DC3C34);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top -30px right;
  color: var(--Text-Primary-Inverse, #FFF);
  font-size: 20px;
  font-weight: 500;
  line-height: 110%;
  text-transform: uppercase;
  text-align: left;
}
@media (max-width: 1201px) {
  .mainSect__post {
    padding: 20px;
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .mainSect__post {
    width: calc(50% - 4px);
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: 14px;
    background-position: top -25px right -30px;
  }
}

.seoText {
  margin: 128px 0;
}
@media (max-width: 1201px) {
  .seoText {
    margin: 88px 0;
  }
}
@media (max-width: 767px) {
  .seoText {
    margin: 56px 0;
  }
}
.seoText__title {
  margin-bottom: 32px;
}
@media (max-width: 1201px) {
  .seoText__title {
    margin-bottom: 24px;
  }
}
.seoText__text {
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
}
@media (max-width: 1201px) {
  .seoText__text {
    font-size: 14px;
  }
}
.seoText__text b {
  font-weight: 400;
}
.seoText__text hr {
  border: none;
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--Border-Secondary, rgba(19, 21, 26, 0.1));
  margin: 24px 0;
}
@media (max-width: 1201px) {
  .seoText__text hr {
    margin: 20px 0;
  }
}
@media (max-width: 767px) {
  .seoText__text hr {
    margin: 16px 0;
  }
}
.seoText__text h3 {
  color: var(--Text-Primary, #13151A);
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  margin: 24px 0 16px;
}
@media (max-width: 1201px) {
  .seoText__text h3 {
    margin: 20px 0 16px;
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .seoText__text h3 {
    margin: 16px 0;
  }
}
.seoText__text p {
  margin: 16px 0;
}
.seoText__text ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  padding-left: 20px;
}

.sale {
  margin: 128px 0;
}
@media (max-width: 1201px) {
  .sale {
    margin: 88px 0;
  }
}
@media (max-width: 767px) {
  .sale {
    margin: 56px 0;
  }
}
.sale__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 1201px) {
  .sale__wrap {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .sale__wrap {
    gap: 8px;
  }
}
.sale__main {
  width: calc(50% - 8px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  border-radius: 24px;
  border: 1px solid var(--Border-Secondary, rgba(19, 21, 26, 0.1));
  background: var(--Surface-Primary-Inverse, #2F373F);
  padding: 3px;
}
@media (max-width: 1201px) {
  .sale__main {
    width: calc(50% - 6px);
  }
}
@media (max-width: 767px) {
  .sale__main {
    width: calc(50% - 4px);
    width: 100%;
  }
}
.sale__mainContent {
  width: 209px;
  min-width: 209px;
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1201px) {
  .sale__mainContent {
    width: 179px;
    min-width: 179px;
    gap: 12px;
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .sale__mainContent {
    width: 171px;
    min-width: 171px;
    padding: 16px;
    gap: 8px;
  }
}
.sale__mainImg {
  display: block;
  width: calc(100% - 209px - 4px);
  -o-object-fit: cover;
  object-fit: cover;
  height: auto;
  border-radius: 20px;
}
@media (max-width: 1201px) {
  .sale__mainImg {
    width: calc(100% - 179px - 4px);
  }
}
@media (max-width: 767px) {
  .sale__mainImg {
    width: calc(100% - 171px - 4px);
  }
}
.sale__mainSale {
  color: var(--Text-Primary-Inverse, #FFF);
  font-size: 48px;
  font-weight: 500;
  line-height: 110%;
  text-transform: uppercase;
}
@media (max-width: 1201px) {
  .sale__mainSale {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .sale__mainSale {
    font-size: 28px;
  }
}
.sale__mainSale span {
  font-size: 16px;
  line-height: 120%;
}
@media (max-width: 1201px) {
  .sale__mainSale span {
    font-size: 14px;
  }
}
.sale__mainText {
  color: var(--Text-Primary-Inverse, #FFF);
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  text-transform: uppercase;
  margin: 0;
}
@media (max-width: 1201px) {
  .sale__mainText {
    font-size: 20px;
  }
}
.sale__vert {
  width: calc(50% - 8px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  height: auto;
}
@media (max-width: 1201px) {
  .sale__vert {
    gap: 12px;
    width: calc(50% - 6px);
  }
}
@media (max-width: 767px) {
  .sale__vert {
    gap: 8px;
    width: calc(50% - 4px);
    width: 100%;
  }
}
.sale__inf {
  border-radius: 24px;
  border: 2px solid var(--Border-Primary, #13151A);
  padding: 22px;
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
}
@media (max-width: 1201px) {
  .sale__inf {
    padding: 18px;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .sale__inf {
    padding: 14px;
  }
}
.sale__wr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (max-width: 1201px) {
  .sale__wr {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .sale__wr {
    gap: 8px;
  }
}
.sale__card {
  border-radius: 24px;
  background: var(--Surface-Accent, #DC3C34);
  padding: 24px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: calc(50% - 8px);
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
@media (max-width: 1201px) {
  .sale__card {
    gap: 12px;
    padding: 20px;
    width: calc(50% - 6px);
  }
}
@media (max-width: 767px) {
  .sale__card {
    width: calc(50% - 4px);
    padding: 16px;
    gap: 8px;
  }
}
.sale__card--gray {
  background: var(--Surface-Primary-Inverse, #2F373F);
}
.sale__name {
  color: var(--Text-Primary-Inverse, #FFF);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  text-transform: uppercase;
  margin: 0;
}
@media (max-width: 1201px) {
  .sale__name {
    font-size: 20px;
  }
}
.products {
  margin-bottom: 128px;
}
@media (max-width: 1201px) {
  .products {
    margin-bottom: 88px;
  }
}
@media (max-width: 767px) {
  .products {
    margin-bottom: 56px;
  }
}
.products__title {
  margin-bottom: 32px;
}
@media (max-width: 1201px) {
  .products__title {
    margin-bottom: 24px;
  }
}
.products__wr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 80px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (max-width: 1600px) {
  .products__wr {
    gap: 64px;
  }
}
@media (max-width: 1201px) {
  .products__wr {
    gap: 40px;
  }
}
@media (max-width: 1023px) {
  .products__wr {
    gap: 24px;
  }
}
@media (max-width: 767px) {
  .products__wr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
  }
}
.products__dop {
  width: 352px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1600px) {
  .products__dop {
    width: 320px;
  }
}
@media (max-width: 1201px) {
  .products__dop {
    width: 264px;
  }
}
@media (max-width: 767px) {
  .products__dop {
    width: 100%;
  }
}
.products__nav {
  border-radius: 24px;
  background: var(--Surface-Tertiary, rgba(19, 21, 26, 0.05));
  padding: 24px;
}
@media (max-width: 1201px) {
  .products__nav {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .products__nav {
    padding: 16px;
  }
}
.products__nav > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  line-height: 1;
}
@media (max-width: 1201px) {
  .products__nav > ul {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .products__nav > ul {
    gap: 8px;
  }
}
.products__nav > ul > li {
  line-height: 1;
}
.products__nav > ul > li > a {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--Black, var(--Black-Black-100, #13151A));
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1201px) {
  .products__nav > ul > li > a {
    font-size: 14px;
  }
}
@media (hover: hover) {
  .products__nav > ul > li > a:hover {
    color: var(--Primary, var(--Red-Primary-100, #DC3C34));
  }
}
.products__nav > ul > li > a.active {
  color: var(--Primary, var(--Red-Primary-100, #DC3C34));
}
.products__nav > ul > li > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  line-height: 1;
  margin-top: 8px;
}
.products__nav > ul > li > ul > li {
  line-height: 1;
}
.products__nav > ul > li > ul > li a {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--Black, var(--Black-Black-100, #13151A));
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1201px) {
  .products__nav > ul > li > ul > li a {
    font-size: 14px;
  }
}
@media (hover: hover) {
  .products__nav > ul > li > ul > li a:hover {
    color: var(--Primary, var(--Red-Primary-100, #DC3C34));
  }
}
.products__nav > ul > li > ul > li a.active {
  color: var(--Primary, var(--Red-Primary-100, #DC3C34));
}
.products__wrap {
  width: calc(100% - 352px - 80px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 1600px) {
  .products__wrap {
    width: calc(100% - 320px - 64px);
  }
}
@media (max-width: 1201px) {
  .products__wrap {
    width: calc(100% - 264px - 40px);
    gap: 12px;
  }
}
@media (max-width: 1023px) {
  .products__wrap {
    width: calc(100% - 264px - 24px);
  }
}
@media (max-width: 767px) {
  .products__wrap {
    width: 100%;
    gap: 8px;
  }
}
.products__card {
  width: calc(25% - 12px);
  border-radius: 24px;
  background: var(--Surface-Tertiary, rgba(19, 21, 26, 0.05));
  padding: 4px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
}
@media (max-width: 1600px) {
  .products__card {
    width: calc(50% - 8px);
  }
}
@media (max-width: 1201px) {
  .products__card {
    width: calc(50% - 6px);
  }
}
@media (max-width: 767px) {
  .products__card {
    width: calc(50% - 4px);
  }
}
@media (max-width: 500px) {
  .products__card {
    width: 100%;
  }
}
.products__cardImg {
  border-radius: 20px;
  display: block;
  width: 100%;
  aspect-ratio: 3/2;
}
.products__cardContent {
  border-radius: 20px;
  background: var(--Surface-Primary, #FFF);
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (max-width: 1201px) {
  .products__cardContent {
    padding: 20px;
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .products__cardContent {
    padding: 16px;
    gap: 8px;
  }
}
.products__cardName {
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  text-transform: uppercase;
  margin: 0;
}
@media (max-width: 1201px) {
  .products__cardName {
    font-size: 14px;
  }
}
.products__cardBot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.products__cardPrice {
  color: var(--Surface-Accent, #DC3C34);
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  margin: 0;
}
@media (max-width: 1201px) {
  .products__cardPrice {
    font-size: 14px;
  }
}
.simBuild {
  margin: 128px 0;
}
@media (max-width: 1201px) {
  .simBuild {
    margin: 88px 0;
  }
}
@media (max-width: 767px) {
  .simBuild {
    margin: 56px 0;
  }
}
.simBuild__title {
  margin-bottom: 32px;
}
@media (max-width: 1201px) {
  .simBuild__title {
    margin-bottom: 24px;
  }
}
.simBuild__wr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 1201px) {
  .simBuild__wr {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .simBuild__wr {
    gap: 8px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: auto;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.simBuild__wr > * {
  width: calc(20% - 12.8px);
}
@media (max-width: 1600px) {
  .simBuild__wr > * {
    width: calc(25% - 12px);
  }
}
@media (max-width: 1201px) {
  .simBuild__wr > * {
    width: calc(25% - 9px);
  }
}
@media (max-width: 1180px) {
  .simBuild__wr > * {
    width: calc(33.3333333333% - 8px);
  }
}
@media (max-width: 767px) {
  .simBuild__wr > * {
    width: 252px;
    min-width: 252px;
  }
}

.exapmples {
  margin: 128px 0;
}
@media (max-width: 1201px) {
  .exapmples {
    margin: 88px 0;
  }
}
@media (max-width: 767px) {
  .exapmples {
    margin: 56px 0;
  }
}
.exapmples__title {
  margin-bottom: 32px;
}
@media (max-width: 1201px) {
  .exapmples__title {
    margin-bottom: 24px;
  }
}
.exapmples__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 1201px) {
  .exapmples__wrap {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .exapmples__wrap {
    gap: 8px;
    overflow: auto;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
.exapmples__wrap > * {
  width: calc(33.3333333333% - 10.6666666667px);
}
@media (max-width: 1201px) {
  .exapmples__wrap > * {
    width: calc(33.3333333333% - 8px);
  }
}
@media (max-width: 767px) {
  .exapmples__wrap > * {
    width: 252px;
    min-width: 252px;
  }
}
.exapmples__wrap > * img {
  aspect-ratio: 3/2;
}

.usluga {
  margin-bottom: 128px;
}
@media (max-width: 1201px) {
  .usluga {
    margin-bottom: 88px;
  }
}
@media (max-width: 767px) {
  .usluga {
    margin-bottom: 56px;
  }
}
.usluga__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 80px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (max-width: 1600px) {
  .usluga__wrap {
    gap: 32px 64px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (max-width: 1201px) {
  .usluga__wrap {
    gap: 24px 40px;
  }
}
@media (max-width: 767px) {
  .usluga__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.usluga__imgs {
  width: 560px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 1600px) {
  .usluga__imgs {
    width: 100%;
  }
}
@media (max-width: 1201px) {
  .usluga__imgs {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .usluga__imgs {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: auto;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100vw;
  }
}
.usluga__imgs img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 24px;
}
.usluga__imgs img.w100 {
  width: 100%;
}
@media (max-width: 1600px) {
  .usluga__imgs img.w100 {
    width: calc(33.3333333333% - 10.6666666667px);
  }
}
@media (max-width: 1201px) {
  .usluga__imgs img.w100 {
    width: calc(33.3333333333% - 8px);
  }
}
@media (max-width: 767px) {
  .usluga__imgs img.w100 {
    width: 252px;
    min-width: 252px;
  }
}
.usluga__imgs img.w50 {
  width: calc(50% - 8px);
}
@media (max-width: 1600px) {
  .usluga__imgs img.w50 {
    width: calc(33.3333333333% - 10.6666666667px);
  }
}
@media (max-width: 1201px) {
  .usluga__imgs img.w50 {
    width: calc(33.3333333333% - 8px);
  }
}
@media (max-width: 767px) {
  .usluga__imgs img.w50 {
    width: 252px;
    min-width: 252px;
  }
}
.usluga__content {
  width: 640px;
}
@media (max-width: 1600px) {
  .usluga__content {
    width: calc(100% - 320px - 64px);
  }
}
@media (max-width: 1201px) {
  .usluga__content {
    width: calc(100% - 264px - 40px);
  }
}
@media (max-width: 767px) {
  .usluga__content {
    width: 100%;
  }
}
.usluga__title {
  margin-bottom: 32px;
}
@media (max-width: 1201px) {
  .usluga__title {
    margin-bottom: 24px;
  }
}
.usluga__text {
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
}
@media (max-width: 1201px) {
  .usluga__text {
    font-size: 14px;
  }
}
.usluga__text hr {
  margin: 24px 0;
  border: none;
  display: block;
  width: 100%;
  height: 1px;
  background: var(--Border-Secondary, rgba(19, 21, 26, 0.1));
}
@media (max-width: 1201px) {
  .usluga__text hr {
    margin: 20px 0;
  }
}
@media (max-width: 767px) {
  .usluga__text hr {
    margin: 16px 0;
  }
}
.usluga__form {
  width: 352px;
}
@media (max-width: 1600px) {
  .usluga__form {
    width: 320px;
  }
}
@media (max-width: 1201px) {
  .usluga__form {
    width: 264px;
  }
}
@media (max-width: 767px) {
  .usluga__form {
    width: 100%;
  }
}
.usluga__form > .faq__form {
  width: 100%;
}
@media (max-width: 767px) {
  .usluga__form > .faq__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.usluga__formDop {
  border-radius: 0 0 24px 24px;
  background: var(--Surface-Tertiary, rgba(19, 21, 26, 0.05));
  padding: 16px;
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 48px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 1201px) {
  .usluga__formDop {
    width: calc(100% - 40px);
    padding: 12px;
  }
}
@media (max-width: 767px) {
  .usluga__formDop {
    width: calc(100% - 32px);
    padding: 11px 8px;
  }
}
.usluga__formLine {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.usluga__formLine span {
  color: var(--Text-Secondary, #2F373F);
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
}
@media (max-width: 1201px) {
  .usluga__formLine span {
    font-size: 14px;
  }
}
.usluga__formLine span:last-child {
  color: var(--Text-Primary, #13151A);
  font-weight: 400;
}
.usluga__formLine div {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: block;
  border-bottom: 2px dotted var(--Border-Secondary, rgba(19, 21, 26, 0.1));
  margin-bottom: -3px;
}

.reviewsPage {
  margin-bottom: 128px;
}
@media (max-width: 1201px) {
  .reviewsPage {
    margin-bottom: 88px;
  }
}
@media (max-width: 767px) {
  .reviewsPage {
    margin-bottom: 56px;
  }
}
.reviewsPage__wr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 80px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.reviewsPage__wr .reviews__vert {
  width: calc(100% - 80px - 352px);
}
@media (max-width: 1600px) {
  .reviewsPage__wr .reviews__vert {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .reviewsPage__wr .reviews__textCards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
  }
}
.reviewsPage__wr .reviews__textCard {
  width: 100%;
}
.reviewsPage__wr .reviews__textCard--slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .reviewsPage__wr .reviews__textCard--slider {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.reviewsPage__wr .reviews__textCard--slider .reviews__slider {
  width: 418px !important;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
@media (max-width: 1600px) {
  .reviewsPage__wr .reviews__textCard--slider .reviews__slider {
    display: block;
  }
}
@media (max-width: 1023px) {
  .reviewsPage__wr .reviews__textCard--slider .reviews__slider {
    width: 362px !important;
  }
}
@media (max-width: 767px) {
  .reviewsPage__wr .reviews__textCard--slider .reviews__slider {
    width: 100% !important;
  }
}
.reviewsPage__wr .reviews__textCard--slider .reviews__slider img {
  aspect-ratio: 418/278;
  height: auto;
  position: relative;
}
.reviewsPage__wr .reviews__textCard--slider .reviews__textCardMain {
  width: calc(100% - 418px - 4px) !important;
}
@media (max-width: 1023px) {
  .reviewsPage__wr .reviews__textCard--slider .reviews__textCardMain {
    width: calc(100% - 362px - 4px) !important;
  }
}
@media (max-width: 767px) {
  .reviewsPage__wr .reviews__textCard--slider .reviews__textCardMain {
    width: 100% !important;
  }
}
.reviewsPage__wr .reviews__textCardText {
  -webkit-line-clamp: initial;
  line-clamp: initial;
  display: initial;
  -webkit-box-orient: initial;
  overflow: initial;
  margin-bottom: 0;
}
.reviewsPage__form {
  width: 352px;
}
@media (max-width: 1600px) {
  .reviewsPage__form {
    display: none;
  }
}
.reviewsPage__form .faq__form {
  width: 100%;
}
.reviewsPage__more {
  margin-top: -16px;
}
@media (max-width: 1201px) {
  .reviewsPage__more {
    margin-top: -12px;
  }
}
@media (max-width: 767px) {
  .reviewsPage__more {
    margin-top: -16px;
  }
}
.reviewsPage__btnModal {
  margin-bottom: 32px;
  display: none;
}
@media (max-width: 1600px) {
  .reviewsPage__btnModal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 1201px) {
  .reviewsPage__btnModal {
    margin-bottom: 24px;
  }
}
.blog {
  margin-bottom: 128px;
}
@media (max-width: 1201px) {
  .blog {
    margin-bottom: 88px;
  }
}
@media (max-width: 767px) {
  .blog {
    margin-bottom: 56px;
  }
}
.blog__title {
  margin-bottom: 32px;
}
@media (max-width: 1201px) {
  .blog__title {
    margin-bottom: 24px;
  }
}
.blog__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 1201px) {
  .blog__wrap {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .blog__wrap {
    gap: 8px;
  }
}
.blog__wrap > * {
  width: calc(33.3333333333% - 10.6666666667px);
}
@media (max-width: 1600px) {
  .blog__wrap > * {
    width: calc(50% - 8px);
  }
}
@media (max-width: 1201px) {
  .blog__wrap > * {
    width: calc(33.3333333333% - 8px);
    min-width: initial;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .blog__wrap > * {
    width: calc(50% - 4px);
  }
}
@media (max-width: 600px) {
  .blog__wrap > * {
    width: 100%;
  }
}
.blog__wrap .news__card .news__cont {
  width: calc(100% - 248px - 4px);
}
@media (max-width: 1201px) {
  .blog__wrap .news__card .news__cont {
    width: 100%;
  }
}
.blog__wrap .news__card .news__name {
  word-break: break-word;
}
@media (max-width: 1201px) {
  .blog__wrap .news__card .news__img {
    width: 100%;
    aspect-ratio: 284/190;
    min-width: initial;
  }
}
.projects {
  margin-bottom: 128px;
}
@media (max-width: 1201px) {
  .projects {
    margin-bottom: 88px;
  }
}
@media (max-width: 767px) {
  .projects {
    margin-bottom: 56px;
  }
}
.projects--margin {
  margin-top: 128px;
}
@media (max-width: 1201px) {
  .projects--margin {
    margin-top: 88px;
  }
}
@media (max-width: 767px) {
  .projects--margin {
    margin-top: 56px;
  }
}
.projects__title {
  margin-bottom: 32px;
}
@media (max-width: 1201px) {
  .projects__title {
    margin-bottom: 24px;
  }
}
.projects__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
@media (max-width: 1201px) {
  .projects__tabs {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .projects__tabs {
    padding-left: 10px;
    padding-right: 10px;
    margin-left: -10px;
    margin-right: -10px;
    overflow: auto;
    width: 100vw;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 16px;
  }
}
.projects__tabs button, .projects__tabs a {
  border-radius: 8px;
  background: var(--Surface-Tertiary, rgba(19, 21, 26, 0.05));
  padding: 6px 14px;
  border: 2px solid transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
}
@media (max-width: 1201px) {
  .projects__tabs button, .projects__tabs a {
    font-size: 14px;
    padding: 6px 10px;
  }
}
@media (max-width: 767px) {
  .projects__tabs button, .projects__tabs a {
    padding: 6px;
  }
}
.projects__tabs button.active, .projects__tabs a.active {
  border-color: var(--Surface-Accent, #DC3C34);
  background-color: transparent;
}
@media (hover: hover) {
  .projects__tabs button:hover, .projects__tabs a:hover {
    border-color: var(--Surface-Accent, #DC3C34);
  }
}
.projects__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 1201px) {
  .projects__wrap {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .projects__wrap {
    gap: 8px;
  }
}
.projects__wrap .portfolio__card {
  width: calc(33.3333333333% - 10.6666666667px);
  height: 374px;
}
@media (max-width: 1600px) {
  .projects__wrap .portfolio__card {
    height: 246px;
  }
}
@media (max-width: 1201px) {
  .projects__wrap .portfolio__card {
    width: calc(33.3333333333% - 8px);
    height: 194px;
  }
}
@media (max-width: 767px) {
  .projects__wrap .portfolio__card {
    height: 202px;
    width: calc(50% - 4px);
  }
}
@media (max-width: 600px) {
  .projects__wrap .portfolio__card {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .projects__wrap--scroll {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
    overflow: auto;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .projects__wrap--scroll .portfolio__card {
    width: 252px;
    min-width: 252px;
    height: initial;
    aspect-ratio: 3/2;
  }
}

.search {
  margin-bottom: 128px;
}
@media (max-width: 1201px) {
  .search {
    margin-bottom: 88px;
  }
}
@media (max-width: 767px) {
  .search {
    margin-bottom: 56px;
  }
}
.search__title {
  margin-bottom: 32px;
}
@media (max-width: 1201px) {
  .search__title {
    margin-bottom: 24px;
  }
}
.search__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
@media (max-width: 1201px) {
  .search__tabs {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .search__tabs {
    padding-left: 10px;
    padding-right: 10px;
    margin-left: -10px;
    margin-right: -10px;
    overflow: auto;
    width: 100vw;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 16px;
  }
}
.search__tabs button, .search__tabs a {
  border-radius: 8px;
  background: var(--Surface-Tertiary, rgba(19, 21, 26, 0.05));
  padding: 6px 14px;
  border: 2px solid transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  white-space: nowrap;
}
@media (max-width: 1201px) {
  .search__tabs button, .search__tabs a {
    font-size: 14px;
    padding: 6px 10px;
  }
}
@media (max-width: 767px) {
  .search__tabs button, .search__tabs a {
    padding: 6px;
  }
}
.search__tabs button.active, .search__tabs a.active {
  border-color: var(--Surface-Accent, #DC3C34);
  background-color: transparent;
}
@media (hover: hover) {
  .search__tabs button:hover, .search__tabs a:hover {
    border-color: var(--Surface-Accent, #DC3C34);
  }
}
.search__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 1201px) {
  .search__wrap {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .search__wrap {
    gap: 8px;
  }
}
.search__wrap .products__card {
  width: calc(20% - 12.8px);
}
@media (max-width: 1600px) {
  .search__wrap .products__card {
    width: calc(25% - 12px);
  }
}
@media (max-width: 1201px) {
  .search__wrap .products__card {
    width: calc(33.3333333333% - 8px);
  }
}
@media (max-width: 767px) {
  .search__wrap .products__card {
    width: calc(50% - 4px);
  }
}
@media (max-width: 500px) {
  .search__wrap .products__card {
    width: 100%;
  }
}

.sitemap {
  margin-bottom: 128px;
}
@media (max-width: 1201px) {
  .sitemap {
    margin-bottom: 88px;
  }
}
@media (max-width: 767px) {
  .sitemap {
    margin-bottom: 56px;
  }
}
.sitemap__title {
  margin-bottom: 32px;
}
@media (max-width: 1201px) {
  .sitemap__title {
    margin-bottom: 24px;
  }
}
.sitemap__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sitemap__list > li {
  border-bottom: 1px solid var(--Border-Secondary, rgba(19, 21, 26, 0.1));
  margin: 0 0 32px 0;
  padding: 0 0 32px 0;
}
@media (max-width: 1201px) {
  .sitemap__list > li {
    margin-bottom: 24px;
    padding-bottom: 24px;
  }
}
.sitemap__list > li:last-child {
  margin: 0;
  padding: 0;
  border: none;
}
.sitemap__list > li > a {
  color: var(--Text-Primary, #13151A);
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  text-transform: uppercase;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 1201px) {
  .sitemap__list > li > a {
    font-size: 20px;
  }
}
.sitemap__list > li > a + ul {
  margin-top: 24px;
}
@media (max-width: 1201px) {
  .sitemap__list > li > a + ul {
    margin-top: 20px;
  }
}
.sitemap__list > li > ul {
  margin: 0;
  padding: 0 0 0 24px;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1201px) {
  .sitemap__list > li > ul {
    gap: 20px;
  }
}
.sitemap__list > li > ul > li > a {
  color: var(--Text-Primary, #13151A);
  font-size: 20px;
  font-weight: 500;
  line-height: 110%;
}
@media (max-width: 1201px) {
  .sitemap__list > li > ul > li > a {
    font-size: 18px;
  }
}
.sitemap__list > li > ul > li > a + ul {
  margin-top: 16px;
}
@media (max-width: 1201px) {
  .sitemap__list > li > ul > li > a + ul {
    margin-top: 12px;
  }
}
.sitemap__list > li > ul > li > ul {
  padding: 0 0 0 24px;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  list-style: none;
}
.sitemap__list > li > ul > li > ul > li > a {
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
}
@media (max-width: 1201px) {
  .sitemap__list > li > ul > li > ul > li > a {
    font-size: 14px;
  }
}
.sitemap__list > li > ul > li > ul > li > a + ul {
  margin-top: 8px;
}
.sitemap__list > li > ul > li > ul > li ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.sitemap__list > li > ul > li > ul > li ul a {
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
}
@media (max-width: 1201px) {
  .sitemap__list > li > ul > li > ul > li ul a {
    font-size: 14px;
  }
}
.contacts {
  margin-bottom: 128px;
}
@media (max-width: 1201px) {
  .contacts {
    margin-bottom: 88px;
  }
}
@media (max-width: 767px) {
  .contacts {
    margin-bottom: 56px;
  }
}
.contacts__title {
  margin-bottom: 32px;
}
@media (max-width: 1201px) {
  .contacts__title {
    margin-bottom: 24px;
  }
}
.contacts__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 1201px) {
  .contacts__wrap {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .contacts__wrap {
    gap: 8px;
  }
}
.contacts__card {
  border-radius: 24px;
  background: var(--Surface-Tertiary, rgba(19, 21, 26, 0.05));
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 1201px) {
  .contacts__card {
    padding: 20px;
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .contacts__card {
    width: 100%;
    padding: 16px;
    min-height: 140px;
  }
}
.contacts__card svg {
  display: block;
  width: 32px;
  height: auto;
}
.contacts__card--tels {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 0;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .contacts__card--tels {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.contacts__cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0;
}
.contacts__t {
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-weight: 300;
  line-height: 1.25;
  opacity: 0.6;
}
.contacts__t2 {
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
}
.contacts__cardTg, .contacts__cardWh {
  border-radius: 24px;
  background: linear-gradient(125deg, #2AABEE -0.07%, #229ED9 99.93%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 1600px) {
  .contacts__cardTg, .contacts__cardWh {
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial;
  }
}
@media (max-width: 1201px) {
  .contacts__cardTg, .contacts__cardWh {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .contacts__cardTg, .contacts__cardWh {
    min-height: 140px;
    width: 100%;
    padding: 16px;
  }
}
.contacts__cardTg svg, .contacts__cardWh svg {
  display: block;
  width: 32px;
  height: auto;
}
.contacts__cardTg span, .contacts__cardWh span {
  color: var(--Text-Primary-Inverse, #FFF);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
}
.contacts__cardWh {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0.01%, #20B038), color-stop(100.01%, #60D66A));
  background: linear-gradient(0deg, #20B038 0.01%, #60D66A 100.01%);
}
.contacts__cardDown {
  border-radius: 24px;
  background: var(--Surface-Tertiary, rgba(19, 21, 26, 0.05));
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 1600px) {
  .contacts__cardDown {
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial;
  }
}
@media (max-width: 1201px) {
  .contacts__cardDown {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .contacts__cardDown {
    padding: 16px;
    width: 100%;
    min-height: 140px;
  }
}
.contacts__cardDown svg {
  width: 32px;
  height: auto;
  display: block;
}
.contacts__cardWrCont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 1201px) {
  .contacts__cardWrCont {
    gap: 12px;
  }
}
.contacts__cardWrCont:not(:first-child) {
  padding-left: 24px;
  margin-left: 24px;
  border-left: 1px solid rgba(10, 10, 13, 0.1);
}
@media (max-width: 1201px) {
  .contacts__cardWrCont:not(:first-child) {
    padding-left: 20px;
    margin-left: 20px;
  }
}
@media (max-width: 767px) {
  .contacts__cardWrCont:not(:first-child) {
    padding-left: 0;
    margin-left: 0;
    border-left: none;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid rgba(10, 10, 13, 0.1);
  }
}
.contacts__t2Wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2px;
}
.contacts__copy {
  display: block;
  width: 16px;
  height: auto;
}
.contacts__copy svg {
  display: block;
  width: 100%;
  height: auto;
}

.rekvizites {
  margin: 128px 0;
}
@media (max-width: 1201px) {
  .rekvizites {
    margin: 88px 0;
  }
}
@media (max-width: 767px) {
  .rekvizites {
    margin: 56px 0;
  }
}
.rekvizites__title {
  margin-bottom: 32px;
}
@media (max-width: 1201px) {
  .rekvizites__title {
    margin-bottom: 24px;
  }
}
.rekvizites__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
}
.rekvizites__card {
  border-radius: 24px;
  background: var(--Surface-Tertiary, rgba(19, 21, 26, 0.05));
  padding: 24px;
  width: calc(50% - 8px);
}
@media (max-width: 1201px) {
  .rekvizites__card {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .rekvizites__card {
    padding: 16px;
    width: 100%;
  }
}
.rekvizites__name {
  color: var(--Text-Primary, #13151A);
  font-size: 20px;
  font-weight: 500;
  line-height: 110%;
  text-transform: uppercase;
  margin: 0 0 24px;
}
@media (max-width: 1201px) {
  .rekvizites__name {
    margin-bottom: 20px;
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .rekvizites__name {
    margin-bottom: 16px;
  }
}
.rekvizites__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1201px) {
  .rekvizites__list {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .rekvizites__list {
    gap: 8px;
  }
}
.rekvizites__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 767px) {
  .rekvizites__item {
    width: 100%;
  }
}
.rekvizites__t1 {
  color: var(--Text-Tertiary, rgba(19, 21, 26, 0.6));
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
}
@media (max-width: 1201px) {
  .rekvizites__t1 {
    font-size: 14px;
  }
}
.rekvizites__t2 {
  color: var(--Text-Primary, #13151A);
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  text-transform: uppercase;
}
.rekvizites__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px 24px;
}
@media (max-width: 1201px) {
  .rekvizites__items {
    gap: 12px 20px;
  }
}
@media (max-width: 767px) {
  .rekvizites__items {
    gap: 8px 16px;
  }
}

.about {
  margin-bottom: 128px;
}
@media (max-width: 1201px) {
  .about {
    margin-bottom: 88px;
  }
}
@media (max-width: 767px) {
  .about {
    margin-bottom: 56px;
  }
}
.about__title {
  margin-bottom: 32px;
}
@media (max-width: 1201px) {
  .about__title {
    margin-bottom: 24px;
  }
}
.about__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 80px;
}
@media (max-width: 1600px) {
  .about__wrap {
    gap: 64px;
  }
}
@media (max-width: 1201px) {
  .about__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 40px;
  }
}
.about__text {
  width: 496px;
}
@media (max-width: 1600px) {
  .about__text {
    width: 536px;
  }
}
@media (max-width: 1201px) {
  .about__text {
    width: 100%;
    max-width: 444px;
    margin-left: auto;
    margin-right: auto;
  }
}
.about__descr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
}
@media (max-width: 1201px) {
  .about__descr {
    font-size: 14px;
  }
}
.about__descr svg {
  display: block;
  width: 16px;
  min-width: 16px;
  height: auto;
}
.about__textText {
  margin-top: 24px;
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
}
@media (max-width: 1201px) {
  .about__textText {
    margin-top: 20px;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .about__textText {
    margin-top: 16px;
  }
}
.about__btn {
  margin-top: 24px;
  width: 100%;
}
@media (max-width: 1201px) {
  .about__btn {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .about__btn {
    margin-top: 16px;
  }
}
.about__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
}
@media (max-width: 1600px) {
  .about__right {
    display: none;
  }
}
@media (max-width: 1201px) {
  .about__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
  }
}
@media (max-width: 767px) {
  .about__right {
    display: none;
  }
}

.karkasi {
  margin-bottom: 128px;
}
@media (max-width: 1201px) {
  .karkasi {
    margin-bottom: 88px;
  }
}
@media (max-width: 767px) {
  .karkasi {
    margin-bottom: 56px;
  }
}
.karkasi__title {
  margin-bottom: 32px;
}
@media (max-width: 1201px) {
  .karkasi__title {
    margin-bottom: 24px;
  }
}
.karkasi__text {
  margin-top: 32px;
  max-width: 848px;
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
}
@media (max-width: 1600px) {
  .karkasi__text {
    max-width: initial;
  }
}
@media (max-width: 1201px) {
  .karkasi__text {
    margin-top: 24px;
    font-size: 14px;
  }
}
.karkasi__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 1201px) {
  .karkasi__wrap {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .karkasi__wrap {
    gap: 8px;
  }
}
.karkasi__card {
  width: calc(33.3333333333% - 10.6666666667px);
  border-radius: 24px;
  background: var(--Surface-Primary-Inverse, #2F373F);
  padding: 24px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  aspect-ratio: 3/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.karkasi__card::before {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(179deg, #000000 0%, transparent 50%);
}
@media (max-width: 1201px) {
  .karkasi__card {
    width: calc(33.3333333333% - 8px);
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .karkasi__card {
    width: calc(50% - 4px);
    padding: 16px;
  }
}
@media (max-width: 600px) {
  .karkasi__card {
    width: 100%;
  }
}
.karkasi__card::after {
  content: "";
  display: block;
  width: 415px;
  height: 679px;
  border-radius: 679px;
  background: var(--Icons-Secondary, #2F373F);
  mix-blend-mode: plus-lighter;
  -webkit-filter: blur(150px);
  filter: blur(150px);
  position: absolute;
  right: 20%;
  top: 0;
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
  z-index: 1;
  -webkit-transform: translateY(-10%) rotate(-45deg);
  -ms-transform: translateY(-10%) rotate(-45deg);
  transform: translateY(-10%) rotate(-45deg);
}
.karkasi__card > * {
  position: relative;
  z-index: 2;
}
.karkasi__name {
  color: var(--Text-Primary-Inverse, #FFF);
  font-size: 20px;
  font-weight: 500;
  line-height: 110%;
  text-transform: uppercase;
  margin: 0;
}
@media (max-width: 1201px) {
  .karkasi__name {
    font-size: 18px;
  }
}
.karkasi__inf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: var(--Text-Primary-Inverse, #FFF);
  text-align: right;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
}
@media (max-width: 1201px) {
  .karkasi__inf {
    font-size: 14px;
  }
}
.karkasi__inf svg {
  display: block;
  width: 4px;
  height: auto;
}

.project {
  margin-bottom: 128px;
}
@media (max-width: 1201px) {
  .project {
    margin-bottom: 88px;
  }
}
@media (max-width: 767px) {
  .project {
    margin-bottom: 56px;
  }
}
.project__title {
  margin-bottom: 32px;
}
@media (max-width: 1201px) {
  .project__title {
    margin-bottom: 24px;
  }
}
.project__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 80px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 1600px) {
  .project__wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 48px 64px;
  }
}
@media (max-width: 1201px) {
  .project__wrap {
    gap: 40px;
  }
}
@media (max-width: 767px) {
  .project__wrap {
    gap: 24px;
  }
}
.project__inf {
  width: 560px;
}
@media (max-width: 1600px) {
  .project__inf {
    width: 100%;
  }
}
.project__text {
  width: 640px;
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
}
@media (max-width: 1600px) {
  .project__text {
    width: calc(100% - 320px - 64px);
  }
}
@media (max-width: 1201px) {
  .project__text {
    width: calc(100% - 264px - 40px);
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .project__text {
    width: 100%;
  }
}
.project__text > img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 16px auto;
  border-radius: 24px;
}
@media (max-width: 1201px) {
  .project__text > img {
    margin: 12px auto;
  }
}
@media (max-width: 767px) {
  .project__text > img {
    margin: 8px auto;
  }
}
.project__text .imgWr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 16px 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 1201px) {
  .project__text .imgWr {
    margin: 12px 0;
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .project__text .imgWr {
    margin: 8px 0;
    gap: 8px;
  }
}
.project__text .imgWr img {
  display: block;
  width: calc(50% - 8px);
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 24px;
}
@media (max-width: 1201px) {
  .project__text .imgWr img {
    width: calc(50% - 6px);
  }
}
@media (max-width: 767px) {
  .project__text .imgWr img {
    width: calc(50% - 4px);
  }
}
.project__text h2 {
  color: var(--Text-Primary, #13151A);
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  margin: 24px 0 16px;
}
@media (max-width: 1201px) {
  .project__text h2 {
    margin: 18px 0 12px;
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .project__text h2 {
    margin: 12px 0 8px;
  }
}
.project__form {
  width: 352px;
}
@media (max-width: 1600px) {
  .project__form {
    width: 320px;
  }
}
@media (max-width: 1201px) {
  .project__form {
    width: 264px;
  }
}
@media (max-width: 767px) {
  .project__form {
    width: 100%;
  }
}
.project__form > .faq__form {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
}
.project__wr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1600px) {
  .project__wr {
    width: calc(50% - 8px);
  }
}
@media (max-width: 1201px) {
  .project__wr {
    gap: 12px;
    width: calc(50% - 6px);
  }
}
@media (max-width: 767px) {
  .project__wr {
    width: 100%;
    gap: 8px;
  }
}
.project__wr2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1600px) {
  .project__wr2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media (max-width: 1201px) {
  .project__wr2 {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .project__wr2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
  }
}
.project__wr3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 16px;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 1201px) {
  .project__wr3 {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .project__wr3 {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
    overflow: auto;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 8px;
    width: 100vw;
  }
}
.project__card {
  border-radius: 24px;
  background: var(--Surface-Tertiary, rgba(19, 21, 26, 0.05));
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 1201px) {
  .project__card {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .project__card {
    padding: 16px;
  }
}
.project__card--full {
  width: 100%;
}
@media (max-width: 1600px) {
  .project__card--full {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
}
.project__card--big {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (max-width: 767px) {
  .project__card--big {
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial;
  }
}
.project__cardName {
  color: var(--Text-Tertiary, rgba(19, 21, 26, 0.6));
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
}
@media (max-width: 1201px) {
  .project__cardName {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .project__cardName {
    white-space: nowrap;
  }
}
.project__cardT1 {
  color: var(--Text-Primary, #13151A);
  font-size: 20px;
  font-weight: 500;
  line-height: 110%;
  margin: 0;
}
@media (max-width: 1201px) {
  .project__cardT1 {
    font-size: 18px;
  }
}
.project__cardT2 {
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
}
@media (max-width: 1201px) {
  .project__cardT2 {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .project__cardT2 {
    white-space: nowrap;
  }
}
.project__result {
  display: block;
  width: 100%;
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
@media (max-width: 1600px) {
  .project__result {
    width: calc(50% - 8px);
  }
}
@media (max-width: 1201px) {
  .project__result {
    width: calc(50% - 6px);
  }
}
@media (max-width: 767px) {
  .project__result {
    width: 100%;
  }
}
.project__result img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
}
.project__result span {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 16px;
  background: var(--White-White-100, #FFF);
  padding: 4px 8px;
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 1;
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
}

.article {
  margin-bottom: 128px;
}
@media (max-width: 1201px) {
  .article {
    margin-bottom: 88px;
  }
}
@media (max-width: 767px) {
  .article {
    margin-bottom: 56px;
  }
}
@media (max-width: 767px) {
  .article__title {
    word-wrap: break-word;
  }
}
.article__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 80px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 1600px) {
  .article__wrap {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 320px 1fr;
    grid-template-columns: 320px 1fr;
    -ms-grid-rows: (auto)[3];
    grid-template-rows: repeat(3, auto);
    grid-column-gap: 64px;
    grid-row-gap: 16px;
  }
}
@media (max-width: 1201px) {
  .article__wrap {
    grid-column-gap: 40px;
    grid-row-gap: 12px;
    -ms-grid-columns: 264px 1fr;
    grid-template-columns: 264px 1fr;
  }
}
@media (max-width: 767px) {
  .article__wrap {
    display: block;
  }
}
.article__nav {
  border-radius: 24px;
  background: var(--Surface-Tertiary, rgba(19, 21, 26, 0.05));
  padding: 24px;
  width: 352px;
}
@media (max-width: 1600px) {
  .article__nav {
    width: 100%;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 1/1/2/2;
  }
}
@media (max-width: 1201px) {
  .article__nav {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .article__nav {
    display: none;
  }
}
.article__text {
  width: 848px;
}
@media (max-width: 1600px) {
  .article__text {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: 1/2/4/3;
    width: 100%;
  }
}
.article__form {
  width: 352px;
}
@media (max-width: 1600px) {
  .article__form {
    width: 100%;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 2/1/3/2;
  }
}
@media (max-width: 767px) {
  .article__form {
    display: none;
  }
}
.article__textTop {
  margin-bottom: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1201px) {
  .article__textTop {
    margin-bottom: 24px;
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .article__textTop {
    gap: 8px;
  }
}
.article__navTitle {
  color: var(--Text-Primary, #13151A);
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  text-transform: uppercase;
  margin: 0 0 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--Border-Secondary, rgba(19, 21, 26, 0.1));
}
@media (max-width: 1201px) {
  .article__navTitle {
    font-size: 20px;
    margin-bottom: 12px;
    padding-bottom: 12px;
  }
}
.article__navList {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  list-style: none;
}
@media (max-width: 1201px) {
  .article__navList {
    gap: 12px;
  }
}
.article__navList a {
  color: var(--Text-Secondary, #2F373F);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1201px) {
  .article__navList a {
    font-size: 14px;
  }
}
@media (hover: hover) {
  .article__navList a:hover {
    color: var(--Text-Accent, #DC3C34);
  }
}
.article__navList a.active {
  color: var(--Text-Accent, #DC3C34);
}
.article__navList--number {
  list-style: decimal;
  padding-left: 20px;
}
.article__textTegs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px 24px;
  color: var(--Text-Tertiary, rgba(19, 21, 26, 0.6));
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
}
@media (max-width: 1201px) {
  .article__textTegs {
    font-size: 14px;
    gap: 12px 20px;
  }
}
@media (max-width: 767px) {
  .article__textTegs {
    gap: 8px 16px;
  }
}
.article__textT {
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
}
@media (max-width: 1201px) {
  .article__textT {
    font-size: 14px;
  }
}
.article__textT > img {
  display: block;
  max-width: 100%;
  width: auto;
  margin: 32px auto;
  border-radius: 24px;
}
@media (max-width: 1201px) {
  .article__textT > img {
    margin: 24px auto;
  }
}
.article__textT b {
  font-weight: 400;
}
.article__textT hr {
  margin: 24px 0;
  border: none;
  height: 1px;
  background-color: var(--Border-Secondary, rgba(19, 21, 26, 0.1));
}
@media (max-width: 1201px) {
  .article__textT hr {
    margin: 20px 0;
  }
}
@media (max-width: 767px) {
  .article__textT hr {
    margin: 16px 0;
  }
}
.article__textT > h2 {
  color: var(--Text-Primary, #13151A);
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  margin: 24px 0 16px;
}
@media (max-width: 1201px) {
  .article__textT > h2 {
    font-size: 20px;
    margin: 18px 0 12px;
  }
}
@media (max-width: 767px) {
  .article__textT > h2 {
    margin: 12px 0 8px;
  }
}
.article__textT .bg {
  border-radius: 24px;
  background: var(--Surface-Tertiary, rgba(19, 21, 26, 0.05));
  padding: 24px;
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
}
@media (max-width: 1201px) {
  .article__textT .bg {
    padding: 20px;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .article__textT .bg {
    padding: 16px;
  }
}
.article__textT .prodWr {
  margin: 16px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 1201px) {
  .article__textT .prodWr {
    gap: 12px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: auto;
    margin: 12px 0;
    width: 100vw;
    margin-right: -150px;
    padding-right: 150px;
    margin-left: -456px;
    padding-left: 456px;
  }
}
@media (max-width: 1023px) {
  .article__textT .prodWr {
    margin-right: -20px;
    padding-right: 20px;
    margin-left: -324px;
    padding-left: 324px;
  }
}
@media (max-width: 767px) {
  .article__textT .prodWr {
    margin-right: -10px;
    padding-right: 10px;
    margin-left: -10px;
    padding-left: 10px;
    gap: 8px;
  }
}
.article__textT .prodWr > * {
  width: calc(33.3333333333% - 10.6666666667px);
}
@media (max-width: 1201px) {
  .article__textT .prodWr > * {
    width: 216px;
    min-width: 216px;
  }
}
.article__textT .prodWr > * .products__cardName {
  word-wrap: break-word;
}
.article__textT .projectsWr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 1201px) {
  .article__textT .projectsWr {
    gap: 12px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: auto;
    margin: 12px 0;
    width: 100vw;
    margin-right: -150px;
    padding-right: 150px;
    margin-left: -456px;
    padding-left: 456px;
  }
}
@media (max-width: 1023px) {
  .article__textT .projectsWr {
    margin-right: -20px;
    padding-right: 20px;
    margin-left: -324px;
    padding-left: 324px;
  }
}
@media (max-width: 767px) {
  .article__textT .projectsWr {
    margin-right: -10px;
    padding-right: 10px;
    margin-left: -10px;
    padding-left: 10px;
    gap: 8px;
  }
}
.article__textT .projectsWr > * {
  width: calc(50% - 8px);
  aspect-ratio: 3/2;
}
@media (max-width: 1201px) {
  .article__textT .projectsWr > * {
    width: 292px;
    min-width: 292px;
  }
}
@media (max-width: 767px) {
  .article__textT .projectsWr > * {
    width: 252px;
    min-width: 252px;
  }
}
.article__textT .faqWr > * {
  width: 100%;
}
.article__textT ol {
  margin: 16px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  padding-left: 20px;
}
@media (max-width: 1201px) {
  .article__textT ol {
    margin: 12px 0;
    padding-left: 18px;
  }
}
@media (max-width: 767px) {
  .article__textT ol {
    padding-left: 17px;
    margin: 8px 0;
  }
}
.article__textT ol ul {
  padding-left: 20px;
  margin: 16px 0 0 0;
  list-style: lower-alpha;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1201px) {
  .article__textT ol ul {
    padding-left: 18px;
  }
}
@media (max-width: 767px) {
  .article__textT ol ul {
    padding-left: 17px;
  }
}

.karkas {
  margin-bottom: 128px;
}
@media (max-width: 1201px) {
  .karkas {
    margin-bottom: 88px;
  }
}
@media (max-width: 767px) {
  .karkas {
    margin-bottom: 56px;
  }
}
.karkas__title {
  margin-bottom: 32px;
}
@media (max-width: 1201px) {
  .karkas__title {
    margin-bottom: 24px;
  }
}
.karkas__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 80px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 1600px) {
  .karkas__wrap {
    gap: 48px 64px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (max-width: 1201px) {
  .karkas__wrap {
    gap: 40px;
  }
}
@media (max-width: 767px) {
  .karkas__wrap {
    gap: 24px;
  }
}
.karkas__imgs {
  width: 560px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1600px) {
  .karkas__imgs {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (max-width: 1201px) {
  .karkas__imgs {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .karkas__imgs {
    gap: 8px;
  }
}
.karkas__imgs img {
  display: block;
  width: 100%;
  aspect-ratio: 3/2;
  border-radius: 24px;
  overflow: hidden;
  background-color: var(--Surface-Tertiary, rgba(19, 21, 26, 0.05));
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 1600px) {
  .karkas__imgs img {
    width: calc(50% - 8px);
  }
}
@media (max-width: 1201px) {
  .karkas__imgs img {
    width: calc(50% - 6px);
  }
}
@media (max-width: 767px) {
  .karkas__imgs img {
    width: calc(50% - 4px);
  }
}
.karkas__content {
  width: 640px;
}
@media (max-width: 1600px) {
  .karkas__content {
    width: calc(100% - 320px - 64px);
  }
}
@media (max-width: 1201px) {
  .karkas__content {
    width: calc(100% - 340px - 40px);
  }
}
@media (max-width: 1023px) {
  .karkas__content {
    width: calc(100% - 280px - 40px);
  }
}
@media (max-width: 767px) {
  .karkas__content {
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 16px;
  }
}
.karkas__form {
  width: 352px;
}
@media (max-width: 1600px) {
  .karkas__form {
    width: 320px;
  }
}
@media (max-width: 1201px) {
  .karkas__form {
    width: 340px;
  }
}
@media (max-width: 1023px) {
  .karkas__form {
    width: 280px;
  }
}
@media (max-width: 767px) {
  .karkas__form {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
.karkas__form .faq__form {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .karkas__form .faq__form {
    padding: 16px;
  }
}
.karkas__wr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1201px) {
  .karkas__wr {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .karkas__wr {
    gap: 16px;
  }
}
.karkas__wr hr {
  display: block;
  height: 1px;
  border: none;
  background-color: var(--Border-Secondary, rgba(19, 21, 26, 0.1));
  margin: 0;
}
.karkas__text {
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
}
@media (max-width: 1201px) {
  .karkas__text {
    font-size: 14px;
  }
}
.karkas__title2 {
  color: var(--Text-Primary, #13151A);
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  margin: 0 0 16px;
}
@media (max-width: 1201px) {
  .karkas__title2 {
    font-size: 20px;
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .karkas__title2 {
    margin-bottom: 8px;
  }
}
.karkas__characteristick {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.karkas__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .karkas__line {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.karkas__iconText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.karkas__iconText svg {
  display: block;
  width: 24px;
  height: auto;
}
@media (max-width: 1201px) {
  .karkas__iconText svg {
    width: 20px;
  }
}
.karkas__iconText span {
  color: var(--Text-Secondary, #2F373F);
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
}
@media (max-width: 1201px) {
  .karkas__iconText span {
    font-size: 14px;
  }
}
.karkas__dec {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  border-bottom: 2px dotted var(--Border-Secondary, rgba(19, 21, 26, 0.1));
  margin-bottom: -3px;
}
@media (max-width: 1201px) {
  .karkas__dec {
    margin-bottom: -1px;
  }
}
@media (max-width: 767px) {
  .karkas__dec {
    display: none;
  }
}
.karkas__lineT {
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
}
@media (max-width: 1201px) {
  .karkas__lineT {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .karkas__lineT {
    margin-left: 32px;
  }
}
.karkas__benefits {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 1201px) {
  .karkas__benefits {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .karkas__benefits {
    gap: 8px;
  }
}
.karkas__benefit {
  width: calc(50% - 8px);
  border-radius: 24px;
  background: var(--Surface-Tertiary, rgba(19, 21, 26, 0.05));
  padding: 24px;
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
}
@media (max-width: 1201px) {
  .karkas__benefit {
    width: 100%;
    padding: 20px;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .karkas__benefit {
    padding: 16px;
  }
}
.karkas__list {
  margin: 0;
  padding: 0 0 0 30px;
  color: var(--Text-Secondary, #2F373F);
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1201px) {
  .karkas__list {
    font-size: 14px;
    padding-left: 26px;
  }
}
.karkas__wr2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (max-width: 1201px) {
  .karkas__wr2 {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .karkas__wr2 {
    gap: 8px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.karkas__inf {
  width: calc(100% - 16px - 128px);
}
@media (max-width: 1201px) {
  .karkas__inf {
    width: calc(100% - 12px - 128px);
  }
}
@media (max-width: 767px) {
  .karkas__inf {
    width: 100%;
  }
}
.karkas__text2 {
  color: var(--Text-Secondary, #2F373F);
  font-size: 16px;
  font-weight: 200;
  line-height: 1.25;
}
@media (max-width: 1201px) {
  .karkas__text2 {
    font-size: 14px;
  }
}
.karkas__listBg {
  border-radius: 16px;
  background: var(--Surface-Tertiary, rgba(19, 21, 26, 0.05));
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  width: 128px;
}
@media (max-width: 1201px) {
  .karkas__listBg {
    padding: 12px;
  }
}
@media (max-width: 767px) {
  .karkas__listBg {
    padding: 8px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
  }
}
.karkas__listBgLine {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}
@media (max-width: 767px) {
  .karkas__listBgLine {
    width: calc(33.3333333333% - 5.3333333333px);
  }
}
.karkas__listBgLine svg {
  display: block;
  width: 20px;
  height: auto;
}
@media (max-width: 1201px) {
  .karkas__listBgLine svg {
    width: 18px;
  }
}
.karkas__listBgLine span {
  color: var(--Text-Primary, #13151A);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
}
@media (max-width: 1201px) {
  .karkas__listBgLine span {
    font-size: 14px;
  }
}
main.main ul, .main p {
    font-weight: 200;
}
.faq__cont_in_page {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.button-container {
    display: flex;
    flex-wrap: wrap; /* Кнопки перенесутся на новую строку, если не поместятся */
    gap: 12px;       /* Расстояние между кнопками */
    margin: 20px 0;  /* Внешние отступы сверху и снизу блока */
}

/* Стили самих ссылок-кнопок */
.btn-link {
    display: inline-block;
    padding: 10px 20px;          /* Внутренние отступы (высота и ширина) */
    background-color: #2c3e50;    /* Темный цвет фона (под цвет меню сайта) */
    color: #ffffff;              /* Белый цвет текста */
    text-decoration: none;       /* Убираем подчеркивание ссылки */
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;          /* Легкое скругление углов */
    transition: background-color 0.2s ease; /* Плавный переход цвета */
}

/* Эффект при наведении курсора */
.btn-link:hover {
    background-color: #d32f2f;    /* Красный цвет при наведении (акцентный цвет вашего сайта) */
}
table.table {
    width: 100%;
    border-collapse: collapse;
}

table.table td,table.table tr {
    padding: 5px;
    border: 1px solid #aaa;
}
.flex_iimgs_30 {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 2%;
    margin-bottom: 30px;
}

.flex_iimgs_30>div {
    max-width: 30%;
        display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    border: 1px solid #ccc;
}
.flex_iimgs_30>div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
button.menuBot__link.menuBot__btn--prod {
    border: 0;
    background: transparent;
}