@charset "UTF-8";
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
    format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper,
.swiper-wrapper {
  position: relative;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  list-style: none;
  padding: 0;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(
    --swiper-wrapper-transition-timing-function,
    initial
  );
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal
  > .swiper-wrapper
  > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical
  > .swiper-wrapper
  > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@font-face {
  font-weight: 500;
  font-family: "Manrope";
  font-style: normal;
  src:
    url(../fonts/Manrope-Medium.woff2) format("woff2"),
    url(../fonts/Manrope-Medium.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-weight: 400;
  font-family: "Manrope";
  font-style: normal;
  src:
    url(../fonts/Manrope-Regular.woff2) format("woff2"),
    url(../fonts/Manrope-Regular.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-weight: 300;
  font-family: "Manrope";
  font-style: normal;
  src:
    url(../fonts/Manrope-Light.woff2) format("woff2"),
    url(../fonts/Manrope-Light.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-weight: 200;
  font-family: "Manrope";
  font-style: normal;
  src:
    url(../fonts/Manrope-ExtraLight.woff2) format("woff2"),
    url(../fonts/Manrope-ExtraLight.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-weight: 400;
  font-family: "Andika";
  font-style: normal;
  src:
    url(../fonts/Andika-Regular.woff2) format("woff2"),
    url(../fonts/Andika-Regular.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-weight: 400;
  font-family: "Andika";
  font-style: italic;
  src:
    url(../fonts/Andika-Italic.woff2) format("woff2"),
    url(../fonts/Andika-Italic.woff) format("woff");
  font-display: swap;
}
*,
::after,
::before {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  height: 100%;
  height: -webkit-fill-available;
}
body,
html,
img {
  display: flex;
}
body,
html {
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  font-family: "Manrope", Helvetica, Arial, sans-serif;
}
body {
  position: relative;
  min-width: 320px;
  min-height: 100vh;
  min-height: -webkit-fill-available;
  margin: 0;
  font-size: 20px;
  line-height: 1.4;
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
}
@media (max-width: 1199px) {
  body {
    font-size: 16px;
  }
}
a {
  color: #000;
  text-decoration: none;
}
button {
  font-weight: 300;
  border: 0;
  outline: 0;
  cursor: pointer;
}
dl,
p {
  margin: 0;
}
address {
  display: inline;
  font-style: normal;
}
img {
  max-width: 100%;
  height: auto;
}
section[id] {
  scroll-margin-top: 150px;
}
.heading {
  margin: 0;
  padding: 0;
}
.hidden {
  display: none;
}
.dib {
  display: inline-block;
  vertical-align: top;
}
.no-margin {
  margin: 0 !important;
}
.list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.fieldset,
input {
  margin: 0;
  padding: 0;
  border: 0;
}
.custom-checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.content {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
}
input {
  font-family: "Manrope", Helvetica, Arial, sans-serif;
}
textarea {
  border: 0;
  resize: none;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
  appearance: none;
}
input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
input[type="number"]:focus,
input[type="number"]:hover {
  -webkit-appearance: number-input;
  -moz-appearance: number-input;
  appearance: number-input;
}
.rouble {
  font-family: "Manrope", Helvetica, Arial, sans-serif;
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0);
}
.gold {
  color: #a18c1e;
}
.gold--light {
  color: #e0ca58;
}
.container {
  width: 100%;
  max-width: 1501px;
  margin: 0 auto;
}
.container--wide {
  max-width: 1676px;
}
.only-desktop,
.only-desktop-i,
.only-desktop-ib,
.only-mobile,
.only-mobile-i,
.only-mobile-ib,
.only-tab,
.only-tab-i,
.only-tab-ib {
  display: none !important;
}
@media (max-width: 1499px) {
  .container {
    padding-right: 48px;
    padding-left: 48px;
  }
  .no-desktop {
    display: none !important;
  }
  .only-desktop {
    display: block !important;
  }
  .only-desktop-i {
    display: inline !important;
  }
  .only-desktop-ib {
    display: inline-block !important;
  }
}
@media (max-width: 1199px) {
  .container {
    padding-right: 18px;
    padding-left: 18px;
  }
  .no-tab {
    display: none !important;
  }
  .only-tab {
    display: block !important;
  }
  .only-tab-i {
    display: inline !important;
  }
  .only-tab-ib {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .container,
  .mobile-container {
    min-width: 320px;
    max-width: 100%;
    padding-right: 10px;
    padding-left: 10px;
  }
  .no-mobile {
    display: none !important;
  }
  .only-mobile {
    display: block !important;
  }
  .only-mobile-i {
    display: inline !important;
  }
  .only-mobile-ib {
    display: inline-block !important;
  }
}
@media (min-width: 1500px) {
  .container {
    padding-right: 48px;
    padding-left: 48px;
  }
}
.title {
  font-weight: 400;
  font-size: 25px;
  line-height: 1.29;
  color: #000;
}
.title--big {
  font-size: 30px;
}
.title--small,
.title--smaller {
  font-size: 20px;
}
.title--green {
  color: #000900;
}
.title--middle {
  font-size: 23px;
}
.title--center {
  text-align: center;
}
.title--short {
  max-width: 1120px;
}
.title--medium {
  font-weight: 500;
}
.title--star {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.title--arrow::after,
.title--star::before {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
}
.title--star::before {
  flex-shrink: 0;
  width: 17px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='18' viewBox='0 0 17 18' fill='none'%3E%3Cpath d='M6.5 7C8.3127 5.23139 8.5 0.5 8.5 0.5C8.5 0.5 8.84027 5.34027 10.5 7C12.1597 8.65973 17 9 17 9C17 9 12.1597 9.84027 10.5 11.5C8.84027 13.1597 8.5 17.5 8.5 17.5C8.5 17.5 8.15973 13.1597 6.5 11.5C4.84027 9.84027 0 9 0 9C0 9 4.74943 8.70799 6.5 7Z' fill='%231C6B37'/%3E%3C/svg%3E");
  transform: translateY(9px);
}
.title--arrow {
  display: inline-block;
}
.title--arrow::after {
  display: inline-block;
  width: 59px;
  height: 16px;
  margin-left: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='59' height='16' viewBox='0 0 59 16' fill='none'%3E%3Cpath d='M58.7071 8.70711C59.0976 8.31658 59.0976 7.68342 58.7071 7.29289L52.3431 0.928932C51.9526 0.538408 51.3195 0.538408 50.9289 0.928932C50.5384 1.31946 50.5384 1.95262 50.9289 2.34315L56.5858 8L50.9289 13.6569C50.5384 14.0474 50.5384 14.6805 50.9289 15.0711C51.3195 15.4616 51.9526 15.4616 52.3431 15.0711L58.7071 8.70711ZM58 7H0V9H58V7Z' fill='%23C8C8C8'/%3E%3C/svg%3E");
  transform: translateY(-3px);
}
.title--white {
  color: #fff;
}
@media (min-width: 767px) {
  .title {
    font-size: 30px;
  }
  .title--big {
    font-size: 40px;
  }
  .title--small,
  .title--smaller {
    font-size: 23px;
  }
}
@media (min-width: 1199px) {
  .title {
    font-size: 38px;
  }
  .title--small {
    font-size: 27px;
  }
  .title--smaller {
    font-size: 25px;
  }
  .title--big {
    font-size: 50px;
  }
}
@media (min-width: 1499px) {
  .title {
    font-size: 50px;
  }
  .title--big {
    font-size: 60px;
  }
  .title--small {
    font-size: 27px;
  }
  .title--smaller {
    font-size: 25px;
  }
  .title--middle {
    font-size: 38px;
  }
}
.button {
  font-family: inherit;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #000900;
  background-color: rgba(28, 107, 55, 0.1);
  border: 2px solid #000900;
}
.button--trans {
  background-color: transparent;
}
.button--green {
  color: #fff;
  background-color: #000900;
}
@media (min-width: 1199px) {
  .button {
    transition:
      background-color 0.2s ease-in,
      color 0.2s ease-in;
  }
  .button:hover {
    color: #fff;
    background-color: #000900;
  }
  .button--green:hover {
    color: #000900;
    background-color: rgba(28, 107, 55, 0.1);
  }
}
.button__icon {
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .button__icon {
    width: 30px;
    height: 30px;
  }
}
.benefits__items {
  display: flex;
}
.benefits__items--about {
  justify-content: center;
  -moz-column-gap: 70px;
  column-gap: 70px;
}
.benefits__items--fabrication {
  gap: 40px;
}
@media (max-width: 1499px) {
  .benefits__items--about {
    -moz-column-gap: 30px;
    column-gap: 30px;
  }
}
@media (max-width: 1199px) {
  .benefits__items {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .benefits__items {
    flex-direction: column;
  }
}
.benefits__item {
  display: flex;
  flex-direction: column;
}
.benefits__item--about {
  max-width: 570px;
  padding: 45px 50px 55px;
  background-color: #fff;
}
.benefits__item--fabrication {
  padding: 50px 60px 60px;
  background-color: #efece2;
}
@media (max-width: 1499px) {
  .benefits__item--about {
    width: 100%;
    max-width: 525px;
  }
  .benefits__item--fabrication {
    padding: 45px 50px 38px;
  }
}
@media (max-width: 1199px) {
  .benefits__item--about,
  .benefits__item--fabrication {
    padding: 30px 30px 38px;
  }
}
@media (max-width: 767px) {
  .benefits__item {
    width: 100%;
    max-width: 100%;
  }
  .benefits__item--about {
    padding: 26px 19px 34px 26px;
  }
  .benefits__item--fabrication {
    padding: 30px 30px 40px;
  }
}
.benefits__title {
  position: relative;
  display: flex;
  gap: 10px;
  margin: 0 0 10px;
  font-weight: 500;
  line-height: 1.27;
  color: #000;
}
.benefits__title::before {
  content: "";
  display: block;
  width: 17px;
  height: 17px;
  background-image: url(../img/icons/star.svg);
  transform: translateY(7px);
}
.benefits__item--fabrication .benefits__title {
  margin-bottom: 15px;
  font-size: 23px;
}
.benefits__item--fabrication .benefits__title::after {
  top: 5px;
}
.benefits__text {
  font-weight: 300;
  line-height: 1.3;
}
.benefits__text--about {
  margin-bottom: 20px;
  line-height: 1.5;
}
.benefits__title {
  font-size: 27px;
}
@media (max-width: 1499px) {
  .benefits__title {
    font-size: 23px;
    line-height: 1.29;
  }
}
.benefits__text {
  font-size: 19px;
}
@media (max-width: 1499px) {
  .benefits__text {
    font-size: 18px;
  }
}
.benefits__button {
  max-width: 275px;
  margin-top: auto;
  padding: 18px 50px;
  font-size: 22px;
}
@media (max-width: 1499px) {
  .benefits__button {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .benefits__button {
    font-size: 18px;
  }
}
.content__header {
  z-index: 10;
  height: 69px;
}
@media (min-width: 767px) {
  .content__header {
    height: 74px;
  }
}
@media (min-width: 1199px) {
  .content__header {
    height: 87px;
  }
}
.header {
  position: sticky;
  top: 0;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  transition: background-color 0.2s;
}
.header--index {
  color: #fff;
}
.header--white-bg {
  color: #000;
  background-color: #fff;
}
.header__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header__socials {
  display: flex;
  gap: 20px;
}
@media (max-width: 1499px) {
  .header__socials {
    gap: 10px;
  }
}
@media (max-width: 1279px) {
  .header__socials {
    display: none;
  }
}
.header__logo-img {
  width: 191px;
  height: 47px;
  margin-right: 30px;
}
@media (max-width: 1499px) {
  .header__logo-img {
    width: 138px;
    height: 34px;
  }
}
@media (max-width: 1199px) {
  .header__logo-img {
    width: 114px;
    height: 28px;
  }
}
.header__contacts {
  display: flex;
  margin-right: 30px;
  gap: 30px;
}
@media (max-width: 1499px) {
  .header__contacts {
    gap: 20px;
  }
}
@media (max-width: 1279px) {
  .header__contacts {
    margin-right: 0;
  }
}
.header__contact-text {
  display: inline-block;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .header__contact-text {
    display: none;
  }
}
.header__contact-img {
  display: none;
}
@media (max-width: 767px) {
  .header__contact-img {
    display: block;
  }
}
.header__socials-link {
  display: flex;
  color: inherit;
  outline: 0;
  transition: color 0.2s ease-in;
}
.header__socials-link:focus,
.header__socials-link:hover {
  color: #000900;
}
.header__socials-img {
  width: 40px;
  height: 40px;
  color: #f6f5f1;
}
@media (max-width: 1499px) {
  .header__socials-img {
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 767px) {
  .header__socials-img {
    width: 24px;
    height: 24px;
  }
}
.header__contact-item {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.38;
  color: inherit;
  transition: color 0.2s ease-in;
}
.header__contact-item:hover {
  color: #000900;
}
@media (max-width: 767px) {
  .header__contact-item {
    font-size: 16px;
  }
}
.header__burger {
  padding: 0;
  color: #000;
  background-color: transparent;
  border: 0;
  position: relative;
  display: none;
  width: 22px;
  height: 19px;
  margin-left: 20px;
}
.header__burger::after,
.header__burger::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #ffffff;
  box-shadow:
    0 8px 0 0 #ffffff,
    0 16px 0 0 #ffffff;
  transition:
    top 0.2s,
    left 0.2s,
    transform 0.2s,
    box-shadow 0.2s;
}
.header__burger--active::after,
.header__burger--active::before {
  top: 50%;
  left: 50%;
  box-shadow: none;
}
.header__burger--active::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.header__burger--active::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
@media (max-width: 1279px) {
  .header__burger {
    display: block;
  }
}
.header__logo {
  z-index: 1;
  display: flex;
  color: inherit;
  transition: 0.3s;
}
.header__left-side,
.header__right-side {
  display: flex;
  align-items: center;
}
.first {
  position: relative;
  padding: 200px 0 180px;
  background-color: #726e6b;
}
@media (max-width: 1199px) {
  .first {
    padding: 150px 0;
  }
}
@media (max-width: 767px) {
  .first {
    padding: 110px 0 130px;
  }
}
.first__title {
  margin: 0 0 10px;
  font-weight: 500;
  font-size: 70px;
  line-height: 1.1;
  color: #fff;
}
@media (max-width: 1499px) {
  .first__title {
    font-size: 60px;
  }
}
@media (max-width: 245px) {
  .first__title {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .first__title {
    font-size: 40px;
  }
}
.first__btn {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 40px;
  padding: 20px 30px;
  font-weight: 500;
  font-size: 20px;
}
@media (max-width: 767px) {
  .first__btn {
    margin-top: 20px;
    padding: 16px 26px;
    font-size: 16px;
  }
}
.first__text {
  max-width: 605px;
  font-size: 25px;
  color: #fff;
}
@media (max-width: 1199px) {
  .first__text {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .first__text {
    font-size: 18px;
  }
}
.first__content {
  position: relative;
  z-index: 1;
}
.first__video-wrap,
.first__video-wrap::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.first__video-wrap::before {
  content: "";
  background-color: rgba(0, 0, 0, 0.4);
}
.first__video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.main {
  flex-grow: 1;
}
.main__first {
  position: relative;
  margin-top: -69px;
  padding-top: 84px;
}
.main__services {
  position: relative;
  margin-top: 40px;
  margin-bottom: 40px;
}
.main__tags {
  position: relative;
  margin-bottom: 60px;
}
.main__about {
  position: relative;
  padding-bottom: 50px;
  background-color: #f6f5f1;
}
.main__vacancy {
  margin-top: 80px;
  margin-bottom: 147px;
}
.main__vacancy + .main__promo {
  margin-top: 0;
}
.main__promo {
  margin-top: 120px;
  margin-bottom: 101px;
}
.main__extra {
  margin-bottom: 137px;
}
@media (max-width: 1199px) {
  .main__extra {
    margin-bottom: 60px;
  }
}
.main__cicle {
  margin-bottom: 98px;
}
@media (max-width: 1199px) {
  .main__cicle {
    margin-bottom: 55px;
  }
}
.main__head:not(.main__head--no-margin) {
  margin-top: -87px;
}
.main__head--margin-bottom {
  margin-bottom: 120px;
}
@media (max-width: 1499px) {
  .main__head--margin-bottom {
    margin-bottom: 100px;
  }
}
@media (max-width: 1199px) {
  .main__head:not(.main__head--no-margin) {
    margin-top: -74px;
  }
  .main__head--margin-bottom {
    margin-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .main__head:not(.main__head--no-margin) {
    margin-top: -70px;
  }
  .main__head--margin-bottom {
    margin-bottom: 70px;
  }
}
.main__overlay {
  position: absolute;
  display: none;
  width: 2217px;
  height: 872px;
  background-image: url(../img/icons/line-1.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  pointer-events: none;
  touch-action: none;
}
@media (min-width: 767px) {
  .main__first {
    margin-top: -74px;
    padding-top: 124px;
  }
  .main__services {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .main__tags {
    margin-bottom: 80px;
  }
  .main__about {
    padding-bottom: 80px;
    background-image: url(../img/icons/about_line-mob.svg);
    background-repeat: no-repeat;
    background-position: 50% -42%;
    background-size: contain;
  }
  .main__overlay {
    top: 112px;
    left: 50%;
    display: block;
    max-width: calc(100vw - 18px);
    transform: translateX(-50%);
  }
}
@media (min-width: 1000px) {
  .main__about {
    width: 100%;
    height: 100%;
    background-image: url(../img/icons/about_line-tab.svg);
    background-position: left 15%;
  }
}
@media (min-width: 1199px) {
  .main__first {
    margin-top: -87px;
  }
  .main__services {
    margin-top: 70px;
    margin-bottom: 70px;
  }
  .main__tags {
    margin-bottom: 120px;
  }
  .main__about {
    padding-bottom: 120px;
  }
  .main__overlay {
    top: 180px;
    background-position: calc(50% - 161px);
  }
}
@media (min-width: 1499px) {
  .main__overlay {
    background-position: center;
  }
  .main__about {
    background-image: url(../img/icons/about_line-desc.svg);
    background-position: 50% 0;
  }
}
.main__anhors {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 20px auto 70px;
  gap: 10px 30px;
}
@media (max-width: 1199px) {
  .main__anhors {
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .main__anhors {
    margin-bottom: 30px;
  }
}
.main__section {
  margin-bottom: 120px;
}
.main__section--big-margin {
  margin-bottom: 140px;
}
.main__section--first {
  margin-top: -87px;
}
@media (max-width: 1499px) {
  .main__section {
    margin-bottom: 100px;
  }
}
@media (max-width: 1199px) {
  .main__section {
    margin-bottom: 80px;
  }
  .main__section--first {
    margin-top: -74px;
  }
}
@media (max-width: 767px) {
  .main__section {
    margin-bottom: 70px;
  }
}
.main__text:not(:last-of-type) {
  margin-bottom: 20px;
}
.main__text--short {
  max-width: 835px;
}
.main__text--center {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.main__section-wrapper {
  margin-bottom: 120px;
  padding: 100px 0 120px;
}
.main__section-wrapper--beige {
  background-color: #f6f5f1;
}
@media (max-width: 1499px) {
  .main__section-wrapper {
    margin-bottom: 100px;
  }
}
@media (max-width: 1199px) {
  .main__section-wrapper {
    margin-bottom: 80px;
    padding: 60px 0;
  }
}
@media (max-width: 767px) {
  .main__section-wrapper {
    margin-bottom: 70px;
    padding: 60px 0 30px;
  }
}
.main__title {
  margin: 0 0 20px;
}
.main__table {
  margin-top: 40px;
}
@media (max-width: 1199px) {
  .main__table {
    margin-top: 25px;
    margin-right: -10px;
    margin-left: -10px;
    padding: 0 10px;
    overflow-x: auto;
    scrollbar-color: transparent transparent;
    scrollbar-width: none;
  }
  .main__table::-webkit-scrollbar {
    width: 0;
    height: 0;
    background-color: transparent;
  }
}
.main__info-box {
  margin-top: 70px;
}
.main__btn {
  margin-top: 40px;
  padding: 18px 32px;
}
@media (max-width: 767px) {
  .main__btn {
    padding: 15px 25px;
  }
}
.menu {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 1279px) {
  .menu {
    scrollbar-color: transparent transparent;
    scrollbar-width: none;
    position: fixed;
    top: 65px;
    left: 0;
    z-index: 5;
    flex-direction: column;
    align-items: start;
    width: 100%;
    height: 100%;
    max-height: calc(100% - 65px);
    padding: 24px 20px;
    overflow-y: auto;
    background-color: #fff;
    gap: 15px;
    transform: translateY(-50px);
    visibility: hidden;
    opacity: 0;
    transition:
      visibility 0.2s,
      transform 0.2s,
      opacity 0.2s;
  }
  .menu::-webkit-scrollbar {
    width: 0;
    height: 0;
    background-color: transparent;
  }
  .menu--show {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .menu {
    padding: 20px 10px;
  }
}
.menu__btn {
  background-color: transparent;
  border: 0;
  padding: 10px;
  font-size: 18px;
  line-height: 1;
  font-family: "Manrope", Helvetica, Arial, sans-serif;
  color: inherit;
}
@media (min-width: 1199px) {
  .menu__btn {
    transition:
      background-color 0.2s,
      color 0.2s;
  }
}
@media (max-width: 1279px) {
  .menu__btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-left: 0;
    font-weight: 500;
    font-size: 25px;
    background: linear-gradient(
      90deg,
      rgba(246, 249, 247, 0) 18.83%,
      #f6f9f7 40.93%
    );
    border-radius: 10px;
  }
  .menu__btn::after {
    content: "";
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%0A%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0254 7.76522L10.0002 14.7904L2.97505 7.76522' stroke='%23A2ACB5' stroke-width='2.08333' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
      no-repeat center/contain;
    transform: rotate(-90deg);
  }
  [data-open] .menu__btn::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0254 7.76522L10.0002 14.7904L2.97505 7.76522' stroke='%231C6B37' stroke-width='2.08333' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    transform: rotate(0);
  }
}
.menu__item {
  position: relative;
  outline: 0;
}
@media (min-width: 1199px) {
  .menu__item:focus .menu__btn,
  .menu__item:focus-within .menu__btn,
  .menu__item:hover .menu__btn {
    color: #000;
    background-color: #f6f5f1;
  }
  .menu__item:focus
    .menu__inner:not(
      .menu__item:hover .menu__inner--big,
      .menu__item:focus .menu__inner--big,
      .menu__item:focus-within .menu__inner--big
    ),
  .menu__item:focus-within
    .menu__inner:not(
      .menu__item:hover .menu__inner--big,
      .menu__item:focus .menu__inner--big,
      .menu__item:focus-within .menu__inner--big
    ),
  .menu__item:hover
    .menu__inner:not(
      .menu__item:hover .menu__inner--big,
      .menu__item:focus .menu__inner--big,
      .menu__item:focus-within .menu__inner--big
    ) {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
  }
  .menu__item[data-hover] .menu__inner {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
  }
}
@media (max-width: 1279px) {
  .menu__item {
    width: 100%;
  }
}
@media (min-width: 1279px) {
  .menu__inner {
    position: absolute;
    top: 100%;
    left: -20px;
    min-width: 242px;
    padding-top: 20px;
    background-color: #fff;
    box-shadow: 0 4px 4px 0 #0000000d;
    transform: translateY(50px);
    visibility: hidden;
    opacity: 0;
    transition:
      visibility 0.2s,
      transform 0.2s,
      opacity 0.2s,
      pointer-events 0.2s,
      touch-action 0.2s,
      max-height 0.2s;
  }
  .menu__inner--big {
    position: fixed;
    top: 63px;
    left: 0;
    width: 100%;
    padding: 30px 0 60px;
    transform: none;
  }
}
@media (max-width: 1279px) {
  .menu__inner {
    display: none;
    margin-top: 15px;
    padding-right: 10px;
  }
  [data-open] .menu__inner {
    display: block;
  }
}
.menu__inner-list {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.menu__inner-list:not(.menu__inner-list--big) {
  padding: 20px 30px 30px;
}
.menu__inner-list--big {
  display: grid;
  grid-template-columns: repeat(4, auto);
  gap: 65px;
  margin: 0 auto;
  list-style: none;
}
@media (max-width: 1649px) {
  .menu__inner-list--big {
    grid-template-columns: auto minmax(255px, 300px) auto;
    gap: 15px;
  }
}
@media (max-width: 1279px) {
  .menu__inner-list {
    display: block;
    padding: 0;
  }
  .menu__inner-list:not(.menu__inner-list--big) {
    gap: 14px;
    padding: 0;
  }
}
.menu__inner-item {
  padding-left: 30px;
}
@media (max-width: 1279px) {
  .menu__inner-item {
    padding-left: 0;
  }
  .menu__inner-item:not(:last-child) {
    margin-bottom: 20px;
  }
}
.menu__links {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-height: 500px;
  gap: 7px 20px;
  margin-top: 10px;
  padding-top: 20px;
  border-top: 1px solid #eaecee;
}
@media (min-width: 1199px) {
  .menu__links {
    transition: border-color 0.2s;
  }
  .menu__links:focus-visible,
  .menu__links:hover {
    border-color: #000900;
  }
}
@media (max-width: 1279px) {
  .menu__links {
    display: block;
    margin-top: 15px;
    padding-top: 0;
    -moz-columns: 200px;
    columns: 200px;
    border-top: none;
  }
  .menu__links:not([data-open] + .menu__links) {
    /* display: none; */
  }
}
@media (max-width: 767px) {
  .menu__links {
    -moz-columns: 150px;
    columns: 150px;
  }
}
.menu__link {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 15px;
  outline: 0;
}
.menu__link--parent {
  position: relative;
  flex-shrink: 0;
  font-weight: 500;
  font-size: 16px;
  color: #000900;
}
.menu__link--active {
  color: #000900;
  pointer-events: none;
  touch-action: none;
}
@media (min-width: 1199px) {
  .menu__link {
    transition: color 0.2s;
  }
  .menu__link:focus-visible,
  .menu__link:hover {
    color: #000900;
  }
  .menu__link--parent:focus-visible,
  .menu__link--parent:focus-visible .menu__icon,
  .menu__link--parent:hover,
  .menu__link--parent:hover .menu__icon {
    color: #000;
  }
  .menu__link--parent.menu__link--active {
    color: #000;
    pointer-events: none;
    touch-action: none;
  }
  .menu__link--parent.menu__link--active .menu__icon {
    color: #000;
  }
}
@media (max-width: 1279px) {
  .menu__link {
    margin: 7px 0;
  }
  .menu__link:first-child {
    margin-top: 0;
  }
  .menu__link--parent {
    margin: 0;
  }
}
.menu__icon {
  position: absolute;
  top: 1px;
  left: -28px;
  color: #90b69d;
  transition: color 0.2s;
}
@media (max-width: 1279px) {
  .menu__icon {
    display: none;
  }
}
.menu__collapse-btn {
  display: none;
}
@media (max-width: 1279px) {
  .menu__collapse-btn {
    padding: 0;
    color: #000;
    background-color: transparent;
    border: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
  }
  .menu__collapse-btn::before {
    content: "";
    flex-grow: 1;
    width: 100%;
    height: 1px;
    background-color: #efefef;
  }
  .menu__collapse-btn::after {
    content: "";
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%0A%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0254 7.76522L10.0002 14.7904L2.97505 7.76522' stroke='%23A2ACB5' stroke-width='2.08333' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
      no-repeat center/contain;
    transform: rotate(-90deg);
  }
  .menu__head[data-open] .menu__collapse-btn::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0254 7.76522L10.0002 14.7904L2.97505 7.76522' stroke='%231C6B37' stroke-width='2.08333' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    transform: rotate(0);
  }
}
.menu__head {
  display: flex;
  align-items: center;
  gap: 10px;
}
.slide-btn {
  padding: 0;
  color: #000;
  position: relative;
  z-index: 1;
  width: 60px;
  height: 60px;
  background-color: #fff;
  border: 1px solid #d6d2c5;
  border-radius: 50%;
  filter: drop-shadow(0 0 51px rgba(169, 169, 169, 0.33));
}
.slide-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='24' viewBox='0 0 14 24' fill='none'%3E%3Cpath d='M1.36188 1.44L11.9219 12L1.36188 22.56' stroke='%232B2D33' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  transform: translate(-50%, -50%);
}
.slide-btn--prev::before {
  transform: translate(-50%, -50%) rotate(180deg);
}
.slide-btn--disabled {
  display: none;
  cursor: default;
}
.slide-btn--green {
  background-color: transparent;
  border-color: #000900;
}
.slide-btn--green::before {
  width: 23px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='20' viewBox='0 0 23 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.5845 10.8612C22.975 10.4707 22.975 9.83752 22.5845 9.44699L13.9003 0.762782C13.5097 0.372258 12.8766 0.372258 12.486 0.762782C12.0955 1.15331 12.0955 1.78647 12.486 2.177L19.4681 9.1591L1.24281 9.1591C0.690525 9.1591 0.242809 9.60681 0.242809 10.1591C0.242809 10.7114 0.690525 11.1591 1.24281 11.1591L19.4581 11.1591L12.486 18.1312C12.0955 18.5217 12.0955 19.1549 12.486 19.5454C12.8766 19.9359 13.5097 19.9359 13.9003 19.5454L22.5845 10.8612Z' fill='%231C6B37'/%3E%3C/svg%3E");
}
.slide-btn--green.slide-btn--disabled {
  display: block;
  opacity: 0.5;
}
.slide-btn--green:focus,
.slide-btn--green:hover {
  background-color: #fff;
}
.slide-btn--blur {
  width: 54px;
  height: 54px;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
.slide-btn--blur::before {
  width: 20px;
  height: 17px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='17' viewBox='0 0 20 17' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.1484 9.21763C19.4738 8.8922 19.4738 8.36456 19.1484 8.03912L11.9115 0.80228C11.5861 0.476843 11.0585 0.476843 10.733 0.80228C10.4076 1.12772 10.4076 1.65535 10.733 1.98079L16.5515 7.79929L1.36216 7.79929C0.901919 7.79929 0.528825 8.17239 0.528825 8.63262C0.528825 9.09286 0.901919 9.46596 1.36216 9.46596L16.543 9.46596L10.733 15.276C10.4076 15.6014 10.4076 16.129 10.733 16.4545C11.0585 16.7799 11.5861 16.7799 11.9115 16.4545L19.1484 9.21763Z' fill='white'/%3E%3C/svg%3E");
}
.slide-btn--blur.slide-btn--disabled {
  display: block;
  opacity: 0.5;
}
@media (max-width: 1199px) {
  .slide-btn {
    width: 40px;
    height: 40px;
  }
  .slide-btn--green::before {
    width: 15px;
    height: 13px;
  }
}
.gallery {
  display: flex;
  align-items: center;
  justify-items: center;
  scrollbar-color: transparent transparent;
  scrollbar-width: none;
}
.gallery::-webkit-scrollbar {
  width: 0;
  height: 0;
  background-color: transparent;
}
.gallery--grid {
  display: grid;
  grid-auto-rows: 521px;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto auto auto;
  max-width: 1406px;
  margin: 0 auto;
  gap: 30px;
}
.gallery--main {
  grid-auto-rows: auto;
}
@media (max-width: 1499px) {
  .gallery {
    gap: 24px;
  }
  .gallery--grid {
    grid-template-rows: auto 88px 1fr;
  }
}
@media (max-width: 1199px) {
  .gallery:not(.gallery--main) {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: auto;
    gap: 20px;
  }
  .gallery--main {
    gap: 10px;
  }
}
@media (max-width: 767px) {
  .gallery {
    gap: 15px;
  }
  .gallery--main {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}
.gallery__badge {
  position: absolute;
  bottom: 30px;
  left: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 114px;
  height: 114px;
  font-weight: 500;
  font-size: 17px;
  line-height: 1.29;
  text-align: center;
  color: #fff;
  background: rgba(28, 107, 55, 0.21);
  border-radius: 500px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
.gallery__badge--top-right {
  top: 30px;
  right: 30px;
  left: unset;
}
.gallery__badge--top-left {
  top: 30px;
  right: unset;
  left: 30px;
}
.gallery__badge--bottom-right {
  right: 30px;
  bottom: 30px;
  left: unset;
}
.gallery__badge--big {
  width: 145px;
  height: 145px;
}
.gallery__badge abbr {
  text-decoration: none;
}
@media (max-width: 1499px) {
  .gallery__badge {
    width: 100px;
    height: 100px;
    font-size: 16px;
  }
  .gallery__badge--big {
    width: 125px;
    height: 125px;
  }
}
@media (max-width: 1199px) {
  .gallery__badge {
    bottom: 20px;
    left: 20px;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    padding: 7px 16px;
    font-size: 16px;
    text-align: left;
  }
  .gallery__badge--top-left,
  .gallery__badge--top-right {
    top: unset;
    right: unset;
    bottom: 20px;
    left: 20px;
  }
  .gallery__badge br {
    display: none;
  }
}
@media (max-width: 767px) {
  .gallery__badge {
    padding: 7px 16px;
  }
  .gallery__badge,
  .gallery__badge--top-left,
  .gallery__badge--top-right {
    bottom: 10px;
    left: 10px;
  }
}
.gallery__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: 0.3s;
}
.gallery__img--slider {
  max-height: 458px;
}
.gallery__item {
  position: relative;
  flex: 0 0 auto;
  overflow: hidden;
}
.gallery--grid .gallery__item {
  width: 100%;
  height: 100%;
}
.gallery--grid .gallery__item:first-child {
  grid-row: 1 / span 3;
}
.gallery--grid .gallery__item:nth-child(2) {
  align-self: flex-end;
  grid-row: 1 / span 2;
  height: calc(100% + 15px);
}
.gallery--grid .gallery__item:nth-child(3) {
  align-self: flex-start;
  grid-column: 2;
  grid-row: 3;
  height: calc(100% + 15px);
}
.gallery--grid .gallery__item:nth-child(4) {
  align-self: flex-end;
  grid-column: 3;
  grid-row: 1;
}
.gallery--grid .gallery__item:nth-child(5) {
  align-self: flex-start;
  grid-row: 2 / span 2;
}
.gallery--corporate .gallery__item:nth-child(4) {
  grid-row: 1 / span 3;
}
.gallery--corporate .gallery__item:nth-child(5) {
  align-self: unset;
  grid-row: unset;
}
.gallery--uniform-1 .gallery__item:nth-child(4) {
  grid-row: 1 / span 3;
}
.gallery--corporate .gallery__item:nth-last-child(2),
.gallery--wholesale .gallery__item:nth-last-child(2) {
  align-self: flex-start;
  height: calc(100% + 15px);
}
.gallery--corporate .gallery__item:nth-child(3),
.gallery--wholesale .gallery__item:nth-child(3) {
  height: 100%;
}
.gallery--uniform-3 .gallery__item:nth-last-child(2) {
  align-self: center;
  grid-row: 1 / span 3;
  height: calc(100% + 25px);
}
.gallery--uniform-3 .gallery__item:nth-child(3) {
  grid-column: 3;
  grid-row: 1 / span 3;
  height: 100%;
}
.gallery__item--slider {
  max-width: 365px;
}
@media (max-width: 1199px) {
  .gallery--grid .gallery__item:not(.gallery--main .gallery__item) {
    width: 276px;
    min-width: 276px;
    height: 356px;
  }
  .gallery--grid .gallery__item:not(.gallery--main .gallery__item):nth-child(2),
  .gallery--grid
    .gallery__item:not(.gallery--main .gallery__item):nth-child(3) {
    height: 356px;
  }
  .gallery--corporate
    .gallery__item:not(.gallery--main .gallery__item):nth-last-child(2),
  .gallery--wholesale
    .gallery__item:not(.gallery--main .gallery__item):nth-last-child(2) {
    height: 356px;
  }
}
@media (max-width: 767px) {
  .gallery--grid .gallery__item {
    width: 207px;
    min-width: 207px;
    height: 267px;
  }
  .gallery--grid .gallery__item:nth-child(2),
  .gallery--grid .gallery__item:nth-child(3) {
    height: 267px;
  }
  .gallery--corporate .gallery__item:nth-last-child(2),
  .gallery--wholesale .gallery__item:nth-last-child(2) {
    height: 267px;
  }
  .gallery__item--slider {
    max-width: 207px;
  }
  .gallery--main.gallery--corporate .gallery__item {
    width: 100%;
    height: 400px;
  }
}
.gallery__wrapper {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.gallery__slide-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.gallery__slide-btn--prev {
  left: 15px;
}
.gallery__slide-btn--next {
  right: 15px;
}
@media (max-width: 767px) {
  .gallery__slide-btn {
    display: none;
  }
}
.gallery__slider-wrap {
  position: relative;
  margin-top: 50px;
}
@media (max-width: 767px) {
  .gallery__slider-wrap {
    margin-top: 40px;
  }
}
.gallery__link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding: 40px;
  font-weight: 500;
  font-size: 25px;
  line-height: 1.1;
  color: #fff;
  outline: 0;
}
.gallery__link:focus-visible + .gallery__img-box .gallery__img,
.gallery__link:hover + .gallery__img-box .gallery__img {
  transform: scale(1.1);
}
.gallery__link + .gallery__img-box {
  pointer-events: none;
  touch-action: none;
}
@media (max-width: 1199px) {
  .gallery__link {
    padding: 20px;
    font-size: 23px;
  }
}
@media (max-width: 767px) {
  .gallery__link {
    font-size: 20px;
  }
}
.gallery__link-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
  width: 100%;
}
.gallery__link-text::after {
  content: "";
  flex-shrink: 0;
  width: 45px;
  height: 45px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='17' viewBox='0 0 20 17' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.1484 9.21763C19.4738 8.8922 19.4738 8.36456 19.1484 8.03912L11.9115 0.80228C11.5861 0.476843 11.0585 0.476843 10.733 0.80228C10.4076 1.12772 10.4076 1.65535 10.733 1.98079L16.5515 7.79929L1.36216 7.79929C0.901919 7.79929 0.528825 8.17239 0.528825 8.63262C0.528825 9.09286 0.901919 9.46596 1.36216 9.46596L16.543 9.46596L10.733 15.276C10.4076 15.6014 10.4076 16.129 10.733 16.4545C11.0585 16.7799 11.5861 16.7799 11.9115 16.4545L19.1484 9.21763Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px #fff;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
@media (max-width: 1199px) {
  .gallery__link-text::after {
    width: 30px;
    height: 30px;
    background-size: 50%;
  }
}
.tags__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .tags__text {
    margin-bottom: 30px;
  }
}
.tags__title {
  max-width: 575px;
  margin: 0 auto 20px;
  text-align: center;
}
@media (max-width: 767px) {
  .tags__title {
    margin-bottom: 10px;
  }
}
.tags__descr {
  max-width: 1070px;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #000;
}
@media (max-width: 767px) {
  .tags__descr {
    line-height: 1.3;
  }
}
.tags__gallery {
  list-style: none;
  justify-content: center;
  margin: 0;
  padding: 0;
  gap: 37px;
}
@media (max-width: 1499px) {
  .tags__gallery {
    gap: 30px;
  }
}
@media (max-width: 1199px) {
  .tags__gallery {
    margin: 0 -18px;
    padding: 0 18px;
    gap: 20px;
  }
}
@media (max-width: 1000px) {
  .tags__gallery {
    justify-content: flex-start;
  }
}
@media (max-width: 767px) {
  .tags__gallery {
    margin: 0 -10px;
    padding: 0 10px;
    gap: 15px;
  }
}
.tags__gallery-item {
  width: 410px;
  height: 306px;
}
@media (max-width: 1499px) {
  .tags__gallery-item {
    width: 340px;
    height: 254px;
  }
}
@media (max-width: 1199px) {
  .tags__gallery-item {
    width: auto;
    height: 195px;
  }
}
@media (max-width: 767px) {
  .tags__gallery-item {
    width: 207px;
    height: 181px;
  }
}
.about {
  position: relative;
  background-color: #f6f5f1;
}
.about__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 1199px) {
  .about__wrapper {
    grid-template-columns: 1fr;
  }
}
.about__content {
  padding: 120px 90px 105px 0;
}
@media (max-width: 1199px) {
  .about__content {
    padding: 60px 0 50px;
  }
}
.about__title {
  margin: 0 0 20px;
}
.about__text:not(:last-of-type, .about__text--green) {
  margin-bottom: 20px;
}
.about__text--green {
  margin-bottom: 50px;
  font-weight: 500;
  font-size: 25px;
  color: #000900;
}
@media (max-width: 1199px) {
  .about__text--green {
    margin-bottom: 20px;
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .about__text:not(:last-of-type, .about__text--green) {
    margin-bottom: 10px;
  }
  .about__text--green {
    margin-bottom: 10px;
    font-size: 17px;
  }
}
.about__link {
  margin-top: 30px;
}
@media (min-width: 1199px) {
  .about__video {
    position: absolute;
    left: 50%;
    width: 50%;
    height: 100%;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
@media (max-width: 1199px) {
  .about__video {
    width: 100vw;
    height: 300px;
    margin-left: -18px;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.promo__wrapper {
  display: flex;
  align-items: center;
  gap: 40px;
}
@media (max-width: 767px) {
  .promo__wrapper {
    flex-direction: column;
    gap: 20px;
  }
}
.promo__picture {
  flex-shrink: 0;
}
.promo__img {
  width: 178px;
  height: 178px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}
@media (max-width: 1199px) {
  .promo__img {
    width: 155px;
    height: 155px;
  }
}
@media (max-width: 767px) {
  .promo__img {
    width: 140px;
    height: 140px;
  }
}
.promo__title {
  margin: 0 0 20px;
}
@media (max-width: 767px) {
  .promo__title {
    margin-bottom: 15px;
    text-align: center;
  }
}
.promo__link {
  padding: 0;
  color: #000;
  background-color: transparent;
  border: 0;
}
@media (max-width: 767px) {
  .promo__link {
    margin: 0 auto;
  }
}
.contacts {
  position: relative;
  padding: 110px 0 120px;
  background-color: #f6f5f1;
}
@media (max-width: 767px) {
  .contacts {
    padding: 60px 0 70px;
  }
}
.contacts__title {
  max-width: 653px;
  margin-bottom: 20px;
}
@media (max-width: 1499px) {
  .contacts__title {
    max-width: 450px;
  }
}
@media (max-width: 1199px) {
  .contacts__title {
    max-width: 351px;
  }
}
@media (max-width: 767px) {
  .contacts__title {
    max-width: 330px;
    margin-bottom: 10px;
  }
}
.contacts__descr {
  max-width: 602px;
  margin-bottom: 20px;
  font-weight: 300;
  font-size: 20px;
  line-height: 1.3;
  color: #000;
}
@media (max-width: 1499px) {
  .contacts__descr {
    max-width: 453px;
    font-size: 18px;
  }
}
@media (max-width: 1199px) {
  .contacts__descr {
    margin-bottom: 30px;
    line-height: 1.3;
  }
}
@media (max-width: 767px) {
  .contacts__descr {
    max-width: 323px;
    margin-bottom: 20px;
  }
}
.contacts__block {
  display: grid;
  align-items: center;
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr 1fr;
  max-width: 500px;
}
@media (max-width: 767px) {
  .contacts__block {
    grid-template-columns: 1fr 20.97%;
    margin-bottom: 30px;
  }
}
.contacts__block-item {
  font-weight: 300;
  font-size: 38px;
  line-height: 1.3;
  color: #000;
  transition:
    color 0.2s ease-in,
    opacity 0.2s ease-in;
}
.contacts__block-item:not(:last-child) {
  margin-right: 40px;
}
.contacts__block-item--mail {
  font-size: 25px;
  color: #000900;
}
.contacts__block-item--mail:hover {
  opacity: 0.8;
}
.contacts__block-item:hover {
  color: #000900;
}
@media (max-width: 1499px) {
  .contacts__block-item {
    font-size: 36px;
  }
  .contacts__block-item--mail {
    font-size: 23px;
  }
}
@media (max-width: 1199px) {
  .contacts__block-item {
    font-size: 30px;
  }
  .contacts__block-item:not(:last-child) {
    margin-right: 32px;
  }
  .contacts__block-item--mail {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .contacts__block-item {
    font-size: 25px;
  }
  .contacts__block-item:not(:last-child) {
    margin-right: 15px;
    margin-bottom: 8px;
  }
  .contacts__block-item--mail {
    font-size: 18px;
    color: #000900;
  }
}
.contacts__socials {
  display: flex;
  grid-column: 2;
  grid-row: 1;
  color: #000900;
  transition: opacity 0.2s ease-in;
}
.contacts__socials:hover {
  opacity: 0.8;
}
.contacts__social {
  width: 50px;
  height: 50px;
  color: #fff;
}
.contacts__social:not(:last-child) {
  margin-right: 16px;
}
@media (max-width: 767px) {
  .contacts__social {
    width: 35px;
    height: 35px;
  }
}
.contacts__picture {
  max-width: 551px;
  max-height: 367px;
}
@media (max-width: 1499px) {
  .contacts__picture {
    max-width: 330px;
    max-height: 235px;
  }
}
.contacts__img {
  width: 100%;
}
.contacts__anchorlink {
  position: absolute;
  top: -87px;
}
.contacts__wrapper {
  display: flex;
  justify-content: center;
  -moz-column-gap: 27px;
  column-gap: 27px;
}
@media (max-width: 767px) {
  .contacts__wrapper {
    display: block;
  }
}
.contacts__content {
  margin-right: 88px;
}
@media (max-width: 1199px) {
  .contacts__content {
    margin-right: 27px;
  }
}
.contacts__map {
  border: 1px solid #d4d1c1;
}
@media (max-width: 1499px) {
  .contacts__map {
    width: 551px;
    height: 367px;
  }
}
@media (max-width: 1199px) {
  .contacts__map {
    width: 330px;
    height: 235px;
  }
}
@media (max-width: 767px) {
  .contacts__map {
    width: 100%;
  }
}
.footer {
  padding-bottom: 40px;
}
.footer--fabrication {
  padding-top: 35px;
  background-color: #f2e9dc;
}
.footer--main {
  background-color: #f6f5f1;
}
.footer__logo-link {
  align-self: center;
  grid-column: 1;
  margin-right: 40px;
}
@media (max-width: 1199px) {
  .footer__logo-link {
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .footer__logo-link {
    grid-column: 1 / span 2;
    margin-bottom: 18px;
  }
}
.footer__union-text {
  display: none;
  align-self: center;
  grid-column: 1 / span 2;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.3;
  color: #999;
  border-bottom: 1px solid #dedede;
}
@media (max-width: 767px) {
  .footer__union-text {
    display: block;
  }
}
.footer__content {
  display: grid;
  grid-template-columns: repeat(3, auto) 1fr;
  justify-items: start;
}
@media (max-width: 1199px) {
  .footer__content {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (max-width: 767px) {
  .footer__content {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(3, 1fr);
    justify-items: center;
  }
}
.footer__logo {
  width: 139px;
  height: 34px;
}
@media (max-width: 1199px) {
  .footer__logo {
    height: 26px;
  }
}
.footer__social {
  display: flex;
  align-items: center;
  transition: color 0.2s ease-in;
}
.footer__social:hover {
  color: #000900;
}
.footer__social + .footer__social {
  margin-left: 20px;
}
.footer__social-img {
  margin-right: 13px;
}
@media (max-width: 767px) {
  .footer__social-img {
    margin-right: 8px;
  }
}
.footer__social-text {
  font-weight: 300;
  font-size: 20px;
  line-height: 1.3;
  color: inherit;
  border-bottom: 1px solid #dedede;
}
@media (max-width: 767px) {
  .footer__social-text {
    font-size: 18px;
  }
}
.footer__union-logo {
  display: grid;
  justify-self: end;
  grid-column: 4;
  grid-template-columns: 1fr 43.98%;
  -moz-column-gap: 13px;
  column-gap: 13px;
}
@media (max-width: 1199px) {
  .footer__union-logo {
    grid-column: span 2;
  }
}
@media (max-width: 767px) {
  .footer__union-logo {
    display: none;
  }
}
.footer__union-logo-link {
  font-weight: 400;
  font-size: 13px;
  line-height: 1.2;
  color: #8a9d7a;
  transition: color 0.2s ease-in;
}
.footer__union-logo-link:hover {
  color: #bacf04;
}
.footer__union-logo-link--website {
  grid-column: 1;
  margin-top: -1px;
  text-align: right;
  white-space: nowrap;
}
.footer__union-logo-link--studio {
  grid-column: 1;
  grid-row: 2;
  margin-top: -14px;
  text-align: right;
}
.footer__union-logo-link--img {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  grid-column: 2;
  grid-row: span 2;
}
.footer__union-logo-img {
  width: 86px;
  height: 31px;
}
.footer__union-logo-text {
  font-weight: 400;
  font-size: 13px;
  line-height: 1.28;
  color: #8a9d7a;
}
.footer__link {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 18px;
  color: #000900;
}
.footer__link:focus-visible,
.footer__link:hover {
  opacity: 0.7;
}
@media (max-width: 767px) {
  .footer__link {
    margin: 0 auto;
    font-size: 14px;
  }
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: opacity 0.2s ease-in;
  pointer-events: none;
}
.modal--active {
  opacity: 1;
  pointer-events: auto;
}
.modal__opened {
  overflow: hidden;
}
.modal__content {
  position: relative;
  width: 100%;
  max-width: 330px;
  max-height: 95vh;
  margin: 0 15px;
  background-color: #fff;
  scrollbar-color: transparent transparent;
  scrollbar-width: none;
}
.modal__content::-webkit-scrollbar {
  width: 0;
  height: 0;
  background-color: transparent;
}
.modal--active .modal__content {
  overflow-y: auto;
}
@media (min-width: 767px) {
  .modal__content {
    max-width: 708px;
    margin: 0 30px;
  }
}
@media (min-width: 1199px) {
  .modal__content {
    max-width: 1018px;
    margin: 0 auto;
  }
}
.modal__close {
  position: absolute;
  top: 16px;
  right: 13px;
  padding: 0;
  background-color: transparent;
}
.modal__close-img {
  pointer-events: none;
  touch-action: none;
  fill: red;
}
@media (min-width: 767px) {
  .modal__close-img {
    width: 17px;
    height: 17px;
  }
}
.answer__item {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 5px;
  background-color: #fff;
}
.answer__item--active {
  display: flex;
}
.answer__wrapper {
  display: flex;
  align-items: center;
  justify-items: center;
}
.answer__wrapper--false {
  margin-bottom: 20px;
}
.answer__img {
  margin-right: 15px;
}
.answer__title {
  font-weight: 400;
  font-size: 25px;
  line-height: 1.3;
  color: #000900;
}
.answer__title--false {
  color: #df8163;
}
.answer__text {
  max-width: 611px;
  margin-bottom: 30px;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.3;
  text-align: center;
  color: #000;
}
.answer__info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.answer__link {
  margin-bottom: 10px;
  font-weight: 300;
  font-size: 19px;
  line-height: 1.29;
  color: #000;
}
.answer__socials {
  display: flex;
}
.answer__socials-link .answer__img {
  margin: 0;
  color: #f6f5f1;
}
.answer__socials-link:not(:last-of-type) {
  margin-right: 20px;
}
@media (min-width: 767px) {
  .answer__title {
    font-size: 30px;
  }
  .answer__info {
    flex-direction: row;
  }
  .answer__link {
    margin-right: 30px;
    margin-bottom: 0;
  }
}
@media (min-width: 1199px) {
  .answer__title {
    font-size: 43px;
  }
  .answer__text {
    max-width: 611px;
    font-size: 19px;
  }
}
.circle__item {
  position: absolute;
  display: none;
  justify-content: center;
  align-items: center;
  width: 110px;
  height: 110px;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.29;
  text-align: center;
  color: #fff;
  background: rgba(28, 107, 55, 0.21);
  border-radius: 50%;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}
.circle__item--right {
  top: 0;
  right: 0;
}
.circle__item--center {
  top: 45%;
  right: 31%;
}
.circle__item--left {
  top: 65%;
  left: 40%;
}
.cicle {
  font-size: 20px;
  line-height: 1.3;
}
@media (max-width: 1500px) {
  .cicle {
    font-size: 18px;
  }
}
@media (max-width: 1199px) {
  .cicle {
    font-size: 16px;
  }
}
.cicle__title {
  margin: 0 0 50px;
}
@media (max-width: 1199px) {
  .cicle__title {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .cicle__title {
    margin-bottom: 30px;
  }
}
.cicle__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.cicle__list--bottom {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #cfcfcf;
}
@media (max-width: 1199px) {
  .cicle__list {
    grid-template-columns: repeat(2, 1fr);
  }
  .cicle__list--bottom {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
}
.cicle__item {
  display: grid;
  grid-template-rows: 1fr min-content;
  gap: 35px;
  padding: 30px;
}
.cicle__item::before {
  content: "";
  width: 50px;
  height: 50px;
  background-color: #f1f1f1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 35px 35px;
  border-radius: 50%;
}
.cicle__item:not(:last-child) {
  border-right: 1px solid #cfcfcf;
}
.cicle__item--example::before {
  background-image: url(../img/cicle/example-icon.svg);
}
.cicle__item--machine::before {
  background-image: url(../img/cicle/machine-icon.svg);
}
.cicle__item--coil::before {
  background-image: url(../img/cicle/coil-icon.svg);
}
.cicle__item--furniture::before {
  background-image: url(../img/cicle/furniture-icon.svg);
}
.cicle__item--bow::before {
  background-image: url(../img/cicle/bow-icon.svg);
}
.cicle__item--mark::before {
  background-image: url(../img/cicle/mark-icon.svg);
}
.cicle__item--dress::before {
  background-image: url(../img/cicle/dress-icon.svg);
}
.cicle__item--flower::before {
  background-image: url(../img/cicle/flower-icon.svg);
}
@media (max-width: 1199px) {
  .cicle__item {
    margin: 10px 0;
    padding: 20px;
    gap: 20px;
  }
  .cicle__item:nth-child(even) {
    border: 0;
  }
  .cicle__item:not(.cicle__item--example, .cicle__item--machine) {
    position: relative;
  }
  .cicle__item:not(.cicle__item--example, .cicle__item--machine)::after {
    content: "";
    position: absolute;
    bottom: calc(100% + 10px);
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #cfcfcf;
  }
}
.extra--sewing {
  padding: 115px 0 139px;
}
@media (max-width: 1499px) {
  .extra--sewing {
    padding: 115px 0 130px;
  }
}
@media (max-width: 1199px) {
  .extra--sewing {
    padding: 100px 0 80px;
  }
}
@media (max-width: 767px) {
  .extra--sewing {
    padding: 70px 0;
  }
}
.extra__wrapper {
  display: flex;
  justify-content: space-between;
  padding: 43px 70px;
  box-shadow: 0 0 0 3px #efece2;
}
.extra__wrapper--no-padding {
  padding: 0;
}
.extra__wrapper:not(.extra__wrapper--no-bg) {
  background-color: #f6f5f1;
}
.extra--fabrication .extra__wrapper,
.extra--sewing .extra__wrapper {
  display: flex;
  justify-content: space-between;
}
.extra--sewing .extra__wrapper {
  padding: 0;
  background-color: #fff;
  gap: 20px;
}
.extra--wholesale .extra__wrapper {
  padding: 0;
}
.extra--outsource .extra__wrapper {
  background-color: #efece2;
}
.extra__wrapper--common {
  border-top: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
  box-shadow: none;
  gap: 20px;
}
@media (max-width: 1499px) {
  .extra__wrapper {
    padding: 43px 60px;
  }
  .extra__wrapper--no-padding {
    padding: 0;
  }
}
@media (max-width: 1199px) {
  .extra__wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding: 50px 50px 30px;
  }
  .extra__wrapper--no-padding {
    padding: 0;
  }
  .extra--fabrication .extra__wrapper {
    flex-direction: row;
    padding: 40px 45px 50px;
  }
  .extra--sewing .extra__wrapper {
    flex-direction: row;
  }
  .extra__wrapper--common {
    gap: 0;
  }
}
@media (max-width: 767px) {
  .extra__wrapper {
    align-items: center;
    padding: 50px 16px;
    gap: 20px;
  }
  .extra__wrapper--no-padding {
    padding: 0;
  }
  .extra--fabrication .extra__wrapper {
    flex-direction: column;
    align-items: flex-start;
    padding: 30px;
  }
  .extra--sewing .extra__wrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
  .extra__wrapper--common {
    gap: 0;
  }
}
.extra__content:not(.extra__content--full) {
  max-width: 576px;
}
.extra--fabrication .extra__content {
  max-width: 848px;
}
.extra--sewing .extra__content {
  max-width: 100%;
  padding: 50px 0 70px 60px;
}
.extra__content--padding {
  padding: 50px 0 65px 60px;
}
@media (max-width: 1199px) {
  .extra__content:not(.extra__content--full) {
    max-width: 465px;
  }
  .extra--sewing .extra__content {
    padding: 35px 0 40px 50px;
  }
  .extra__content--padding {
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .extra--fabrication .extra__content {
    max-width: 100%;
  }
  .extra--sewing .extra__content {
    max-width: 100%;
    padding: 30px 30px 0;
  }
}
.extra__title {
  margin: 0 0 10px;
  font-weight: 500;
  font-size: 38px;
  line-height: 1.4;
}
.extra__title--small {
  font-size: 27px;
}
.extra--sewing .extra__title {
  display: flex;
  gap: 10px;
}
.extra--sewing .extra__title::before,
.extra__item::before {
  content: "";
  flex-shrink: 0;
  width: 17px;
  height: 17px;
  background: 50% url(../img/icons/star.svg) no-repeat;
}
.extra--sewing .extra__title::before {
  background-position: center;
  transform: translateY(15px);
}
.extra__title--green {
  color: #000900;
}
@media (max-width: 1499px) {
  .extra__title {
    font-size: 27px;
  }
  .extra--sewing .extra__title {
    font-size: 33px;
  }
}
@media (max-width: 1199px) {
  .extra__title {
    font-size: 23px;
  }
  .extra--sewing .extra__title {
    max-width: 320px;
    font-size: 30px;
  }
  .extra--sewing .extra__title::before {
    transform: translateY(12px);
  }
}
@media (max-width: 767px) {
  .extra__title {
    font-size: 25px;
    text-align: center;
  }
  .extra--fabrication .extra__title {
    text-align: left;
  }
  .extra--sewing .extra__title {
    max-width: 100%;
    text-align: left;
  }
}
.extra__text {
  margin: 0;
  font-size: 19px;
  line-height: 1.4;
}
.extra--fabrication .extra__text {
  max-width: 535px;
}
.extra--sewing .extra__text {
  max-width: 700px;
}
@media (max-width: 1199px) {
  .extra--fabrication .extra__text {
    max-width: 364px;
  }
}
@media (max-width: 767px) {
  .extra__text {
    font-size: 16px;
    text-align: center;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .extra--fabrication .extra__text,
  .extra--sewing .extra__text {
    max-width: 100%;
    text-align: left;
  }
}
.extra__img {
  align-self: center;
  justify-self: flex-end;
  margin-right: 30px;
}
.extra--fabrication .extra__img,
.extra--sewing .extra__img {
  margin-right: 0;
}
@media (max-width: 1499px) {
  .extra__img {
    margin-right: 0;
  }
}
@media (max-width: 1199px) {
  .extra__img {
    justify-self: unset;
  }
  .extra__img:not(.extra__img--common) {
    width: 383px;
    height: 129px;
    margin: 0;
  }
  .extra--fabrication .extra__img {
    width: 217px;
    height: 217px;
    margin: 0;
  }
  .extra--sewing .extra__img {
    width: 188px;
    height: 200px;
  }
  .extra--outsource .extra__img,
  .extra--wholesale .extra__img {
    width: 272px;
    height: 189px;
  }
}
@media (max-width: 767px) {
  .extra__img {
    margin: 0;
  }
  .extra__img:not(.extra__img--common) {
    width: 260px;
    height: 88px;
  }
  .extra--fabrication .extra__img {
    width: 282px;
    height: 156px;
  }
  .extra--sewing .extra__img {
    width: 188px;
    height: 156px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
  }
  .extra--outsource .extra__img,
  .extra--wholesale .extra__img {
    width: 272px;
    height: 131px;
  }
}
.extra__list {
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 705px;
  margin: 15px 0 0;
}
@media (max-width: 1199px) {
  .extra__list {
    flex-direction: column;
    gap: 15px;
  }
  .extra--fabrication .extra__list {
    max-width: 100%;
  }
}
.extra__item {
  display: flex;
  gap: 10px;
  max-width: 335px;
}
.extra__item::before {
  display: flex;
  transform: translateY(3px);
}
@media (max-width: 767px) {
  .extra__item {
    max-width: 100%;
  }
}
.extra__img-box {
  flex-shrink: 0;
  align-self: flex-end;
}
.extra--sewing .extra__img-box {
  padding-right: 110px;
}
@media (max-width: 1499px) {
  .extra--wholesale .extra__img-box {
    padding-right: 45px;
  }
}
@media (max-width: 1199px) {
  .extra--sewing .extra__img-box {
    padding-right: 60px;
  }
  .extra--wholesale .extra__img-box {
    padding-right: 35px;
  }
}
@media (max-width: 767px) {
  .extra__img-box {
    margin: 0 auto;
  }
  .extra--sewing .extra__img-box {
    padding-right: 0;
  }
}
.fabrication {
  font-weight: 300;
}
.fabrication__questions {
  margin: 0 auto;
}
.fabrication__consult {
  margin-bottom: 100px;
}
@media (max-width: 1499px) {
  .fabrication__consult {
    margin-bottom: 75px;
  }
}
@media (max-width: 1199px) {
  .fabrication__consult {
    margin-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .fabrication__consult {
    margin-bottom: 60px;
  }
}
.head--gray {
  background-color: #e8ecf2;
}
.head--green {
  background-color: #e8f2f0;
}
.head--yellow {
  background-color: #f2f0dc;
}
.head--blue {
  background-color: #cfd8e5;
}
.head--pink {
  background-color: #f2eae8;
}
.head__title {
  display: flex;
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 850px;
  margin: 0 0 35px;
  text-transform: uppercase;
}
.head__title--pro::before {
  content: "Pro";
  display: block;
  font-weight: 300;
  font-size: 45px;
  line-height: 1.1;
}
@media (max-width: 1499px) {
  .head__title--pro::before {
    font-size: 40px;
  }
}
@media (max-width: 1199px) {
  .head__title {
    font-size: 30px;
  }
  .head__title--pro::before {
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .head__title {
    font-size: 20px;
  }
  .head__title--pro::before {
    font-size: 25px;
  }
  .head--fabrication .head__title {
    max-width: 225px;
  }
  .head--marketplace .head__title {
    max-width: 265px;
  }
  .head--corporate .head__title {
    max-width: 135px;
  }
}
.head__title-text {
  font-weight: 500;
  font-size: 60px;
  line-height: 1.1;
}
.head__title-text--border {
  border-bottom: 5px solid #000900;
}
@media (max-width: 1499px) {
  .head__title-text {
    font-size: 50px;
  }
}
@media (max-width: 1199px) {
  .head__title-text {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .head__title-text {
    font-size: 30px;
    line-height: 1.2;
  }
}
.head__title-sup {
  font-weight: 300;
  font-size: 45px;
  line-height: 1.1;
}
@media (max-width: 1499px) {
  .head__title-sup {
    font-size: 40px;
  }
}
@media (max-width: 1199px) {
  .head__title-sup {
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .head__title-sup {
    font-size: 25px;
  }
}
.head__text {
  max-width: 800px;
  font-size: 23px;
}
@media (max-width: 1499px) {
  .head__text {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .head__text {
    font-size: 18px;
  }
}
.head__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 15px;
}
.head__item {
  display: flex;
  font-size: 27px;
  gap: 15px;
}
.head__item::before {
  content: "";
  flex-shrink: 0;
  width: 27px;
  height: 28px;
  background: 50% url(../img/icons/succes-icon.svg) no-repeat;
  background-size: contain;
  transform: translateY(4px);
}
@media (max-width: 1499px) {
  .head__item {
    font-size: 23px;
  }
}
@media (max-width: 1199px) {
  .head__item {
    font-size: 20px;
  }
  .head__item::before {
    width: 25px;
    height: 25px;
    transform: translateY(2px);
  }
}
@media (max-width: 767px) {
  .head__item {
    font-size: 18px;
    gap: 10px;
  }
  .head__item::before {
    width: 20px;
    height: 20px;
  }
}
.head__wrapper {
  position: relative;
  z-index: 1;
  min-height: 540px;
  padding-top: 100px;
  padding-bottom: 100px;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .head__wrapper {
    min-height: 320px;
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
.head__picture {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  height: 100%;
}
@media (max-width: 767px) {
  .head__picture {
    display: none;
  }
}
.head__img {
  width: auto;
  height: 100%;
  max-width: 850px;
  -o-object-fit: contain;
  object-fit: contain;
}
.head__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 40px;
}
.head__buttons .head__btn {
  margin-top: 0;
}
.head__btn {
  margin-top: 40px;
  padding: 18px 32px;
  font-weight: 500;
  font-size: 22px;
}
@media (max-width: 767px) {
  .head__btn {
    padding: 12px 24px;
    font-size: 18px;
  }
}
.spaces__wrapper {
  display: grid;
  grid-auto-rows: auto 380px;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px 20px;
}
@media (max-width: 1199px) {
  .spaces__wrapper {
    grid-auto-rows: auto 300px;
    gap: 10px;
  }
}
@media (max-width: 767px) {
  .spaces__wrapper {
    grid-template-columns: 1fr;
    grid-template-rows: 400px repeat(3, 200px);
  }
}
.spaces__column {
  width: 100%;
  height: 100%;
}
.spaces__column--big {
  display: flex;
  align-items: flex-end;
  grid-column: 1/-1;
  min-height: 530px;
  padding: 50px;
  background-image: url(../img/fabrication/spaces-5.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.is-webp .spaces__column--big {
  background-image: url(../img/fabrication/spaces-5.webp);
}
.spaces__column--video {
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 1199px) {
  .spaces__column--big {
    min-height: 400px;
  }
}
@media (max-width: 767px) {
  .spaces__column--big {
    padding: 30px 15px;
    background-image: url(../img/fabrication/spaces-5-mob.jpg);
  }
  .is-webp .spaces__column--big {
    background-image: url(../img/fabrication/spaces-5-mob.webp);
  }
}
.spaces__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.spaces__text {
  font-size: 38px;
  line-height: 1.3;
  color: #fff;
}
@media (max-width: 1199px) {
  .spaces__text {
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  .spaces__text {
    font-size: 23px;
  }
}
.facts {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1199px) {
  .facts {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 20px;
  }
}
.facts__item {
  width: 100%;
  padding: 30px;
}
.facts__item:not(:last-child) {
  border-right: 1px solid #cfcfcf;
}
@media (max-width: 1199px) {
  .facts__item {
    padding: 20px;
  }
  .facts__item:not(:last-child) {
    border-right: 0;
  }
  .facts__item:nth-child(odd) {
    border-right: 1px solid #cfcfcf;
  }
  .facts__item:not(:nth-child(2), :first-child) {
    position: relative;
  }
  .facts__item:not(:nth-child(2), :first-child)::before {
    content: "";
    position: absolute;
    bottom: calc(100% + 10px);
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #cfcfcf;
  }
}
.facts__title {
  margin: 0 0 30px;
  font-weight: 400;
  font-size: 40px;
  color: #000900;
}
@media (max-width: 767px) {
  .facts__title {
    margin-bottom: 20px;
    font-size: 26px;
  }
}
.facts__text {
  font-family: "Andika", Helvetica, Arial, sans-serif;
}
.facts__text--small {
  margin-left: 5px;
  font-size: 30px;
}
@media (max-width: 767px) {
  .facts__text--small {
    font-size: 20px;
  }
}
.collection__title {
  margin: 0 0 20px;
}
.collection__title + .collection__text {
  max-width: 861px;
  margin: 0 auto 74px;
  text-align: center;
}
@media (max-width: 1499px) {
  .collection__title + .collection__text {
    margin-bottom: 55px;
  }
}
@media (max-width: 1199px) {
  .collection__title + .collection__text {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .collection__title + .collection__text {
    margin-bottom: 30px;
  }
}
.collection__text:not(:last-child, .collection__title + .collection__text) {
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .collection__text:not(:last-child, .collection__title + .collection__text) {
    margin-bottom: 10px;
  }
}
.collection__images {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-shrink: 0;
  gap: 20px;
}
@media (max-width: 767px) {
  .collection__images {
    margin: 0 -10px;
    padding: 0 10px;
    overflow: hidden;
    overflow-x: auto;
    scrollbar-color: transparent transparent;
    scrollbar-width: none;
  }
  .collection__images::-webkit-scrollbar {
    width: 0;
    height: 0;
    background-color: transparent;
  }
}
.collection__block {
  display: flex;
  gap: 50px;
  margin-bottom: 100px;
}
.collection__block:first-of-type .collection__info {
  max-width: 100%;
}
@media (max-width: 1499px) {
  .collection__block {
    gap: 40px;
    margin-bottom: 70px;
  }
  .collection__block--top .collection__item {
    width: 277px;
    height: 355px;
  }
  .collection__block--bot .collection__item {
    width: 279px;
    height: 311px;
  }
  .collection__block--bot .collection__item:last-child {
    display: none;
  }
}
@media (max-width: 1199px) {
  .collection__block {
    margin-bottom: 50px;
    gap: 30px;
  }
  .collection__block--bot .collection__item {
    display: flex;
    width: 279px;
    height: 236px;
  }
}
@media (max-width: 767px) {
  .collection__block {
    flex-direction: column;
    margin-bottom: 60px;
  }
  .collection__block--top .collection__item {
    width: 248px;
    height: 318px;
  }
  .collection__block--bot .collection__item {
    width: 248px;
    height: 236px;
  }
}
.collection__name {
  margin: 0 0 20px;
  font-weight: 400;
  font-size: 35px;
  line-height: 1.1;
}
@media (max-width: 1199px) {
  .collection__name {
    margin-bottom: 15px;
    font-size: 23px;
  }
}
@media (max-width: 767px) {
  .collection__name {
    margin-bottom: 10px;
    font-size: 25px;
  }
}
.collection__subtitle {
  margin: 0 0 30px;
  font-weight: 400;
  font-size: 35px;
  text-align: center;
}
@media (max-width: 1199px) {
  .collection__subtitle {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .collection__subtitle {
    font-size: 25px;
  }
}
.collection__list {
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin: 50px 0 0;
}
@media (max-width: 1199px) {
  .collection__list {
    display: flex;
    margin: 0 -10px;
    padding: 0 10px;
    overflow: hidden;
    overflow-x: auto;
    gap: 20px;
    scrollbar-color: transparent transparent;
    scrollbar-width: none;
  }
  .collection__list::-webkit-scrollbar {
    width: 0;
    height: 0;
    background-color: transparent;
  }
}
.collection__list .collection__item {
  flex-shrink: 0;
}
@media (max-width: 1199px) {
  .collection__block .collection__item:not(:first-child) {
    display: none;
  }
}
@media (max-width: 767px) {
  .collection__block .collection__item {
    flex-shrink: 0;
  }
  .collection__block .collection__item:not(:first-child) {
    display: flex;
  }
}
.collection__info {
  max-width: 432px;
}
.collection__brand {
  margin-top: 30px;
}
@media (max-width: 767px) {
  .collection__brand {
    margin-top: 20px;
  }
}
.collection__name-mark {
  font-family: "Andika", Helvetica, Arial, sans-serif;
}
.collection__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.collection__img--bottom {
  height: 350px;
}
@media (max-width: 767px) {
  .collection__img--bottom {
    height: 210px;
  }
}
.collection__img-box {
  width: 100%;
  height: 100%;
}
.questions__title {
  margin: 0 0 35px;
}
@media (max-width: 1199px) {
  .questions__title {
    margin-bottom: 25px;
  }
}
@media (max-width: 767px) {
  .questions__title {
    margin-bottom: 20px;
  }
}
.questions__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.questions__name {
  position: relative;
  padding: 25px 75px 25px 30px;
  font-size: 23px;
  cursor: pointer;
  transition: 0.3s;
}
.questions__name::after {
  content: "";
  position: absolute;
  top: 17px;
  right: 30px;
  width: 50px;
  height: 50px;
  background-color: #f6f5f1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath d='M18 8.00049L18 28.0005' stroke='black' stroke-width='1.75439' stroke-linecap='round'/%3E%3Cpath d='M28 18L8 18' stroke='black' stroke-width='1.75439' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
}
.show .questions__name:not(.show .questions__name--new) {
  padding-bottom: 0;
}
.show .questions__name::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath d='M28 18L8 18' stroke='%231C6B37' stroke-width='1.75439' stroke-linecap='round'/%3E%3C/svg%3E");
}
.show .questions__name--new {
  color: #000900;
}
.show .questions__name--new::after {
  background-color: #fff;
}
.questions__name:focus::after,
.questions__name:hover::after {
  box-shadow: inset 0 0 0 1px #000;
}
.questions__name--new {
  font-weight: 500;
  font-size: 25px;
}
@media (max-width: 1199px) {
  .questions__name {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .questions__name {
    padding-right: 15px;
    padding-left: 15px;
  }
  .questions__name::after {
    top: 20px;
    width: 35px;
    height: 35px;
    background-size: 25px;
  }
}
.questions__count {
  margin-left: 20px;
  font-weight: 300;
  font-size: 19px;
  color: #878787;
}
@media (max-width: 767px) {
  .questions__count {
    display: none;
  }
}
.questions__text:not(.questions__item--new .questions__text) {
  padding: 10px 0 25px 30px;
  gap: 10px;
}
@media (max-width: 767px) {
  .questions__text:not(.questions__item--new .questions__text) {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.questions__content {
  max-height: 0;
  overflow: hidden;
  font-size: 19px;
  transition: all 0.3s;
}
.questions__content:not(.questions__content--new) {
  max-width: 805px;
  color: #000900;
}
.questions__content--new {
  display: grid;
  grid-template-columns: auto auto 1fr;
  gap: 30px;
  padding-right: 30px;
  padding-left: 30px;
}
@media (max-width: 1199px) {
  .questions__content--new {
    grid-template-columns: 1fr;
    gap: 25px;
  }
}
@media (max-width: 767px) {
  .questions__content--new {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.questions__sublist {
  padding: 0;
  list-style: none;
  display: grid;
  gap: 5px;
  margin: 6px 0 0;
}
.questions__sublist--new {
  display: block;
  max-width: 400px;
  margin-top: 0;
}
.questions__item {
  border-bottom: 1px solid #cfcfcf;
  transition: 0.3s;
}
.questions__item:first-child {
  border-top: 1px solid #cfcfcf;
}
.questions__item.show.questions__item--new {
  padding-bottom: 25px;
  background-color: #f6f5f1;
}
.questions__text-wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-left: 30px;
}
@media (max-width: 1199px) {
  .questions__text-wrap {
    margin-left: 0;
  }
}
.questions__subitem {
  position: relative;
  padding-left: 15px;
  font-weight: 300;
}
.questions__subitem::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 5px;
  height: 5px;
  background-color: #000900;
}
.questions__subitem:not(:last-child) {
  margin-bottom: 15px;
}
.questions__btn {
  padding: 0;
  background-color: transparent;
  border: 0;
  font-size: 17px;
  text-align: left;
  color: #000900;
}
@media (max-width: 767px) {
  .questions__btn {
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 1199px) {
  .questions__picture {
    grid-row: 3;
  }
}
@media (max-width: 767px) {
  .questions__img {
    width: 100%;
  }
}
.form {
  position: relative;
  padding: 50px;
  background-color: #f6f5f1;
}
@media (max-width: 1199px) {
  .form {
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .form {
    padding: 50px 15px;
  }
}
.form__title {
  margin: 0 0 20px;
  font-weight: 400;
  font-size: 43px;
  line-height: 1.3;
  color: #000;
}
.form--alt-title .form__title,
.form__title--alt {
  display: none;
}
.form--alt-title .form__title--alt,
.form--popup .form__text {
  display: block;
}
@media (max-width: 1499px) {
  .form__title {
    font-size: 38px;
  }
}
@media (max-width: 1199px) {
  .form__title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .form__title {
    margin-bottom: 10px;
    font-size: 25px;
  }
}
.form__title-mark {
  color: #000900;
  background-color: transparent;
}
.form__text {
  display: none;
  margin-bottom: 30px;
  font-weight: 300;
  line-height: 1.3;
  color: #000;
}
@media (max-width: 767px) {
  .form__text {
    margin-bottom: 20px;
  }
}
.form__wrapper {
  display: grid;
  gap: 20px 45px;
}
@media (max-width: 1199px) {
  .form__wrapper {
    -moz-column-gap: 30px;
    column-gap: 30px;
  }
}
@media (max-width: 767px) {
  .form__wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px 45px;
  }
}
.form__fieldset {
  display: grid;
  align-self: center;
  grid-template-columns: 40.57% 1fr 1fr;
  grid-template-rows: 1fr;
  max-width: 875px;
  margin: 0;
  padding: 0;
  border: 0;
  gap: 10px;
}
@media (max-width: 1199px) {
  .form__fieldset {
    grid-column: span 2;
    grid-template-columns: 2fr 1fr 1fr;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .form__fieldset {
    grid-template-columns: 1fr;
    width: 100%;
  }
}
.form__input-wrapper {
  display: block;
}
.form__input {
  width: 100%;
  padding: 17px 20px 18px;
  font-weight: 400;
  font-size: 19px;
  line-height: 1.3;
  color: #000;
  background-color: #fff;
  border-radius: 5px;
  transition: all 0.2s ease-in;
}
.form__input.error {
  box-shadow: inset 0 0 0 1px #ff4c4c;
}
.form__input:hover {
  background-color: #f1f6f1;
}
.form__input:focus {
  background-color: #f1f6f1;
  outline: 0;
  box-shadow: inset 0 0 0 1px #000900;
}
@media (max-width: 1499px) {
  .form__input {
    padding: 18px 20px 19px;
  }
}
@media (max-width: 1199px) {
  .form__input {
    padding: 19px 20px 20px;
  }
}
@media (max-width: 767px) {
  .form__input {
    padding: 14px 20px 15px;
  }
}
.form__button {
  flex-shrink: 0;
  padding: 16px 26px;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.38;
}
@media (max-width: 767px) {
  .form__button {
    width: 100%;
    margin-top: 10px;
  }
}
.form__button-text--modal,
.modal .form__button-text {
  display: none;
}
.modal .form__button-text--modal {
  display: block;
}
.form__fz {
  max-width: 325px;
  font-weight: 300;
  font-size: 13px;
  line-height: 1.3;
  color: #b8b2b2;
}
.form--modal .form__fz {
  max-width: 100%;
}
@media (max-width: 767px) {
  .form__fz {
    max-width: 100%;
    font-size: 12px;
    text-align: center;
  }
}
.form__fz-hide {
  display: none;
}
.modal .form__fz-hide {
  display: inline;
}
.form__answer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  pointer-events: none;
}
.form__footer {
  display: flex;
  align-items: center;
  grid-column: 1/-1;
  gap: 20px;
}
@media (max-width: 767px) {
  .form__footer {
    flex-direction: column;
  }
}
.form__manager {
  grid-column: 2;
  max-width: 300px;
}
.modal .form__manager {
  display: none;
}
@media (max-width: 1499px) {
  .form__manager {
    grid-column: 2;
    grid-row: 1/2;
  }
}
@media (max-width: 1199px) {
  .form__manager {
    grid-row: 2;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .form__manager {
    order: -1;
  }
}
.manager {
  display: flex;
  align-items: center;
  gap: 20px;
}
.manager__info {
  display: grid;
  gap: 5px;
  line-height: 1.3;
}
@media (max-width: 767px) {
  .manager__info {
    gap: 0;
  }
}
.manager__img {
  width: 85px;
  height: 85px;
  border-radius: 50%;
  object-fit: cover;
}
@media (max-width: 1199px) {
  .manager__img {
    width: 50px;
    height: 50px;
  }
}
.manager__name {
  position: relative;
  margin: 0;
  font-size: 23px;
  color: #000900;
}
.guidance__subtitle::before,
.manager__name::before {
  content: "";
  background: 50% url(../img/icons/star.svg) no-repeat;
  background-position: center;
}
.manager__name::before {
  position: absolute;
  top: 50%;
  right: calc(100% + 5px);
  width: 17px;
  height: 17px;
  transform: translateY(-50%);
  opacity: 0.5;
}
@media (max-width: 767px) {
  .manager__name {
    font-size: 19px;
  }
}
.manager__post {
  max-width: 192px;
  margin: 0;
}
@media (max-width: 1199px) {
  .manager__post {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .manager__post {
    font-size: 14px;
  }
}
.guidance {
  padding: 104px 0 126px;
}
@media (max-width: 1499px) {
  .guidance {
    padding: 126px 0 120px;
  }
}
@media (max-width: 1199px) {
  .guidance {
    padding: 80px 0 90px;
  }
}
@media (max-width: 767px) {
  .guidance {
    padding: 50px 0 70px;
  }
}
.guidance__title {
  margin: 0 0 20px;
  line-height: 1.3;
}
.guidance--outsource .guidance__title {
  max-width: 745px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
@media (max-width: 1199px) {
  .guidance__title {
    margin-bottom: 10px;
    text-align: center;
  }
  .guidance__title br {
    display: none;
  }
}
.guidance__title-accent {
  font-family: "Andika", Helvetica, Arial, sans-serif;
}
.guidance__title-accent--green {
  color: #000900;
}
.guidance__text {
  max-width: 690px;
  font-size: 23px;
}
.guidance--outsource .guidance__text {
  max-width: 965px;
  text-align: center;
}
@media (max-width: 1199px) {
  .guidance__text {
    max-width: 100%;
    font-size: 20px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .guidance__text {
    font-size: 16px;
  }
}
.guidance__list {
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(313px, 1fr));
  gap: 50px;
  margin: 70px 0 0;
}
.guidance__list--marketplace {
  display: flex;
  justify-content: space-between;
  max-width: 1145px;
  margin-right: auto;
  margin-left: auto;
}
.guidance__list--corporate,
.guidance__list--merch {
  display: flex;
}
.guidance__list--two-columns {
  display: flex;
  justify-content: center;
}
@media (max-width: 1499px) {
  .guidance__list {
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
    gap: 80px 50px;
  }
}
@media (max-width: 1199px) {
  .guidance__list {
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    margin-top: 50px;
    gap: 50px;
  }
  .guidance__list--corporate,
  .guidance__list--merch {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .guidance__list {
    flex-direction: column;
    grid-template-columns: 1fr;
    margin-top: 30px;
    gap: 20px;
  }
}
.guidance__subtitle {
  display: flex;
  gap: 13px;
  max-width: 460px;
  margin: 0 0 10px;
  font-weight: 500;
  font-size: 27px;
}
.guidance__subtitle::before {
  width: 27px;
  height: 27px;
  transform: translateY(2px);
  opacity: 0.3;
}
@media (max-width: 1199px) {
  .guidance__subtitle {
    font-size: 23px;
    line-height: 1.3;
  }
}
@media (max-width: 767px) {
  .guidance__subtitle {
    max-width: 100%;
    font-size: 21px;
  }
}
.guidance__desc {
  max-width: 420px;
  margin-left: 40px;
}
.guidance__head {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 60px;
}
.guidance--outsource .guidance__head {
  flex-direction: column-reverse;
}
@media (max-width: 1499px) {
  .guidance__head {
    gap: 30px;
  }
}
@media (max-width: 1199px) {
  .guidance__head {
    flex-direction: column;
    gap: 30px;
  }
}
.guidance__img-box {
  position: relative;
  flex-shrink: 0;
}
.guidance__img-box:not(.guidance__img-box--no-icon)::before {
  content: "";
  position: absolute;
  top: 25px;
  right: 0;
  width: 75px;
  height: 75px;
  background: 50% url(../img/icons/star.svg) no-repeat;
  background-position: center;
  opacity: 0.3;
}
@media (max-width: 767px) {
  .guidance__img-box::before {
    top: 10px;
    width: 46px;
    height: 46px;
  }
}
@media (max-width: 1499px) {
  .guidance__img {
    width: 471px;
    height: 321px;
    -o-object-fit: contain;
    object-fit: contain;
  }
}
.guidance--outsource .guidance__img {
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .guidance__img {
    width: 312px;
    height: 195px;
  }
  .guidance--outsource .guidance__img {
    height: 295px;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .guidance--outsource
    .guidance__img:not(.guidance--outsource .guidance__img--center) {
    -o-object-position: right;
    object-position: right;
  }
}
.guidance__link {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin: 5px 0 0 40px;
  color: #000900;
  text-decoration: underline;
  -webkit-text-decoration-color: #bfd6c7;
  text-decoration-color: #bfd6c7;
  text-underline-offset: 5px;
  outline: 0;
}
.guidance__link:focus,
.guidance__link:hover {
  text-decoration: none;
  opacity: 0.6;
}
@media (max-width: 1000px) {
  .guidance__list--corporate .guidance__item,
  .guidance__list--merch .guidance__item {
    width: 326px;
  }
}
@media (max-width: 767px) {
  .guidance__list--corporate .guidance__item,
  .guidance__list--merch .guidance__item {
    width: 100%;
  }
}
.sewing__title {
  margin: 0 0 20px;
  text-align: center;
}
.sewing__title--left {
  text-align: left;
}
@media (max-width: 1199px) {
  .sewing__title {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .sewing__title--no-center {
    text-align: left;
  }
}
.sewing__text {
  max-width: 835px;
  margin: 0 auto;
  text-align: center;
}
.sewing__text--left {
  margin: 0;
  text-align: left;
}
.sewing__text--small {
  max-width: 715px;
}
.sewing__text:not(:last-of-type) {
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .sewing__text--no-center {
    text-align: left;
  }
}
.sewing__gallery {
  padding: 0;
  list-style: none;
  position: static;
  margin: 50px 0 120px;
}
.sewing__gallery--slider {
  margin: 0;
}
.sewing__gallery--no-margin {
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .sewing__gallery {
    margin: 40px -18px 90px;
    padding: 0 18px;
  }
  .sewing__gallery--slider {
    margin: 0;
    padding: 0;
  }
  .sewing__gallery--no-margin {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .sewing__gallery {
    margin: 30px -10px 80px;
    padding: 0 10px;
  }
  .sewing__gallery--slider {
    margin: 0;
    padding: 0;
  }
  .sewing__gallery--no-margin {
    margin-bottom: 0;
  }
}
.sewing__benefit-block {
  margin-bottom: 115px;
}
@media (max-width: 1199px) {
  .sewing__benefit-block {
    margin-bottom: 80px;
  }
}
.sewing__advantages {
  margin: 116px 0 120px;
}
@media (max-width: 1199px) {
  .sewing__advantages {
    margin: 80px 0 100px;
  }
}
@media (max-width: 767px) {
  .sewing__advantages {
    margin: 70px 0;
  }
}
.sewing__consult {
  margin-bottom: 120px;
}
@media (max-width: 1499px) {
  .sewing__consult {
    margin-bottom: 100px;
  }
}
@media (max-width: 1199px) {
  .sewing__consult {
    margin-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .sewing__consult {
    margin-bottom: 70px;
  }
}
.sewing__questions {
  margin: 0 auto;
  padding-top: 0;
}
.sewing__section--margin,
.sewing__steps {
  margin-bottom: 120px;
}
@media (max-width: 1499px) {
  .sewing__section--margin,
  .sewing__steps {
    margin-bottom: 100px;
  }
}
@media (max-width: 1199px) {
  .sewing__section--margin,
  .sewing__steps {
    margin-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .sewing__section--margin,
  .sewing__steps {
    margin-bottom: 70px;
  }
}
.sewing__table {
  margin: 30px 0 40px;
}
@media (max-width: 1199px) {
  .sewing__table {
    margin-right: -10px;
    margin-left: -10px;
    padding: 0 10px;
    overflow-x: auto;
    scrollbar-color: transparent transparent;
    scrollbar-width: none;
  }
  .sewing__table::-webkit-scrollbar {
    width: 0;
    height: 0;
    background-color: transparent;
  }
}
.sewing__link {
  display: block;
  width: 100%;
  padding: 20px;
  text-align: center;
}
@media (max-width: 767px) {
  .sewing__link {
    padding: 15px;
  }
}
.sewing__button {
  display: block;
  margin: 70px auto 0;
  padding: 18px 32px;
}
@media (max-width: 767px) {
  .sewing__button {
    margin-top: 40px;
  }
}
.sewing__materials {
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px;
  max-width: 875px;
  margin: 60px 0 0;
}
@media (max-width: 767px) {
  .sewing__materials {
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 30px;
  }
}
.sewing__section--line-top {
  padding-top: 265px;
  background-image: url(../img/icons/line-big.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
}
@media (max-width: 1199px) {
  .sewing__section--line-top {
    padding-top: 165px;
  }
}
@media (max-width: 767px) {
  .sewing__section--line-top {
    background-image: url(../img/icons/line-mobile.svg);
    background-position: 0 60px;
  }
}
.sewing__filter + .sewing__text {
  margin-top: 50px;
}
.sewing__columns {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
@media (max-width: 1199px) {
  .sewing__columns {
    flex-direction: column;
  }
}
.benefit-block__title {
  position: relative;
  margin-bottom: 10px;
  font-size: 35px;
}
.benefit-block__title::before {
  content: "";
  position: absolute;
  top: 17px;
  left: -27px;
  width: 17px;
  height: 17px;
  background: 50% url(../img/icons/star.svg) no-repeat;
  background-position: center;
}
@media (max-width: 1499px) {
  .benefit-block__title {
    font-size: 33px;
  }
}
@media (max-width: 1199px) {
  .benefit-block__title {
    margin-bottom: 15px;
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .benefit-block__title {
    margin-left: 20px;
    font-size: 22px;
  }
  .benefit-block__title::before {
    top: 5px;
    left: -23px;
  }
}
.benefit-block__text {
  max-width: 575px;
}
.benefit-block__text:not(:last-child) {
  margin-bottom: 10px;
}
.benefit-block__content {
  max-width: 593px;
}
.benefit-block__button {
  margin-top: 30px;
  padding: 18px 32px;
}
.benefit-block__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 491px;
  padding: 30px 0;
  background-image: url(../img/icons/contacts_line-desc.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  gap: 63px;
}
@media (max-width: 1499px) {
  .benefit-block__wrapper {
    gap: 44px;
  }
}
@media (max-width: 1199px) {
  .benefit-block__wrapper {
    min-height: 464px;
    background-image: url(../img/icons/contacts_line-tab.svg);
  }
}
@media (max-width: 767px) {
  .benefit-block__wrapper {
    min-height: 100%;
    padding: 0;
    background-image: none;
  }
}
@media (max-width: 1499px) {
  .benefit-block__img {
    width: 264px;
    height: 353px;
  }
}
@media (max-width: 1199px) {
  .benefit-block__img {
    display: none;
  }
}
.package {
  padding: 115px 0;
  background-color: #f6f5f1;
  background-image: url(../img/icons/package-line.svg);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: contain;
}
.package--merch {
  padding-top: 0;
  padding-bottom: 106px;
}
.package--outsource {
  padding-top: 110px;
  padding-bottom: 157px;
  background-position: 0 90%;
}
@media (max-width: 1499px) {
  .package {
    padding: 70px 0 91px;
    background-image: url(../img/icons/package-line-desc.svg);
  }
  .package--merch {
    padding-top: 0;
  }
}
@media (max-width: 1199px) {
  .package {
    padding: 50px 0;
    background-image: url(../img/icons/package-line-tab.svg);
  }
  .package--merch {
    padding-top: 0;
    padding-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .package {
    padding: 40px 0 50px;
    background-image: none;
  }
  .package--merch {
    padding-top: 0;
    padding-bottom: 100px;
    overflow: hidden;
  }
}
.package__title {
  margin: 0 0 20px;
  line-height: 1.1;
}
.package__head .package__title {
  margin-bottom: 70px;
  text-align: center;
}
@media (max-width: 1499px) {
  .package__title {
    max-width: 430px;
  }
  .package__head .package__title {
    max-width: 100%;
  }
}
@media (max-width: 1199px) {
  .package__head .package__title {
    margin-bottom: 40px;
  }
}
.package__text {
  margin-bottom: 20px;
}
.package__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 20px;
}
.package__item {
  display: flex;
  gap: 10px;
}
.package__item::before {
  content: "";
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  background: 50% url(../img/icons/star.svg) no-repeat;
  background-position: center;
  transform: translateY(4px);
}
.package__wrapper {
  display: flex;
  justify-content: center;
  gap: 60px;
}
.package--merch .package__wrapper {
  gap: 0;
}
.package--outsource .package__wrapper {
  gap: 37px;
}
@media (max-width: 1499px) {
  .package__wrapper {
    gap: 10px;
  }
}
@media (max-width: 767px) {
  .package__wrapper {
    flex-direction: column;
    gap: 30px;
  }
  .package--merch .package__wrapper {
    gap: 40px;
  }
}
.package__left {
  max-width: 553px;
}
.package--merch .package__left {
  padding-top: 115px;
}
@media (max-width: 1499px) {
  .package--merch .package__left {
    padding-top: 111px;
  }
}
@media (max-width: 1199px) {
  .package--merch .package__left {
    padding-top: 90px;
  }
}
@media (max-width: 767px) {
  .package--merch .package__left {
    padding-top: 40px;
  }
}
.package__right {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  max-width: 570px;
}
.package--merch .package__right {
  max-width: 640px;
}
.package--corporate .package__right {
  max-width: 598px;
}
.package--outsource .package__right {
  max-width: 727px;
  margin-top: 50px;
}
@media (max-width: 1499px) {
  .package__right {
    max-width: 542px;
  }
  .package--merch .package__right {
    max-width: 578px;
  }
  .package--corporate .package__right {
    max-width: 586px;
  }
  .package--outsource .package__right {
    max-width: 520px;
  }
}
@media (max-width: 1199px) {
  .package__right {
    display: flex;
    justify-content: center;
    width: 293px;
  }
  .package--merch .package__right {
    max-width: 270px;
  }
  .package--corporate .package__right {
    max-width: 296px;
  }
}
@media (max-width: 767px) {
  .package__right {
    width: 100%;
    max-width: 290px;
    margin: 0 auto;
  }
  .package--merch .package__right {
    margin-right: -10px;
    margin-left: auto;
  }
  .package--corporate .package__right {
    max-width: 292px;
  }
  .package--outsource .package__right {
    height: 340px;
  }
}
.package__circle {
  position: absolute;
  right: 0;
  bottom: 90px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 384px;
  height: 250px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #efece2 inset;
  transform: rotate(5deg);
}
.package--outsource .package__circle {
  bottom: 0;
}
@media (max-width: 1499px) {
  .package--merch .package__circle {
    bottom: 200px;
  }
}
@media (max-width: 1199px) {
  .package__circle {
    bottom: 0;
    width: 280px;
    height: 182px;
  }
  .package--merch .package__circle {
    bottom: 0;
  }
}
@media (max-width: 767px) {
  .package--merch .package__circle {
    right: 35px;
    bottom: -35px;
  }
  .package__circle--static {
    position: static;
  }
}
.package__circle-title {
  max-width: 265px;
  font-size: 27px;
  text-align: center;
}
@media (max-width: 1199px) {
  .package__circle-title {
    max-width: 196px;
    font-size: 20px;
  }
}
.package__circle-accent {
  font-family: "Andika", Helvetica, Arial, sans-serif;
  color: #000900;
}
.package__circle-text {
  max-width: 265px;
  text-align: center;
}
@media (max-width: 1199px) {
  .package__circle-text {
    max-width: 196px;
  }
}
.package__img {
  -o-object-fit: contain;
  object-fit: contain;
}
@media (max-width: 1499px) {
  .package__img {
    width: 249px;
    height: 567px;
  }
  .package--merch .package__img {
    width: 346px;
    height: 646px;
  }
  .package--corporate .package__img {
    width: 428px;
    height: 611px;
  }
  .package--outsource .package__img {
    width: 410px;
    height: 304px;
  }
}
@media (max-width: 1199px) {
  .package__img {
    width: 208px;
    height: 471px;
  }
  .package--merch .package__img {
    width: 270px;
    height: 504px;
  }
  .package--corporate .package__img {
    width: 296px;
    height: 423px;
  }
  .package--outsource .package__img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 767px) {
  .package__img {
    width: 145px;
    height: 328px;
  }
  .package--merch .package__img {
    width: 299px;
    height: 363px;
  }
  .package--corporate .package__img {
    width: 262px;
    height: 375px;
  }
}
.package__sublist {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 50px 100px;
}
@media (max-width: 1499px) {
  .package__sublist {
    gap: 50px;
  }
}
.package__subitem {
  width: 100%;
  max-width: 360px;
}
.package__subitem-img {
  margin-bottom: 20px;
}
.package__name {
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 23px;
}
.package__head {
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  .package__head {
    margin-bottom: 50px;
  }
}
.steps:not(.steps--no-bg) {
  background-color: #f6f5f1;
}
.steps--outsource {
  padding-top: 120px;
  background: 0 0;
}
.steps__title {
  margin: 0 0 50px;
}
@media (max-width: 767px) {
  .steps__title {
    margin-bottom: 30px;
  }
}
.steps__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px 60px;
  counter-reset: count;
}
.steps__list--margin-top {
  margin-top: 40px;
}
@media (max-width: 1199px) {
  .steps__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 45px;
  }
}
@media (max-width: 767px) {
  .steps__list {
    grid-template-columns: 1fr;
    gap: 25px;
  }
}
.steps__item {
  position: relative;
  padding-left: 45px;
  counter-increment: count;
}
.steps__item::before {
  content: counters(count, "*", decimal-leading-zero);
  position: absolute;
  top: 0;
  left: 0;
  font-size: 19px;
  color: #cfcfcf;
  transform: translateY(3px);
}
.steps__number {
  font-family: "Andika", Helvetica, Arial, sans-serif;
  grid-row: 1/3;
  font-size: 70px;
  line-height: 0.7;
  color: #b9cebd;
  font-style: italic;
}
.steps__subtitle {
  margin: 0 0 10px;
  font-weight: 500;
  font-size: 25px;
  line-height: 1.3;
}
@media (max-width: 1499px) {
  .steps__subtitle {
    max-width: 245px;
  }
}
@media (max-width: 1199px) {
  .steps__subtitle {
    max-width: 100%;
  }
}
.steps__text {
  max-width: 870px;
}
.steps__quote {
  margin-top: 30px;
}
@media (max-width: 1199px) {
  .steps__quote {
    margin-top: 0;
  }
}
.advantages__title {
  margin: 0 0 50px;
}
@media (max-width: 767px) {
  .advantages__title {
    margin-bottom: 40px;
  }
}
.advantages__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 60px;
}
@media (max-width: 1499px) {
  .advantages__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 1199px) {
  .advantages__list {
    gap: 50px;
  }
}
@media (max-width: 767px) {
  .advantages__list {
    grid-template-columns: 1fr;
  }
}
.advantages__item {
  display: grid;
  grid-template-rows: min-content min-content 1fr;
  gap: 10px;
}
.advantages__item::before {
  content: "";
  width: 51px;
  height: 51px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.advantages__item--hourglass::before {
  background-image: url(../img/icons/hourglass.svg);
}
.advantages__item--ruble::before {
  background-image: url(../img/icons/ruble.svg);
}
.advantages__item--diamond::before {
  background-image: url(../img/icons/diamond.svg);
}
.advantages__item--lamp::before {
  background-image: url(../img/icons/lamp.svg);
}
.advantages__subtitle {
  margin: 0;
  font-weight: 500;
  font-size: 23px;
}
@media (max-width: 1499px) {
  .advantages__subtitle br {
    display: none;
  }
}
@media (max-width: 767px) {
  .advantages__subtitle {
    font-size: 21px;
  }
}
.features__title {
  margin: 0 0 20px;
}
@media (max-width: 767px) {
  .features__title {
    margin-bottom: 15px;
  }
}
.features__list {
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin: 40px 0 0;
  gap: 20px;
}
@media (max-width: 1499px) {
  .features__list {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  }
}
@media (max-width: 767px) {
  .features__list {
    grid-template-columns: 1fr;
    gap: 15px;
    margin-top: 25px;
  }
}
.features__item {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  min-height: 160px;
  padding: 30px;
  color: #fff;
}
.features__item::before {
  content: "";
  position: absolute;
  top: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  background-color: rgba(255, 255, 255, 0.2);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25px 25px;
  border-radius: 50%;
  -webkit-backdrop-filter: blur(1.5px);
  backdrop-filter: blur(1.5px);
}
.features__item--antiseptic::before {
  background-image: url(../img/icons/plus-icon.svg);
}
.features__item--fluorescent::before {
  background-image: url(../img/icons/light-icon.svg);
}
.features__item--wetproof::before {
  background-image: url(../img/icons/no-water-icon.svg);
}
.features__item--fireproof::before {
  background-image: url(../img/icons/no-fire-icon.svg);
}
.features__item--windproof::before {
  background-image: url(../img/icons/wind-icon.svg);
}
@media (max-width: 767px) {
  .features__item {
    max-width: 100%;
  }
  .features__item::before {
    width: 50px;
    height: 50px;
  }
}
.features__button {
  display: block;
  margin: 0 auto;
  padding: 18px 33px;
}
@media (max-width: 767px) {
  .features__button {
    padding: 19px 21px;
  }
}
.features__pictures {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.features__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.tabs {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1199px) {
  .tabs {
    flex-flow: row wrap;
  }
}
.tabs__button {
  background-color: transparent;
  border: 0;
  padding: 15px 20px 17px;
  font-size: 20px;
  font-family: "Manrope", Helvetica, Arial, sans-serif;
  text-align: left;
  color: #000;
  border-bottom: 1px solid #cfcfcf;
  outline: 0;
}
.tabs__button--active {
  color: #000900;
  background-color: #e8f0eb;
  border-color: #000900;
}
.tabs__button:focus-visible,
.tabs__button:hover {
  border-color: #000900;
}
@media (max-width: 767px) {
  .tabs__button {
    padding: 10px 25px;
    font-size: 16px;
  }
}
.vacancy__wrapper {
  position: relative;
  padding: 20px;
  border: 20px solid #e8f0eb;
  overflow: hidden;
}
@media (min-width: 768px) {
  .vacancy__wrapper {
    padding: 60px 55px 75px 47px;
    border-width: 23px;
  }
  .vacancy__wrapper::before {
    content: "";
    position: absolute;
    bottom: -1px;
    right: -1px;
    z-index: -1;
    width: 980px;
    height: 442px;
    background-image: url(../img/icons/vacancy-line.svg);
    background-repeat: no-repeat;
    background-size: contain;
  }
}
@media (min-width: 1200px) {
  .vacancy__wrapper {
    padding: 65px 60px 80px 52px;
    border-width: 28px;
  }
}
@media (min-width: 1500px) {
  .vacancy__wrapper {
    padding: 80px 75px 95px 67px;
  }
}
.vacancy__title {
  margin-top: 0;
  margin-bottom: 40px;
}
.vacancy__inner {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (min-width: 1200px) {
  .vacancy__inner {
    flex-direction: row;
  }
}
@media (min-width: 1500px) {
  .vacancy__inner {
    -moz-column-gap: 121px;
    column-gap: 121px;
  }
}
.vacancy__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  gap: 15px;
}
@media (min-width: 768px) {
  .vacancy__list {
    flex-wrap: wrap;
  }
}
@media (min-width: 1200px) {
  .vacancy__list {
    -moz-column-gap: 40px;
    column-gap: 40px;
    max-height: 300px;
  }
}
@media (min-width: 1500px) {
  .vacancy__list {
    -moz-column-gap: 82px;
    column-gap: 82px;
    max-height: 200px;
  }
}
.vacancy__item {
  position: relative;
  padding-left: 25px;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.3;
}
.vacancy__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 17px;
  height: 17px;
  background-image: url(../img/icons/star-icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 768px) {
  .vacancy__item {
    font-size: 20px;
  }
  .vacancy__item::before {
    top: 4px;
  }
}
@media (min-width: 1200px) {
  .vacancy__item {
    max-width: 300px;
  }
}
@media (min-width: 1500px) {
  .vacancy__item {
    max-width: 380px;
  }
}
.vacancy__button {
  flex-shrink: 0;
  padding: 17px 62px;
  font-size: 22px;
  background-color: #d3d7c4;
}
@media (min-width: 768px) {
  .vacancy__button {
    align-self: start;
  }
}
@media (min-width: 1200px) {
  .vacancy__button {
    align-self: end;
  }
}
.quote {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.quote::before {
  content: "";
  display: flex;
  width: 160px;
  height: 218px;
  margin-bottom: -40px;
  background: 50% url(../img/icons/branch.svg) no-repeat;
  background-position: center;
  transform: rotate(30deg);
}
@media (max-width: 1199px) {
  .quote::before {
    margin-bottom: -20px;
  }
}
@media (max-width: 767px) {
  .quote::before {
    margin-bottom: -30px;
  }
}
.quote__text {
  font-family: "Andika", Helvetica, Arial, sans-serif;
  margin: 0 0 20px;
  font-size: 35px;
  text-align: center;
  font-style: italic;
}
@media (max-width: 1199px) {
  .quote__text {
    margin-bottom: 40px;
    font-size: 27px;
  }
}
@media (max-width: 767px) {
  .quote__text {
    margin-bottom: 30px;
    font-size: 21px;
  }
}
.quote__button {
  display: flex;
  margin: 50px auto 0;
  padding: 18px 32px;
  font-size: 22px;
  line-height: 1.3;
}
@media (max-width: 1199px) {
  .quote__button {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .quote__button {
    margin-top: 30px;
    font-size: 16px;
  }
}
.quote__small-text {
  max-width: 875px;
  margin: 0 auto;
  text-align: center;
}
.table {
  width: 100%;
  border-collapse: collapse;
  font-size: 17px;
  line-height: 1;
}
.table__head {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.3;
  color: #000900;
}
@media (max-width: 1199px) {
  .table__head {
    font-size: 16px;
  }
}
.table__data {
  padding: 20px 30px;
  white-space: nowrap;
}
.table__head .table__data {
  padding: 30px;
}
.table__data span {
  color: #828282;
}
@media (min-width: 1199px) {
  .table__data:first-child {
    width: 40%;
  }
}
@media (max-width: 1199px) {
  .table__data {
    min-width: 150px;
    padding: 15px;
    font-size: 16px;
  }
  .table__head .table__data {
    padding: 20px 15px;
  }
  .table__data:first-child {
    min-width: 170px;
  }
}
.table__row {
  outline: 0;
}
.table__row:not(.table--borders .table__row, .table__row--head):nth-child(odd) {
  background-color: #f9faf9;
}
.table--borders .table__row {
  border-bottom: 1px solid #ddd;
}
.table__row:focus,
.table__row:hover {
  background-color: #f2f0e8;
}
.material {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 206px;
}
.material picture {
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .material {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-template-rows: min-content 1fr;
    max-width: 315px;
    gap: 5px 15px;
  }
  .material picture {
    grid-row: span 2;
    margin-bottom: 0;
  }
}
.material__img {
  width: 170px;
  height: 170px;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .material__img {
    width: 78px;
    height: 78px;
  }
}
.material__name {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
}
@media (min-width: 767px) {
  .material__name {
    font-size: 23px;
    text-align: center;
  }
}
.material__text {
  align-self: start;
}
@media (min-width: 767px) {
  .material__text {
    text-align: center;
  }
}
.anchor {
  -webkit-text-decoration: underline dotted #a6a6a6;
  text-decoration: underline dotted #a6a6a6;
  text-underline-offset: 6px;
  outline: 0;
}
.anchor:focus,
.anchor:hover {
  color: #000900;
}
.promo-block__title {
  max-width: 1110px;
}
.promo-block__title--no-margin {
  margin: 0;
}
.promo-block__title:not(.promo-block__title--no-margin) {
  margin: 0 0 60px;
}
@media (max-width: 1199px) {
  .promo-block__title:not(.promo-block__title--no-margin) {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .promo-block__title:not(.promo-block__title--no-margin) {
    margin-bottom: 20px;
  }
}
.promo-block__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr 265px;
  gap: 20px;
}
.promo-block__list--3-columns {
  grid-template-columns: repeat(3, 1fr);
}
.promo-block__list--4-columns {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1499px) {
  .promo-block__list--4-columns {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 1199px) {
  .promo-block__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .promo-block__list {
    grid-template-columns: 1fr;
  }
}
.promo-block__item {
  min-height: 280px;
  padding: 50px;
  background-color: #f6f5f1;
  cursor: pointer;
}
.promo-block__item--green {
  position: relative;
  padding: 50px 40px 40px;
  color: #fff;
  background-color: #000900;
  transition: 0.3s;
}
.promo-block__item--green:focus,
.promo-block__item--green:hover {
  background: #19863e;
}
.promo-block__item--green::before {
  content: "";
  position: absolute;
  bottom: 40px;
  left: 40px;
  width: 54px;
  height: 54px;
  background-image: url(../img/icons/circle-arrow-icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.promo-block__list--4-columns .promo-block__item {
  padding: 40px;
}
@media (max-width: 1199px) {
  .promo-block__item {
    min-height: auto;
    padding: 40px;
  }
  .promo-block__item--green {
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-column: 1/-1;
    gap: 15px;
  }
  .promo-block__item--green::before {
    position: static;
    flex-shrink: 0;
    order: 1;
    width: 45px;
    height: 45px;
  }
}
@media (max-width: 767px) {
  .promo-block__item,
  .promo-block__list--4-columns .promo-block__item {
    padding: 30px 20px;
  }
}
.promo-block__subtitle {
  margin: 0 0 10px;
  font-weight: 500;
  font-size: 25px;
}
.promo-block__item--green .promo-block__subtitle {
  margin: 0;
}
@media (max-width: 767px) {
  .promo-block__subtitle {
    font-size: 20px;
  }
}
.promo-block__img-box {
  display: flex;
  align-items: flex-end;
  min-height: 530px;
  margin-bottom: 30px;
  padding: 50px;
  background-image: url(../img/promo-block/img-1.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.is-webp .promo-block__img-box {
  background-image: url(../img/promo-block/img-1.webp);
}
.promo-block__img-box--military {
  background-image: url(../img/promo-block/img-2.jpg);
}
.is-webp .promo-block__img-box--military {
  background-image: url(../img/promo-block/img-2.webp);
}
.promo-block__img-box--marketplace {
  background-image: url(../img/promo-block/img-3.jpg);
}
.is-webp .promo-block__img-box--marketplace {
  background-image: url(../img/promo-block/img-3.webp);
}
.promo-block__img-box--merch {
  background-image: url(../img/promo-block/img-4.jpg);
}
.is-webp .promo-block__img-box--merch {
  background-image: url(../img/promo-block/img-4.webp);
}
.promo-block__img-box--corporate {
  background-image: url(../img/promo-block/img-5.jpg);
}
.is-webp .promo-block__img-box--corporate {
  background-image: url(../img/promo-block/img-5.webp);
}
.promo-block__img-box--wholesale {
  background-image: url(../img/promo-block/img-6.jpg);
}
.is-webp .promo-block__img-box--wholesale {
  background-image: url(../img/promo-block/img-6.webp);
}
.promo-block__img-box--outsource {
  background-image: url(../img/promo-block/img-7-v2.jpg);
}
.is-webp .promo-block__img-box--outsource {
  background-image: url(../img/promo-block/img-7-v2.webp);
}
.promo-block__img-box--lecals {
  background-image: url(../img/promo-block/img-8-v2.jpg);
}
.is-webp .promo-block__img-box--lecals {
  background-image: url(../img/promo-block/img-8-v2.webp);
}
.promo-block__img-box--embroidery {
  background-image: url(../img/promo-block/img-9.jpg);
}
.is-webp .promo-block__img-box--embroidery {
  background-image: url(../img/promo-block/img-9.webp);
}
.promo-block__img-box--print {
  background-image: url(../img/promo-block/img-10.jpg);
}
.is-webp .promo-block__img-box--print {
  background-image: url(../img/promo-block/img-10.webp);
}
.promo-block__img-box--gray {
  background-image: none;
  background-color: gray;
}
@media (max-width: 1199px) {
  .promo-block__img-box {
    padding: 40px;
  }
}
@media (max-width: 767px) {
  .promo-block__img-box {
    min-height: 400px;
    padding: 25px;
  }
}
.options__title {
  margin: 0 0 20px;
}
@media (max-width: 1199px) {
  .options__title {
    margin-bottom: 15px;
  }
}
.options__head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
}
@media (max-width: 1199px) {
  .options__head {
    flex-direction: column;
  }
}
.options__link {
  flex-shrink: 0;
  align-self: flex-end;
  color: #000900;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  text-underline-offset: 3px;
}
@media (max-width: 1199px) {
  .options__link {
    align-self: flex-start;
  }
}
.options__list {
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin: 50px 0;
}
@media (max-width: 1199px) {
  .options__list {
    gap: 10px;
    margin: 30px 0;
  }
}
@media (max-width: 767px) {
  .options__list {
    display: flex;
    margin: 40px -10px 0;
    padding: 2px 10px;
    overflow-x: auto;
    scrollbar-color: transparent transparent;
    scrollbar-width: none;
  }
  .options__list::-webkit-scrollbar {
    width: 0;
    height: 0;
    background-color: transparent;
  }
  .options__item {
    min-width: 288px;
  }
  .options__show-more {
    display: none;
  }
}
@media (min-width: 1199px) {
  .good-card {
    outline: 0;
    cursor: pointer;
  }
  .good-card:focus-visible .good-card__content,
  .good-card:hover .good-card__content {
    color: #fff;
    background-color: #000900;
    border-color: transparent;
  }
  .good-card:focus-visible .good-card__btn,
  .good-card:focus-visible .good-card__count,
  .good-card:hover .good-card__btn,
  .good-card:hover .good-card__count {
    color: inherit;
  }
}
@media (max-width: 1199px) {
  .good-card {
    display: grid;
    grid-template-rows: 1fr auto;
  }
}
@media (max-width: 767px) {
  .good-card {
    grid-template-rows: 285px 1fr;
  }
}
.good-card__content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  padding: 20px 20px 25px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-top: 0;
  transition: 0.2s;
  gap: 15px;
}
.good-card__content--grid {
  display: grid;
  grid-template-columns: 1fr max-content;
}
@media (max-width: 1199px) {
  .good-card__content {
    padding: 15px;
    gap: 10px;
  }
}
.good-card__name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  word-break: break-all;
  grid-column: 1/-1;
  font-size: 18px;
}
@media (max-width: 1199px) {
  .good-card__name {
    font-size: 14px;
  }
}
.good-card__btn {
  padding: 0;
  background-color: transparent;
  border: 0;
  font-size: 18px;
  color: #000900;
}
@media (max-width: 767px) {
  .good-card__btn {
    font-size: 16px;
  }
}
.good-card__price {
  font-weight: 500;
  font-size: 23px;
}
@media (max-width: 1199px) {
  .good-card__price {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .good-card__price {
    font-size: 14px;
  }
}
.good-card__count {
  font-weight: 400;
  font-size: 15px;
  color: #878787;
}
.good-card__img {
  background-color: #ddd;
}
@media (max-width: 1199px) {
  .good-card__img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.show-more {
  background-color: transparent;
  border: 0;
  width: 100%;
  padding: 25px;
  font-size: 17px;
  color: #a18c1e;
  border-top: 1px solid #a18c1e;
  border-bottom: 1px solid #a18c1e;
  outline: 0;
  transition: 0.2s;
}
.show-more:focus-visible,
.show-more:hover {
  color: #fff;
  background-color: #a18c1e;
}
.examples__title {
  margin: 0 0 20px;
}
@media (max-width: 1199px) {
  .examples__title {
    margin-bottom: 15px;
  }
}
.examples__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 30px;
}
.examples__list--mansory,
.examples__list--simple {
  grid-template-columns: repeat(3, 1fr);
  margin-top: 50px;
}
.examples__list--mansory {
  grid-template-rows: 435px 325px;
  margin-top: 30px;
}
@media (max-width: 1199px) {
  .examples__list {
    gap: 10px;
    margin-top: 30px;
  }
  .examples__list--mansory {
    grid-template-rows: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .examples__list--mansory,
  .examples__list--simple {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
}
.examples__item {
  position: relative;
}
@media (min-width: 767px) {
  .examples__item--full-height {
    align-self: center;
    grid-row: 1/-1;
    height: calc(100% - 30px);
  }
  .examples__item--full-height:first-child {
    grid-column: 1;
  }
  .examples__item--full-height:last-child {
    grid-column: 3;
  }
}
@media (max-width: 767px) {
  .examples__list--simple .examples__item {
    height: 200px;
  }
  .examples__list--mansory .examples__item {
    height: 500px;
  }
  .examples__list--mansory .examples__item--full-height {
    height: 430px;
  }
}
.examples__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.examples__badge {
  position: absolute;
  bottom: 30px;
  left: 30px;
}
@media (max-width: 1199px) {
  .examples__badge {
    bottom: 25px;
    left: 25px;
  }
}
.examples__btn {
  display: block;
  margin: 75px auto 0;
  padding: 18px 32px;
}
.seo__title {
  margin: 0 0 20px;
}
.seo__title--center {
  margin-right: auto;
  margin-left: auto;
}
.seo__btn {
  display: block;
  margin: 40px auto 0;
  padding: 12px 22px;
}
.seo__container--borders {
  padding-top: 70px;
  padding-bottom: 70px;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
}
.seo__container--beige {
  padding: 60px;
  background: #f6f5f1;
}
@media (max-width: 767px) {
  .seo__container--borders {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .seo__container--beige {
    padding: 50px 0;
  }
}
.seo__img {
  width: 85px;
  height: 85px;
  margin: 0 auto 20px;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .seo__img {
    width: 65px;
    height: 65px;
  }
}
.produce__list {
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  margin: 40px 0 0;
}
@media (max-width: 1199px) {
  .produce__list {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .produce__list {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.produce__name {
  margin: 0;
  z-index: 2;
  padding: 40px 0 10px;
  font-weight: 500;
  font-size: 25px;
}
.produce__item--main .produce__name {
  background-color: #f6f5f1;
}
.produce__item--main .produce__name--bg-white {
  background-color: #fff;
}
.produce__name--green {
  color: #000900;
}
@media (max-width: 1199px) {
  .produce__name {
    padding-top: 20px;
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .produce__name {
    font-size: 20px;
  }
}
.produce__item {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.produce__item:not(.produce__item--main) {
  padding-top: 40px;
  border-top: 1px solid #ddd;
}
@media (min-width: 1199px) {
  .produce__item--main {
    display: grid;
    grid-auto-rows: min-content;
    grid-template-rows: 235px;
    border-bottom: 1px solid #ddd;
    transition: border-color 0.3s;
  }
  .produce__item--main:has(.produce__btn:hover, .produce__btn:focus) {
    border-color: #000900;
  }
}
@media (max-width: 767px) {
  .produce__item {
    padding-top: 40px;
    border-bottom: 1px solid #ddd;
  }
}
.produce__btn {
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  padding: 0 15px;
  font-size: 19px;
  color: #fff;
  background-color: #000900;
  transition: 0.2s;
}
.produce__btn--redesign {
  gap: 10px;
  justify-content: flex-start;
  padding: 0;
  font-weight: 500;
  font-size: 16px;
  color: #000900;
  background-color: transparent;
}
.produce__btn--redesign::before {
  content: "";
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  background: url(../img/icons/circle-arrow-icon-green.svg) no-repeat
    center/contain;
}
@media (min-width: 1199px) {
  .produce__btn:not(.produce__btn--redesign) {
    height: 0;
    opacity: 0;
  }
  .produce__item:focus-visible .produce__btn:not(.produce__btn--redesign),
  .produce__item:hover .produce__btn:not(.produce__btn--redesign) {
    height: 50px;
    opacity: 1;
  }
  .produce__btn--redesign {
    z-index: 1;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    text-align: left;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    transition: color 0.3s;
  }
  .produce__btn--redesign::before {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    width: 145px;
    height: 145px;
    background: #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition:
      background-color 0.3s,
      transform 0.3s;
  }
  .produce__btn--redesign::after {
    content: "";
    display: block;
    width: 39px;
    height: 14px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='39' height='14' viewBox='0 0 39 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 1L38 7L32 13' stroke='%231C6B37' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M37 7L1 7' stroke='%231C6B37' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    transition: background-image 0.3s;
  }
  .produce__btn--redesign:focus,
  .produce__btn--redesign:hover {
    color: #fff;
    transition: color 0.3s;
  }
  .produce__btn--redesign:focus::before,
  .produce__btn--redesign:hover::before {
    background-color: #000900;
    transform: translate(-50%, -50%) scale(1.7);
  }
  .produce__btn--redesign:focus::after,
  .produce__btn--redesign:hover::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='39' height='14' viewBox='0 0 39 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 1L38 7L32 13' stroke='%23ffffff' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M37 7L1 7' stroke='%23ffffff' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
}
@media (max-width: 1199px) {
  .produce__btn {
    height: 100%;
  }
  .produce__btn br {
    display: none;
  }
}
@media (max-width: 767px) {
  .produce__btn {
    justify-content: flex-start;
    height: auto;
    padding: 0;
    font-size: 16px;
    color: #000900;
    background-color: transparent;
  }
}
.produce__footer {
  height: 50px;
  border-top: 1px solid #ddd;
}
@media (min-width: 1199px) {
  .produce__footer--redesign {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    grid-column: 1;
    grid-row: 1;
    justify-self: end;
    align-self: end;
    margin: 15px;
    width: 145px;
    height: 145px;
    border: 0;
  }
}
@media (max-width: 1199px) {
  .produce__footer--redesign {
    padding-bottom: 20px;
    border-top: none;
    border-bottom: 1px solid #ddd;
  }
}
@media (max-width: 767px) {
  .produce__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: auto;
    padding-bottom: 20px;
    border-top: 0;
    gap: 15px;
  }
  .produce__footer:not(
      .produce__footer--no-style,
      .produce__footer--redesign
    )::after {
    content: "";
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none'%3E%3Ccircle cx='17' cy='17' r='16.5' stroke='%231C6B37'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.9945 20.5294C23.3247 20.4409 23.5206 20.1016 23.4322 19.7714L21.4649 12.4293C21.3764 12.0992 21.037 11.9032 20.7069 11.9917C20.3767 12.0802 20.1807 12.4195 20.2692 12.7497L21.8512 18.6539L12.0808 13.0129C11.7848 12.842 11.4063 12.9434 11.2354 13.2395C11.0645 13.5355 11.1659 13.914 11.4619 14.0849L21.2255 19.7219L15.3321 21.301C15.0019 21.3895 14.806 21.7289 14.8945 22.0591C14.9829 22.3892 15.3223 22.5852 15.6525 22.4967L22.9945 20.5294Z' fill='%231C6B37'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
  }
}
.produce__text {
  flex-grow: 1;
  margin-bottom: 40px;
}
@media (max-width: 1199px) {
  .produce__text {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .produce__text {
    margin-bottom: 15px;
  }
}
.produce__examples {
  margin-top: 50px;
}
.produce__title {
  margin: 0 0 20px;
}
@media (max-width: 1199px) {
  .produce__title {
    margin-bottom: 15px;
  }
}
.produce__picture {
  grid-column: 1;
  grid-row: 1;
}
.produce__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 767px) {
  .produce__img {
    height: 150px;
  }
}
.textile__list {
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  margin: 40px 0 0;
}
@media (max-width: 1199px) {
  .textile__list {
    display: flex;
    margin: 30px -18px 0;
    padding: 0 18px;
    overflow-x: auto;
    scrollbar-color: transparent transparent;
    scrollbar-width: none;
    gap: 10px;
  }
  .textile__list::-webkit-scrollbar {
    width: 0;
    height: 0;
    background-color: transparent;
  }
}
@media (max-width: 767px) {
  .textile__list {
    margin: 30px -10px 0;
    padding: 0 10px;
  }
}
.textile__title {
  max-width: 780px;
  margin: 0 0 20px;
}
.textile__title--second {
  margin: 30px 0 10px;
}
@media (max-width: 1199px) {
  .textile__title {
    margin-bottom: 15px;
  }
}
.textile__item {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  min-height: 160px;
  padding: 20px;
  color: #fff;
}
.textile__item:not(.textile__item--no-pointer, .textile__item--pointer) {
  cursor: pointer;
}
.textile__item:not(
    .textile__item--no-pointer,
    .textile__item--pointer
  )::before {
  content: "";
  position: absolute;
  top: 15px;
  right: 15px;
  width: 25px;
  height: 25px;
  background-image: url(../img/icons/info-icon.svg);
  background-repeat: no-repeat;
}
.textile__item--last {
  background-color: #000900;
  transition: 0.3s;
}
.textile__item--last:focus,
.textile__item--last:hover {
  background: #19863e;
}
.textile__item--last::before {
  width: 50px;
  height: 50px;
  background-image: url(../img/icons/circle-arrow-icon.svg);
  background-size: contain;
}
.textile__item--pointer {
  justify-content: space-between;
  gap: 10px;
  overflow: hidden;
}
.textile__item--pointer::after {
  content: "";
  width: 40px;
  height: 40px;
  background: url(../img/icons/circle-arrow-icon.svg) no-repeat center/contain;
  transform: rotate(-30deg);
  transition: transform 0.2s;
}
.textile__item--pointer:focus-visible .textile__img,
.textile__item--pointer:hover .textile__img {
  transform: scale(1.1);
}
.textile__item--pointer:focus-visible::after,
.textile__item--pointer:hover::after {
  transform: rotate(0);
}
.textile__item:focus-visible .textile__text::after,
.textile__item:hover .textile__text::after {
  transform: scale(1.2);
}
@media (min-width: 767px) and (max-width: 1199px) {
  .textile__item--last {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    grid-column: 1/-1;
    gap: 15px;
    min-height: auto;
  }
  .textile__item--last::before {
    position: static;
    flex-shrink: 0;
    order: 1;
    width: 45px;
    height: 45px;
  }
}
@media (max-width: 1199px) {
  .textile__item {
    min-width: 265px;
  }
}
.textile__picture {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  pointer-events: none;
  touch-action: none;
}
.textile__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform 0.2s;
}
.textile__modal {
  padding: 50px;
  background-color: #fff;
}
@media (max-width: 767px) {
  .textile__modal {
    padding: 20px;
  }
}
.textile__subtitle {
  margin: 0 0 10px;
  font-weight: 400;
  font-size: 43px;
  line-height: 1.3;
  font-style: normal;
}
@media (max-width: 767px) {
  .textile__subtitle {
    font-size: 21px;
  }
}
.textile__text--arrow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  width: 100%;
}
.textile__text--arrow::after {
  content: "";
  flex-shrink: 0;
  width: 41px;
  height: 41px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='41' viewBox='0 0 41 41' fill='none'%3E%3Ccircle cx='20.0742' cy='20.0742' r='19.4686' stroke='white' stroke-width='1.21117'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.5891 20.6173C28.8256 20.3808 28.8256 19.9974 28.5891 19.7609L22.1325 13.3043C21.896 13.0678 21.5125 13.0678 21.276 13.3043C21.0395 13.5408 21.0395 13.9242 21.276 14.1607L26.7026 19.5872L12.8171 19.5872C12.4826 19.5872 12.2115 19.8583 12.2115 20.1928C12.2115 20.5273 12.4826 20.7984 12.8171 20.7984L26.6952 20.7984L21.276 26.2175C21.0395 26.454 21.0395 26.8374 21.276 27.0739C21.5125 27.3104 21.896 27.3104 22.1325 27.0739L28.5891 20.6173Z' fill='white'/%3E%3C/svg%3E");
  transition: 0.2s;
}
.textile__text:not(:last-of-type) {
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .textile__text {
    font-size: 14px;
  }
}
.textile__content {
  display: none;
}
.plates__title {
  flex-grow: 1;
  margin: 0;
}
.plates__head {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.plates__navigation {
  align-self: flex-end;
}
.plates__list {
  padding: 0;
  list-style: none;
  margin: 40px 0 0;
}
.plates__list--3-columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 1199px) {
  .plates__list--3-columns {
    display: flex;
    margin: 40px -15px 0;
    padding: 0 15px;
    overflow-x: auto;
    scrollbar-color: transparent transparent;
    scrollbar-width: none;
  }
  .plates__list--3-columns::-webkit-scrollbar {
    width: 0;
    height: 0;
    background-color: transparent;
  }
}
@media (max-width: 767px) {
  .plates__list {
    margin-top: 30px;
  }
}
.plates__blocks {
  display: grid;
  grid-template-columns: 1fr 29% 19%;
  gap: 20px;
  margin-top: 50px;
}
@media (max-width: 1199px) {
  .plates__blocks {
    grid-template-columns: 2fr 1fr;
  }
}
@media (max-width: 767px) {
  .plates__blocks {
    grid-template-columns: 1fr;
  }
}
.plates__block {
  position: relative;
  padding: 50px;
  background-color: #fff;
}
.plates__block:not(.plates__block--no-icon)::before {
  content: "";
  position: absolute;
  top: 30px;
  right: 30px;
  width: 85px;
  height: 85px;
  background-image: url(https://sun9-34.userapi.com/impg/3ObtsYr_vBXi0qUI27_yT7v2XVmJdDpNu1VLgA/EkJh1S2tSF4.jpg?size=860x746&quality=95&sign=970626b043a2e0b8567c989fd1003148&c_uniq_tag=b4a0R5-gc8xxvGg_l9Xlyt2bfVS0w3txqurAlI-_ktA&type=album);
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
}
@media (max-width: 1199px) {
  .plates__block {
    padding: 40px;
  }
}
@media (max-width: 767px) {
  .plates__block {
    padding: 30px 20px;
  }
  .plates__block:not(.plates__block--no-icon)::before {
    top: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
  }
}
.plates__subtitle {
  margin: 0 0 10px;
  font-weight: 500;
  font-size: 38px;
}
.plates__subtitle:not(.plates__block--no-icon .plates__subtitle) {
  padding-right: 100px;
}
.plates__subtitle--green {
  color: #000900;
}
@media (max-width: 1199px) {
  .plates__subtitle {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .plates__subtitle {
    font-size: 20px;
  }
}
.plates__navigation {
  display: flex;
  gap: 15px;
}
.plates__slider {
  position: relative;
}
.plates__slider::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 261px;
  height: 100%;
  background: linear-gradient(
    270deg,
    #f6f5f1 -6.32%,
    rgba(246, 245, 241, 0) 81.02%
  );
  pointer-events: none;
  touch-action: none;
}
.plates__slider--reached-end::after {
  display: none;
}
@media (max-width: 767px) {
  .plates__slider::after {
    display: none;
  }
}
.plates__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.plates__plate-box {
  height: auto;
}
@media (max-width: 1199px) {
  .plates__plate-box {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .plates__img {
    height: 210px;
  }
}
.plate-box {
  min-height: 275px;
  padding: 50px;
  background-color: #fff;
}
.plate-box--plus {
  position: relative;
  z-index: 1;
}
.plate-box--plus::before {
  content: "";
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: -1;
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14 16V30H16V16H30V14H16V0H14V14H0V16H14Z' fill='%23B9CEBD'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.plate-box--green {
  position: relative;
  min-height: auto;
  padding: 40px;
  color: #fff;
  background: #000900;
  outline: 0;
  cursor: pointer;
  transition: 0.3s;
}
.plate-box--green:focus,
.plate-box--green:hover {
  background: #19863e;
}
.plate-box--green::after {
  content: "";
  position: absolute;
  bottom: 40px;
  left: 40px;
  width: 54px;
  height: 54px;
  background-image: url(../img/icons/circle-arrow-icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.plate-box--slide {
  max-width: 425px;
  height: auto;
}
@media (max-width: 1199px) {
  .plate-box {
    padding: 40px;
  }
  .plate-box--green {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
  }
  .plate-box--green::after {
    position: static;
    flex-shrink: 0;
    width: 45px;
    height: 45px;
  }
  .plate-box--slide {
    max-width: 330px;
  }
  .plate-box--min-width {
    min-width: 330px;
  }
}
@media (max-width: 767px) {
  .plate-box {
    padding: 20px;
  }
  .plate-box--plus::before {
    width: 24px;
    height: 24px;
  }
  .plate-box--green {
    flex-wrap: nowrap;
  }
  .plate-box:not(.plate-box--green) {
    min-height: 200px;
  }
}
.plate-box__title {
  margin: 0 0 10px;
  font-weight: 500;
  font-size: 25px;
}
.plate-box--green .plate-box__title {
  margin: 0;
}
@media (max-width: 1199px) {
  .plate-box__title {
    padding-right: 30px;
    font-size: 23px;
  }
}
@media (max-width: 767px) {
  .plate-box__title {
    font-size: 20px;
  }
  .plate-box__text {
    font-size: 15px;
  }
}
.badge {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 123px;
  height: 123px;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  color: #fff;
  background: rgba(28, 107, 55, 0.21);
  border-radius: 50%;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
@media (max-width: 1199px) {
  .badge {
    width: 90px;
    height: 90px;
    font-size: 14px;
  }
}
.count-block__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 40px;
  counter-reset: count;
  gap: 85px;
}
@media (max-width: 767px) {
  .count-block__wrapper {
    grid-template-columns: 1fr;
    gap: 0;
    margin-top: 25px;
  }
}
.count-block__list {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #ddd;
}
@media (max-width: 767px) {
  .count-block__list:not(:first-child) {
    border-top: 0;
  }
}
.count-block__item {
  display: flex;
  padding: 20px 0;
  font-size: 19px;
  border-bottom: 1px solid #ddd;
  counter-increment: count;
  gap: 30px;
}
.count-block__item::before {
  content: counters(count, "*", decimal-leading-zero);
  color: #cfcfcf;
}
.count-block__item--button {
  justify-content: space-between;
  align-items: center;
  padding: 20px 20px 20px 50px;
  color: #fff;
  background-color: #000900;
  border: 0;
  outline: 0;
  cursor: pointer;
}
.count-block__item--button:focus-visible::before,
.count-block__item--button:hover::before {
  transform: scale(1.1);
}
.count-block__item--button::before {
  content: "";
  order: 1;
  width: 37px;
  height: 37px;
  background-image: url(../img/icons/circle-arrow-icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transition: 0.3s;
}
@media (max-width: 1199px) {
  .count-block__item {
    padding: 15px 0;
  }
  .count-block__item--button {
    padding: 15px 15px 15px 50px;
  }
  .count-block__item--button::before {
    width: 25px;
    height: 25px;
  }
}
.count-block__title {
  margin: 0 0 20px;
}
@media (max-width: 767px) {
  .count-block__title {
    margin-bottom: 15px;
  }
}
.info-box__container {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 18px;
}
@media (max-width: 767px) {
  .info-box__container {
    grid-template-columns: 1fr;
  }
}
.info-box__content {
  padding: 50px 60px;
  border-top: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
}
@media (max-width: 1199px) {
  .info-box__content {
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .info-box__content {
    padding: 20px 0;
  }
}
.info-box__title {
  max-width: 775px;
  margin: 0 0 10px;
  font-weight: 500;
  font-size: 25px;
}
.info-box__img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 767px) {
  .info-box__img {
    width: 100%;
    height: 200px;
  }
  .info-box__picture {
    grid-row: 1;
  }
}
.promo-squares__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
}
@media (max-width: 767px) {
  .promo-squares__wrapper {
    grid-template-columns: 1fr;
    gap: 30px;
    border: 0;
  }
}
.promo-squares__square {
  position: relative;
  width: 100%;
  min-height: 500px;
}
.promo-squares__square--info {
  padding: 60px;
}
@media (max-width: 1199px) {
  .promo-squares__square {
    min-height: 300px;
  }
  .promo-squares__square--info {
    padding: 40px;
  }
}
@media (max-width: 767px) {
  .promo-squares__square {
    min-height: auto;
  }
  .promo-squares__square--last {
    order: 1;
  }
  .promo-squares__square--info {
    padding: 0;
  }
  .promo-squares__square--swiper {
    margin-bottom: 40px;
  }
}
.promo-squares__title {
  margin: 0 0 20px;
  font-weight: 400;
  font-size: 50px;
  line-height: 1.2;
}
@media (max-width: 1199px) {
  .promo-squares__title {
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .promo-squares__title {
    margin-bottom: 10px;
    font-size: 30px;
  }
}
.promo-squares__text {
  font-size: 20px;
}
@media (max-width: 1199px) {
  .promo-squares__text {
    font-size: 16px;
  }
}
.promo-squares__link {
  margin-top: 20px;
}
.promo-squares__nav {
  position: absolute;
  right: 40px;
  bottom: 40px;
  display: flex;
  align-items: center;
  gap: 15px;
}
@media (max-width: 1199px) {
  .promo-squares__nav {
    right: 20px;
    bottom: 20px;
  }
}
.promo-squares__picture[data-text] {
  position: relative;
}
.promo-squares__picture[data-text]::before {
  content: attr(data-text) " договорная";
  position: absolute;
  top: 40px;
  left: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 125px;
  height: 125px;
  padding: 20px 25px;
  font-weight: 500;
  font-size: 19px;
  line-height: 1.2;
  text-align: center;
  color: #fff;
  background-color: rgba(28, 107, 55, 0.2);
  border-radius: 50%;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
@media (max-width: 1199px) {
  .promo-squares__picture[data-text]::before {
    top: 20px;
    left: 20px;
    width: 100px;
    height: 100px;
    font-size: 16px;
  }
}
.promo-squares__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 767px) {
  .promo-squares__img {
    height: 200px;
  }
}
.arrow-link {
  display: flex;
  align-items: center;
  gap: 15px;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 20px;
  color: #000900;
  outline: 0;
}
.arrow-link:focus-visible::after,
.arrow-link:hover::after {
  transform: rotate(30deg);
}
.arrow-link::after {
  content: "";
  flex-shrink: 0;
  width: 33px;
  height: 33px;
  background-image: url(../img/icons/green-arrow-icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transform: perspective(1px) translateZ(0);
  backface-visibility: hidden;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .arrow-link {
    font-size: 16px;
  }
}
.columns__wrapper {
  display: grid;
  align-items: center;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
}
.columns__wrapper:not(.columns__wrapper--no-margin) {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .columns__wrapper {
    grid-template-columns: 1fr;
  }
}
.columns__title {
  margin: 0 0 20px;
}
.slides {
  position: relative;
  min-height: 990px;
  padding-top: 180px;
  background-color: rgba(0, 0, 0, 0.4);
}
@media (max-width: 1499px) {
  .slides {
    padding-top: 80px;
    min-height: 660px;
  }
}
@media (max-width: 1199px) {
  .slides {
    padding-top: 50px;
    min-height: 470x;
  }
}
@media (max-width: 767px) {
  .slides {
    margin-top: 30px;
    min-height: 700px;
  }
}
.slides__wrapper {
  position: static;
}
@media (min-width: 767px) {
  .slides__wrapper {
    display: grid;
    grid-template-columns: 100%;
  }
}
@media (max-width: 767px) {
  .slides__wrapper {
    display: flex;
    flex-direction: column;
  }
}
.slides__pagination {
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 30px;
}
.slides__bullet {
  width: 20px;
  height: 5px;
  border-radius: 50px;
  background-color: rgba(255, 255, 255, 0.15);
  transition: background-color 0.3s;
}
.slides__bullet--active {
  background-color: #fff;
}
.slides__list {
  grid-column: 1/-1;
  grid-row: 1/-1;
}
.slides__picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 1s;
}
.slides__picture--active {
  opacity: 1;
}
.slides__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.slides__btn {
  grid-column: 1/-1;
  grid-row: 1/-1;
  justify-self: end;
  z-index: 1;
}
@media (max-width: 767px) {
  .slides__btn {
    order: 1;
    margin-top: 60px;
  }
}
.slide__title {
  display: flex;
  flex-direction: column;
  margin: 0 0 20px;
  font-weight: 600;
  font-size: 50px;
  line-height: 1.1;
  color: #fff;
}
@media (max-width: 1499px) {
  .slide__title {
    font-size: 38px;
  }
}
@media (max-width: 1199px) {
  .slide__title {
    margin-bottom: 15px;
    font-size: 30px;
  }
}
.slide__accent {
  color: #e0ca58;
}
.slide__accent img {
  display: inline;
  vertical-align: middle;
}
.slide__text {
  max-width: 765px;
  margin: 0;
  font-size: 20px;
  color: #fff;
}
@media (max-width: 1499px) {
  .slide__text {
    max-width: 620px;
    font-size: 18px;
  }
}
@media (max-width: 1199px) {
  .slide__text {
    max-width: 505px;
    font-size: 16px;
  }
}
.slide__content {
  max-width: 80%;
}
.progress-btn {
  padding: 0;
  color: #000;
  background-color: transparent;
  border: 0;
  position: relative;
  width: 100px;
  height: 100px;
}
.progress-btn .progress-btn__border {
  --progress: 0;
  stroke-width: 1px;
  width: 110%;
  height: 110%;
  fill: none;
  stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
  stroke-dasharray: 125.6;
  stroke: #e0ca58;
  transform: translate(-50%, -50%) rotate(-90deg);
}
.progress-btn svg {
  position: absolute;
  inset: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.2s;
}
.progress-btn:active .progress-btn__circle {
  transform: translate(-50%, -50%) scale(0.8);
}
@media (max-width: 1199px) {
  .progress-btn {
    width: 80px;
    height: 80px;
  }
  .progress-btn .progress-btn__circle {
    width: 55px;
    height: 55px;
  }
}
/*# sourceMappingURL=style.min.css.map */