/* Start:/local/templates/nobetec/css/reset.css?17785811016564*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

* {
  outline: none !important;
  box-sizing: border-box;
}

html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
  display: inline-block;
}

p {
  margin: 0;
}

ul {
  padding: 0;
  margin: 0;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: 600;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  display: block;
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
  outline: none;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0px;
  overflow: visible;
}
label {
  user-select: none;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* End */


/* Start:/local/templates/nobetec/css/swiper-bundle.min.css?177858110116466*/
/**
 * Swiper 8.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 13, 2022
 */

@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');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.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);-webkit-backface-visibility:hidden;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-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,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.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,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.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-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.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}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* End */


/* Start:/local/templates/nobetec/fonts/stylesheet.css?17785811012664*/
@font-face {
  font-family: "NT Somic";
  font-display: swap;
  src: url("/local/templates/nobetec/fonts/NTSomic-Regular.woff2") format("woff2"),
    url("/local/templates/nobetec/fonts/NTSomic-Regular.otf") format("opentype"),
    url("/local/templates/nobetec/fonts/NTSomic-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "NT Somic";
  font-display: swap;
  src: url("/local/templates/nobetec/fonts/NTSomic-Medium.woff2") format("woff2"),
    url("/local/templates/nobetec/fonts/NTSomic-Medium.otf") format("opentype"),
    url("/local/templates/nobetec/fonts/NTSomic-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "NT Somic";
  font-display: swap;
  src: url("/local/templates/nobetec/fonts/NTSomic-Bold.woff2") format("woff2"),
    url("/local/templates/nobetec/fonts/NTSomic-Bold.otf") format("opentype"),
    url("/local/templates/nobetec/fonts/NTSomic-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

/* TODO (B15): RetniSans fonts need woff2 conversion for better compression.
   Generate woff2 from TTF sources and add as first src entry in each @font-face below.
   Tool: https://github.com/nicolo-ribaudo/tc39-proposal-woff2 or fonttools (pyftsubset). */
@font-face {
  font-family: "Retni Sans", sans-serif;
  font-display: swap;
  src: url("/local/templates/nobetec/fonts/RetniSans-Bold.woff") format("woff"),
    url("/local/templates/nobetec/fonts/RetniSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Retni Sans", sans-serif;
  font-display: swap;
  src: url("/local/templates/nobetec/fonts/RetniSans-Medium.woff") format("woff"),
    url("/local/templates/nobetec/fonts/RetniSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Retni Sans", sans-serif;
  font-display: swap;
  src: url("/local/templates/nobetec/fonts/RetniSans-Regular.woff") format("woff"),
    url("/local/templates/nobetec/fonts/RetniSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

/* Ruble sign (₽) fallback — Retni Sans doesn't contain U+20BD,
   so the browser would pick a random system font that looks off.
   These rules map ONLY the ₽ glyph to a clean sans-serif that
   visually matches Retni Sans at every weight used on the site. */
@font-face {
  font-family: "Retni Sans";
  src: local("Helvetica Neue"), local("Helvetica"), local("Arial");
  font-display: swap;
  font-weight: 400;
  font-style: normal;
  unicode-range: U+20BD;
}
@font-face {
  font-family: "Retni Sans";
  src: local("Helvetica Neue Medium"), local("Helvetica Neue"),
    local("Helvetica"), local("Arial");
  font-display: swap;
  font-weight: 500;
  font-style: normal;
  unicode-range: U+20BD;
}
@font-face {
  font-family: "Retni Sans";
  src: local("Helvetica Neue Bold"), local("Helvetica Neue"),
    local("Helvetica"), local("Arial Bold"), local("Arial");
  font-display: swap;
  font-weight: 700;
  font-style: normal;
  unicode-range: U+20BD;
}

/* End */


/* Start:/local/templates/nobetec/css/nouislider.min.css?17785811014220*/
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px}
/* End */


/* Start:/local/templates/nobetec/css/simplebar.css?17785811014237*/
[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  max-width: 100%; /* Not required for horizontal scroll to trigger */
  max-height: 100%; /* Needed for vertical scroll to trigger */
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
  content: ' ';
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: '';
  background: black;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s 0.5s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity: 0.5;
  transition-delay: 0s;
  transition-duration: 0s;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 0;
  bottom: 0;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.simplebar-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
  -ms-overflow-style: scrollbar !important;
}

.simplebar-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/* End */


/* Start:/local/templates/nobetec/css/jquery.rateyo.min.css?1778581101711*/
.jq-ry-container{position:relative;padding:0 5px;line-height:0;display:block;cursor:pointer;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;direction:ltr}.jq-ry-container[readonly=readonly]{cursor:default}.jq-ry-container>.jq-ry-group-wrapper{position:relative;width:100%}.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group{position:relative;line-height:0;z-index:10;white-space:nowrap}.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group>svg{display:inline-block}.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-normal-group{width:100%}.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-rated-group{width:0;z-index:11;position:absolute;top:0;left:0;overflow:hidden}
/* End */


/* Start:/local/templates/nobetec/css/style.css?1779451611702726*/
/* ::-webkit-scrollbar {
  width: 5px;
  background-color: #fff;
}
::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #343434;
} */
:root {
  --base-black-color: #282829;
  --base-white-color: #fff;
  --base-gray-color-01: #f3f4f6;
  --base-gray-color-02: #e9ebee;
  --base-gray-color-03: #dadde2;
  да --base-gray-color-04: #acadb0;
  --base-gray-color-05: #93969c;
  --base-gray-color-06: #686871;
  --base-gray-color-07: #444446;
  --base-gray-color-08: #37383a;
  --primary-brand-color: #ff6800;
  --primary-brand-hover-color: #f36300;
  --light-brand-color: #fff2e8;
  --common-bg-color: #f8f9fb;
  --total-black-color: #1f1f1f;
  --border-color: #e9ebee;
  --danger-color: #f22a2a;
  --marker-color: #ffeea0;
  --yellow-color: #ffdc42;
}

body {
  font-family: "Retni Sans", sans-serif;
  font-size: 24px;
  line-height: 140%;
  font-weight: 400;
  color: #282829;
  background-color: #f8f9fb;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scrollbar-gutter: stable;
}

button {
  border: none;
  background: none;
}

.wrapper {
  overflow-x: hidden;
  position: relative;
}

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

/*start container*/
.container {
  margin: 0 auto;
  max-width: 1920px;
  padding: 0 184px;
}


@media (max-width: 1920px) {
  .container {
    padding: 0 calc(108px + (184 - 108) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .container {
    padding: 0 calc(85px + (108 - 85) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .container {
    padding: 0 calc(56px + (85 - 56) * ((100vw - 1024px) / (1366 - 1024)));
  }
}

@media (max-width: 1024px) {
  .container {
    padding: 0 calc(16px + (56 - 16) * ((100vw - 390px) / (1024 - 390)));
  }
}

@media (max-width: 390px) {
  .container {
    padding: 0 16px;
  }
}

/*end container*/

/*start title-h1*/
.title-h1 {
  font-weight: 700;
  font-size: 76px;
  line-height: 130%;
  color: var(--total-black-color);
}

@media (max-width: 1920px) {
  .title-h1 {
    font-size: calc(64px + (76 - 64) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .title-h1 {
    font-size: calc(56px + (66 - 56) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .title-h1 {
    font-size: calc(48px + (56 - 48) * ((100vw - 1024px) / (1366 - 1024)));
  }
}

@media (max-width: 1024px) {
  .title-h1 {
    font-size: calc(36px + (48 - 36) * ((100vw - 390px) / (1024 - 390)));
  }
}

@media (max-width: 390px) {
  .title-h1 {
    font-size: 36px;
  }
}

/*end title-h1*/

/*start title-h2*/
.title-h2 {
  color: #282829;
  font-size: 56px;
  font-weight: 700;
  line-height: 130%;
}

@media (max-width: 1920px) {
  .title-h2 {
    font-size: calc(48px + (56 - 48) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .title-h2 {
    font-size: calc(40px + (48 - 40) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .title-h2 {
    font-size: calc(36px + (40 - 36) * ((100vw - 1024px) / (1366 - 1024)));
  }
}

@media (max-width: 1024px) {
  .title-h2 {
    font-size: calc(32px + (36 - 32) * ((100vw - 390px) / (1024 - 390)));
  }
}

@media (max-width: 390px) {
  .title-h2 {
    font-size: 32px;
  }
}

/*end title-h2*/

/*start title-h3*/
.title-h3 {
  color: #282829;
  font-size: 48px;
  font-weight: 700;
  line-height: 130%;
}

.title-h3 mark {
  background-color: #FF6800;
  border-radius: 5px;
  padding: 0 3px;
  color: #fff;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

@media (max-width: 1920px) {
  .title-h3 {
    font-size: calc(40px + (48 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .title-h3 {
    font-size: calc(36px + (40 - 36) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .title-h3 {
    font-size: 36px;
  }
}

@media (max-width: 1024px) {
  .title-h3 {
    font-size: calc(32px + (36 - 32) * ((100vw - 390px) / (1024 - 390)));
  }
}

@media (max-width: 390px) {
  .title-h3 {
    font-size: 32px;
  }
}

/*end title-h3*/

/*start title-h3*/
.title-h4 {
  color: #282829;
  font-size: 48px;
  font-weight: 700;
  line-height: 130%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.title-h4 mark {
  background-color: #FF6800;
  border-radius: 5px;
  padding: 0 3px;
  color: #fff;
}

@media (max-width: 1920px) {
  .title-h4 {
    font-size: calc(36px + (48 - 36) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .title-h4 {
    font-size: calc(32px + (36 - 32) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .title-h4 {
    font-size: 32px;
  }
}

@media (max-width: 1024px) {
  .title-h4 {
    font-size: calc(28px + (32 - 28) * ((100vw - 390px) / (1024 - 390)));
  }
}

@media (max-width: 390px) {
  .title-h4 {
    font-size: 28px;
  }
}

/*end title-h4*/

/* start title-h5 */
.title-h5,
.article__text h2 {
  font-weight: 700;
  font-size: 40px;
  line-height: 135%;
  color: var(--base-black-color);
}

@media screen and (max-width: 1920px) {

  .title-h5,
  .article__text h2 {
    font-size: calc(36px + (40 - 36) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {

  .title-h5,
  .article__text h2 {
    font-size: calc(32px + (36 - 32) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {

  .title-h5,
  .article__text h2 {
    font-size: calc(28px + (32 - 28) * ((100vw - 1024px) / (1366 - 1024)));
  }
}

@media screen and (max-width: 1024px) {

  .title-h5,
  .article__text h2 {
    font-size: calc(24px + (28 - 24) * ((100vw - 393px) / (1024 - 393)));
  }
}

@media (max-width: 393px) {

  .title-h5,
  .article__text h2 {
    font-size: 24px;
  }
}

/* end title-h5 */

/* start title-h6 */
.title-h6,
.article__text h3 {
  font-weight: 700;
  font-size: 32px;
  line-height: 1.3;
  color: var(--base-black-color);
}

@media screen and (max-width: 1920px) {

  .title-h6,
  .article__text h3 {
    font-size: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {

  .title-h6,
  .article__text h3 {
    font-size: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {

  .title-h6,
  .article__text h3 {
    font-size: 24px;
  }
}

/* end title-h6 */

/*start section-title*/
.section-title {
  font-weight: 700;
  font-size: 48px;
  line-height: 1.35;
}

@media (max-width: 1920px) {
  .section-title {
    font-size: calc(40px + (48 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .section-title {
    font-size: calc(36px + (40 - 36) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .section-title {
    font-size: 36px;
  }
}

@media screen and (max-width: 1024px) {
  .section-title {
    font-size: calc(32px + (36 - 32) * ((100vw - 392px) / (1024 - 392)));
  }
}

/*end section-title*/

/*start margin-top-182*/
.margin-top-182 {
  margin-top: 182px;
}

@media (max-width: 1920px) {
  .margin-top-182 {
    margin-top: calc(156px + (182 - 156) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .margin-top-182 {
    margin-top: calc(132px + (156 - 132) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .margin-top-182 {
    margin-top: calc(108px + (132 - 108) * ((100vw - 1024px) / (1366 - 1024)));
  }
}

@media (max-width: 1024px) {
  .margin-top-182 {
    margin-top: calc(92px + (108 - 92) * ((100vw - 390px) / (1024 - 390)));
  }
}

@media (max-width: 390px) {
  .margin-top-182 {
    margin-top: 92px;
  }
}

/*end margin-top-182*/

/*start margin-bottom-182*/
.margin-bottom-182 {
  margin-bottom: 182px;
}

@media (max-width: 1920px) {
  .margin-bottom-182 {
    margin-bottom: calc(156px + (182 - 156) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .margin-bottom-182 {
    margin-bottom: calc(132px + (156 - 132) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .margin-bottom-182 {
    margin-bottom: calc(108px + (132 - 108) * ((100vw - 1024px) / (1366 - 1024)));
  }
}

@media (max-width: 1024px) {
  .margin-bottom-182 {
    margin-bottom: calc(92px + (108 - 92) * ((100vw - 390px) / (1024 - 390)));
  }
}

@media (max-width: 390px) {
  .margin-bottom-182 {
    margin-bottom: 92px;
  }
}

/*end margin-bottom-182*/

/*start padding-bottom-182*/
.padding-bottom-182 {
  padding-bottom: 182px;
}

@media (max-width: 1920px) {
  .padding-bottom-182 {
    padding-bottom: calc(156px + (182 - 156) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .padding-bottom-182 {
    padding-bottom: calc(132px + (156 - 132) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .padding-bottom-182 {
    padding-bottom: calc(108px + (132 - 108) * ((100vw - 1024px) / (1366 - 1024)));
  }
}

@media (max-width: 1024px) {
  .padding-bottom-182 {
    padding-bottom: calc(92px + (108 - 92) * ((100vw - 390px) / (1024 - 390)));
  }
}

@media (max-width: 390px) {
  .padding-bottom-182 {
    padding-bottom: 92px;
  }
}

/*end padding-bottom-182*/

/*start padding-top-182*/
.padding-top-182 {
  padding-top: 182px;
}

@media (max-width: 1920px) {
  .padding-top-182 {
    padding-top: calc(156px + (182 - 156) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .padding-top-182 {
    padding-top: calc(132px + (156 - 132) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .padding-top-182 {
    padding-top: calc(108px + (132 - 108) * ((100vw - 1024px) / (1366 - 1024)));
  }
}

@media (max-width: 1024px) {
  .padding-top-182 {
    padding-top: calc(92px + (108 - 92) * ((100vw - 390px) / (1024 - 390)));
  }
}

@media (max-width: 390px) {
  .padding-top-182 {
    padding-top: 92px;
  }
}

/*end padding-top-182*/

/* start margin-top-80 */
.margin-top-80 {
  margin-top: 80px;
}

@media (max-width: 1920px) {
  .margin-top-80 {
    margin-top: calc(64px + (80 - 64) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .margin-top-80 {
    margin-top: calc(48px + (64 - 48) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .margin-top-80 {
    margin-top: calc(40px + (48 - 40) * ((100vw - 1024px) / (1366 - 1024)));
  }
}

@media (max-width: 1024px) {
  .margin-top-80 {
    margin-top: calc(32px + (40 - 32) * ((100vw - 393px) / (1024 - 393)));
  }
}

/* AND margin-top-80 */

/* start margin-bottom-80 */
.margin-bottom-80 {
  margin-bottom: 80px;
}

@media (max-width: 1920px) {
  .margin-bottom-80 {
    margin-bottom: calc(64px + (80 - 64) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .margin-bottom-80 {
    margin-bottom: calc(48px + (64 - 48) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .margin-bottom-80 {
    margin-bottom: calc(40px + (48 - 40) * ((100vw - 1024px) / (1366 - 1024)));
  }
}

@media (max-width: 1024px) {
  .margin-bottom-80 {
    margin-bottom: calc(32px + (40 - 32) * ((100vw - 393px) / (1024 - 393)));
  }
}

@media (max-width: 393px) {
  .margin-bottom-80 {
    margin-bottom: 32px;
  }
}

/* AND margin-bottom-80 */

/*start margin-top-56*/
.margin-top-56 {
  margin-top: 56px;
}

@media (max-width: 1920px) {
  .margin-top-56 {
    margin-top: calc(40px + (56 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .margin-top-56 {
    margin-top: calc(32px + (40 - 32) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .margin-top-56 {
    margin-top: 32px;
    /* margin-top: calc(24px + (40 - 24) * ((100vw - 1024px) / (1366 - 1024))); */
  }
}

@media (max-width: 1024px) {
  .margin-top-56 {
    /* margin-top: 24px; */
  }
}

/*end margin-top-56*/

/*start margin-bottom-56*/
.margin-bottom-56 {
  margin-bottom: 56px;
}

@media (max-width: 1920px) {
  .margin-bottom-56 {
    margin-bottom: calc(40px + (56 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .margin-bottom-56 {
    margin-bottom: calc(32px + (40 - 32) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .margin-bottom-56 {
    margin-bottom: 32px;
  }
}

@media (max-width: 1024px) {
  .margin-bottom-56 {
    /* margin-bottom: 24px; */
  }
}

/*end margin-bottom-56*/

/* start margin-bottom-48*/
.margin-bottom-48 {
  margin-bottom: 48px;
}


@media screen and (max-width: 1920px) {
  .margin-bottom-48 {
    margin-bottom: calc(32px + (48 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .margin-bottom-48 {
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .margin-bottom-48 {
    margin-bottom: 24px;
  }
}

@media screen and (max-width: 1024px) {
  .margin-bottom-48 {
    margin-bottom: calc(16px + (24 - 16) * ((100vw - 393px) / (1024 - 393)));
  }
}

/* AND margin-bottom-48*/

/* start margin-bottom-40 */
.margin-bottom-40 {
  margin-bottom: 40px;
}

@media (max-width: 1920px) {
  .margin-bottom-40 {
    margin-bottom: calc(32px + 8 * (100vw - 1536px) / 384);
  }
}

@media (max-width: 1536px) {
  .margin-bottom-40 {
    margin-bottom: 32px;
  }
}

/* AND margin-bottom-40 */

/* start margin-bottom-128 */
.margin-bottom-128 {
  margin-bottom: 128px;
}

@media (max-width: 1920px) {
  .margin-bottom-128 {
    margin-bottom: calc(102px + (128 - 102) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .margin-bottom-128 {
    margin-bottom: calc(92px + (102 - 92) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .margin-bottom-128 {
    margin-bottom: 92px;
  }
}

@media screen and (max-width: 1024px) {
  .margin-bottom-128 {
    margin-bottom: calc(72px + (92 - 72) * ((100vw - 393px) / (1024 - 393)));
  }
}

/* AND margin-bottom-128 */

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

@media (max-width: 1920px) {
  .margin-bottom-32 {
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .margin-bottom-32 {
    margin-bottom: 24px;
  }
}

/*start text-button*/
.text-button {
  display: flex;
  padding: 0;
  align-items: center;
  cursor: pointer;
  border: none;
  position: relative;
  background-color: transparent;
  color: #93969c;
  font-size: 18px;
  grid-gap: 8px;
  font-weight: 500;
  line-height: 150%;
  transition: 0.3s;
}

.text-button:hover {
  color: #282829;
}

.text-button::before {
  content: "";
  position: absolute;
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
}

.text-button__img {
  display: flex;
}

.text-button__img svg {
  width: 24px;
  height: 24px;
}

.text-button__img svg path {
  transition: 0.3s;
}

.text-button:hover .text-button__img svg path[stroke] {
  stroke: #282829;
}

@media (max-width: 1920px) {
  .text-button {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .text-button__img svg {
    width: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .text-button__img svg {
    width: 20px;
    height: 20px;
  }

  .text-button {
    grid-gap: calc(6px + (8 - 6) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .text-button {
    grid-gap: 6px;
    font-size: 14px;
  }
}

@media (max-width: 1024px) {
  .text-button:hover {
    color: #93969c;
  }

  .text-button:hover .text-button__img svg path[stroke] {
    stroke: #93969c;
  }
}

/*end text-button*/

/*start btn-project*/
.btn-project {
  color: #282829;
  gap: 12px;
  font-size: 18px;
  padding: 14px 24px;
  line-height: 140%;
  cursor: pointer;
  border: none;
  font-weight: 600;
  border-radius: 12px;
  background: #fff;
  transition: 0.3s;
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.btn-project:hover {
  color: #fff;
  background-color: #ff6800;
}

.btn-project:hover svg path[stroke] {
  stroke: #fff;
}

.btn-project:hover svg path[fill] {
  fill: #fff;
}

.btn-project--dark {
  color: #fff;
  background-color: #37383a;
  box-shadow: none;
}

.btn-project--dark:hover {
  background-color: var(--base-gray-color-07);
}

.btn-project svg {
  flex: 0 0 auto;
  transition: 0.3s;
}

.btn-project svg path,
.btn-project svg rect {
  transition: 0.3s;
}

.btn-project--primary {
  color: #fff;
  background-color: var(--primary-brand-color);
}

.btn-project--primary-disable {
  pointer-events: none;
  background-color: rgba(255, 104, 0, 0.8);
}

.btn-project--primary:hover {
  background-color: var(--primary-brand-hover-color);
}

.btn-project--secondary {
  /* color: var(--total-black-color); */
  color: #282829;
  background-color: var(--base-white-color);
}

.btn-project--secondary:hover {
  color: var(--base-white-color);
  background-color: var(--primary-brand-color);
}

.btn-project--secondary:hover svg:not(.social-icon) path[stroke] {
  stroke: var(--base-white-color);
}

/* .btn-icon:hover svg.social-icon path[fill="white" i],
.btn-icon:hover svg.social-icon path[fill="#fff" i],
.btn-icon:hover svg.social-icon path[fill="#ffffff" i] {
  fill: #282829;
} */

.btn-icon:hover svg.social-icon path[fill="#25D366" i] {
  fill: var(--primary-brand-color);
}


.btn-project--secondary:hover svg:not(.social-icon) path[fill],
.btn-project--secondary:hover svg:not(.social-icon) rect {
  fill: var(--base-white-color);
}

.btn-project--gray {
  /* color: var(--total-black-color); */
  color: #282829;
  background-color: var(--base-gray-color-01);
}

.btn-project--gray:hover {
  color: var(--base-white-color);
  background-color: var(--primary-brand-color);
}

.btn-project--gray:hover svg:not(.social-icon) path[stroke] {
  stroke: var(--base-white-color);
}

.btn-project--gray:hover svg:not(.social-icon) path[fill],
.btn-project--gray:hover svg:not(.social-icon) rect {
  fill: var(--base-white-color);
}



.btn-project--gray-disable {
  pointer-events: none;
  background-color: #f3f4f6;
  color: #93969c;
}

.btn-project--gray-disable svg path[stroke] {
  stroke: #93969c;
}

.btn-project--gray-disable svg path[fill] {
  fill: #93969c;
}

.btn-project--dark {
  background-color: var(--base-gray-color-08);
}

.btn-project--dark:hover {
  background-color: var(--base-gray-color-07);
}

.btn-project--text {
  color: var(--base-gray-color-07);
  background-color: var(--base-white-color);
}

.btn-project--text:hover {
  background-color: var(--base-gray-color-01);
}

.btn-project--filter {
  color: var(--base-gray-color-07);
  background-color: var(--base-white-color);
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
}

.btn-project--filter .btn-project__text {
  display: flex;
  align-items: center;
  gap: 8px;
}

.btn-project--filter .btn-project__text span {
  font-weight: 400;
}

.btn-project--filter:hover {
  box-shadow: 0px 4px 20px 0px rgba(141, 177, 195, 0.16);
}

.btn-project--filter:disabled {
  pointer-events: none;
  border: 1px solid var(--primary-brand-color);
  box-shadow: 0px 4px 20px 0px rgba(141, 177, 195, 0.16);
}

@media (max-width: 1920px) {
  .btn-project {
    grid-gap: calc(8px + (12 - 8) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    padding: 14px calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(10px + (12 - 10) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .btn-project svg {
    width: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .btn-project {
    grid-gap: 8px;
    border-radius: 10px;
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
    padding: 14px calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .btn-project svg {
    width: 20px;
    height: 20px;
  }
}

@media (max-width: 1366px) {
  .btn-project {
    font-size: 14px;
    padding: 14px 18px;
  }
}

@media (max-width: 1024px) {
  .btn-project.btn-project--primary:hover {
    background-color: #ff6800;
    color: #fff;
  }

  .btn-project.btn-project--primary:hover svg path[stroke] {
    stroke: #fff;
  }

  .btn-project.btn-project--primary:hover svg path[fill] {
    fill: #fff;
  }

  .btn-project.btn-project--gray:hover {
    color: var(--total-black-color);
    background-color: var(--base-gray-color-01);
  }

  .btn-project.btn-project--secondary:hover {
    color: var(--total-black-color);
    background-color: var(--base-white-color);
  }

  .btn-project.btn-project--secondary:hover svg:not(.social-icon) path[fill] {
    fill: #282829;
  }

  .btn-project.btn-project--gray:hover svg:not(.social-icon) path[fill],
  .btn-project.btn-project--gray:hover svg:not(.social-icon) rect {
    fill: #282829;
  }

  .btn-project.btn-project--gray:hover svg:not(.social-icon) path[stroke] {
    stroke: #282829;
  }

  .btn-project:hover {
    color: #282829;
    background: #fff;
  }

  .btn-project:hover svg path[stroke] {
    stroke: #282829;
  }

  .btn-project:hover svg path[fill] {
    fill: #282829;
  }

  .btn-project.btn-project--secondary:hover svg:not(.social-icon) path[stroke] {
    stroke: #282829;
  }
}

/*end btn-project*/

/* start btn-icon */
.btn-icon {
  width: 56px;
  height: 56px;
  display: flex;
  padding: 0;
  align-items: center;
  justify-content: center;
  border: none;
  /* padding: 16px; */
  cursor: pointer;
  border-radius: 12px;
  transition: 0.3s;
}

.btn-icon svg {
  transition: 0.3s;
  width: 24px;
  height: 24px;
}

.btn-icon svg path {
  transition: 0.3s;
}

.btn-icon--primary {
  background-color: var(--primary-brand-color);
}

.btn-icon--primary:hover {
  background-color: var(--primary-brand-hover-color);
}

.btn-icon--secondary {
  background-color: var(--base-white-color);
}

.btn-icon--secondary:hover {
  background-color: var(--primary-brand-color);
}

.btn-icon--secondary:hover svg:not(.social-icon) path[stroke] {
  stroke: var(--base-white-color);
}

.btn-icon--secondary:hover svg:not(.social-icon) path[fill],
.btn-icon--secondary:hover svg:not(.social-icon) rect {
  fill: var(--base-white-color);
}

.btn-icon--gray {
  background-color: var(--base-gray-color-01);
}

.btn-icon--gray:hover {
  background-color: var(--primary-brand-color);
}

.btn-icon--gray:hover svg:not(.social-icon) path[stroke] {
  stroke: var(--base-white-color);
}

.btn-icon--gray:hover svg:not(.social-icon) path[fill],
.btn-icon--gray:hover svg:not(.social-icon) rect {
  fill: var(--base-white-color);
}

.btn-icon--dark {
  background-color: var(--base-gray-color-08);
}

.btn-icon--dark:hover {
  background-color: var(--base-gray-color-07);
}

.btn-icon.btn-icon--transparent {
  background-color: transparent;
}

.btn-icon.btn-icon--transparent:hover {
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.52);
  background-color: var(--base-white-color);
}

.btn-icon.btn-icon--transparent:hover svg path[stroke] {
  stroke: #282829;
}

.btn-icon.btn-icon--transparent:hover svg path[fill] {
  fill: #282829;
}

@media (max-width: 1920px) {
  .btn-icon {
    width: calc(52px + (56 - 52) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(52px + (56 - 52) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(10px + (12 - 10) * ((100vw - 1536px) / (1920 - 1536)));
    /* padding: calc(14px + (16 - 14) * ((100vw - 1536px) / (1920 - 1536))); */
  }
}

@media screen and (max-width: 1536px) {
  .btn-icon {
    width: calc(48px + (52 - 48) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(48px + (52 - 48) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: calc(8px + (10 - 8) * ((100vw - 1366px) / (1536 - 1366)));
    /* padding: 14px; */
  }

  .btn-icon svg {
    width: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .btn-icon {
    border-radius: 8px;
  }

  .btn-icon svg {
    width: 20px;
    height: 20px;
  }

  .btn-icon {
    width: 48px;
    height: 48px;
  }
}

@media screen and (max-width: 1024px) {
  .btn-icon.btn-icon--dark:hover {
    background-color: var(--base-gray-color-08);
  }

  .btn-icon.btn-icon--secondary:hover {
    background-color: var(--base-white-color);
  }

  .btn-icon.btn-icon--secondary:hover svg:not(.social-icon) path[stroke] {
    stroke: #282829;
  }

  .btn-icon.btn-icon--secondary:hover svg:not(.social-icon) path[fill] {
    fill: #282829;
  }

  .btn-icon.btn-icon--secondary:hover svg:not(.social-icon) path[fill],
  .btn-icon.btn-icon--secondary:hover svg:not(.social-icon) rect {
    fill: #282829;
  }

  .btn-icon.btn-icon--gray:hover {
    background-color: var(--base-gray-color-01);
  }

  .btn-icon.btn-icon--gray:hover svg:not(.social-icon) path[stroke] {
    stroke: #282829;
  }

  .btn-icon.btn-icon--gray:hover svg:not(.social-icon) path[stroke] {
    stroke: #282829;
  }

  .btn-icon.btn-icon--gray:hover svg:not(.social-icon) path[fill],
  .btn-icon.btn-icon--gray:hover svg:not(.social-icon) rect {
    fill: #282829;
  }
}

/* end btn-icon */

/* start inp-base */
.inp-base {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 24px;
}

.inp-base:has(*:required) .inp-base__label:after {
  content: "";
  position: absolute;
  top: 0;
  right: -16px;
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
  background-color: var(--base-gray-color-03);
}

.inp-base__label {
  position: relative;
  display: inline-block;
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: var(--base-gray-color-07);
}

.inp-base__inp {
  width: 100%;
  padding: 18px 24px;
  border: 1px solid var(--border-color);
  color: #282829;
  outline: none;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  border-radius: 12px;
  background-color: var(--common-bg-color);
  transition: 0.3s;
  resize: none;
}

.inp-base__inp::placeholder {
  font-size: 18px;
}

.inp-base__inp::-webkit-scrollbar {}

.inp-base__inp::-webkit-scrollbar {
  width: 4px;
  background-color: #e9ebee;
}

.inp-base__inp::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #444446;
}

.inp-base__inp::-webkit-input-placeholder {
  font-weight: 400;
  color: var(--base-gray-color-05);
}

.inp-base__inp::-moz-placeholder {
  font-weight: 400;
  color: var(--base-gray-color-05);
}

.inp-base__inp:-moz-placeholder {
  font-weight: 400;
  color: var(--base-gray-color-05);
}

.inp-base__inp:-ms-input-placeholder {
  font-weight: 400;
  color: var(--base-gray-color-05);
}

.inp-base__inp:hover {
  background-color: var(--base-gray-color-01);
}

.inp-base__error {
  position: absolute;
  /* bottom: 0; */
  bottom: -19px;
  left: 0;
  visibility: hidden;
  font-size: 14px;
  line-height: 1.4;
  color: var(--danger-color);
}

.inp-base--error .inp-base__inp {
  border-color: var(--danger-color);
}

.inp-base--error .inp-base__label::after {
  background-color: var(--danger-color) !important;
}

.inp-base--error .inp-base__error {
  visibility: visible;
}

.inp-base--error .check-base__box svg rect {
  stroke: var(--danger-color);
}

@media (max-width: 1920px) {
  .inp-base {
    padding-bottom: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .inp-base__label {
    font-size: calc(14px + (16 - 14) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .inp-base__inp {
    padding: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536))) calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .inp-base {
    padding-bottom: 20px;
  }

  .inp-base__label {
    font-size: 14px;
  }

  .inp-base__inp {
    padding: 16px 20px;
    font-size: 16px;
  }
}

@media screen and (max-width: 1024px) {
  .inp-base__inp:hover {
    background-color: var(--common-bg-color);
  }
}

/* AND inp-base */

/* start check base */
.check-base__inp {
  display: none;
}

.check-base__inp:checked+.check-base__body>.check-base__box:after {
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMiIgeT0iMiIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiByeD0iNCIgZmlsbD0iIzI4MjgyOSIgc3Ryb2tlPSIjMjgyODI5IiBzdHJva2Utd2lkdGg9IjEuOCIvPgo8cGF0aCBkPSJNNy41NTU2NiAxMi4wMDAzTDEwLjg4OSAxNS4zMzM3TDE2LjQ0NDYgOC42NjY5OSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
}

.check-base__inp:checked+.check-base__body>.check-base__box svg {
  opacity: 0;
}

.check-base__inp:required+.check-base__body>.check-base__label:after {
  content: "";
  position: relative;
  right: -8px;
  width: 6px;
  height: 6px;
  display: inline-block;
  vertical-align: text-top;
  transform: rotate(45deg);
  background-color: var(--base-gray-color-03);
}

.inp-base--error .check-base__inp:required+.check-base__body>.check-base__label:after {
  background-color: tomato;
}

.check-base__body {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  cursor: pointer;
}

.check-base__box {
  position: relative;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  /* transform: translateY(2px); */
}

.check-base__box svg {
  transition: 0.3s;
}

.check-base__box:after {
  content: "";
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  bottom: 0;
  transform: translateY(2px);
}

.check-base__label {
  position: relative;
  font-size: 18px;
  line-height: 1.5;
  color: var(--base-gray-color-06);
}

.check-base__label a {
  text-decoration: underline;
  color: var(--base-black-color);
  transition: 0.3s;
}

.check-base__label a:hover {
  text-decoration-color: transparent;
}

@media (max-width: 1920px) {
  .check-base__label {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .check-base__label {
    font-size: 16px;
  }
}

/* AND check base */

/*start tooltip-project*/
.tooltip-project-element {
  position: fixed;
  z-index: 10000;
  padding: 16px;
  pointer-events: none;
  border-radius: 12px;
  border: 1px solid #e9ebee;
  background: #fff;
  box-shadow: 0px 4px 12px 0px rgba(124, 138, 155, 0.16);
  display: none;
  opacity: 0;
  color: #444446;
  font-size: 16px;
  overflow: hidden;
  font-weight: 400;
  line-height: 150%;
  transition: opacity 0.2s;
}

@media (max-width: 1536px) {
  .tooltip-project-element {
    padding: calc(12px + 4 * (100vw - 1366px) / 170);
  }
}

@media (max-width: 1366px) {
  .tooltip-project-element {
    padding: 12px;
  }
}

.tooltip-project-element.reviews-tovar-tooltip {
  max-width: 320px;
  white-space: normal;
  overflow: visible;
  word-wrap: break-word;
  color: #282829;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}

/*end tooltip-project-element*/

/*start questions*/
.questions__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 32px;
}

.questions__title {
  margin-bottom: 32px;

}

.questions__title.title-h4 {
  font-size: 48px;
  line-height: 62px;
}

.questions__text {
  margin-bottom: 56px;
  color: #444446;
  font-size: 20px;
  line-height: 140%;
  max-width: 705px;
}

.questions__text b {
  color: #282829;
}

.questions__item {
  padding: 32px 40px;
  border-radius: 16px;
  background-color: #fff;
  transition: 0.3s;
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
}

.questions__item.active .questions__item-arrow {
  transform: rotate(180deg);
}

.questions__item+.questions__item {
  margin-top: 18px;
}

.questions__item:hover {
  box-shadow: 0px 4px 20px 0px rgba(141, 177, 195, 0.16);
}

.questions__item-top {
  display: grid;
  grid-template-columns: 1fr 24px;
  grid-gap: 32px;
  cursor: pointer;
  align-items: center;
  position: relative;
}

.questions__item-top::before {
  content: "";
  position: absolute;
  top: -32px;
  bottom: -32px;
  left: -40px;
  right: -40px;
}

.questions__item-title {
  font-size: 24px;
  /* font-weight: 700; */
  font-weight: 500;
  line-height: 140%;
}

.questions__item-arrow {
  display: flex;
  width: 24px;
  transition: 0.3s;
}

.questions__item-block {
  height: 0;
  overflow: hidden;
  transition: 0.3s;
}

.questions__item-text {
  transition: 0.3s;
  font-size: 20px;
  color: #444446;
  line-height: 140%;
}

.questions__item.active .questions__item-block {
  margin-top: 24px;
}

.questions__bottom {
  display: none;
}

.questions__section {
  max-width: 1024px;
  width: 100%;
}

.questions__section .questions__text {
  max-width: 100%;
}

.questions__title:last-child {
  margin-bottom: 0;
}

.questions__text:last-child {
  margin-bottom: 0;
}

.questions__text a {
  /* text-decoration: underline; */
  transition: 0.3s;
}

.questions__text a:hover {
  text-decoration-color: transparent;
}

.questions__item-text .file-attachment {
  margin-top: 24px;
  background-color: var(--base-gray-color-01);
}

.questions__file {
  transition: 0.3s;
  padding-top: 24px;
}

.questions__file-box {
  display: grid;
  border-radius: 16px;
  background: #f3f4f6;
  grid-template-columns: 1fr min-content min-content;
  grid-gap: 32px;
  align-items: center;
  padding: 12px 12px 12px 32px;
  transition: 0.3s;
}

.questions__file-item {
  display: flex;
  grid-gap: 16px;
  align-items: center;
}

.questions__file-icon svg {
  width: 24px;
  height: 24px;
}

.questions__file-title {
  color: #282829;
  font-size: 18px;
  /* font-weight: 500; */
  font-weight: 700;
  line-height: 150%;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.questions__file-size {
  color: #93969c;
  font-size: 18px;
  white-space: nowrap;
  line-height: 150%;
}

.questions__file-buttons {
  display: flex;
  align-items: center;
  grid-gap: 8px;
}

@media (max-width: 1920px) {
  .questions__item {
    padding: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536))) calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .questions__item-title {
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .questions__item-text {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .questions__item.active .questions__item-block {
    margin-top: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .questions__title {
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .questions__title.title-h4 {
    font-size: calc(40px + (48 - 40) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(54px + (62 - 54) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .questions__text {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    margin-bottom: calc(40px + (56 - 40) * ((100vw - 1536px) / (1920 - 1536)));
    max-width: calc(600px + (705 - 600) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .questions__inner {
    grid-gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .questions__section {
    max-width: calc(872px + (1024 - 872) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .questions__item-text .file-attachment {
    margin-top: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .questions__item-top::before {
    top: calc(-24px + (-32 - (-24)) * ((100vw - 1536px) / (1920 - 1536)));
    bottom: calc(-24px + (-32 - (-24)) * ((100vw - 1536px) / (1920 - 1536)));
    left: calc(-32px + (-40 - (-32)) * ((100vw - 1536px) / (1920 - 1536)));
    right: calc(-32px + (-40 - (-32)) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .questions__file-box {
    padding-top: calc(8px + (12 - 8) * ((100vw - 1536px) / (1920 - 1536)));
    padding-right: calc(8px + (12 - 8) * ((100vw - 1536px) / (1920 - 1536)));
    padding-bottom: calc(8px + (12 - 8) * ((100vw - 1536px) / (1920 - 1536)));
    padding-left: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    grid-gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .questions__file-size {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .questions__file-icon img {
    width: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .questions__file-title {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .questions__file {
    padding-top: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .questions__file {
    padding-top: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .questions__item-top::before {
    top: calc(-20px + (-24 - (-20)) * ((100vw - 1366px) / (1536 - 1366)));
    bottom: calc(-20px + (-24 - (-20)) * ((100vw - 1366px) / (1536 - 1366)));
    left: calc(-28px + (-32 - (-28)) * ((100vw - 1366px) / (1536 - 1366)));
    right: calc(-28px + (-32 - (-28)) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .questions__inner {
    grid-gap: calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .questions__item {
    padding: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366))) calc(28px + (32 - 28) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .questions__title {
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .questions__title.title-h4 {
    font-size: calc(36px + (40 - 36) * ((100vw - 1366px) / (1536 - 1366)));
    line-height: calc(48px + (54 - 48) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .questions__item-title {
    font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .questions__item-text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .questions__item.active .questions__item-block {
    margin-top: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .questions__text {
    max-width: calc(550px + (600 - 550) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
    margin-bottom: 40px;
  }

  .questions__item+.questions__item {
    margin-top: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .questions__section {
    max-width: calc(792px + (872 - 792) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .questions__item-text .file-attachment {
    margin-top: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .questions__file-box {
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
    grid-gap: calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .questions__file-size {
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .questions__file-icon img {
    width: 20px;
  }

  .questions__file-title {
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .questions__file-item {
    grid-gap: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .questions__file {
    padding-top: 16px;
  }

  .questions__file-box {
    padding-left: 16px;
    border-radius: 12px;
    grid-gap: 16px;
  }

  .questions__file-size {
    font-size: 14px;
  }

  .questions__title.title-h4 {
    font-size: 36px;
    line-height: 48px;
  }

  .questions__file-title {
    font-size: 14px;
  }

  .questions__file-item {
    grid-gap: 12px;
  }

  .questions__text {
    font-size: 16px;
    max-width: 550px;
  }

  .questions__inner {
    grid-gap: 16px;
  }

  .questions__item+.questions__item {
    margin-top: 12px;
  }

  .questions__item {
    padding: 20px 28px;
  }

  .questions__item-title {
    font-size: 18px;
  }

  .questions__item-text {
    font-size: 16px;
  }

  .questions__item.active .questions__item-block {
    margin-top: 16px;
  }

  .questions__section {
    max-width: 792px;
  }

  .questions__item-text .file-attachment {
    margin-top: 16px;
  }

  .questions__item-top::before {
    top: -20px;
    bottom: -20px;
    left: -28px;
    right: -28px;
  }
}

@media (max-width: 1200px) {
  .questions__box {
    display: none;
  }

  .questions__text {
    margin-bottom: 0;
    max-width: 570px;
  }

  .questions__inner {
    grid-template-columns: 1fr;
    grid-gap: 40px;
  }

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

@media (max-width: 1024px) {
  .questions__title {
    margin-bottom: calc(20px + (24 - 20) * ((100vw - 390px) / (1024 - 390)));
  }

  .questions__title.title-h4 {
    font-size: calc(32px + (36 - 32) * ((100vw - 393px) / (1024 - 393)));
    line-height: calc(42px + (48 - 42) * ((100vw - 393px) / (1024 - 393)));
  }

  .questions__item:hover {
    box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
  }

  .questions__text {
    max-width: 100%;
  }

  .questions__section {
    max-width: 100%;
  }

  .questions__item-top::before {
    left: calc(-24px + (-28 - (-24)) * ((100vw - 390px) / (1024 - 390)));
    right: calc(-24px + (-28 - (-24)) * ((100vw - 390px) / (1024 - 390)));
  }

  .questions__item {
    padding: 20px calc(24px + (28 - 24) * ((100vw - 390px) / (1024 - 390)));
  }

  .questions__file-button .btn-icon.btn-icon--secondary:hover {
    background-color: #fff;
  }

  .questions__file-button .btn-icon.btn-icon--secondary:hover svg path[stroke] {
    stroke: #282829;
  }

  .questions__file-button .btn-icon.btn-icon--secondary:hover svg path[fill] {
    fill: #282829;
  }
}

@media (max-width: 400px) {
  .questions__file-box {
    grid-gap: calc(12px + (16 - 12) * ((100vw - 390px) / (400 - 390)));
  }
}

@media (max-width: 390px) {
  .questions__item-top::before {
    left: -24px;
    right: -24px;
  }

  .questions__item {
    padding: 20px 24px;
  }

  .questions__title {
    margin-bottom: 20px;
  }
}

/*end questions*/

/* section-with-highlighted-list */
.section-with-highlighted-list--black {
  max-width: 1840px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 128px 0;
  color: var(--base-white-color);
  border-radius: 32px;
  background-color: var(--total-black-color);
}

.section-with-highlighted-list--black .section-with-highlighted-list__title mark {
  background-color: var(--base-gray-color-07);
}

.section-with-highlighted-list--black .section-with-highlighted-list__title mark:hover {
  background-color: var(--primary-brand-color);
}

.section-with-highlighted-list--black .section-with-highlighted-list__desc {
  /* color: var(--base-white-color); */
  color: #F3F4F6;
}

.section-with-highlighted-list--black .section-with-highlighted-list__desc p:last-child {
  color: var(--base-gray-color-04);
}

.section-with-highlighted-list--black .section-with-highlighted-list__desc p b {
  /* color: var(--base-white-color); */
  color: #F3F4F6;
  font-weight: 700;
}

.section-with-highlighted-list__content {
  display: flex;
  flex-direction: column;
  gap: 156px;
}

.section-with-highlighted-list__wrap {
  display: flex;
  align-items: flex-start;
  gap: 32px;
}

.section-with-highlighted-list__heading,
.section-with-highlighted-list__desc {
  flex: 50%;
}

.section-with-highlighted-list__title:not(:last-child) {
  margin-bottom: 32px;
}

.section-with-highlighted-list__title mark {
  position: relative;
  padding: 0 7px;
  cursor: pointer;
  white-space: nowrap;
  color: inherit;
  border-radius: 8px;
  transition: 0.3s;
}

.section-with-highlighted-list__title mark:hover .title-tooltip {
  z-index: 2;
  opacity: 1;
  visibility: visible;
}

.section-with-highlighted-list__desc {
  font-size: 24px;
  line-height: 1.5;
}

.section-with-highlighted-list__desc p:not(:last-child) {
  margin-bottom: 32px;
}

.section-with-highlighted-list__desc p:last-child {
  font-size: 20px;
  color: var(--base-gray-color-06);
}

.section-with-highlighted-list__desc p b {
  color: var(--base-black-color);
  font-weight: 700;
}

.section-with-highlighted-list__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 32px;
}

.section-with-highlighted-list__list-item {
  font-weight: 500;
  font-size: 36px;
  line-height: 1.3;
  color: #37383A;
  /* color: #F3F4F6; */
}

.section-with-highlighted-list__list-item span {
  display: block;
  width: fit-content;
  padding: 0 9px;
  white-space: nowrap;
  color: var(--base-white-color);
  border-radius: 8px;
  background-color: var(--primary-brand-color);
  font-weight: 700;
}

@media (max-width: 1920px) {
  .section-with-highlighted-list--black {
    max-width: calc(1472px + (1840 - 1472) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
    padding: calc(102px + (128 - 102) * ((100vw - 1536px) / (1920 - 1536))) 0;
  }

  .section-with-highlighted-list__content {
    gap: calc(128px + (156 - 128) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .section-with-highlighted-list__wrap {
    gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .section-with-highlighted-list__title:not(:last-child) {
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .section-with-highlighted-list__desc {
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .section-with-highlighted-list__desc p:last-child {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .section-with-highlighted-list__list {
    column-gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .section-with-highlighted-list__list-item {
    font-size: calc(32px + (36 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .section-with-highlighted-list--black {
    max-width: calc(1302px + (1472 - 1302) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: 28px;
    padding: calc(92px + (102 - 92) * ((100vw - 1366px) / (1536 - 1366))) 0;
  }

  .section-with-highlighted-list__content {
    gap: calc(102px + (128 - 102) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .section-with-highlighted-list__wrap {
    gap: 24px;
  }

  .section-with-highlighted-list__title:not(:last-child) {
    margin-bottom: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .section-with-highlighted-list__desc {
    font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .section-with-highlighted-list__desc p:last-child {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .section-with-highlighted-list__list {
    column-gap: calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .section-with-highlighted-list__list-item {
    font-size: calc(28px + (32 - 28) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .section-with-highlighted-list--black {
    max-width: calc(1008px + (1302 - 1008) * ((100vw - 1024px) / (1366 - 1024)));
    padding: calc(72px + (92 - 72) * ((100vw - 1024px) / (1366 - 1024))) 0;
  }

  .section-with-highlighted-list__content {
    gap: calc(64px + (102 - 64) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .section-with-highlighted-list__title:not(:last-child) {
    margin-bottom: 20px;
  }

  .section-with-highlighted-list__desc {
    font-size: 18px;
  }

  .section-with-highlighted-list__desc p:last-child {
    font-size: 16px;
  }

  .section-with-highlighted-list__list {
    column-gap: 16px;
  }

  .section-with-highlighted-list__list-item {
    font-size: calc(24px + (28 - 24) * ((100vw - 1024px) / (1366 - 1024)));
  }
}

@media screen and (max-width: 1024px) {
  .section-with-highlighted-list--black {
    max-width: 1008px;
    border-radius: calc(24px + (28 - 24) * ((100vw - 393px) / (1024 - 393)));
    padding: calc(56px + (72 - 56) * ((100vw - 393px) / (1024 - 393))) 0;
  }

  .section-with-highlighted-list__content {
    gap: calc(56px + (64 - 56) * ((100vw - 393px) / (1024 - 393)));
  }

  .section-with-highlighted-list__wrap {
    flex-wrap: wrap;
    gap: calc(24px + (32 - 24) * ((100vw - 393px) / (1024 - 393)));
  }

  .section-with-highlighted-list__heading,
  .section-with-highlighted-list__desc {
    flex: 0 1 100%;
  }

  .section-with-highlighted-list__list-item {
    font-size: 24px;
  }
}

@media screen and (max-width: 950px) {
  .section-with-highlighted-list--black .section-with-highlighted-list__container {
    padding: 0 24px;
  }
}

@media screen and (max-width: 768px) {
  .section-with-highlighted-list__list {
    grid-template-columns: 1fr;
    row-gap: 16px;
  }

  .section-with-highlighted-list__list-item {
    flex: 0 1 100%;
    font-size: calc(20px + (24 - 20) * ((100vw - 393px) / (768 - 393)));
    display: flex;
    flex-wrap: wrap;
    column-gap: 3px;
  }
}

/* AND section-with-highlighted-list */

/* start title-tooltip */
.tooltip-project-element.title-tooltip {
  width: 460px;
  padding: 16px;
  border: none;
  box-shadow: none;
  border-radius: 16px;
  background-color: var(--base-gray-color-08);
}

.title-tooltip__wrap {
  display: flex;
  align-items: center;
  gap: 20px;
}

.title-tooltip__thumb {
  position: relative;
  flex: 0 0 180px;
  border-radius: 12px;
}

.title-tooltip__thumb-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.title-tooltip__title {
  white-space: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.5;
  color: var(--base-white-color);
}

@media (max-width: 1920px) {
  .tooltip-project-element.title-tooltip {
    width: calc(420px + (460 - 420) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .title-tooltip__thumb {
    flex: 0 0 calc(168px + (180 - 168) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .tooltip-project-element.title-tooltip {
    width: calc(360px + (420 - 360) * ((100vw - 1366px) / (1536 - 1366)));
    padding: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .title-tooltip__wrap {
    gap: calc(12px + (20 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .title-tooltip__thumb {
    flex: 0 0 calc(162px + (168 - 162) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .title-tooltip__title {
    font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .tooltip-project-element.title-tooltip {
    width: 360px;
    padding: 12px;
  }

  .title-tooltip__wrap {
    gap: 12px;
  }

  .title-tooltip__thumb {
    flex: 0 0 162px;
  }

  .title-tooltip__title {
    font-size: 18px;
  }
}

/* AND title-tooltip */

/* contact-steps */
.contact-steps__wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, auto);
  grid-column-gap: 32px;
  grid-row-gap: 32px;
}

.contact-steps__item {
  border-radius: 24px;
}

.contact-steps__item:first-child {
  grid-area: 1/1/4/2;
}

.contact-steps__item:nth-child(2) {
  grid-area: 1/2/2/3;
}

.contact-steps__item:nth-child(3) {
  grid-area: 2/2/3/3;
}

.contact-steps__item:nth-child(4) {
  grid-area: 3/2/4/3;
}

@media (max-width: 1920px) {
  .contact-steps__wrap {
    grid-column-gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    grid-row-gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .contact-steps__item {
    border-radius: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .contact-steps__wrap {
    grid-column-gap: calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
    grid-row-gap: calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .contact-steps__item {
    border-radius: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .contact-steps__wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .contact-steps__item {
    border-radius: 16px;
  }
}

@media screen and (max-width: 1024px) {
  .contact-steps__wrap {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, auto);
  }

  .contact-steps__item:first-child {
    grid-area: 1/1/2/2;
  }

  .contact-steps__item:nth-child(2) {
    grid-area: 2/1/3/2;
  }

  .contact-steps__item:nth-child(3) {
    grid-area: 3/1/4/2;
  }

  .contact-steps__item:nth-child(4) {
    grid-area: 4/1/5/2;
  }
}

.step-item {
  padding: 40px;
  background-color: var(--base-white-color);
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
}

.step-item--lg {
  padding: 56px 48px;
}

.step-item--lg .step-item__num {
  width: 64px;
  height: 64px;
  font-size: 32px;
}

.step-item--lg .step-item__wrap {
  height: 100%;
  flex-direction: column;
  gap: 24px;
}

.step-item--lg .step-item__heading {
  gap: 20px;
  margin-bottom: auto;
}

.step-item--lg .step-item__title {
  font-size: 40px;
  line-height: 1.35;
}

.step-item--lg .step-item__desc {
  font-size: 20px;
}

.step-item__wrap {
  display: flex;
  align-items: flex-start;
  gap: 32px;
}

.step-item__num {
  flex: 0 0 auto;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.5;
  color: var(--primary-brand-color);
  border-radius: 16px;
  background-color: var(--light-brand-color);
}

.step-item__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.step-item__heading {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.step-item__title {
  font-weight: 700;
  font-size: 28px;
  line-height: 1.4;
}

.step-item__desc {
  font-size: 18px;
  line-height: 1.5;
  color: var(--base-gray-color-06);
}

.step-item__row {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
}

.step-item__row+.step-item__row {
  margin-top: 32px;
}

.step-item__link {
  margin-right: auto;
  font-weight: 500;
  font-size: 28px;
  line-height: 1.4;
}

@media (max-width: 1920px) {
  .step-item {
    padding: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .step-item__row+.step-item__row {
    margin-top: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .step-item--lg {
    padding: calc(48px + (56 - 48) * ((100vw - 1536px) / (1920 - 1536))) calc(40px + (48 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .step-item--lg .step-item__num {
    height: calc(58px + (64 - 58) * ((100vw - 1536px) / (1920 - 1536)));
    width: calc(58px + (64 - 58) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .step-item--lg .step-item__title {
    font-size: calc(36px + (40 - 36) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .step-item--lg .step-item__desc {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .step-item__num {
    width: calc(52px + (56 - 52) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(52px + (56 - 52) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .step-item__body {
    gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .step-item__title {
    font-size: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .step-item__desc {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .step-item__link {
    font-size: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .step-item {
    padding: calc(28px + (32 - 28) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .step-item__row+.step-item__row {
    margin-top: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .step-item--lg {
    padding: calc(40px + (48 - 40) * ((100vw - 1366px) / (1536 - 1366))) calc(32px + (40 - 32) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .step-item--lg .step-item__num {
    width: calc(52px + (58 - 52) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(52px + (58 - 52) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .step-item--lg .step-item__heading {
    gap: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .step-item--lg .step-item__title {
    font-size: calc(32px + (36 - 32) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .step-item--lg .step-item__desc {
    font-size: 16px;
  }

  .step-item__wrap {
    gap: calc(24px + (32 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .step-item__num {
    width: calc(48px + (52 - 48) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(48px + (52 - 48) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .step-item__body {
    gap: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .step-item__heading {
    gap: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .step-item__title {
    font-size: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .step-item__desc {
    font-size: 16px;
  }

  .step-item__link {
    font-size: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .step-item {
    padding: 28px;
  }

  .step-item--lg {
    padding: calc(28px + (40 - 28) * ((100vw - 1024px) / (1366 - 1024))) calc(28px + (32 - 28) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .step-item__row+.step-item__row {
    margin-top: calc(16px + (20 - 16) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .step-item--lg .step-item__wrap {
    gap: 24px;
  }

  .step-item--lg .step-item__num {
    width: 48px;
    height: 48px;
    font-size: 18px;
    border-radius: 12px;
  }

  .step-item--lg .step-item__heading {
    gap: 16px;
  }

  .step-item--lg .step-item__title {
    font-size: calc(28px + (32 - 28) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .step-item__wrap {
    gap: 24px;
  }

  .step-item__num {
    width: 48px;
    height: 48px;
    font-size: 18px;
    border-radius: 12px;
  }

  .step-item__body {
    gap: calc(16px + (20 - 16) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .step-item__heading {
    gap: 12px;
  }

  .step-item__title {
    font-size: 20px;
  }

  .step-item__link {
    font-size: 20px;
  }
}

@media screen and (max-width: 1024px) {
  .step-item__row+.step-item__row {
    margin-top: 16px;
  }

  .step-item {
    padding: calc(24px + (28 - 24) * ((100vw - 393px) / (1024 - 393)));
  }

  .step-item--lg {
    padding: calc(24px + (28 - 24) * ((100vw - 393px) / (1024 - 393)));
  }

  .step-item--lg .step-item__wrap {
    flex-direction: row;
    gap: calc(20px + (24 - 20) * ((100vw - 393px) / (1024 - 393)));
  }

  .step-item--lg .step-item__heading {
    margin-bottom: 12px;
    gap: calc(12px + (16 - 12) * ((100vw - 393px) / (1024 - 393)));
  }

  .step-item--lg .step-item__title {
    font-size: calc(24px + (28 - 24) * ((100vw - 393px) / (1024 - 393)));
  }

  .step-item__wrap {
    gap: calc(20px + (24 - 20) * ((100vw - 393px) / (1024 - 393)));
  }

  .step-item__body {
    gap: calc(12px + (16 - 12) * ((100vw - 393px) / (1024 - 393)));
  }

  .step-item__link {
    font-size: calc(18px + (20 - 18) * ((100vw - 393px) / (1024 - 393)));
  }
}

@media screen and (max-width: 768px) {
  .step-item--lg .step-item__wrap {
    flex-direction: column;
    gap: 20px;
  }

  .step-item__body {
    width: 100%;
  }

  .step-item__wrap {
    flex-wrap: wrap;
    gap: 20px;
  }

  .step-item__heading {
    flex: 0 1 100%;
  }
}

/* AND contact-steps */

/* start contact-form-section */
.contact-form-section {
  max-width: 1840px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 40px;
  padding: 128px 0;
  border-radius: 32px;
  background-color: var(--base-white-color);
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
}

.contact-form-section__wrap {
  display: grid;
  grid-template-columns: 1fr minmax(0, 1fr);
  column-gap: 32px;
}

.contact-form-section__col {
  display: flex;
  flex-direction: column;
}

.contact-form-section__col>* {
  height: 100%;
}

.contact-form-section__container {
  max-width: 1552px;
  width: 100%;
  margin: 0 auto;
}

@media (max-width: 1920px) {
  .contact-form-section {
    max-width: calc(1472px + (1840 - 1472) * ((100vw - 1536px) / (1920 - 1536)));
    margin-bottom: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
    padding: calc(102px + (128 - 102) * ((100vw - 1536px) / (1920 - 1536))) 0;
    border-radius: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .contact-form-section__container {
    max-width: calc(1320px + (1552 - 1320) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .contact-form-section__wrap {
    column-gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .contact-form-section {
    max-width: calc(1302px + (1472 - 1302) * ((100vw - 1366px) / (1536 - 1366)));
    margin-bottom: 32px;
    padding: calc(92px + (102 - 92) * ((100vw - 1366px) / (1536 - 1366))) 0;
    border-radius: 28px;
  }

  .contact-form-section__container {
    max-width: calc(1196px + (1320 - 1196) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .contact-form-section__wrap {
    column-gap: calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .contact-form-section {
    max-width: calc(1008px + (1302 - 1008) * ((100vw - 1024px) / (1366 - 1024)));
    padding: calc(72px + (92 - 72) * ((100vw - 1024px) / (1366 - 1024))) 0;
  }

  .contact-form-section__container {
    max-width: calc(912px + (1196 - 912) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .contact-form-section__wrap {
    column-gap: 16px;
  }
}

@media screen and (max-width: 1024px) {
  .contact-form-section {
    max-width: calc(100% - 32px);
    border-radius: calc(24px + (28 - 24) * ((100vw - 393px) / (1024 - 393)));
    padding: calc(56px + (72 - 56) * ((100vw - 393px) / (1024 - 393))) 0;
  }

  .contact-form-section__container {
    max-width: 100%;
    padding: 0 calc(24px + (48 - 24) * ((100vw - 393px) / (1024 - 393)));
  }

  .contact-form-section__wrap {
    grid-template-columns: 1fr;
    row-gap: 40px;
  }
}

@media screen and (max-width: 768px) {
  .contact-form-section {
    max-width: 100%;
  }
}

.specialist {
  max-width: 704px;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.specialist__top {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 16px;
}

.specialist__pic {
  position: relative;
  flex: 0 0 100px;
  border-radius: 16px;
}

.specialist__pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.specialist__status {
  position: absolute;
  right: -11px;
  bottom: -4px;
  width: 32px;
  height: 32px;
  border: 8px solid var(--common-bg-color);
  border-radius: 50%;
  background-color: var(--primary-brand-color);
}

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

.specialist__name {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.5;
}

.specialist__position {
  font-size: 18px;
  line-height: 140%;
  color: var(--base-gray-color-06);
}

.specialist__body {
  margin-bottom: auto;
  padding: 40px;
  font-size: 20px;
  line-height: 1.5;
  color: var(--base-gray-color-06);
  border-radius: 24px;
  border-top-left-radius: 0 !important;
  background-color: var(--common-bg-color);
}

.specialist__body-title {
  margin-bottom: 24px;
  font-weight: 700;
  font-size: 32px;
  line-height: 1.3;
  color: var(--base-black-color);
}

.specialist__body img {
  display: inline-block;
  max-width: 30px;
}

.specialist__foot {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* .specialist__foot .btn-project.btn-project--gray:first-child svg path:nth-child(1)[fill] {
  fill: #25d366;
} */

.specialist__contacts {
  display: flex;
  align-items: center;
  gap: 24px;
}

.specialist__contacts:not(:last-child) {
  margin-bottom: 16px;
}

.specialist__contacts-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}

.specialist__contacts-link {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.5;
}

@media (max-width: 1920px) {
  .specialist {
    max-width: calc(580px + (704 - 580) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .specialist__top {
    gap: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .specialist__pic {
    flex: 0 0 calc(80px + (100 - 80) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .specialist__status {
    width: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    border-width: calc(6px + (8 - 6) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .specialist__name {
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .specialist__position {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .specialist__body {
    padding: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .specialist__body-title {
    margin-bottom: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .specialist__contacts {
    gap: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .specialist__contacts-link {
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .specialist {
    max-width: calc(550px + (580 - 550) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .specialist__top {
    gap: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .specialist__pic {
    flex: 0 0 calc(64px + (80 - 64) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .specialist__status {
    width: calc(22px + (24 - 22) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(22px + (24 - 22) * ((100vw - 1366px) / (1536 - 1366)));
    border-width: 6px;
  }

  .specialist__wrap {
    gap: calc(6px + (8 - 6) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .specialist__name {
    font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .specialist__position {
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .specialist__body {
    padding: calc(28px + (32 - 28) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .specialist__body-title {
    margin-bottom: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .specialist__contacts {
    gap: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .specialist__contacts-link {
    font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .specialist__body img {
    max-width: calc(24px + (30 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .specialist__body img {
    max-width: 24px;
  }

  .specialist {
    max-width: 550px;
  }

  .specialist__top {
    gap: 16px;
  }

  .specialist__pic {
    flex: 0 0 64px;
  }

  .specialist__status {
    width: 22px;
    height: 22px;
  }

  .specialist__wrap {
    gap: 6px;
  }

  .specialist__name {
    font-size: 18px;
  }

  .specialist__position {
    font-size: 14px;
  }

  .specialist__body {
    padding: 28px;
    font-size: 16px;
  }

  .specialist__body-title {
    margin-bottom: 16px;
    font-size: 24px;
  }

  .specialist__contacts {
    gap: 16px;
  }

  .specialist__contacts-link {
    font-size: 18px;
  }
}

@media screen and (max-width: 1024px) {
  .specialist {
    max-width: 832px;
  }

  .specialist__pic {
    flex: 0 0 calc(48px + (64 - 48) * ((100vw - 393px) / (1024 - 393)));
    border-radius: calc(12px + (16 - 12) * ((100vw - 393px) / (1024 - 393)));
  }

  .specialist__status {
    width: 20px;
    height: 20px;
  }

  .specialist__body {
    border-radius: calc(24px + (28 - 24) * ((100vw - 393px) / (1024 - 393)));
  }

  .specialist__body:not(:last-child) {
    margin-bottom: calc(16px + (24 - 16) * ((100vw - 393px) / (1024 - 393)));
  }

  .specialist__body-title {
    font-size: calc(20px + (24 - 20) * ((100vw - 393px) / (1024 - 393)));
  }

  .specialist__contacts-link {
    font-size: calc(16px + (18 - 16) * ((100vw - 393px) / (1024 - 393)));
  }

  .specialist__body img {
    max-width: calc(20px + (24 - 20) * ((100vw - 393px) / (1024 - 393)));
  }

  .specialist__foot .btn-project.btn-project--gray:hover {
    background-color: var(--base-gray-color-01);
    color: var(--total-black-color);
  }

  .specialist__foot .btn-project.btn-project--gray:hover svg path[stroke] {
    stroke: #282829;
  }

  .specialist__foot .btn-project.btn-project--gray:hover svg path[fill] {
    fill: #282829;
  }

  /* 
  .specialist__foot .btn-project.btn-project--gray:first-child svg path:nth-child(1)[fill] {
    fill: #25d366;
  } */

  .specialist__foot .btn-project.btn-project--gray:first-child svg path:nth-child(2)[fill],
  .specialist__foot .btn-project.btn-project--gray:first-child svg path:nth-child(3)[fill] {
    fill: #fff;
  }
}

/* AND contact-form-section */

/* start contact-form-base */
.contact-form-base__wrap {
  display: flex;
  align-items: center;
  gap: 16px;
  /* margin-bottom: 16px; */
  /* margin-bottom: 40px; */
  padding-bottom: 40px;
}

.contact-form-base__wrap>* {
  flex: 50%;
}

.contact-form-base__checks {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 32px;
  margin-bottom: 56px;
}

.contact-form-base__inp .inp-base {
  padding-bottom: 0;
}

.contact-form-base__attachment {
  margin: -16px 0 16px;
}

@media (max-width: 1920px) {
  .contact-form-base__wrap {
    /* margin-bottom: calc(12px + (16 - 12) * ((100vw - 1536px) / (1920 - 1536))); */
    /* margin-bottom: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536))); */
    padding-bottom: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .contact-form-base__checks {
    margin-top: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    margin-bottom: calc(40px + (56 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .contact-form-base__wrap {
    /* margin-bottom: 12px; */
    /* margin-bottom: 32px; */
    padding-bottom: 32px;
  }

  .contact-form-base__checks {
    margin-top: 24px;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 1366px) {
  .contact-form-base__checks {
    margin-top: calc(20px + (24 - 20) * ((100vw - 1024px) / (1366 - 1024)));
    margin-bottom: calc(32px + (40 - 32) * ((100vw - 1024px) / (1366 - 1024)));
  }
}

@media screen and (max-width: 1024px) {
  .contact-form-base__checks {
    margin-top: 20px;
    margin-bottom: 32px;
  }

  .contact-form-base .contact-form-base__btn.btn-project.btn-project--primary {
    color: #fff;
    background-color: #ff6800;
  }
}

@media screen and (max-width: 768px) {
  .contact-form-base__wrap {
    flex-wrap: wrap;
    gap: 32px;
    /* margin-bottom: 32px; */
    padding-bottom: 32px;
  }

  .contact-form-base__wrap>* {
    flex: 0 1 100%;
  }
}

/* AND contact-form-base */
/* start file-attachment */
.file-attachment {
  padding: 12px;
  padding-left: 32px;
  border-radius: 16px;
  overflow: hidden;
  background-color: var(--common-bg-color);
}

.os-order .file-attachment {
  background-color: #F3F4F6;
}

.file-attachment:not(:last-child) {
  margin-bottom: 16px;
}

.file-attachment__wrap {
  display: flex;
  align-items: center;
  gap: 32px;
}

.file-attachment__body {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 16px;
}

.file-attachment__icon {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.file-attachment__icon:before {
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkPSJNMjEgMTFWMTBDMjEgNi4yMjg3NiAyMSA0LjM0MzE1IDE5Ljc1OTUgMy4xNzE1N0MxOC41MTkgMiAxNi41MjI1IDIgMTIuNTI5NCAyTDExLjQ3MDYgMkM3LjQ3NzUyIDIgNS40ODA5OCAyIDQuMjQwNDkgMy4xNzE1N0MzIDQuMzQzMTUgMyA2LjIyODc2IDMgMTBMMyAxNEMzIDE3Ljc3MTIgMyAxOS42NTY5IDQuMjQwNDkgMjAuODI4NEM1LjQ4MDk4IDIyIDcuNDc3NTEgMjIgMTEuNDcwNiAyMkgxMiIKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3Ryb2tlPSIjMjgyODI5IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgLz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOCA3SDE2IiBzdHJva2U9IiMyODI4MjkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAvPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik04IDEySDEzIiBzdHJva2U9IiMyODI4MjkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAvPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMSAyMC42NDcxTDIxIDE3QzIxIDE1LjU3MDYgMTkuNjU2OSAxNCAxOCAxNEMxNi4zNDMxIDE0IDE1IDE1LjU3MDYgMTUgMTdMMTUgMjAuNUMxNSAyMS4yNzk3IDE1LjczMjYgMjIgMTYuNjM2NCAyMkMxNy41NDAxIDIyIDE4LjI3MjcgMjEuMjc5NyAxOC4yNzI3IDIwLjVMMTguMjcyNyAxNy43NjQ3IiBzdHJva2U9IiMyODI4MjkiIHN0cm9rZS13aWR0aD0iMiIKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAvPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9zdmc+");
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
}

.file-attachment__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.5;
}

.file-attachment__size {
  white-space: nowrap;
  font-size: 18px;
  line-height: 1.5;
  color: var(--base-gray-color-05);
}

.file-attachment__remove:before {
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xOSA1TDUgMTlNNSA1TDE5IDE5IiBzdHJva2U9IiMyODI4MjkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiAvPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3N2Zz4=");
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  transition: 0.3s;
}

.file-attachment__remove:hover:before {
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xOSA1TDUgMTlNNSA1TDE5IDE5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiAvPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3N2Zz4=");
}

.file-attachment__btns {
  display: flex;
  gap: 8px;
}

@media screen and (max-width: 1366px) {

  .file-attachment__name,
  .file-attachment__size {
    font-size: 16px;
  }
}

@media screen and (max-width: 1024px) {
  .file-attachment {
    padding-left: 20px;
    border-radius: 12px;
  }

  .file-attachment__wrap {
    gap: 24px;
  }
}

/* AND file-attachment */
/* start js-attach-file */
.js-attach-file__inp {
  display: none;
}

.js-attach-file .btn-project--gray {
  font-weight: 500;
}

.js-attach-file__list {
  margin-top: 16px;
}

/* AND js-attach-file */

/* start footer */
.footer {
  padding-top: 48px;
  padding-bottom: 32px;
  border-top-right-radius: 32px;
  border-top-left-radius: 32px;
  background-color: var(--total-black-color);
}

.footer__main {
  display: grid;
  grid-template-columns: 628px 1fr;
  column-gap: 32px;
  margin-bottom: 64px;
}

.footer__col {
  display: flex;
  flex-direction: column;
  gap: 64px;
}

.footer__about {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.footer__about-link {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  color: var(--base-white-color);
}

.footer__title {
  font-weight: 500;
  font-size: 40px;
  line-height: 1.35;
  color: var(--base-white-color);
}

.footer__title mark {
  padding: 0 7px;
  color: inherit;
  border-radius: 8px;
  background-color: var(--primary-brand-color);
}

.footer__menu {
  column-count: 3;
  column-gap: 32px;
}

.footer__menu-item {
  display: flex;
  align-items: center;
}

.footer__menu-item:not(:last-child) {
  margin-bottom: 20px;
}

.footer__menu-link {
  display: flex;
  align-items: center;
  gap: 14px;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  color: var(--base-gray-color-02);
  transition: 0.3s;
}

.footer__menu-link:hover {
  color: var(--base-white-color);
}

.footer__btns {
  display: flex;
  gap: 16px;
}

.footer__btns .btn-icon--dark svg:not(:has(mask)) path:not([fill="#25D366"]) {
  fill: #E9EBEE;
}

.footer__btns .btn-icon--dark svg:has(mask) path {
  stroke: #E9EBEE;
}

.footer__btns .btn-icon--dark svg:has(mask) g path {
  fill: #E9EBEE;
  stroke: #282829;
}

.footer__btns.no-fill .btn-icon--dark svg:not(:has(mask)) path {
  fill: inherit;
}

.footer__btns.no-fill .btn-icon--dark svg:has(mask) path {
  stroke: inherit;
}

.footer__btns.no-fill .btn-icon--dark svg:has(mask) g path {
  fill: inherit;
  stroke: inherit;
}

.footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}

.footer__bottom-policy {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 56px;
}

.footer__bottom-copyrights {
  display: flex;
  align-items: center;
  gap: 32px;
  white-space: nowrap;
}

.footer__bottom-link {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 18px;
  line-height: 1.5;
  color: var(--base-gray-color-03);
  transition: 0.3s;
}

.footer__bottom-link:not(span):hover {
  color: var(--base-white-color);
}

@media (max-width: 1920px) {
  .footer {
    padding-top: calc(40px + (48 - 40) * ((100vw - 1536px) / (1920 - 1536)));
    border-top-left-radius: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
    border-top-right-radius: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .footer__main {
    grid-template-columns:
      calc(536px + (628 - 536) * ((100vw - 1536px) / (1920 - 1536))) 1fr;
    column-gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    margin-bottom: calc(56px + (64 - 56) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .footer__col {
    gap: calc(56px + (64 - 56) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .footer__about-link {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .footer__title {
    font-size: calc(36px + (40 - 36) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .footer__menu {
    column-gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .footer__menu-item:not(:last-child) {
    margin-bottom: calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .footer__menu-link {
    gap: calc(12px + (14 - 12) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .footer__bottom {
    gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .footer__bottom-policy {
    gap: calc(48px + (56 - 48) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .footer__bottom-copyrights {
    gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .footer__bottom-link {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .footer {
    padding-top: calc(32px + (40 - 32) * ((100vw - 1366px) / (1536 - 1366)));
    padding-bottom: calc(24px + (32 - 24) * ((100vw - 1366px) / (1536 - 1366)));
    border-top-left-radius: 28px;
    border-top-right-radius: 28px;
  }

  .footer__main {
    grid-template-columns: 536px 1fr;
    margin-bottom: calc(48px + (56 - 48) * ((100vw - 1366px) / (1536 - 1366)));
    column-gap: calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .footer__col {
    gap: calc(48px + (56 - 48) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .footer__about-link {
    gap: calc(4px + (8 - 4) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .footer__title {
    font-size: calc(32px + (36 - 32) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .footer__btns {
    gap: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .footer__menu {
    column-gap: calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .footer__menu-item:not(:last-child) {
    margin-bottom: 16px;
  }

  .footer__menu-link {
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .footer__bottom {
    gap: calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .footer__bottom-policy {
    gap: 48px;
  }

  .footer__bottom-copyrights {
    gap: calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .footer__bottom-link {
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .footer {
    padding-top: 32px;
    padding-bottom: 24px;
  }

  .footer__main {
    grid-template-columns:
      calc(360px + (536 - 360) * ((100vw - 1024px) / (1366 - 1024))) 1fr;
    column-gap: 16px;
    margin-bottom: calc(32px + (48 - 32) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .footer__col {
    gap: calc(32px + (48 - 32) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .footer__about-link {
    gap: 4px;
    font-size: 14px;
  }

  .footer__title {
    font-size: 32px;
  }

  .footer__btns {
    gap: 12px;
  }

  .footer__menu {
    column-gap: 16px;
  }

  .footer__menu-link {
    gap: 12px;
    font-size: 14px;
  }

  .footer__bottom {
    gap: 16px;
  }

  .footer__bottom-policy {
    justify-content: space-between;
    gap: 16px;
  }

  .footer__bottom-copyrights {
    flex: 1;
    justify-content: space-between;
    gap: 16px;
  }

  .footer__bottom-link {
    flex: 1;
    font-size: calc(12px + (14 - 12) * ((100vw - 1024px) / (1366 - 1024)));
  }
}

@media screen and (max-width: 1024px) {
  .footer {
    padding-top: calc(24px + (32 - 24) * ((100vw - 393px) / (1024 - 393)));
    padding-bottom: calc(20px + (24 - 20) * ((100vw - 393px) / (1024 - 393)));
    border-top-left-radius: calc(24px + (28 - 24) * ((100vw - 393px) / (1024 - 393)));
    border-top-right-radius: calc(24px + (28 - 24) * ((100vw - 393px) / (1024 - 393)));
  }

  .footer__main {
    grid-template-columns: 1fr;
    row-gap: 32px;
    margin-bottom: 32px;
  }

  .footer__col {
    gap: 32px;
  }

  .footer__col:first-child {
    flex-flow: row;
    align-items: flex-end;
    gap: 24px;
  }

  .footer__about {
    gap: 24px;
  }

  .footer__title {
    font-size: calc(28px + (32 - 28) * ((100vw - 393px) / (1024 - 393)));
  }

  .footer__menu-item:not(:last-child) {
    margin-bottom: 20px;
  }

  .footer__bottom {
    flex-wrap: wrap;
  }

  .footer__bottom-link {
    flex: 0 1 100%;
    font-size: 12px;
  }
}

@media screen and (max-width: 1000px) {

  .footer__bottom-policy,
  .footer__bottom-copyrights {
    flex: 0 1 100%;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 768px) {
  .footer__col:first-child {
    flex-wrap: wrap;
  }

  .footer__about {
    flex: 0 1 100%;
  }

  .footer__menu {
    column-count: 2;
  }
}

@media screen and (max-width: 360px) {
  .footer__menu {
    column-count: 1;
  }
}

.rating {
  display: flex;
  align-items: center;
  gap: 4px;
}

/* AND footer */

/* start contacts */
.contacts__heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 56px;
}

.contacts__tabs {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 6px;
  border-radius: 12px;
  background-color: var(--base-white-color);
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
}

.contacts__tabs-item {
  padding: 12px 24px;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.5;
  color: var(--base-gray-color-07);
  border-radius: 8px;
  transition: 0.3s;
}

.contacts__tabs-item.active {
  color: var(--base-black-color);
  background-color: var(--base-gray-color-01);
}

.contacts__tabs-item:not(.active):hover {
  cursor: pointer;
  color: var(--base-black-color);
  background-color: var(--base-gray-color-01);
}

.contacts__tabs-content:not(.active) {
  display: none;
}

.contacts__title mark {
  padding: 0 7px;
  border-radius: 12px;
  background-color: #FF6800;
  color: #fff;
}

.contacts__map {
  position: relative;
  max-width: 1840px;
  width: 100%;
  height: 960px;
  margin: 56px auto 0;
  border-radius: 32px;
  overflow: hidden;
}

.contacts__map-preloader {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f3f4f6;
}

.contacts__map-inner {
  position: absolute;
  top: 0;
  left: 144px;
  z-index: 2;
  /* width: 100%; */
  height: 100%;
}

.map-project {
  width: 100%;
  height: 100%;
}

.map-project__zooms {
  position: absolute;
  right: 50px;
  bottom: 50px;
  z-index: 2;
}

.map-project__zoom {
  border: none;
  background-color: #fff;
  cursor: pointer;
  width: 50px;
  height: 50px;
}

.contacts__map-inner>* {
  height: 100%;
}

.contacts__map-content {
  /* max-width: 496px; */
  width: 496px;
  height: 100%;
  /* padding-top: 32px; */
}

.contacts__map img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contacts__wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.contacts__item:first-child {
  grid-column: span 2 / span 2;
}

.contacts__item:nth-child(2),
.contacts__item:nth-child(3) {
  grid-row-start: 2;
}

.contacts__offices-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 16px;
  row-gap: 16px;
}

.contacts__offices-grid .office-card {
  padding: 32px 40px;
  border-radius: 24px;
}

.contacts__offices-grid .office-card__top {
  margin-bottom: 56px;
}

.contacts__offices-grid .office-card__title {
  font-size: 20px;
}

.contacts__offices-grid .office-card__address {
  font-size: 28px;
  margin-bottom: 0;
}

@media (max-width: 1920px) {
  .contacts__heading {
    gap: calc(48px + (56 - 48) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .contacts__tabs {
    padding: calc(4px + (6 - 4) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .contacts__tabs-item {
    padding: 12px calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .contacts__map {
    height: calc(760px + (960 - 760) * ((100vw - 1536px) / (1920 - 1536)));
    max-width: calc(1472px + (1840 - 1472) * ((100vw - 1536px) / (1920 - 1536)));
    margin-top: calc(40px + (56 - 40) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .contacts__map-content {
    width: calc(424px + (496 - 424) * ((100vw - 1536px) / (1920 - 1536)));
    /* padding-top: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536))); */
  }

  .contacts__offices-grid .office-card {
    border-radius: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    padding: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536))) calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .contacts__offices-grid .office-card__top {
    margin-bottom: calc(48px + (56 - 48) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .contacts__offices-grid .office-card__title {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .contacts__offices-grid .office-card__address {
    font-size: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .contacts__map-inner {
    left: calc(76px + (144 - 76) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .contacts__heading {
    gap: calc(40px + (48 - 40) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .contacts__tabs {
    padding: 4px;
    gap: 0;
  }

  .contacts__tabs-item {
    padding: 12px calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .contacts__map {
    max-width: calc(1302px + (1472 - 1302) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(680px + (760 - 680) * ((100vw - 1366px) / (1536 - 1366)));
    margin-top: calc(32px + (40 - 32) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: 28px;
  }

  .contacts__map-content {
    width: calc(388px + (424 - 388) * ((100vw - 1366px) / (1536 - 1366)));
    /* padding-top: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366))); */
  }

  .contacts__offices-grid .office-card {
    padding: 24px calc(28px + (32 - 28) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .contacts__offices-grid .office-card__top {
    margin-bottom: calc(40px + (48 - 40) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .contacts__offices-grid .office-card__title {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .contacts__offices-grid .office-card__address {
    font-size: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .contacts__map-inner {
    left: calc(53px + (76 - 53) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .contacts__heading {
    gap: calc(32px + (40 - 32) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .contacts__tabs-item {
    padding: 12px 16px;
    font-size: 14px;
  }

  .contacts__map {
    max-width: calc(1008px + (1302 - 1008) * ((100vw - 1024px) / (1366 - 1024)));
    height: calc(960px + (680 - 960) * ((100vw - 1024px) / (1366 - 1024)));
    margin-top: 32px;
  }

  .contacts__map-content {
    width: calc(448px + (388 - 448) * ((100vw - 1024px) / (1366 - 1024)));
    /* padding-top: 20px; */
  }

  .contacts__offices-grid .office-card {
    padding: calc(20px + (24 - 20) * ((100vw - 1024px) / (1366 - 1024))) calc(24px + (28 - 24) * ((100vw - 1024px) / (1366 - 1024)));
    border-radius: 16px;
  }

  .contacts__offices-grid .office-card__top {
    margin-bottom: calc(32px + (40 - 32) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .contacts__offices-grid .office-card__title {
    font-size: 16px;
  }

  .contacts__offices-grid .office-card__address {
    font-size: 20px;
  }

  .contacts__map-inner {
    left: calc(48px + (53 - 48) * ((100vw - 1024px) / (1366 - 1024)));
  }
}

@media screen and (max-width: 1024px) {
  .contacts__map {
    max-width: 1008px;
    height: calc(780px + (960 - 780) * ((100vw - 393px) / (1024 - 393)));
    border-radius: calc(24px + (28 - 24) * ((100vw - 393px) / (1024 - 393)));
  }

  .contacts__map-content {
    width: 448px;
  }

  .contacts__wrap {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, auto);
  }

  .contacts__item:first-child {
    grid-column: unset;
  }

  .contacts__item:nth-child(2),
  .contacts__item:nth-child(3) {
    grid-row-start: unset;
  }

  .contacts__offices-grid .office-card {
    padding: calc(16px + (20 - 16) * ((100vw - 393px) / (1024 - 393))) calc(20px + (24 - 20) * ((100vw - 393px) / (1024 - 393)));
  }

  .contacts__offices-grid .office-card__top {
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 393px) / (1024 - 393)));
  }

  .contacts__offices-grid .office-card__address {
    font-size: calc(18px + (20 - 18) * ((100vw - 393px) / (1024 - 393)));
  }
}

@media screen and (max-width: 1000px) {
  .contacts__map-inner {
    height: auto;
  }

  .contacts__map-inner {
    right: calc(16px + (56 - 16) * ((100vw - 393px) / (1024 - 393)));
    left: calc(16px + (56 - 16) * ((100vw - 393px) / (1024 - 393)));
  }

  .contacts__map-content {
    width: 100%;
  }

  .offices-list__item.swiper-slide {
    width: 320px;
  }

  .contacts__map .ymaps-2-1-79-controls__control {
    margin-top: 300px;
  }
}

@media screen and (max-width: 768px) {
  .contacts__heading {
    flex-wrap: wrap;
    gap: 24px;
  }

  .contacts__heading .contacts__title {
    flex: 0 1 100%;
  }

  .contacts__map-content {
    width: 100%;
  }

  .contacts__offices-grid {
    grid-template-columns: 1fr;
  }
}

/* AND contacts */

/* start contacts-item */
.contacts-item {
  display: flex;
  flex-direction: column;
  padding: 40px;
  border-radius: 24px;
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
  background-color: var(--base-white-color);
}

.contacts-item--lg {
  padding: 48px 40px;
}

.contacts-item__heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 56px;
}

.contacts-item__title {
  font-weight: 700;
  font-size: 40px;
  line-height: 1.35;
}

.contacts-item__wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 96px;
}

.contacts-item__col {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.contacts-item__label {
  font-size: 20px;
  line-height: 1.5;
  color: var(--base-gray-color-06);
}

.contacts-item__body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 8px 8px 32px;
  border: 1px solid var(--border-color);
  border-radius: 12px;
  background-color: var(--common-bg-color);
}

.contacts-item__val {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.5;
}

.contacts-item__btns {
  display: flex;
  align-items: center;
  gap: 8px;
}

.contacts-item__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 56px;
}

.contacts-item__address {
  margin-bottom: 24px;
  font-weight: 700;
  font-size: 28px;
  line-height: 1.4;
}

.contacts-item__bottom {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: auto;
  font-size: 20px;
  line-height: 1.5;
  color: var(--base-gray-color-08);
}

.contacts-item__schedule {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  white-space: nowrap;
  color: var(--base-gray-color-06);
  transition: 0.3s;
}

.contacts-item__schedule:hover {
  color: #282829;
}

.contacts-item__schedule svg path {
  transition: 0.3s;
}

.contacts-item__schedule:hover svg path[stroke] {
  stroke: #282829;
}

.contacts-item__schedule-tooltip {
  width: 460px;
}

.contacts-item__pic {
  margin-top: 32px;
  border-radius: 20px;
  line-height: 0;
}

.contacts-item__pic img {
  width: 100%;
}

@media (max-width: 1920px) {
  .contacts-item {
    padding: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .contacts-item--lg {
    padding: calc(40px + (48 - 40) * ((100vw - 1536px) / (1920 - 1536))) calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .contacts-item__heading {
    margin-bottom: calc(48px + (56 - 48) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .contacts-item__title {
    font-size: calc(36px + (40 - 36) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .contacts-item__wrap {
    column-gap: calc(80px + (96 - 80) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .contacts-item__col {
    gap: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .contacts-item__label {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .contacts-item__body {
    padding: calc(6px + (8 - 6) * ((100vw - 1536px) / (1920 - 1536)));
    padding-left: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .contacts-item__val {
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .contacts-item__top {
    margin-bottom: calc(48px + (56 - 48) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .contacts-item__address {
    margin-bottom: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .contacts-item__bottom {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .contacts-item__pic {
    margin-top: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .contacts-item {
    padding: calc(28px + (32 - 28) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .contacts-item--lg {
    padding: calc(32px + (40 - 32) * ((100vw - 1366px) / (1536 - 1366))) calc(28px + (32 - 28) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .contacts-item__heading {
    margin-bottom: calc(40px + (48 - 40) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .contacts-item__title {
    font-size: calc(32px + (36 - 32) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .contacts-item__wrap {
    column-gap: calc(72px + (80 - 72) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .contacts-item__col {
    gap: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .contacts-item__label {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .contacts-item__body {
    padding: 6px 6px 6px 24px;
  }

  .contacts-item__val {
    font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .contacts-item__top {
    margin-bottom: calc(40px + (48 - 40) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .contacts-item__address {
    margin-bottom: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .contacts-item__bottom {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .contacts-item__pic {
    margin-top: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: 16px;
  }

  .contacts-item__schedule-tooltip {
    width: 400px;
  }
}

@media screen and (max-width: 1366px) {
  .contacts-item {
    padding: 28px;
  }

  .contacts-item--lg {
    padding: 32px 28px;
  }

  .contacts-item__heading {
    margin-bottom: calc(32px + (40 - 32) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .contacts-item__title {
    font-size: calc(28px + (32 - 28) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .contacts-item__wrap {
    column-gap: calc(64px + (72 - 64) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .contacts-item__col {
    gap: 16px;
  }

  .contacts-item__label {
    font-size: 16px;
  }

  .contacts-item__val {
    font-size: 18px;
  }

  .contacts-item__top {
    margin-bottom: calc(32px + (40 - 32) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .contacts-item__address {
    margin-bottom: 16px;
    font-size: 20px;
  }

  .contacts-item__bottom {
    font-size: 16px;
  }

  .contacts-item__pic {
    margin-top: 20px;
    border-radius: calc(12px + (16 - 12) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .contacts-item__schedule-tooltip {
    width: 360px;
  }
}

@media screen and (max-width: 1024px) {
  .contacts-item {
    padding: calc(20px + (28 - 20) * ((100vw - 393px) / (1024 - 393)));
  }

  .contacts-item--lg {
    padding: calc(28px + (32 - 28) * ((100vw - 393px) / (1024 - 393))) calc(20px + (28 - 20) * ((100vw - 393px) / (1024 - 393)));
  }

  .contacts-item__heading {
    margin-bottom: 32px;
  }

  .contacts-item__title {
    font-size: calc(24px + (28 - 24) * ((100vw - 393px) / (1024 - 393)));
  }

  .contacts-item__wrap {
    column-gap: calc(40px + (64 - 40) * ((100vw - 393px) / (1024 - 393)));
  }

  .contacts-item__val {
    gap: calc(16px + (18 - 16) * ((100vw - 393px) / (1024 - 393)));
  }

  .contacts-item__top {
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 393px) / (1024 - 393)));
  }

  .contacts-item__address {
    font-size: calc(18px + (20 - 18) * ((100vw - 393px) / (1024 - 393)));
  }

  .contacts-item__pic {
    border-radius: 12px;
  }
}

@media screen and (max-width: 768px) {
  .contacts-item__heading {
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 40px;
  }

  .contacts-item__schedule-tooltip {
    width: 330px;
  }

  .contacts-item__title {
    flex: 0 1 100%;
  }

  .contacts-item__wrap {
    grid-template-columns: 1fr;
    row-gap: 40px;
  }

  .contacts-item__bottom {
    flex-wrap: wrap;
  }
}

.schedule {
  display: flex;
  flex-direction: column;
  gap: 12px;
  white-space: normal;
  font-size: 16px;
  line-height: 1.5;
  color: var(--base-black-color);
}

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

.schedule__label {
  color: var(--base-gray-color-05);
}

@media screen and (max-width: 1536px) {
  .schedule {
    gap: 16px;
  }
}

@media screen and (max-width: 1366px) {
  .schedule {
    gap: 12px;
    font-size: 14px;
  }
}

/* AND contacts-item */

/* start js-copy-text */
.js-copy-text-btn {
  position: relative;
}

.js-copy-text-btn>* {
  transition: 0.3s;
}

.js-copy-text-btn:after {
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQgMTNMOC41IDE3LjVMMTkgNi41IiBzdHJva2U9IiMyODI4MjkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiAvPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc3ZnPg==");
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 24px;
  opacity: 0;
  transition: 0.3s;
}

.js-copy-text.-copyed .js-copy-text-btn {
  pointer-events: none;
}

.js-copy-text.-copyed .js-copy-text-btn>* {
  opacity: 0;
}

.js-copy-text.-copyed .js-copy-text-btn:after {
  opacity: 1;
}

/* AND js-copy-text */

/* start star-rating */
.star-rating {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.star-rating__wrap {
  display: flex;
  align-items: center;
  gap: 12px;
}

.star-rating__wrap .rating-project svg {
  width: 28px;
  height: 28px;
}

.star-rating__wrap .rating-project {
  width: 140px !important;
}

.star-rating__stars {
  position: relative;
  display: flex;
  align-items: center;
}

.star-rating__cover {
  position: absolute;
  top: 0;
  right: 5px;
  height: 100%;
  overflow: hidden;
  background: white;
  mix-blend-mode: color;
}

.star-rating__value {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.5;
}

.star-rating__num {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  color: var(--base-gray-color-06);
}

@media (max-width: 1920px) {
  .star-rating {
    gap: calc(12px + (20 - 12) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .star-rating__wrap {
    gap: calc(8px + (12 - 8) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .star-rating__stars svg {
    width: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .star-rating__value {
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .star-rating__num {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .star-rating__wrap .rating-project svg {
    width: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .star-rating__wrap .rating-project {
    width: calc(120px + (140 - 120) * ((100vw - 1536px) / (1920 - 1536))) !important;
  }
}

@media screen and (max-width: 1536px) {
  .star-rating {
    gap: 12px;
  }

  .star-rating__wrap {
    gap: 8px;
  }

  .star-rating__value {
    font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .star-rating__num {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .star-rating__wrap .rating-project svg {
    width: 24px;
    height: 24px;
  }

  .star-rating__wrap .rating-project {
    width: 120px !important;
  }
}

@media screen and (max-width: 1366px) {
  .star-rating__num {
    font-size: 16px;
  }

  .star-rating__value {
    font-size: 18px;
  }
}

@media screen and (max-width: 1024px) {
  .star-rating__value {
    font-size: 20px;
  }
}

/* AND star-rating */
/* start meeting */
.meeting {
  padding-top: 224px;
}

.meeting__wrap {
  /* max-width: 1090px; */
  max-width: 1245px;
  width: 100%;
  margin: 0 auto 72px;
}

.meeting__rating {
  margin-bottom: 32px;
}

.meeting__title {
  margin-bottom: 48px;
  text-align: center;
}

.meeting__title mark {
  padding: 0 7px;
  border-radius: 12px;
  background-color: #FF6800;
  color: #fff;
}

.meeting__desc {
  max-width: 847px;
  width: 100%;
  margin: 0 auto;
  font-size: 24px;
  line-height: 1.5;
  text-align: center;
  color: var(--base-gray-color-06);
}

.meeting__video {
  position: relative;
  border-radius: 32px;
  overflow: hidden;
}

.meeting__video-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 1920px) {
  .meeting {
    padding-top: calc(192px + (224 - 192) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .meeting__wrap {
    /* max-width: calc(872px + (1090 - 872) * ((100vw - 1536px) / (1920 - 1536))); */
    max-width: calc(1050px + (1245 - 1050) * ((100vw - 1536px) / (1920 - 1536)));
    margin-bottom: calc(64px + (72 - 64) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .meeting__rating {
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .meeting__title {
    margin-bottom: calc(40px + (48 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .meeting__desc {
    max-width: 100%;
    font-size: calc(18px + (24 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .meeting__video {
    border-radius: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .meeting {
    padding-top: calc(172px + (192 - 172) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .meeting__wrap {
    max-width: calc(792px + (872 - 792) * ((100vw - 1366px) / (1536 - 1366)));
    margin-bottom: calc(48px + (64 - 48) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .meeting__rating {
    margin-bottom: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .meeting__title {
    margin-bottom: calc(32px + (40 - 32) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .meeting__title.title-h1 {
    font-size: calc(56px + (64 - 56) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .meeting__desc {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .meeting__video {
    border-radius: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .meeting {
    padding-top: calc(120px + (172 - 120) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .meeting__wrap {
    max-width: 792px;
    margin-bottom: calc(40px + (48 - 40) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .meeting__rating {
    margin-bottom: calc(16px + (20 - 16) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .meeting__title {
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .meeting__desc {
    font-size: 16px;
  }

  .meeting__video {
    border-radius: calc(18px + (24 - 18) * ((100vw - 1024px) / (1366 - 1024)));
  }
}

@media screen and (max-width: 1024px) {
  .meeting {
    padding-top: calc(96px + (120 - 96) * ((100vw - 393px) / (1024 - 393)));
  }

  .meeting__wrap {
    margin-bottom: calc(32px + (40 - 32) * ((100vw - 393px) / (1024 - 393)));
  }

  .meeting__rating {
    margin-bottom: 16px;
  }

  .meeting__title {
    margin-bottom: 24px;
  }

  .meeting__video {
    border-radius: calc(12px + (18 - 12) * ((100vw - 393px) / (1024 - 393)));
  }
}

@media (max-width:393px) {
  .meeting__title.title-h1 {
    font-size: 32px;
  }
}

/* AND meeting */

/* start gallery */
.gallery__slider {
  max-width: 1840px;
  width: 100%;
  margin: 0 auto;
}

.gallery__slider-wrapper {
  margin-bottom: 56px;
}

.gallery__slider-item {
  height: 920px;
  border-radius: 32px;
  overflow: hidden;
  line-height: 0;
}

.gallery__slider-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gallery__slider-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.gallery__slider-pagination {
  position: unset;
  max-width: 496px;
  width: 100%;
  height: 8px !important;
  overflow: hidden;
  border-radius: 4px;
  background-color: var(--base-gray-color-02);
}

.gallery__slider-pagination>.swiper-pagination-progressbar-fill {
  overflow: hidden;
  border-radius: 4px;
  background-color: var(--base-black-color);
}

.gallery__slider-pagination .swiper-scrollbar-drag {
  background-color: #282829;
  cursor: pointer;
}

.gallery__slider-navigation {
  display: flex;
  align-items: center;
  gap: 16px;
}

.gallery__slider-navigation-btn.swiper-button-disabled {
  opacity: 0.6;
  pointer-events: none;
}

@media (max-width: 1920px) {
  .gallery__slider {
    max-width: calc(1472px + (1840 - 1472) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .gallery__slider-item {
    height: calc(760px + (920 - 760) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .gallery__slider-wrapper {
    margin-bottom: calc(40px + (56 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .gallery__slider-pagination {
    max-width: calc(388px + (496 - 388) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .gallery__slider {
    max-width: calc(1302px + (1472 - 1302) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .gallery__slider-wrapper {
    margin-bottom: calc(32px + (40 - 32) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .gallery__slider-item {
    border-radius: 28px;
    height: calc(680px + (760 - 680) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .gallery__slider-pagination {
    max-width: 388px;
  }
}

@media screen and (max-width: 1366px) {
  .gallery__slider {
    max-width: calc(1008px + (1302 - 1008) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .gallery__slider-wrapper {
    margin-bottom: 32px;
  }

  .gallery__slider-item {
    height: calc(560px + (680 - 560) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .gallery__slider-pagination {
    max-width: 488px;
    height: 6px !important;
  }
}

@media screen and (max-width: 1024px) {
  .gallery__slider {
    max-width: 1008px;
  }

  .gallery__slider-item {
    height: calc(240px + (540 - 240) * ((100vw - 393px) / (1024 - 393)));
    border-radius: calc(24px + (28 - 24) * ((100vw - 393px) / (1024 - 393)));
  }

  .gallery__slider-pagination {
    max-width: calc(177px + (488 - 177) * ((100vw - 393px) / (1024 - 393)));
  }
}

/* AND gallery */

/*start slider-project*/
.slider-project__top {
  display: grid;
  grid-template-columns: 1fr min-content;
  grid-gap: 30px;
  align-items: center;
}

.slider-project__arrows {
  display: flex;
  align-items: center;
  grid-gap: 16px;
}

.slider-project__arrow {
  border-radius: 12px;
  border: none;
  outline: none;
  background: #fff;
  width: 56px;
  min-width: 56px;
  height: 56px;
  padding: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: center;
  transition: 0.3s;
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
}

.slider-project__arrow:hover {
  background-color: #ff6800;
}

.slider-project__arrow:hover svg path[stroke] {
  stroke: #fff;
}

.slider-project__arrow svg path {
  transition: 0.3s;
}

.slider-project__arrow.swiper-button-disabled {
  pointer-events: none;
}

.slider-project__arrow.swiper-button-disabled svg path[stroke] {
  stroke: #93969c;
}

.slider-project__bottom {
  display: flex;
  justify-content: center;
  gap: 16px;
}

@media (max-width: 500px) {
  .slider-project__bottom {
    flex-direction: column;
    align-items: center;
  }

  .slider-project__bottom a {
    width: 90%;
  }
}

.slider-project__overflow {
  /* overflow-x: hidden; */
  user-select: none;
}

.swiper.slider-project__inner .swiper-wrapper {
  align-items: stretch;
}

.slider-project__inner {
  overflow: initial;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 184px;
}

.slider-project__inner .swiper-slide {
  width: auto;
  height: auto;
  display: flex;
}

@media (max-width: 1920px) {
  .slider-project__inner {
    padding: 0 calc(108px + (184 - 108) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .slider-project__arrow {
    width: calc(52px + (56 - 52) * ((100vw - 1536px) / (1920 - 1536)));
    min-width: calc(52px + (56 - 52) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(10px + (12 - 10) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(52px + (56 - 52) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .slider-project__inner {
    padding: 0 calc(85px + (108 - 85) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .slider-project__arrow {
    border-radius: 10px;
    width: calc(48px + (52 - 48) * ((100vw - 1366px) / (1536 - 1366)));
    min-width: calc(48px + (52 - 48) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(48px + (52 - 48) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .slider-project__arrow svg {
    height: calc(12px + (14 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .slider-project__inner {
    padding: 0 calc(56px + (85 - 56) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .slider-project__arrow {
    width: 48px;
    min-width: 48px;
    height: 48px;
  }

  .slider-project__arrow svg {
    height: 12px;
  }
}

@media (max-width: 1024px) {
  .slider-project__arrows {
    display: none !important;
  }

  .slider-project__inner {
    padding: 0 calc(16px + (56 - 16) * ((100vw - 390px) / (1024 - 390)));
  }
}

@media (max-width: 390px) {
  .slider-project__inner {
    padding: 0 16px;
  }
}

/*end slider-project*/

/*start btn-orange-hover*/
.btn-orange-hover {
  border-radius: 12px;
  background: #f3f4f6;
  width: 56px;
  height: 56px;
  min-width: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}

.btn-orange-hover svg {
  width: 24px;
  height: 24px;
}

.btn-orange-hover svg path[stroke],
.btn-orange-hover svg path[fill] {
  transition: 0.3s;
}

.btn-orange-hover svg path[stroke] {
  stroke: #282829;
}

.btn-orange-hover svg path[fill] {
  fill: #282829;
}

.btn-orange-hover:hover,
.btn-orange-hover.hover {
  background-color: #ff6800;
}

.btn-orange-hover:hover svg path[stroke],
.btn-orange-hover.hover svg path[stroke] {
  stroke: #fff;
}

.btn-orange-hover:hover svg path[fill],
.btn-orange-hover.hover svg path[fill] {
  fill: #fff;
}

@media (max-width: 1920px) {
  .btn-orange-hover {
    width: calc(52px + (56 - 52) * ((100vw - 1536px) / (1920 - 1536)));
    min-width: calc(52px + (56 - 52) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(52px + (56 - 52) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(10px + (12 - 10) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .btn-orange-hover {
    width: calc(48px + (52 - 48) * ((100vw - 1366px) / (1536 - 1366)));
    min-width: calc(48px + (52 - 48) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(48px + (52 - 48) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: 10px;
  }

  .btn-orange-hover svg {
    width: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .btn-orange-hover {
    width: calc(44px + (48 - 44) * ((100vw - 1024px) / (1366 - 1024)));
    min-width: calc(44px + (48 - 44) * ((100vw - 1024px) / (1366 - 1024)));
    height: calc(44px + (48 - 44) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .btn-orange-hover svg {
    width: 20px;
    height: 20px;
  }
}

@media (max-width: 1024px) {

  .btn-orange-hover:hover,
  .btn-orange-hover.hover {
    background: #f3f4f6;
  }

  .btn-orange-hover:hover svg path[stroke],
  .btn-orange-hover.hover svg path[stroke] {
    stroke: #282829;
  }

  .btn-orange-hover:hover svg path[fill],
  .btn-orange-hover.hover svg path[fill] {
    fill: #282829;
  }

  .product-card__button--basket .btn-orange-hover::before {
    display: none;
  }

  .btn-orange-hover {
    width: 44px;
    min-width: 44px;
    height: 44px;
  }
}

/*end btn-orange-hover*/

/*start card__blog*/
.card__blog {
  border-radius: 20px;
  overflow: hidden;
  transition: 0.3s;
  background: #fff;
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
}

.card__blog.card__blog--height-auto .card__blog-wrap {
  height: auto !important;
}

.card__blog.card__blog--height-auto .card__top {
  margin-bottom: 24px;
}

.card__blog-wrap {
  height: 700px;
  display: flex;
  align-items: stretch;
  flex-direction: column;
}

.card__blog-image img {
  width: 100%;
  object-fit: cover;
  object-position: center;
  height: 100%;
}

.card__blog-image {
  width: 100%;
  min-height: 300px;
  overflow: hidden;
  border-radius: 4px;
}

.card__blog.has-image .card__blog-image {
  display: block;
}

.card__blog-image {
  display: none;
}

.card__blog.has-image .card__inner {
  padding-top: 24px;
}

.card__blog.has-image .card__top {
  margin-bottom: 24px;
}

.card__blog:hover {
  box-shadow: 0px 4px 20px 0px rgba(141, 177, 195, 0.16);
}

.card__inner {
  padding: 48px;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.card__top {
  display: flex;
  grid-gap: 20px;
  white-space: nowrap;

  margin-bottom: 40px;
  align-items: center;
  justify-content: space-between;
}

.card__tag {
  font-size: 18px;
  color: #282829;
  line-height: 150%;
  text-overflow: ellipsis;
  overflow: hidden;
  border-radius: 8px;
  padding: 8px 20px;
  /* font-weight: 600; */
  font-weight: 500;
  background-color: #f3f4f6;
}

.card__date {
  margin-left: auto;
  color: #686871;
  font-size: 18px;
  line-height: 140%;
}

.card__content {
  margin-bottom: auto;
}

.card__title {
  color: #282829;
  font-size: 32px;
  line-height: 140%;
  font-weight: 700;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card__blog.has-image .card__text {
  -webkit-line-clamp: 2;
}

.card__text {
  -webkit-line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 24px;
  margin-bottom: auto;
  font-size: 18px;
  line-height: 140%;
  color: #686871;
}

.card__bottom {
  margin-top: 40px;
  display: grid;
  grid-template-columns: 1fr min-content;
  grid-gap: 30px;
  align-items: center;
  justify-content: space-between;
}

.card__user {
  display: flex;
  grid-gap: 12px;
  overflow: hidden;
  align-items: center;
}

.card__user-avatar img {
  width: 48px;
  height: 48px;
  object-fit: cover;
  object-position: center;
  border-radius: 12px;
}

.card__user-box {
  overflow: hidden;
}

.card__user-name {
  color: #282829;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 20px;
  /* font-weight: 600; */
  font-weight: 500;
  overflow: hidden;
  line-height: 140%;
}

.card__user-work {
  margin-top: 4px;
  color: #686871;
  font-size: 16px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 140%;
}

.card__blog.has-image.card__blog--list .card__blog-wrap {
  height: 330px;
  flex-direction: row;
  display: flex;
}

.card__blog.has-image.card__blog--list .card__blog-image {
  min-height: 100%;
  height: 100%;
  width: 330px;
  border-radius: 0;
  min-width: 330px;
}

.card__blog.has-image.card__blog--list .card__inner {
  padding: 32px;
  width: 100%;
}

.card__blog.has-image.card__blog--list .card__title {
  font-size: 24px;
}

.card__blog.has-image.card__blog--list .card__text {
  margin-top: 16px;
}

.card__blog.has-image.card__blog--list .card__bottom {
  margin-top: auto;
}

@media (max-width: 1920px) {
  .card__blog-wrap {
    height: calc(645px + (700 - 645) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .card__blog-image {
    min-height: calc(280px + (300 - 280) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .card__tag {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    padding: 8px calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(6px + (8 - 6) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .card__date {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .card__blog.has-image .card__top {
    margin-bottom: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .card__title {
    font-size: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .card__text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    margin-top: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .card__bottom {
    margin-top: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .card__user-avatar img {
    width: calc(44px + (48 - 44) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(44px + (48 - 44) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .card__user-name {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .card__user-work {
    font-size: calc(14px + (18 - 14) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .card__inner {
    padding: calc(40px + (48 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .card__top {
    margin-bottom: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .card__blog.has-image.card__blog--list .card__blog-wrap {
    height: calc(280px + (330 - 280) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .card__blog.has-image.card__blog--list .card__blog-image {
    min-height: 100%;
    height: 100%;
    width: calc(280px + (330 - 280) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: 0;
    min-width: calc(280px + (330 - 280) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .card__blog.has-image.card__blog--list .card__inner {
    padding: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .card__blog.has-image.card__blog--list .card__title {
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .card__blog.has-image.card__blog--list .card__text {
    margin-top: 16px;
  }

  .card__blog.has-image.card__blog--list .card__bottom {
    margin-top: auto;
  }
}

@media (max-width: 1536px) {
  .card__blog-wrap {
    height: calc(560px + (645 - 560) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .card__blog {
    border-radius: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .card__blog-image {
    min-height: calc(240px + (280 - 240) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .card__tag {
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
    padding: calc(6px + (8 - 6) * ((100vw - 1366px) / (1536 - 1366))) calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: 6px;
  }

  .card__title {
    font-size: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .card__date {
    font-size: 16px;
  }

  .card__top {
    margin-bottom: 20px;
  }

  .card__text {
    font-size: 16px;
    margin-top: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .card__user-avatar img {
    width: calc(40px + (44 - 40) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(40px + (44 - 40) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .card__user-name {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .card__user-work {
    font-size: 14px;
  }

  .card__bottom {
    margin-top: calc(20px + (32 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .card__inner {
    padding: calc(32px + (40 - 32) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .card__blog.has-image .card__top {
    margin-bottom: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .card__blog.has-image.card__blog--list .card__blog-wrap {
    height: calc(256px + (280 - 256) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .card__blog.has-image.card__blog--list .card__blog-image {
    min-height: 100%;
    height: 100%;
    width: calc(256px + (280 - 256) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: 0;
    min-width: calc(256px + (280 - 256) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .card__blog.has-image.card__blog--list .card__inner {
    padding: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .card__blog.has-image.card__blog--list .card__title {
    font-size: 20px;
  }

  .card__blog.has-image.card__blog--list .card__text {
    margin-top: 16px;
  }

  .card__blog.has-image.card__blog--list .card__bottom {
    margin-top: auto;
  }
}

@media (max-width: 1366px) {
  .card__blog.has-image .card__top {
    margin-bottom: 16px;
  }

  .card__user-work {
    margin-top: 2px;
  }

  .card__blog-wrap {
    height: calc(495px + (560 - 495) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .card__blog {
    border-radius: calc(16px + (18 - 16) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .card__blog-image {
    min-height: calc(200px + (240 - 200) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .card__title {
    font-size: calc(20px + (24 - 20) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .card__user-avatar img {
    width: 40px;
    height: 40px;
  }

  .card__user-name {
    font-size: 16px;
  }

  .card__bottom {
    margin-top: 20px;
  }

  .card__text {
    margin-top: calc(12px + (16 - 12) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .card__inner {
    padding: calc(24px + (32 - 24) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .card__tag {
    font-size: 14px;
    padding: 6px 12px;
  }

  .card__blog.has-image.card__blog--list .card__blog-wrap {
    height: 256px;
  }

  .card__blog.has-image.card__blog--list .card__blog-image {
    min-height: 100%;
    height: 100%;
    width: 256px;
    border-radius: 0;
    min-width: 256px;
  }

  .card__blog.has-image.card__blog--list .card__inner {
    padding: 20px;
  }

  .card__blog.has-image.card__blog--list .card__title {
    font-size: 20px;
  }

  .card__blog.has-image.card__blog--list .card__text {
    margin-top: 16px;
  }

  .card__blog.has-image.card__blog--list .card__bottom {
    margin-top: auto;
  }
}

@media (max-width: 1024px) {
  .card__inner {
    padding: calc(20px + (24 - 20) * ((100vw - 390px) / (1024 - 390)));
  }

  .card__date {
    font-size: calc(14px + (16 - 14) * ((100vw - 390px) / (1024 - 390)));
  }

  .card__text {
    margin-top: 12px;
    font-size: calc(14px + (16 - 14) * ((100vw - 390px) / (1024 - 390)));
  }

  .card__blog-wrap {
    height: calc(465px + (495 - 465) * ((100vw - 390px) / (1024 - 390)));
  }

  .card__blog {
    border-radius: 16px;
  }

  .card__blog-image {
    min-height: calc(180px + (200 - 180) * ((100vw - 390px) / (1024 - 390)));
  }

  .card__title {
    font-size: calc(18px + (20 - 18) * ((100vw - 390px) / (1024 - 390)));
  }

  .card__user-avatar img {
    width: calc(32px + (40 - 32) * ((100vw - 390px) / (1024 - 390)));
    border-radius: calc(8px + (12 - 8) * ((100vw - 390px) / (1024 - 390)));
    height: calc(32px + (40 - 32) * ((100vw - 390px) / (1024 - 390)));
  }
}

@media (max-width: 900px) {
  .card__blog.has-image.card__blog--list .card__blog-wrap {
    height: auto;
    flex-direction: column;
  }

  .card__blog.has-image.card__blog--list .card__blog-image {
    min-height: 180px;
    height: 180px;
    width: 100%;
    border-radius: 4px;
    min-width: 100%;
  }

  .card__blog.has-image.card__blog--list .card__inner {
    padding: 24px 20px 20px;
  }

  .card__blog.has-image.card__blog--list .card__title {
    font-size: 18px;
  }

  .card__blog.has-image.card__blog--list .card__text {
    margin-top: 12px;
  }

  .card__blog.has-image.card__blog--list .card__bottom {
    margin-top: 40px;
  }
}

@media (max-width: 390px) {
  .card__text {
    font-size: 14px;
  }

  .card__inner {
    padding: 20px;
  }

  .card__date {
    font-size: 14px;
  }

  .card__user-avatar img {
    border-radius: 8px;
    width: 32px;
    height: 32px;
  }

  .card__blog-wrap {
    height: 465px;
  }

  .card__blog-image {
    min-height: 180px;
  }

  .card__title {
    font-size: 18px;
  }
}

/*end card__blog*/

/*start card-project*/
.card-project {
  position: relative;
  overflow: hidden;
  background: #fff;
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
  border-radius: 24px;
  transition: 0.3s;
}

.project-slider .card-project {
  width: 100%;
}

.card-project:hover {
  box-shadow: 0px 4px 20px 0px rgba(141, 177, 195, 0.16);
}

.card-project__wrapper {
  overflow: hidden;
  display: flex;
  padding: 40px;
  height: 760px;
  flex-direction: column;
}

.card-project__image {
  height: 360px;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 32px;
}

.card-project__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.card-project__title {
  color: #282829;
  margin-bottom: 32px;
  font-size: 32px;
  font-weight: 600;
  line-height: 130%;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card-project__tags {
  position: relative;
  overflow: hidden;
}

.card-project__tags-views,
.card-project__tags-none {
  display: flex;
  white-space: nowrap;
  /* flex-wrap: wrap; */
  grid-gap: 8px;
}

.card-project__tags-views .card__tag,
.card-project__tags-none .card__tag {
  text-overflow: initial;
  overflow: initial;
}

.card__tag--num {
  display: none;
  padding-left: 12px;
  padding-right: 12px;
}

.card-project__tags-none {
  position: absolute;
  top: 0;
  opacity: 0;
  pointer-events: none;
}

.card__tag {}

.card-project__bottom {
  margin-top: auto;
}

.card-project__bottom-box {
  display: flex;
  justify-content: flex-end;
}

.card-project__bottom-text {
  font-family: "NT Somic", sans-serif;
  color: #686871;
  font-size: 16px;
  margin-bottom: 8px;
  line-height: 140%;
}

.card-project__products {
  position: absolute;
  z-index: 2;
  bottom: 40px;
  left: 40px;
}

.card-project__products-items {
  display: flex;
  grid-gap: 16px;
  align-items: center;
}

.card-project__products-item img {
  width: 48px;
}

.card-project__products-box {
  display: grid;
  grid-template-columns: 1fr min-content;
  grid-gap: 32px;
  align-items: center;
  white-space: nowrap;
}

.card-project__products-box-title {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 470px;
  font-size: 16px;
  line-height: 150%;
  /* width: 470px; */
  /* height: 400px; */
}

.card-project__products-box-price {
  font-size: 16px;
  line-height: 150%;
}

.card-project__products-box-price.stock {
  border-radius: 8px;
  padding: 2px 12px;
  background: #ffdc42;
}

.card-project.card-project--list .card-project__wrapper {
  height: 330px;
  padding: 0;
  padding-right: 32px;
  padding-top: 32px;
  padding-bottom: 32px;
}

.card-project.card-project--list .card-project__image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 330px;
  border-top-right-radius: 0;
  margin-bottom: 0;
  height: 100%;
  border-bottom-right-radius: 0;
}

.card-project.card-project--list .card-project__title {
  margin-left: 362px;
  margin-bottom: 16px;
  font-size: 24px;
}

.card-project.card-project--list .card-project__tags {
  margin-left: 362px;
}

.card-project.card-project--list .card-project__bottom {
  margin-left: 362px;
}

.card-project.card-project--list .card-project__products {
  left: 565px;
}

.card-project.card-project--list .card-project__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.card-project.card-project--list .card-project__bottom-text {
  margin-bottom: 0;
}

.card-project.card-project--list .card-project__products {
  bottom: 35px;
}

@media (max-width: 1920px) {
  .card-project__image {
    height: calc(320px + (360 - 320) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .card-project__title {
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .card-project {
    border-radius: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .card-project__wrapper {
    padding: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(670px + (760 - 670) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .card-project__bottom-text {
    font-size: calc(14px + (16 - 14) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .card-project__products-item img {
    width: calc(44px + (48 - 44) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .card-project__products {
    bottom: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
    left: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .card-project__products-box {
    grid-gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .card-project__products-box-title {
    max-width: calc(355px + (470 - 355) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .card__tag--num {
    padding-left: calc(8px + (12 - 8) * ((100vw - 1536px) / (1920 - 1536)));
    padding-right: calc(8px + (12 - 8) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .card-project.card-project--list .card-project__wrapper {
    height: calc(280px + (330 - 280) * ((100vw - 1536px) / (1920 - 1536)));
    padding-right: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    padding-top: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    padding-bottom: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .card-project.card-project--list .card-project__image {
    width: calc(280px + (330 - 280) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .card-project.card-project--list .card-project__title {
    margin-left: calc(304px + (362 - 304) * ((100vw - 1536px) / (1920 - 1536)));
    margin-bottom: 16px;
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .card-project.card-project--list .card-project__tags {
    margin-left: calc(304px + (362 - 304) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .card-project.card-project--list .card-project__bottom {
    margin-left: calc(304px + (362 - 304) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .card-project.card-project--list .card-project__products {
    left: calc(490px + (565 - 490) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .card-project.card-project--list .card-project__bottom-text {
    margin-bottom: 0;
  }

  .card-project.card-project--list .card-project__products {
    bottom: calc(24px + (35 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .card-project__products-box {
    grid-gap: calc(12px + (24 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .card-project__products {
    bottom: calc(28px + (32 - 28) * ((100vw - 1366px) / (1536 - 1366)));
    left: calc(28px + (32 - 28) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .card-project__products-item img {
    width: 44px;
  }

  .card-project__bottom-text {
    font-size: 14px;
  }

  .card-project__image {
    margin-bottom: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: 16px;
    height: calc(280px + (320 - 280) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .card-project__title {
    margin-bottom: 24px;
    font-size: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .card-project {
    border-radius: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .card-project__wrapper {
    padding: calc(28px + (32 - 28) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(595px + (670 - 595) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .card-project__products-box-title {
    max-width: calc(265px + (355 - 265) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .card__tag--num {
    padding-left: 8px;
    padding-right: 8px;
  }

  .card-project.card-project--list .card-project__wrapper {
    height: calc(256px + (280 - 256) * ((100vw - 1366px) / (1536 - 1366)));
    padding-right: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
    padding-top: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
    padding-bottom: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .card-project.card-project--list .card-project__image {
    width: calc(256px + (280 - 256) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .card-project.card-project--list .card-project__title {
    margin-left: calc(276px + (304 - 276) * ((100vw - 1366px) / (1536 - 1366)));
    margin-bottom: 16px;
    font-size: 20px;
  }

  .card-project.card-project--list .card-project__tags {
    margin-left: calc(276px + (304 - 276) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .card-project.card-project--list .card-project__bottom {
    margin-left: calc(276px + (304 - 276) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .card-project.card-project--list .card-project__products {
    left: calc(460px + (490 - 460) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .card-project.card-project--list .card-project__bottom-text {
    margin-bottom: 0;
  }

  .card-project.card-project--list .card-project__products {
    bottom: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .card__tag--num {
    padding-left: 8px;
    padding-right: 8px;
  }

  .card-project__products-box-title {
    max-width: 265px;
  }

  .card-project__products-box {
    grid-gap: 12px;
  }

  .card-project__products {
    bottom: calc(24px + (28 - 24) * ((100vw - 1024px) / (1366 - 1024)));
    left: calc(24px + (28 - 24) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .card-project__image {
    margin-bottom: calc(16px + (20 - 16) * ((100vw - 1024px) / (1366 - 1024)));
    height: calc(240px + (280 - 240) * ((100vw - 1024px) / (1366 - 1024)));
    border-radius: calc(12px + (16 - 12) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .card-project__title {
    margin-bottom: calc(20px + (24 - 20) * ((100vw - 1024px) / (1366 - 1024)));
    font-size: calc(20px + (24 - 20) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .card-project {
    border-radius: calc(16px + (18 - 16) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .card-project__wrapper {
    padding: calc(24px + (28 - 24) * ((100vw - 1024px) / (1366 - 1024)));
    height: calc(520px + (595 - 520) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .card-project.card-project--list .card-project__wrapper {
    height: 256px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .card-project.card-project--list .card-project__image {
    width: 256px;
  }

  .card-project.card-project--list .card-project__title {
    margin-left: 276px;
    margin-bottom: 16px;
    font-size: 20px;
  }

  .card-project.card-project--list .card-project__tags {
    margin-left: 276px;
  }

  .card-project.card-project--list .card-project__bottom {
    margin-left: 276px;
  }

  .card-project.card-project--list .card-project__products {
    left: 460px;
  }

  .card-project.card-project--list .card-project__bottom-text {
    margin-bottom: 0;
  }

  .card-project.card-project--list .card-project__products {
    bottom: 20px;
  }
}

@media (max-width: 1024px) {
  .card__tag--num {
    padding-left: 8px;
    padding-right: 8px;
  }

  .card-project__products {
    bottom: calc(20px + (24 - 20) * ((100vw - 390px) / (1024 - 390)));
    left: calc(20px + (24 - 20) * ((100vw - 390px) / (1024 - 390)));
  }

  .card-project__title {
    margin-bottom: 20px;
    font-size: calc(18px + (20 - 18) * ((100vw - 390px) / (1024 - 390)));
  }

  .card-project__image {
    margin-bottom: 16px;
    border-radius: 12px;
    height: calc(180px + (240 - 180) * ((100vw - 390px) / (1024 - 390)));
  }

  .card-project {
    border-radius: 16px;
  }

  .card-project__wrapper {
    padding: calc(20px + (24 - 20) * ((100vw - 390px) / (1024 - 390)));
    height: calc(430px + (520 - 430) * ((100vw - 390px) / (1024 - 390)));
  }

  .card-project__products-item img {
    width: calc(36px + (44 - 36) * ((100vw - 390px) / (1024 - 390)));
  }
}

@media (max-width: 900px) {

  .card-project__tags-views,
  .card-project__tags-none {
    grid-gap: 4px;
  }

  .card-project.card-project--list .card-project__wrapper {
    height: 430px;
    padding-right: 20px;
    padding-top: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
  }

  .card-project.card-project--list .card-project__image {
    width: 100%;
    height: 180px;
    margin-bottom: 16px;
    border-radius: 12px;
    position: static;
  }

  .card-project.card-project--list .card-project__title {
    margin-left: 0px;
    margin-bottom: 20px;
    font-size: 18px;
  }

  .card-project.card-project--list .card-project__tags {
    margin-left: 0px;
  }

  .card-project.card-project--list .card-project__bottom {
    margin-left: 0px;
  }

  .card-project.card-project--list .card-project__products {
    left: 20px;
  }

  .card-project.card-project--list .card-project__bottom-text {
    margin-bottom: 0;
  }

  .card-project.card-project--list .card-project__products {
    bottom: 20px;
  }

  .card-project.card-project--list .card-project__bottom {
    display: block;
  }
}

@media (max-width: 390px) {
  .card__tag--num {
    padding-left: 8px;
    padding-right: 8px;
  }

  .card-project__products {
    bottom: 20px;
    left: 20px;
  }

  .card-project__products-item img {
    width: 36px;
  }

  .card-project__wrapper {
    height: 430px;
    padding: 20px;
  }

  .card-project__image {
    height: 180px;
  }

  .card-project__title {
    font-size: 18px;
  }
}

/*end card-project*/

/*start tooltip-project*/
.tooltip-project-element {
  position: fixed;
  z-index: 10000;
  padding: 16px;
  pointer-events: none;
  border-radius: 12px;
  border: 1px solid #e9ebee;
  background: #fff;
  box-shadow: 0px 4px 12px 0px rgba(124, 138, 155, 0.16);
  display: none;
  opacity: 0;
  color: #444446;
  font-size: 16px;
  overflow: hidden;
  font-weight: 400;
  line-height: 150%;
  transition: opacity 0.2s;
}

@media (max-width: 1536px) {
  .tooltip-project-element {
    padding: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .tooltip-project-element {
    padding: 12px;
  }
}

/*end tooltip-project-element*/

/*start home*/
.home {
  padding-top: 270px;
}

.home__top {
  grid-gap: 32px;
  margin-bottom: 80px;
}

.home__top-box {
  display: flex;
  justify-content: center;
}

.home__top-year {
  text-align: center;
}

.home__top.home-opacity-and-transform,
.home__inner.home-opacity-and-transform {
  opacity: 0;
  transform: translateY(30px);
  transition: 0.5s ease-in-out;
}

.home__top.home-opacity-and-transform.active,
.home__inner.home-opacity-and-transform.active {
  opacity: 1;
  transform: translateY(0);
}

.home__title {
  text-align: center;
  margin-bottom: 48px;
}

.home__top-box {
  margin-bottom: 32px;
}

.home__top-year {
  color: #ff6800;
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
  display: flex;
  align-items: center;
  grid-gap: 12px;
  border-radius: 100px;
  background: #fff;
  padding: 8px 24px;
  box-shadow: 0 2px 6px 0 rgba(141, 177, 195, 0.12);
}

.home__title span {
  position: relative;
  transition: color 0.7s;
}

.home__text {
  text-align: center;
  font-size: 20px;
  max-width: 660px;
  margin-left: auto;
  margin-right: auto;
  color: #686871;
  line-height: 150%;
}

.home__text b {
  color: #282829;
}

.home__title mark {
  background-color: #ff6800;
  border-radius: 12px;
  color: #fff;
  line-height: 150%;
  padding: 6px 10px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.home__title span::before {
  content: "";
  position: absolute;
  top: 0;
  left: -10px;
  bottom: -5px;
  background-color: #ff6800;
  border-radius: 12px;
  width: 0%;
  transition: 0.7s ease-in-out;
  z-index: -1;
}

.home__title.active span::before {
  width: calc(100% + 20px);
}

.home__title.active span {
  color: #fff;
}

.home__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 32px;
}

.home__left {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 32px;
}

.home__discount {
  grid-column: span 2;
}

.home__discount:hover .home__discount-box,
.home__discount:hover .home__discount-bottom {
  cursor: pointer;
  box-shadow: 0px 4px 20px 0px rgba(141, 177, 195, 0.16);
}

.home__discount-box {
  padding: 40px;
  border-radius: 24px;
  transition: 0.3s;
  background-color: #fff;
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
}

.home__discount-title {
  font-size: 28px;
  margin-bottom: 16px;
  line-height: 140%;
  font-weight: 600;
}

.home--about .home__discount-text {
  margin-bottom: 0;
}

.home__discount-text {
  color: #686871;
  font-size: 20px;
  line-height: 150%;
  margin-bottom: 32px;
}

.home--about .home__discount-items {
  display: none;
}

.home__discount-items {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 8px;
}

.home__discount-item {
  color: #282829;
  font-size: 16px;
  border-radius: 8px;
  background: #f3f4f6;
  font-weight: 500;
  padding: 6px 16px;
  line-height: 150%;
}

.home__discount-bottom {
  position: relative;
  transition: 0.3s;
  background-color: #fff;
  padding: 20px;
  display: grid;
  grid-template-columns: 1fr min-content;
  grid-gap: 8px;
  border-radius: 24px;
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
}

.home__discount-bottom::before {
  content: "";
  position: absolute;
  left: 20px;
  right: 20px;
  top: -2px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzE3IiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCA3MTcgNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNSAwTDAuNSAyLjYyMjY4ZS0wN0wwLjUgNkwzLjUgNkwzLjUgMFpNNS40ODA1NiA2TDguNDgwNTYgNkw4LjQ4MDU2IC00LjM1NDE0ZS0wN0w1LjQ4MDU2IC0xLjczMTQ2ZS0wN0w1LjQ4MDU2IDZaTTE3LjM2MzkgLTEuMjEyMDJlLTA2TDE0LjM2MzkgLTkuNDk3NTFlLTA3TDE0LjM2MzkgNkwxNy4zNjM5IDZMMTcuMzYzOSAtMS4yMTIwMmUtMDZaTTIxLjMyNSA2TDI0LjMyNSA2TDI0LjMyNSAtMS44MjA1OGUtMDZMMjEuMzI1IC0xLjU1ODMxZS0wNkwyMS4zMjUgNlpNMzMuMjA4MyAtMi41OTcxOGUtMDZMMzAuMjA4MyAtMi4zMzQ5MmUtMDZMMzAuMjA4MyA2TDMzLjIwODMgNkwzMy4yMDgzIC0yLjU5NzE4ZS0wNlpNMzcuMTY5NCA2TDQwLjE2OTQgNkw0MC4xNjk0IC0zLjIwNTc0ZS0wNkwzNy4xNjk0IC0yLjk0MzQ4ZS0wNkwzNy4xNjk0IDZaTTQ5LjA1MjggLTMuOTgyMzVlLTA2TDQ2LjA1MjggLTMuNzIwMDhlLTA2TDQ2LjA1MjggNkw0OS4wNTI4IDZMNDkuMDUyOCAtMy45ODIzNWUtMDZaTTUzLjAxMzkgNkw1Ni4wMTM5IDZMNTYuMDEzOSAtNC41OTA5MWUtMDZMNTMuMDEzOSAtNC4zMjg2NGUtMDZMNTMuMDEzOSA2Wk02NC44OTcyIC01LjM2NzUyZS0wNkw2MS44OTcyIC01LjEwNTI1ZS0wNkw2MS44OTcyIDUuOTk5OTlMNjQuODk3MiA1Ljk5OTk5TDY0Ljg5NzIgLTUuMzY3NTJlLTA2Wk02OC44NTgzIDUuOTk5OTlMNzEuODU4MyA1Ljk5OTk5TDcxLjg1ODMgLTUuOTc2MDdlLTA2TDY4Ljg1ODMgLTUuNzEzODFlLTA2TDY4Ljg1ODMgNS45OTk5OVpNODAuNzQxNyAtNi43NTI2OGUtMDZMNzcuNzQxNyAtNi40OTA0MWUtMDZMNzcuNzQxNyA1Ljk5OTk5TDgwLjc0MTcgNS45OTk5OUw4MC43NDE3IC02Ljc1MjY4ZS0wNlpNODQuNzAyOCA1Ljk5OTk5TDg3LjcwMjggNS45OTk5OUw4Ny43MDI4IC03LjM2MTI0ZS0wNkw4NC43MDI4IC03LjA5ODk3ZS0wNkw4NC43MDI4IDUuOTk5OTlaTTk2LjU4NjEgLTguMTM3ODVlLTA2TDkzLjU4NjEgLTcuODc1NThlLTA2TDkzLjU4NjEgNS45OTk5OUw5Ni41ODYxIDUuOTk5OTlMOTYuNTg2MSAtOC4xMzc4NWUtMDZaTTEwMC41NDcgNS45OTk5OUwxMDMuNTQ3IDUuOTk5OTlMMTAzLjU0NyAtOC43NDY0MWUtMDZMMTAwLjU0NyAtOC40ODQxNGUtMDZMMTAwLjU0NyA1Ljk5OTk5Wk0xMTIuNDMxIC05LjUyMzAxZS0wNkwxMDkuNDMxIC05LjI2MDc0ZS0wNkwxMDkuNDMxIDUuOTk5OTlMMTEyLjQzMSA1Ljk5OTk5TDExMi40MzEgLTkuNTIzMDFlLTA2Wk0xMTYuMzkyIDUuOTk5OTlMMTE5LjM5MiA1Ljk5OTk5TDExOS4zOTIgLTEuMDEzMTZlLTA1TDExNi4zOTIgLTkuODY5M2UtMDZMMTE2LjM5MiA1Ljk5OTk5Wk0xMjguMjc1IC0xLjA5MDgyZS0wNUwxMjUuMjc1IC0xLjA2NDU5ZS0wNUwxMjUuMjc1IDUuOTk5OTlMMTI4LjI3NSA1Ljk5OTk5TDEyOC4yNzUgLTEuMDkwODJlLTA1Wk0xMzIuMjM2IDUuOTk5OTlMMTM1LjIzNiA1Ljk5OTk5TDEzNS4yMzYgLTEuMTUxNjdlLTA1TDEzMi4yMzYgLTEuMTI1NDVlLTA1TDEzMi4yMzYgNS45OTk5OVpNMTQ0LjExOSAtMS4yMjkzM2UtMDVMMTQxLjExOSAtMS4yMDMxMWUtMDVMMTQxLjExOSA1Ljk5OTk5TDE0NC4xMTkgNS45OTk5OUwxNDQuMTE5IC0xLjIyOTMzZS0wNVpNMTQ4LjA4MSA1Ljk5OTk5TDE1MS4wODEgNS45OTk5OUwxNTEuMDgxIC0xLjI5MDE5ZS0wNUwxNDguMDgxIC0xLjI2Mzk2ZS0wNUwxNDguMDgxIDUuOTk5OTlaTTE1OS45NjQgLTEuMzY3ODVlLTA1TDE1Ni45NjQgLTEuMzQxNjJlLTA1TDE1Ni45NjQgNS45OTk5OUwxNTkuOTY0IDUuOTk5OTlMMTU5Ljk2NCAtMS4zNjc4NWUtMDVaTTE2My45MjUgNS45OTk5OUwxNjYuOTI1IDUuOTk5OTlMMTY2LjkyNSAtMS40Mjg3MWUtMDVMMTYzLjkyNSAtMS40MDI0OGUtMDVMMTYzLjkyNSA1Ljk5OTk5Wk0xNzUuODA4IC0xLjUwNjM3ZS0wNUwxNzIuODA4IC0xLjQ4MDE0ZS0wNUwxNzIuODA4IDUuOTk5OTlMMTc1LjgwOCA1Ljk5OTk4TDE3NS44MDggLTEuNTA2MzdlLTA1Wk0xNzkuNzY5IDUuOTk5OThMMTgyLjc2OSA1Ljk5OTk4TDE4Mi43NjkgLTEuNTY3MjJlLTA1TDE3OS43NjkgLTEuNTQxZS0wNUwxNzkuNzY5IDUuOTk5OThaTTE5MS42NTMgLTEuNjQ0ODhlLTA1TDE4OC42NTMgLTEuNjE4NjZlLTA1TDE4OC42NTMgNS45OTk5OEwxOTEuNjUzIDUuOTk5OThMMTkxLjY1MyAtMS42NDQ4OGUtMDVaTTE5NS42MTQgNS45OTk5OEwxOTguNjE0IDUuOTk5OThMMTk4LjYxNCAtMS43MDU3NGUtMDVMMTk1LjYxNCAtMS42Nzk1MWUtMDVMMTk1LjYxNCA1Ljk5OTk4Wk0yMDcuNDk3IC0xLjc4MzRlLTA1TDIwNC40OTcgLTEuNzU3MTdlLTA1TDIwNC40OTcgNS45OTk5OEwyMDcuNDk3IDUuOTk5OThMMjA3LjQ5NyAtMS43ODM0ZS0wNVpNMjExLjQ1OCA1Ljk5OTk4TDIxNC40NTggNS45OTk5OEwyMTQuNDU4IC0xLjg0NDI2ZS0wNUwyMTEuNDU4IC0xLjgxODAzZS0wNUwyMTEuNDU4IDUuOTk5OThaTTIyMy4zNDIgLTEuOTIxOTJlLTA1TDIyMC4zNDIgLTEuODk1NjllLTA1TDIyMC4zNDIgNS45OTk5OEwyMjMuMzQyIDUuOTk5OThMMjIzLjM0MiAtMS45MjE5MmUtMDVaTTIyNy4zMDMgNS45OTk5OEwyMzAuMzAzIDUuOTk5OThMMjMwLjMwMyAtMS45ODI3N2UtMDVMMjI3LjMwMyAtMS45NTY1NWUtMDVMMjI3LjMwMyA1Ljk5OTk4Wk0yMzkuMTg2IC0yLjA2MDQzZS0wNUwyMzYuMTg2IC0yLjAzNDIxZS0wNUwyMzYuMTg2IDUuOTk5OThMMjM5LjE4NiA1Ljk5OTk4TDIzOS4xODYgLTIuMDYwNDNlLTA1Wk0yNDMuMTQ3IDUuOTk5OThMMjQ2LjE0NyA1Ljk5OTk4TDI0Ni4xNDcgLTIuMTIxMjllLTA1TDI0My4xNDcgLTIuMDk1MDZlLTA1TDI0My4xNDcgNS45OTk5OFpNMjU1LjAzIC0yLjE5ODk1ZS0wNUwyNTIuMDMgLTIuMTcyNzJlLTA1TDI1Mi4wMyA1Ljk5OTk4TDI1NS4wMyA1Ljk5OTk4TDI1NS4wMyAtMi4xOTg5NWUtMDVaTTI1OC45OTIgNS45OTk5OEwyNjEuOTkyIDUuOTk5OThMMjYxLjk5MiAtMi4yNTk4MWUtMDVMMjU4Ljk5MiAtMi4yMzM1OGUtMDVMMjU4Ljk5MiA1Ljk5OTk4Wk0yNzAuODc1IC0yLjMzNzQ3ZS0wNUwyNjcuODc1IC0yLjMxMTI0ZS0wNUwyNjcuODc1IDUuOTk5OThMMjcwLjg3NSA1Ljk5OTk4TDI3MC44NzUgLTIuMzM3NDdlLTA1Wk0yNzQuODM2IDUuOTk5OThMMjc3LjgzNiA1Ljk5OTk4TDI3Ny44MzYgLTIuMzk4MzJlLTA1TDI3NC44MzYgLTIuMzcyMWUtMDVMMjc0LjgzNiA1Ljk5OTk4Wk0yODYuNzE5IC0yLjQ3NTk4ZS0wNUwyODMuNzE5IC0yLjQ0OTc2ZS0wNUwyODMuNzE5IDUuOTk5OThMMjg2LjcxOSA1Ljk5OTk4TDI4Ni43MTkgLTIuNDc1OThlLTA1Wk0yOTAuNjggNS45OTk5N0wyOTMuNjggNS45OTk5N0wyOTMuNjggLTIuNTM2ODRlLTA1TDI5MC42OCAtMi41MTA2MWUtMDVMMjkwLjY4IDUuOTk5OTdaTTMwMi41NjQgLTIuNjE0NWUtMDVMMjk5LjU2NCAtMi41ODgyN2UtMDVMMjk5LjU2NCA1Ljk5OTk3TDMwMi41NjQgNS45OTk5N0wzMDIuNTY0IC0yLjYxNDVlLTA1Wk0zMDYuNTI1IDUuOTk5OTdMMzA5LjUyNSA1Ljk5OTk3TDMwOS41MjUgLTIuNjc1MzZlLTA1TDMwNi41MjUgLTIuNjQ5MTNlLTA1TDMwNi41MjUgNS45OTk5N1pNMzE4LjQwOCAtMi43NTMwMmUtMDVMMzE1LjQwOCAtMi43MjY3OWUtMDVMMzE1LjQwOCA1Ljk5OTk3TDMxOC40MDggNS45OTk5N0wzMTguNDA4IC0yLjc1MzAyZS0wNVpNMzIyLjM2OSA1Ljk5OTk3TDMyNS4zNjkgNS45OTk5N0wzMjUuMzY5IC0yLjgxMzg3ZS0wNUwzMjIuMzY5IC0yLjc4NzY0ZS0wNUwzMjIuMzY5IDUuOTk5OTdaTTMzNC4yNTMgLTIuODkxNTNlLTA1TDMzMS4yNTMgLTIuODY1MzFlLTA1TDMzMS4yNTMgNS45OTk5N0wzMzQuMjUzIDUuOTk5OTdMMzM0LjI1MyAtMi44OTE1M2UtMDVaTTMzOC4yMTQgNS45OTk5N0wzNDEuMjE0IDUuOTk5OTdMMzQxLjIxNCAtMi45NTIzOWUtMDVMMzM4LjIxNCAtMi45MjYxNmUtMDVMMzM4LjIxNCA1Ljk5OTk3Wk0zNTAuMDk3IC0zLjAzMDA1ZS0wNUwzNDcuMDk3IC0zLjAwMzgyZS0wNUwzNDcuMDk3IDUuOTk5OTdMMzUwLjA5NyA1Ljk5OTk3TDM1MC4wOTcgLTMuMDMwMDVlLTA1Wk0zNTQuMDU4IDUuOTk5OTdMMzU3LjA1OCA1Ljk5OTk3TDM1Ny4wNTggLTMuMDkwOWUtMDVMMzU0LjA1OCAtMy4wNjQ2OGUtMDVMMzU0LjA1OCA1Ljk5OTk3Wk0zNjUuOTQyIC0zLjE2ODU3ZS0wNUwzNjIuOTQyIC0zLjE0MjM0ZS0wNUwzNjIuOTQyIDUuOTk5OTdMMzY1Ljk0MiA1Ljk5OTk3TDM2NS45NDIgLTMuMTY4NTdlLTA1Wk0zNjkuOTAzIDUuOTk5OTdMMzcyLjkwMyA1Ljk5OTk3TDM3Mi45MDMgLTMuMjI5NDJlLTA1TDM2OS45MDMgLTMuMjAzMTllLTA1TDM2OS45MDMgNS45OTk5N1pNMzgxLjc4NiAtMy4zMDcwOGUtMDVMMzc4Ljc4NiAtMy4yODA4NmUtMDVMMzc4Ljc4NiA1Ljk5OTk3TDM4MS43ODYgNS45OTk5N0wzODEuNzg2IC0zLjMwNzA4ZS0wNVpNMzg1Ljc0NyA1Ljk5OTk3TDM4OC43NDcgNS45OTk5N0wzODguNzQ3IC0zLjM2Nzk0ZS0wNUwzODUuNzQ3IC0zLjM0MTcxZS0wNUwzODUuNzQ3IDUuOTk5OTdaTTM5Ny42MzEgLTMuNDQ1NmUtMDVMMzk0LjYzMSAtMy40MTkzN2UtMDVMMzk0LjYzMSA1Ljk5OTk3TDM5Ny42MzEgNS45OTk5N0wzOTcuNjMxIC0zLjQ0NTZlLTA1Wk00MDEuNTkyIDUuOTk5OTdMNDA0LjU5MiA1Ljk5OTk2TDQwNC41OTIgLTMuNTA2NDVlLTA1TDQwMS41OTIgLTMuNDgwMjNlLTA1TDQwMS41OTIgNS45OTk5N1pNNDEzLjQ3NSAtMy41ODQxMmUtMDVMNDEwLjQ3NSAtMy41NTc4OWUtMDVMNDEwLjQ3NSA1Ljk5OTk2TDQxMy40NzUgNS45OTk5Nkw0MTMuNDc1IC0zLjU4NDEyZS0wNVpNNDE3LjQzNiA1Ljk5OTk2TDQyMC40MzYgNS45OTk5Nkw0MjAuNDM2IC0zLjY0NDk3ZS0wNUw0MTcuNDM2IC0zLjYxODc0ZS0wNUw0MTcuNDM2IDUuOTk5OTZaTTQyOS4zMTkgLTMuNzIyNjNlLTA1TDQyNi4zMTkgLTMuNjk2NDFlLTA1TDQyNi4zMTkgNS45OTk5Nkw0MjkuMzE5IDUuOTk5OTZMNDI5LjMxOSAtMy43MjI2M2UtMDVaTTQzMy4yODEgNS45OTk5Nkw0MzYuMjgxIDUuOTk5OTZMNDM2LjI4MSAtMy43ODM0OWUtMDVMNDMzLjI4MSAtMy43NTcyNmUtMDVMNDMzLjI4MSA1Ljk5OTk2Wk00NDUuMTY0IC0zLjg2MTE1ZS0wNUw0NDIuMTY0IC0zLjgzNDkyZS0wNUw0NDIuMTY0IDUuOTk5OTZMNDQ1LjE2NCA1Ljk5OTk2TDQ0NS4xNjQgLTMuODYxMTVlLTA1Wk00NDkuMTI1IDUuOTk5OTZMNDUyLjEyNSA1Ljk5OTk2TDQ1Mi4xMjUgLTMuOTIyZS0wNUw0NDkuMTI1IC0zLjg5NTc4ZS0wNUw0NDkuMTI1IDUuOTk5OTZaTTQ2MS4wMDggLTMuOTk5NjZlLTA1TDQ1OC4wMDggLTMuOTczNDRlLTA1TDQ1OC4wMDggNS45OTk5Nkw0NjEuMDA4IDUuOTk5OTZMNDYxLjAwOCAtMy45OTk2NmUtMDVaTTQ2NC45NjkgNS45OTk5Nkw0NjcuOTY5IDUuOTk5OTZMNDY3Ljk2OSAtNC4wNjA1MmUtMDVMNDY0Ljk2OSAtNC4wMzQyOWUtMDVMNDY0Ljk2OSA1Ljk5OTk2Wk00NzYuODUzIC00LjEzODE4ZS0wNUw0NzMuODUzIC00LjExMTk1ZS0wNUw0NzMuODUzIDUuOTk5OTZMNDc2Ljg1MyA1Ljk5OTk2TDQ3Ni44NTMgLTQuMTM4MThlLTA1Wk00ODAuODE0IDUuOTk5OTZMNDgzLjgxNCA1Ljk5OTk2TDQ4My44MTQgLTQuMTk5MDRlLTA1TDQ4MC44MTQgLTQuMTcyODFlLTA1TDQ4MC44MTQgNS45OTk5NlpNNDkyLjY5NyAtNC4yNzY3ZS0wNUw0ODkuNjk3IC00LjI1MDQ3ZS0wNUw0ODkuNjk3IDUuOTk5OTZMNDkyLjY5NyA1Ljk5OTk2TDQ5Mi42OTcgLTQuMjc2N2UtMDVaTTQ5Ni42NTggNS45OTk5Nkw0OTkuNjU4IDUuOTk5OTZMNDk5LjY1OCAtNC4zMzc1NWUtMDVMNDk2LjY1OCAtNC4zMTEzM2UtMDVMNDk2LjY1OCA1Ljk5OTk2Wk01MDguNTQyIC00LjQxNTIxZS0wNUw1MDUuNTQyIC00LjM4ODk5ZS0wNUw1MDUuNTQyIDUuOTk5OTZMNTA4LjU0MiA1Ljk5OTk2TDUwOC41NDIgLTQuNDE1MjFlLTA1Wk01MTIuNTAzIDUuOTk5OTZMNTE1LjUwMyA1Ljk5OTk2TDUxNS41MDMgLTQuNDc2MDdlLTA1TDUxMi41MDMgLTQuNDQ5ODRlLTA1TDUxMi41MDMgNS45OTk5NlpNNTI0LjM4NiAtNC41NTM3M2UtMDVMNTIxLjM4NiAtNC41Mjc1ZS0wNUw1MjEuMzg2IDUuOTk5OTVMNTI0LjM4NiA1Ljk5OTk1TDUyNC4zODYgLTQuNTUzNzNlLTA1Wk01MjguMzQ3IDUuOTk5OTVMNTMxLjM0NyA1Ljk5OTk1TDUzMS4zNDcgLTQuNjE0NTllLTA1TDUyOC4zNDcgLTQuNTg4MzZlLTA1TDUyOC4zNDcgNS45OTk5NVpNNTQwLjIzMSAtNC42OTIyNWUtMDVMNTM3LjIzMSAtNC42NjYwMmUtMDVMNTM3LjIzMSA1Ljk5OTk1TDU0MC4yMzEgNS45OTk5NUw1NDAuMjMxIC00LjY5MjI1ZS0wNVpNNTQ0LjE5MiA1Ljk5OTk1TDU0Ny4xOTIgNS45OTk5NUw1NDcuMTkyIC00Ljc1MzFlLTA1TDU0NC4xOTIgLTQuNzI2ODhlLTA1TDU0NC4xOTIgNS45OTk5NVpNNTU2LjA3NSAtNC44MzA3N2UtMDVMNTUzLjA3NSAtNC44MDQ1NGUtMDVMNTUzLjA3NSA1Ljk5OTk1TDU1Ni4wNzUgNS45OTk5NUw1NTYuMDc1IC00LjgzMDc3ZS0wNVpNNTYwLjAzNiA1Ljk5OTk1TDU2My4wMzYgNS45OTk5NUw1NjMuMDM2IC00Ljg5MTYyZS0wNUw1NjAuMDM2IC00Ljg2NTM5ZS0wNUw1NjAuMDM2IDUuOTk5OTVaTTU3MS45MiAtNC45NjkyOGUtMDVMNTY4LjkyIC00Ljk0MzA1ZS0wNUw1NjguOTIgNS45OTk5NUw1NzEuOTIgNS45OTk5NUw1NzEuOTIgLTQuOTY5MjhlLTA1Wk01NzUuODgxIDUuOTk5OTVMNTc4Ljg4MSA1Ljk5OTk1TDU3OC44ODEgLTUuMDMwMTRlLTA1TDU3NS44ODEgLTUuMDAzOTFlLTA1TDU3NS44ODEgNS45OTk5NVpNNTg3Ljc2NCAtNS4xMDc4ZS0wNUw1ODQuNzY0IC01LjA4MTU3ZS0wNUw1ODQuNzY0IDUuOTk5OTVMNTg3Ljc2NCA1Ljk5OTk1TDU4Ny43NjQgLTUuMTA3OGUtMDVaTTU5MS43MjUgNS45OTk5NUw1OTQuNzI1IDUuOTk5OTVMNTk0LjcyNSAtNS4xNjg2NWUtMDVMNTkxLjcyNSAtNS4xNDI0M2UtMDVMNTkxLjcyNSA1Ljk5OTk1Wk02MDMuNjA5IC01LjI0NjMyZS0wNUw2MDAuNjA5IC01LjIyMDA5ZS0wNUw2MDAuNjA5IDUuOTk5OTVMNjAzLjYwOSA1Ljk5OTk1TDYwMy42MDkgLTUuMjQ2MzJlLTA1Wk02MDcuNTcgNS45OTk5NUw2MTAuNTcgNS45OTk5NUw2MTAuNTcgLTUuMzA3MTdlLTA1TDYwNy41NyAtNS4yODA5NGUtMDVMNjA3LjU3IDUuOTk5OTVaTTYxOS40NTMgLTUuMzg0ODNlLTA1TDYxNi40NTMgLTUuMzU4NjFlLTA1TDYxNi40NTMgNS45OTk5NUw2MTkuNDUzIDUuOTk5OTVMNjE5LjQ1MyAtNS4zODQ4M2UtMDVaTTYyMy40MTQgNS45OTk5NUw2MjYuNDE0IDUuOTk5OTVMNjI2LjQxNCAtNS40NDU2OWUtMDVMNjIzLjQxNCAtNS40MTk0NmUtMDVMNjIzLjQxNCA1Ljk5OTk1Wk02MzUuMjk3IC01LjUyMzM1ZS0wNUw2MzIuMjk3IC01LjQ5NzEyZS0wNUw2MzIuMjk3IDUuOTk5OTVMNjM1LjI5NyA1Ljk5OTk0TDYzNS4yOTcgLTUuNTIzMzVlLTA1Wk02MzkuMjU5IDUuOTk5OTRMNjQyLjI1OSA1Ljk5OTk0TDY0Mi4yNTkgLTUuNTg0MjFlLTA1TDYzOS4yNTkgLTUuNTU3OThlLTA1TDYzOS4yNTkgNS45OTk5NFpNNjUxLjE0MiAtNS42NjE4N2UtMDVMNjQ4LjE0MiAtNS42MzU2NGUtMDVMNjQ4LjE0MiA1Ljk5OTk0TDY1MS4xNDIgNS45OTk5NEw2NTEuMTQyIC01LjY2MTg3ZS0wNVpNNjU1LjEwMyA1Ljk5OTk0TDY1OC4xMDMgNS45OTk5NEw2NTguMTAzIC01LjcyMjcyZS0wNUw2NTUuMTAzIC01LjY5NjVlLTA1TDY1NS4xMDMgNS45OTk5NFpNNjY2Ljk4NyAtNS44MDAzOGUtMDVMNjYzLjk4NyAtNS43NzQxNmUtMDVMNjYzLjk4NyA1Ljk5OTk0TDY2Ni45ODcgNS45OTk5NEw2NjYuOTg3IC01LjgwMDM4ZS0wNVpNNjcwLjk0OCA1Ljk5OTk0TDY3My45NDggNS45OTk5NEw2NzMuOTQ4IC01Ljg2MTI0ZS0wNUw2NzAuOTQ4IC01LjgzNTAxZS0wNUw2NzAuOTQ4IDUuOTk5OTRaTTY4Mi44MzEgLTUuOTM4OWUtMDVMNjc5LjgzMSAtNS45MTI2N2UtMDVMNjc5LjgzMSA1Ljk5OTk0TDY4Mi44MzEgNS45OTk5NEw2ODIuODMxIC01LjkzODllLTA1Wk02ODYuNzkyIDUuOTk5OTRMNjg5Ljc5MiA1Ljk5OTk0TDY4OS43OTIgLTUuOTk5NzZlLTA1TDY4Ni43OTIgLTUuOTczNTNlLTA1TDY4Ni43OTIgNS45OTk5NFpNNjk4LjY3NSAtNi4wNzc0MmUtMDVMNjk1LjY3NSAtNi4wNTExOWUtMDVMNjk1LjY3NSA1Ljk5OTk0TDY5OC42NzUgNS45OTk5NEw2OTguNjc1IC02LjA3NzQyZS0wNVpNNzAyLjYzNyA1Ljk5OTk0TDcwNS42MzcgNS45OTk5NEw3MDUuNjM3IC02LjEzODI3ZS0wNUw3MDIuNjM3IC02LjExMjA1ZS0wNUw3MDIuNjM3IDUuOTk5OTRaTTcxNC41MiAtNi4yMTU5M2UtMDVMNzExLjUyIC02LjE4OTcxZS0wNUw3MTEuNTIgNS45OTk5NEw3MTQuNTIgNS45OTk5NEw3MTQuNTIgLTYuMjE1OTNlLTA1Wk0zLjUgM0wzLjUgNkw1LjQ4MDU2IDZMNS40ODA1NiAzTDUuNDgwNTYgLTEuNzMxNDZlLTA3TDMuNSAwTDMuNSAzWk0xNy4zNjM5IDNMMTcuMzYzOSA2TDIxLjMyNSA2TDIxLjMyNSAzTDIxLjMyNSAtMS41NTgzMWUtMDZMMTcuMzYzOSAtMS4yMTIwMmUtMDZMMTcuMzYzOSAzWk0zMy4yMDgzIDNMMzMuMjA4MyA2TDM3LjE2OTQgNkwzNy4xNjk0IDNMMzcuMTY5NCAtMi45NDM0OGUtMDZMMzMuMjA4MyAtMi41OTcxOGUtMDZMMzMuMjA4MyAzWk00OS4wNTI4IDNMNDkuMDUyOCA2TDUzLjAxMzkgNkw1My4wMTM5IDNMNTMuMDEzOSAtNC4zMjg2NGUtMDZMNDkuMDUyOCAtMy45ODIzNWUtMDZMNDkuMDUyOCAzWk02NC44OTcyIDIuOTk5OTlMNjQuODk3MiA1Ljk5OTk5TDY4Ljg1ODMgNS45OTk5OUw2OC44NTgzIDIuOTk5OTlMNjguODU4MyAtNS43MTM4MWUtMDZMNjQuODk3MiAtNS4zNjc1MmUtMDZMNjQuODk3MiAyLjk5OTk5Wk04MC43NDE3IDIuOTk5OTlMODAuNzQxNyA1Ljk5OTk5TDg0LjcwMjggNS45OTk5OUw4NC43MDI4IDIuOTk5OTlMODQuNzAyOCAtNy4wOTg5N2UtMDZMODAuNzQxNyAtNi43NTI2OGUtMDZMODAuNzQxNyAyLjk5OTk5Wk05Ni41ODYxIDIuOTk5OTlMOTYuNTg2MSA1Ljk5OTk5TDEwMC41NDcgNS45OTk5OUwxMDAuNTQ3IDIuOTk5OTlMMTAwLjU0NyAtOC40ODQxNGUtMDZMOTYuNTg2MSAtOC4xMzc4NWUtMDZMOTYuNTg2MSAyLjk5OTk5Wk0xMTIuNDMxIDIuOTk5OTlMMTEyLjQzMSA1Ljk5OTk5TDExNi4zOTIgNS45OTk5OUwxMTYuMzkyIDIuOTk5OTlMMTE2LjM5MiAtOS44NjkzZS0wNkwxMTIuNDMxIC05LjUyMzAxZS0wNkwxMTIuNDMxIDIuOTk5OTlaTTEyOC4yNzUgMi45OTk5OUwxMjguMjc1IDUuOTk5OTlMMTMyLjIzNiA1Ljk5OTk5TDEzMi4yMzYgMi45OTk5OUwxMzIuMjM2IC0xLjEyNTQ1ZS0wNUwxMjguMjc1IC0xLjA5MDgyZS0wNUwxMjguMjc1IDIuOTk5OTlaTTE0NC4xMTkgMi45OTk5OUwxNDQuMTE5IDUuOTk5OTlMMTQ4LjA4MSA1Ljk5OTk5TDE0OC4wODEgMi45OTk5OUwxNDguMDgxIC0xLjI2Mzk2ZS0wNUwxNDQuMTE5IC0xLjIyOTMzZS0wNUwxNDQuMTE5IDIuOTk5OTlaTTE1OS45NjQgMi45OTk5OUwxNTkuOTY0IDUuOTk5OTlMMTYzLjkyNSA1Ljk5OTk5TDE2My45MjUgMi45OTk5OUwxNjMuOTI1IC0xLjQwMjQ4ZS0wNUwxNTkuOTY0IC0xLjM2Nzg1ZS0wNUwxNTkuOTY0IDIuOTk5OTlaTTE3NS44MDggMi45OTk5OEwxNzUuODA4IDUuOTk5OThMMTc5Ljc2OSA1Ljk5OTk4TDE3OS43NjkgMi45OTk5OEwxNzkuNzY5IC0xLjU0MWUtMDVMMTc1LjgwOCAtMS41MDYzN2UtMDVMMTc1LjgwOCAyLjk5OTk4Wk0xOTEuNjUzIDIuOTk5OThMMTkxLjY1MyA1Ljk5OTk4TDE5NS42MTQgNS45OTk5OEwxOTUuNjE0IDIuOTk5OThMMTk1LjYxNCAtMS42Nzk1MWUtMDVMMTkxLjY1MyAtMS42NDQ4OGUtMDVMMTkxLjY1MyAyLjk5OTk4Wk0yMDcuNDk3IDIuOTk5OThMMjA3LjQ5NyA1Ljk5OTk4TDIxMS40NTggNS45OTk5OEwyMTEuNDU4IDIuOTk5OThMMjExLjQ1OCAtMS44MTgwM2UtMDVMMjA3LjQ5NyAtMS43ODM0ZS0wNUwyMDcuNDk3IDIuOTk5OThaTTIyMy4zNDIgMi45OTk5OEwyMjMuMzQyIDUuOTk5OThMMjI3LjMwMyA1Ljk5OTk4TDIyNy4zMDMgMi45OTk5OEwyMjcuMzAzIC0xLjk1NjU1ZS0wNUwyMjMuMzQyIC0xLjkyMTkyZS0wNUwyMjMuMzQyIDIuOTk5OThaTTIzOS4xODYgMi45OTk5OEwyMzkuMTg2IDUuOTk5OThMMjQzLjE0NyA1Ljk5OTk4TDI0My4xNDcgMi45OTk5OEwyNDMuMTQ3IC0yLjA5NTA2ZS0wNUwyMzkuMTg2IC0yLjA2MDQzZS0wNUwyMzkuMTg2IDIuOTk5OThaTTI1NS4wMyAyLjk5OTk4TDI1NS4wMyA1Ljk5OTk4TDI1OC45OTIgNS45OTk5OEwyNTguOTkyIDIuOTk5OThMMjU4Ljk5MiAtMi4yMzM1OGUtMDVMMjU1LjAzIC0yLjE5ODk1ZS0wNUwyNTUuMDMgMi45OTk5OFpNMjcwLjg3NSAyLjk5OTk4TDI3MC44NzUgNS45OTk5OEwyNzQuODM2IDUuOTk5OThMMjc0LjgzNiAyLjk5OTk4TDI3NC44MzYgLTIuMzcyMWUtMDVMMjcwLjg3NSAtMi4zMzc0N2UtMDVMMjcwLjg3NSAyLjk5OTk4Wk0yODYuNzE5IDIuOTk5OThMMjg2LjcxOSA1Ljk5OTk4TDI5MC42OCA1Ljk5OTk3TDI5MC42OCAyLjk5OTk3TDI5MC42OCAtMi41MTA2MWUtMDVMMjg2LjcxOSAtMi40NzU5OGUtMDVMMjg2LjcxOSAyLjk5OTk4Wk0zMDIuNTY0IDIuOTk5OTdMMzAyLjU2NCA1Ljk5OTk3TDMwNi41MjUgNS45OTk5N0wzMDYuNTI1IDIuOTk5OTdMMzA2LjUyNSAtMi42NDkxM2UtMDVMMzAyLjU2NCAtMi42MTQ1ZS0wNUwzMDIuNTY0IDIuOTk5OTdaTTMxOC40MDggMi45OTk5N0wzMTguNDA4IDUuOTk5OTdMMzIyLjM2OSA1Ljk5OTk3TDMyMi4zNjkgMi45OTk5N0wzMjIuMzY5IC0yLjc4NzY0ZS0wNUwzMTguNDA4IC0yLjc1MzAyZS0wNUwzMTguNDA4IDIuOTk5OTdaTTMzNC4yNTMgMi45OTk5N0wzMzQuMjUzIDUuOTk5OTdMMzM4LjIxNCA1Ljk5OTk3TDMzOC4yMTQgMi45OTk5N0wzMzguMjE0IC0yLjkyNjE2ZS0wNUwzMzQuMjUzIC0yLjg5MTUzZS0wNUwzMzQuMjUzIDIuOTk5OTdaTTM1MC4wOTcgMi45OTk5N0wzNTAuMDk3IDUuOTk5OTdMMzU0LjA1OCA1Ljk5OTk3TDM1NC4wNTggMi45OTk5N0wzNTQuMDU4IC0zLjA2NDY4ZS0wNUwzNTAuMDk3IC0zLjAzMDA1ZS0wNUwzNTAuMDk3IDIuOTk5OTdaTTM2NS45NDIgMi45OTk5N0wzNjUuOTQyIDUuOTk5OTdMMzY5LjkwMyA1Ljk5OTk3TDM2OS45MDMgMi45OTk5N0wzNjkuOTAzIC0zLjIwMzE5ZS0wNUwzNjUuOTQyIC0zLjE2ODU3ZS0wNUwzNjUuOTQyIDIuOTk5OTdaTTM4MS43ODYgMi45OTk5N0wzODEuNzg2IDUuOTk5OTdMMzg1Ljc0NyA1Ljk5OTk3TDM4NS43NDcgMi45OTk5N0wzODUuNzQ3IC0zLjM0MTcxZS0wNUwzODEuNzg2IC0zLjMwNzA4ZS0wNUwzODEuNzg2IDIuOTk5OTdaTTM5Ny42MzEgMi45OTk5N0wzOTcuNjMxIDUuOTk5OTdMNDAxLjU5MiA1Ljk5OTk3TDQwMS41OTIgMi45OTk5N0w0MDEuNTkyIC0zLjQ4MDIzZS0wNUwzOTcuNjMxIC0zLjQ0NTZlLTA1TDM5Ny42MzEgMi45OTk5N1pNNDEzLjQ3NSAyLjk5OTk2TDQxMy40NzUgNS45OTk5Nkw0MTcuNDM2IDUuOTk5OTZMNDE3LjQzNiAyLjk5OTk2TDQxNy40MzYgLTMuNjE4NzRlLTA1TDQxMy40NzUgLTMuNTg0MTJlLTA1TDQxMy40NzUgMi45OTk5NlpNNDI5LjMxOSAyLjk5OTk2TDQyOS4zMTkgNS45OTk5Nkw0MzMuMjgxIDUuOTk5OTZMNDMzLjI4MSAyLjk5OTk2TDQzMy4yODEgLTMuNzU3MjZlLTA1TDQyOS4zMTkgLTMuNzIyNjNlLTA1TDQyOS4zMTkgMi45OTk5NlpNNDQ1LjE2NCAyLjk5OTk2TDQ0NS4xNjQgNS45OTk5Nkw0NDkuMTI1IDUuOTk5OTZMNDQ5LjEyNSAyLjk5OTk2TDQ0OS4xMjUgLTMuODk1NzhlLTA1TDQ0NS4xNjQgLTMuODYxMTVlLTA1TDQ0NS4xNjQgMi45OTk5NlpNNDYxLjAwOCAyLjk5OTk2TDQ2MS4wMDggNS45OTk5Nkw0NjQuOTY5IDUuOTk5OTZMNDY0Ljk2OSAyLjk5OTk2TDQ2NC45NjkgLTQuMDM0MjllLTA1TDQ2MS4wMDggLTMuOTk5NjZlLTA1TDQ2MS4wMDggMi45OTk5NlpNNDc2Ljg1MyAyLjk5OTk2TDQ3Ni44NTMgNS45OTk5Nkw0ODAuODE0IDUuOTk5OTZMNDgwLjgxNCAyLjk5OTk2TDQ4MC44MTQgLTQuMTcyODFlLTA1TDQ3Ni44NTMgLTQuMTM4MThlLTA1TDQ3Ni44NTMgMi45OTk5NlpNNDkyLjY5NyAyLjk5OTk2TDQ5Mi42OTcgNS45OTk5Nkw0OTYuNjU4IDUuOTk5OTZMNDk2LjY1OCAyLjk5OTk2TDQ5Ni42NTggLTQuMzExMzNlLTA1TDQ5Mi42OTcgLTQuMjc2N2UtMDVMNDkyLjY5NyAyLjk5OTk2Wk01MDguNTQyIDIuOTk5OTZMNTA4LjU0MiA1Ljk5OTk2TDUxMi41MDMgNS45OTk5Nkw1MTIuNTAzIDIuOTk5OTZMNTEyLjUwMyAtNC40NDk4NGUtMDVMNTA4LjU0MiAtNC40MTUyMWUtMDVMNTA4LjU0MiAyLjk5OTk2Wk01MjQuMzg2IDIuOTk5OTVMNTI0LjM4NiA1Ljk5OTk1TDUyOC4zNDcgNS45OTk5NUw1MjguMzQ3IDIuOTk5OTVMNTI4LjM0NyAtNC41ODgzNmUtMDVMNTI0LjM4NiAtNC41NTM3M2UtMDVMNTI0LjM4NiAyLjk5OTk1Wk01NDAuMjMxIDIuOTk5OTVMNTQwLjIzMSA1Ljk5OTk1TDU0NC4xOTIgNS45OTk5NUw1NDQuMTkyIDIuOTk5OTVMNTQ0LjE5MiAtNC43MjY4OGUtMDVMNTQwLjIzMSAtNC42OTIyNWUtMDVMNTQwLjIzMSAyLjk5OTk1Wk01NTYuMDc1IDIuOTk5OTVMNTU2LjA3NSA1Ljk5OTk1TDU2MC4wMzYgNS45OTk5NUw1NjAuMDM2IDIuOTk5OTVMNTYwLjAzNiAtNC44NjUzOWUtMDVMNTU2LjA3NSAtNC44MzA3N2UtMDVMNTU2LjA3NSAyLjk5OTk1Wk01NzEuOTIgMi45OTk5NUw1NzEuOTIgNS45OTk5NUw1NzUuODgxIDUuOTk5OTVMNTc1Ljg4MSAyLjk5OTk1TDU3NS44ODEgLTUuMDAzOTFlLTA1TDU3MS45MiAtNC45NjkyOGUtMDVMNTcxLjkyIDIuOTk5OTVaTTU4Ny43NjQgMi45OTk5NUw1ODcuNzY0IDUuOTk5OTVMNTkxLjcyNSA1Ljk5OTk1TDU5MS43MjUgMi45OTk5NUw1OTEuNzI1IC01LjE0MjQzZS0wNUw1ODcuNzY0IC01LjEwNzhlLTA1TDU4Ny43NjQgMi45OTk5NVpNNjAzLjYwOSAyLjk5OTk1TDYwMy42MDkgNS45OTk5NUw2MDcuNTcgNS45OTk5NUw2MDcuNTcgMi45OTk5NUw2MDcuNTcgLTUuMjgwOTRlLTA1TDYwMy42MDkgLTUuMjQ2MzJlLTA1TDYwMy42MDkgMi45OTk5NVpNNjE5LjQ1MyAyLjk5OTk1TDYxOS40NTMgNS45OTk5NUw2MjMuNDE0IDUuOTk5OTVMNjIzLjQxNCAyLjk5OTk1TDYyMy40MTQgLTUuNDE5NDZlLTA1TDYxOS40NTMgLTUuMzg0ODNlLTA1TDYxOS40NTMgMi45OTk5NVpNNjM1LjI5NyAyLjk5OTk0TDYzNS4yOTcgNS45OTk5NEw2MzkuMjU5IDUuOTk5OTRMNjM5LjI1OSAyLjk5OTk0TDYzOS4yNTkgLTUuNTU3OThlLTA1TDYzNS4yOTcgLTUuNTIzMzVlLTA1TDYzNS4yOTcgMi45OTk5NFpNNjUxLjE0MiAyLjk5OTk0TDY1MS4xNDIgNS45OTk5NEw2NTUuMTAzIDUuOTk5OTRMNjU1LjEwMyAyLjk5OTk0TDY1NS4xMDMgLTUuNjk2NWUtMDVMNjUxLjE0MiAtNS42NjE4N2UtMDVMNjUxLjE0MiAyLjk5OTk0Wk02NjYuOTg3IDIuOTk5OTRMNjY2Ljk4NyA1Ljk5OTk0TDY3MC45NDggNS45OTk5NEw2NzAuOTQ4IDIuOTk5OTRMNjcwLjk0OCAtNS44MzUwMWUtMDVMNjY2Ljk4NyAtNS44MDAzOGUtMDVMNjY2Ljk4NyAyLjk5OTk0Wk02ODIuODMxIDIuOTk5OTRMNjgyLjgzMSA1Ljk5OTk0TDY4Ni43OTIgNS45OTk5NEw2ODYuNzkyIDIuOTk5OTRMNjg2Ljc5MiAtNS45NzM1M2UtMDVMNjgyLjgzMSAtNS45Mzg5ZS0wNUw2ODIuODMxIDIuOTk5OTRaTTY5OC42NzUgMi45OTk5NEw2OTguNjc1IDUuOTk5OTRMNzAyLjYzNyA1Ljk5OTk0TDcwMi42MzcgMi45OTk5NEw3MDIuNjM3IC02LjExMjA1ZS0wNUw2OTguNjc1IC02LjA3NzQyZS0wNUw2OTguNjc1IDIuOTk5OTRaTTcxNC41MiAyLjk5OTk0TDcxNC41MiA1Ljk5OTk0TDcxNi41IDUuOTk5OTRMNzE2LjUgMi45OTk5NEw3MTYuNSAtNi4yMzMyNGUtMDVMNzE0LjUyIC02LjIxNTkzZS0wNUw3MTQuNTIgMi45OTk5NFoiIGZpbGw9IiNFOUVCRUUiLz4KPC9zdmc+Cg==);
  background-repeat: repeat-x;
  background-position: center;
  background-size: contain;
  height: 3px;
}

.home__discount-price {
  color: #282829;
  font-size: 32px;
  font-weight: 600;
  line-height: 145%;
  padding: 14px 0 18px;
  border-radius: 12px;
  text-align: center;
  background: #ffdc42;
}

.home__discount-price.bg-grey {
  background-color: #f3f4f6;
}

.home__discount-date {
  display: flex;
  grid-gap: 12px;
  padding: 0 24px;
  align-items: center;
  border-radius: 12px;
  background: #f3f4f6;
  white-space: nowrap;
}

.home__discount-date-item {
  color: #282829;
  font-size: 28px;
  font-weight: 600;
  line-height: 140%;
}

.home__discount-separator {
  color: #93969c;
  font-size: 24px;
  line-height: 150%;
}

.home__discount-date-item span {
  color: #93969c;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}

.home__block-reviews,
.home__block-contacts {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 24px;
  grid-gap: 24px;
  background: #fff;
  padding: 40px;
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
  transition: 0.3s;
}

.home__block-contacts:hover {
  background-color: #ff6800;
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
}

.home__block-reviews:hover {
  box-shadow: 0px 4px 20px 0px rgba(141, 177, 195, 0.16);
}

.home__block-contacts:hover .home__contacts-text {
  color: #fff;
}

.home__block-contacts:hover .home__contacts-title {
  color: #fff;
}

.home__reviews-top {
  display: flex;
  align-items: center;
  grid-gap: 16px;
  color: #282829;
  font-size: 32px;
  line-height: 130%;
  font-weight: 600;
}

.home__reviews-stars {
  display: flex;
  padding: 0;
}

.home__reviews-stars svg {
  width: 40px;
  height: 40px;
}

.home__stars-item img {
  width: 40px;
}

.home__reviews-bottom {
  display: flex;
  grid-gap: 10px;
  align-items: center;
  justify-content: space-between;
}

.home__reviews-text {
  color: #686871;
  font-size: 24px;
  line-height: 150%;
}

.home__contacts-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.home__contacts-text {
  color: #686871;
  font-size: 20px;
  line-height: 150%;
  transition: 0.3s;
}

.home__contacts-title {
  color: #282829;
  transition: 0.3s;
  font-size: 28px;
  font-weight: 600;
  line-height: 140%;
}

.home__catalog {
  padding: 40px 40px 48px;
  border-radius: 24px;
  background: #fff;
  transition: 0.3s;
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
}

.home__catalog:hover {
  box-shadow: 0px 4px 20px 0px rgba(141, 177, 195, 0.16);
}

.home__image {
  border-radius: 20px;
  background: #f3f4f6;
  width: 100%;
  height: 360px;
  display: flex;
  margin-bottom: 40px;
  justify-content: center;
  align-items: flex-end;
}

.home__image img {
  max-height: 90%;
  max-width: 85%;
}

.home__catalog-top {
  display: grid;
  grid-gap: 8px;
  grid-template-columns: 1fr min-content;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.home__catalog-title {
  color: #282829;
  font-size: 28px;
  font-weight: 600;
  line-height: 140%;
}

.home__catalog-text {
  color: #686871;
  font-size: 20px;
  line-height: 150%;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 1920px) {
  .home__top {
    grid-template-columns: 1fr calc(425px + (490 - 425) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home__text {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home {
    padding-top: calc(230px + (270 - 230) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home__inner {
    grid-gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home__left {
    grid-gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home__top {
    margin-bottom: calc(72px + (80 - 72) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home__discount-box {
    padding: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home__block-reviews,
  .home__block-contacts {
    padding: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home__catalog {
    padding: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536))) calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536))) calc(40px + (48 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home__catalog,
  .home__block-reviews,
  .home__block-contacts,
  .home__discount-box,
  .home__discount-bottom {
    border-radius: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home__discount-title {
    font-size: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    margin-bottom: calc(12px + (16 - 12) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home__discount-text {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home__discount-bottom {
    padding: calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home__discount-price {
    border-radius: calc(10px + (12 - 10) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
    padding: calc(12px + (14 - 12) * ((100vw - 1536px) / (1920 - 1536))) 0 calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home__discount-date-item {
    font-size: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home__discount-date-item span {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home__discount-separator {
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home__reviews-top {
    font-size: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home__stars-item img {
    width: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home__reviews-text {
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home__contacts-text {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home__contacts-title {
    font-size: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home__image {
    height: calc(308px + (360 - 308) * ((100vw - 1536px) / (1920 - 1536)));
    margin-bottom: calc(24px + (40 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home__catalog-title {
    font-size: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home__catalog-text {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home__reviews-stars svg {
    width: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home__top-year {
    padding: 8px calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    grid-gap: calc(10px + (12 - 10) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home__top-year img {
    width: calc(20px + (25 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home__top-box {
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home__text {
    max-width: calc(750px + (660 - 750) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home__title {
    margin-bottom: calc(40px + (48 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .home__reviews-stars svg {
    width: 32px;
    height: 32px;
  }

  .home__catalog-top {
    margin-bottom: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home__catalog-text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home__catalog-title {
    font-size: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home__image {
    border-radius: 16px;
    height: calc(240px + (308 - 240) * ((100vw - 1366px) / (1536 - 1366)));
    margin-bottom: 24px;
  }

  .home__contacts-title {
    font-size: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home__contacts-text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home__reviews-text {
    font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home__stars-item img {
    width: 32px;
  }

  .home__reviews-top {
    font-size: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home__discount-price {
    border-radius: 10px;
    font-size: calc(20px + (28 - 20) * ((100vw - 1366px) / (1536 - 1366)));
    padding: calc(10px + (12 - 10) * ((100vw - 1366px) / (1536 - 1366))) 0 calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home__discount-bottom {
    padding: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home__discount-text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
    margin-bottom: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home__discount-title {
    margin-bottom: 12px;
    font-size: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home__catalog,
  .home__block-reviews,
  .home__block-contacts,
  .home__discount-box,
  .home__discount-bottom {
    border-radius: 20px;
  }

  .home__top {
    margin-bottom: calc(64px + (72 - 64) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home__discount-box {
    padding: calc(28px + (32 - 28) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home__block-reviews,
  .home__block-contacts {
    padding: calc(28px + (32 - 28) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home__top {
    grid-template-columns: 1fr calc(390px + (425 - 390) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home__text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home {
    padding-top: calc(215px + (230 - 215) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home__inner {
    grid-gap: calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home__left {
    grid-gap: calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home__catalog {
    padding: calc(28px + (32 - 28) * ((100vw - 1366px) / (1536 - 1366))) calc(28px + (32 - 28) * ((100vw - 1366px) / (1536 - 1366))) calc(32px + (40 - 32) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home__discount-item {
    padding: 6px calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: calc(6px + (8 - 6) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home__discount-date {
    padding: 0 calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
    grid-gap: calc(8px + (12 - 8) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home__discount-date-item {
    font-size: calc(18px + (24 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home__discount-date-item span {
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home__discount-separator {
    font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home__top-year {
    padding: 8px 20px;
    grid-gap: 10px;
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home__top-year img {
    width: 20px;
  }

  .home__top-box {
    margin-bottom: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home__text {
    max-width: calc(500px + (750 - 500) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home__title {
    margin-bottom: calc(32px + (40 - 32) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .home__catalog-top {
    margin-bottom: 12px;
  }

  .home__catalog-text {
    font-size: 16px;
  }

  .home__catalog-title {
    font-size: 20px;
  }

  .home__image {
    height: 240px;
  }

  .home__contacts-title {
    font-size: 20px;
  }

  .home__contacts-text {
    font-size: 16px;
  }

  .home__reviews-text {
    font-size: 18px;
  }

  .home__reviews-top {
    font-size: 24px;
  }

  .home__discount-date {
    padding: 0 20px;
    grid-gap: 8px;
  }

  .home__discount-date-item {
    font-size: 18px;
  }

  .home__discount-date-item span {
    font-size: 14px;
  }

  .home__discount-separator {
    font-size: 18px;
  }

  .home__discount-price {
    border-radius: 10px;
    font-size: 20px;
    padding: 10px 0 14px;
  }

  .home__discount-bottom {
    padding: 12px;
  }

  .home__discount-item {
    padding: 6px 12px;
    font-size: 14px;
    border-radius: 6px;
  }

  .home__discount-text {
    font-size: 16px;
    margin-bottom: 20px;
  }

  .home__discount-title {
    font-size: 20px;
  }

  .home__catalog {
    padding: 28px 28px 32px;
  }

  .home__top {
    margin-bottom: 64px;
  }

  .home__block-reviews,
  .home__block-contacts {
    padding: 28px;
  }

  .home__discount-box {
    padding: 28px;
  }

  .home__text {
    font-size: 16px;
  }

  .home {
    padding-top: calc(145px + (215 - 145) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .home__inner {
    grid-gap: 16px;
  }

  .home__left {
    grid-gap: 16px;
  }

  .home__discount-bottom::before {
    height: 2px;
    top: -1px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzI0IiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCAzMjQgNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMgMEwtMi42MjI2OGUtMDcgMi42MjI2OGUtMDdMMi42MjI2OGUtMDcgNkwzIDZMMyAwWk01LjAwNjI1IDZMOC4wMDYyNSA2TDguMDA2MjUgLTQuMzc2NmUtMDdMNS4wMDYyNSAtMS43NTM5MmUtMDdMNS4wMDYyNSA2Wk0xNy4wNDM4IC0xLjIyNzc0ZS0wNkwxNC4wNDM4IC05LjY1NDc1ZS0wN0wxNC4wNDM4IDZMMTcuMDQzOCA2TDE3LjA0MzggLTEuMjI3NzRlLTA2Wk0yMS4wNTYzIDZMMjQuMDU2MyA2TDI0LjA1NjMgLTEuODQwOGUtMDZMMjEuMDU2MyAtMS41Nzg1M2UtMDZMMjEuMDU2MyA2Wk0zMy4wOTM4IC0yLjYzMDg4ZS0wNkwzMC4wOTM4IC0yLjM2ODYxZS0wNkwzMC4wOTM4IDZMMzMuMDkzOCA2TDMzLjA5MzggLTIuNjMwODhlLTA2Wk0zNy4xMDYzIDZMNDAuMTA2MyA2TDQwLjEwNjMgLTMuMjQzOTNlLTA2TDM3LjEwNjMgLTIuOTgxNjZlLTA2TDM3LjEwNjMgNlpNNDkuMTQzOCAtNC4wMzQwMmUtMDZMNDYuMTQzOCAtMy43NzE3NWUtMDZMNDYuMTQzOCA2TDQ5LjE0MzggNkw0OS4xNDM4IC00LjAzNDAyZS0wNlpNNTMuMTU2MyA2TDU2LjE1NjMgNkw1Ni4xNTYzIC00LjY0NzA3ZS0wNkw1My4xNTYzIC00LjM4NDhlLTA2TDUzLjE1NjMgNlpNNjUuMTkzOCAtNS40MzcxNWUtMDZMNjIuMTkzOCAtNS4xNzQ4OGUtMDZMNjIuMTkzOCA1Ljk5OTk5TDY1LjE5MzggNS45OTk5OUw2NS4xOTM4IC01LjQzNzE1ZS0wNlpNNjkuMjA2MyA1Ljk5OTk5TDcyLjIwNjMgNS45OTk5OUw3Mi4yMDYzIC02LjA1MDJlLTA2TDY5LjIwNjMgLTUuNzg3OTNlLTA2TDY5LjIwNjMgNS45OTk5OVpNODEuMjQzOCAtNi44NDAyOWUtMDZMNzguMjQzOCAtNi41NzgwMmUtMDZMNzguMjQzOCA1Ljk5OTk5TDgxLjI0MzggNS45OTk5OUw4MS4yNDM4IC02Ljg0MDI5ZS0wNlpNODUuMjU2MiA1Ljk5OTk5TDg4LjI1NjIgNS45OTk5OUw4OC4yNTYyIC03LjQ1MzM0ZS0wNkw4NS4yNTYyIC03LjE5MTA3ZS0wNkw4NS4yNTYyIDUuOTk5OTlaTTk3LjI5MzcgLTguMjQzNDJlLTA2TDk0LjI5MzcgLTcuOTgxMTVlLTA2TDk0LjI5MzcgNS45OTk5OUw5Ny4yOTM3IDUuOTk5OTlMOTcuMjkzNyAtOC4yNDM0MmUtMDZaTTEwMS4zMDYgNS45OTk5OUwxMDQuMzA2IDUuOTk5OTlMMTA0LjMwNiAtOC44NTY0N2UtMDZMMTAxLjMwNiAtOC41OTQyZS0wNkwxMDEuMzA2IDUuOTk5OTlaTTExMy4zNDQgLTkuNjQ2NTZlLTA2TDExMC4zNDQgLTkuMzg0MjllLTA2TDExMC4zNDQgNS45OTk5OUwxMTMuMzQ0IDUuOTk5OTlMMTEzLjM0NCAtOS42NDY1NmUtMDZaTTExNy4zNTYgNS45OTk5OUwxMjAuMzU2IDUuOTk5OTlMMTIwLjM1NiAtMS4wMjU5NmUtMDVMMTE3LjM1NiAtOS45OTczNGUtMDZMMTE3LjM1NiA1Ljk5OTk5Wk0xMjkuMzk0IC0xLjEwNDk3ZS0wNUwxMjYuMzk0IC0xLjA3ODc0ZS0wNUwxMjYuMzk0IDUuOTk5OTlMMTI5LjM5NCA1Ljk5OTk5TDEyOS4zOTQgLTEuMTA0OTdlLTA1Wk0xMzMuNDA2IDUuOTk5OTlMMTM2LjQwNiA1Ljk5OTk5TDEzNi40MDYgLTEuMTY2MjdlLTA1TDEzMy40MDYgLTEuMTQwMDVlLTA1TDEzMy40MDYgNS45OTk5OVpNMTQ1LjQ0NCAtMS4yNDUyOGUtMDVMMTQyLjQ0NCAtMS4yMTkwNmUtMDVMMTQyLjQ0NCA1Ljk5OTk5TDE0NS40NDQgNS45OTk5OUwxNDUuNDQ0IC0xLjI0NTI4ZS0wNVpNMTQ5LjQ1NiA1Ljk5OTk5TDE1Mi40NTYgNS45OTk5OUwxNTIuNDU2IC0xLjMwNjU5ZS0wNUwxNDkuNDU2IC0xLjI4MDM2ZS0wNUwxNDkuNDU2IDUuOTk5OTlaTTE2MS40OTQgLTEuMzg1NmUtMDVMMTU4LjQ5NCAtMS4zNTkzN2UtMDVMMTU4LjQ5NCA1Ljk5OTk5TDE2MS40OTQgNS45OTk5OUwxNjEuNDk0IC0xLjM4NTZlLTA1Wk0xNjUuNTA2IDUuOTk5OTlMMTY4LjUwNiA1Ljk5OTk5TDE2OC41MDYgLTEuNDQ2OWUtMDVMMTY1LjUwNiAtMS40MjA2N2UtMDVMMTY1LjUwNiA1Ljk5OTk5Wk0xNzcuNTQ0IC0xLjUyNTkxZS0wNUwxNzQuNTQ0IC0xLjQ5OTY4ZS0wNUwxNzQuNTQ0IDUuOTk5OTlMMTc3LjU0NCA1Ljk5OTk4TDE3Ny41NDQgLTEuNTI1OTFlLTA1Wk0xODEuNTU2IDUuOTk5OThMMTg0LjU1NiA1Ljk5OTk4TDE4NC41NTYgLTEuNTg3MjJlLTA1TDE4MS41NTYgLTEuNTYwOTllLTA1TDE4MS41NTYgNS45OTk5OFpNMTkzLjU5NCAtMS42NjYyMmUtMDVMMTkwLjU5NCAtMS42NGUtMDVMMTkwLjU5NCA1Ljk5OTk4TDE5My41OTQgNS45OTk5OEwxOTMuNTk0IC0xLjY2NjIyZS0wNVpNMTk3LjYwNiA1Ljk5OTk4TDIwMC42MDYgNS45OTk5OEwyMDAuNjA2IC0xLjcyNzUzZS0wNUwxOTcuNjA2IC0xLjcwMTNlLTA1TDE5Ny42MDYgNS45OTk5OFpNMjA5LjY0NCAtMS44MDY1NGUtMDVMMjA2LjY0NCAtMS43ODAzMWUtMDVMMjA2LjY0NCA1Ljk5OTk4TDIwOS42NDQgNS45OTk5OEwyMDkuNjQ0IC0xLjgwNjU0ZS0wNVpNMjEzLjY1NiA1Ljk5OTk4TDIxNi42NTYgNS45OTk5OEwyMTYuNjU2IC0xLjg2Nzg0ZS0wNUwyMTMuNjU2IC0xLjg0MTYyZS0wNUwyMTMuNjU2IDUuOTk5OThaTTIyNS42OTQgLTEuOTQ2ODVlLTA1TDIyMi42OTQgLTEuOTIwNjJlLTA1TDIyMi42OTQgNS45OTk5OEwyMjUuNjk0IDUuOTk5OThMMjI1LjY5NCAtMS45NDY4NWUtMDVaTTIyOS43MDYgNS45OTk5OEwyMzIuNzA2IDUuOTk5OThMMjMyLjcwNiAtMi4wMDgxNmUtMDVMMjI5LjcwNiAtMS45ODE5M2UtMDVMMjI5LjcwNiA1Ljk5OTk4Wk0yNDEuNzQ0IC0yLjA4NzE2ZS0wNUwyMzguNzQ0IC0yLjA2MDk0ZS0wNUwyMzguNzQ0IDUuOTk5OThMMjQxLjc0NCA1Ljk5OTk4TDI0MS43NDQgLTIuMDg3MTZlLTA1Wk0yNDUuNzU2IDUuOTk5OThMMjQ4Ljc1NiA1Ljk5OTk4TDI0OC43NTYgLTIuMTQ4NDdlLTA1TDI0NS43NTYgLTIuMTIyMjRlLTA1TDI0NS43NTYgNS45OTk5OFpNMjU3Ljc5NCAtMi4yMjc0OGUtMDVMMjU0Ljc5NCAtMi4yMDEyNWUtMDVMMjU0Ljc5NCA1Ljk5OTk4TDI1Ny43OTQgNS45OTk5OEwyNTcuNzk0IC0yLjIyNzQ4ZS0wNVpNMjYxLjgwNiA1Ljk5OTk4TDI2NC44MDYgNS45OTk5OEwyNjQuODA2IC0yLjI4ODc4ZS0wNUwyNjEuODA2IC0yLjI2MjU2ZS0wNUwyNjEuODA2IDUuOTk5OThaTTI3My44NDQgLTIuMzY3NzllLTA1TDI3MC44NDQgLTIuMzQxNTZlLTA1TDI3MC44NDQgNS45OTk5OEwyNzMuODQ0IDUuOTk5OThMMjczLjg0NCAtMi4zNjc3OWUtMDVaTTI3Ny44NTYgNS45OTk5OEwyODAuODU2IDUuOTk5OThMMjgwLjg1NiAtMi40MjkxZS0wNUwyNzcuODU2IC0yLjQwMjg3ZS0wNUwyNzcuODU2IDUuOTk5OThaTTI4OS44OTQgLTIuNTA4MTFlLTA1TDI4Ni44OTQgLTIuNDgxODhlLTA1TDI4Ni44OTQgNS45OTk5OEwyODkuODk0IDUuOTk5OTdMMjg5Ljg5NCAtMi41MDgxMWUtMDVaTTI5My45MDYgNS45OTk5N0wyOTYuOTA2IDUuOTk5OTdMMjk2LjkwNiAtMi41Njk0MWUtMDVMMjkzLjkwNiAtMi41NDMxOGUtMDVMMjkzLjkwNiA1Ljk5OTk3Wk0zMDUuOTQ0IC0yLjY0ODQyZS0wNUwzMDIuOTQ0IC0yLjYyMjE5ZS0wNUwzMDIuOTQ0IDUuOTk5OTdMMzA1Ljk0NCA1Ljk5OTk3TDMwNS45NDQgLTIuNjQ4NDJlLTA1Wk0zMDkuOTU2IDUuOTk5OTdMMzEyLjk1NiA1Ljk5OTk3TDMxMi45NTYgLTIuNzA5NzJlLTA1TDMwOS45NTYgLTIuNjgzNWUtMDVMMzA5Ljk1NiA1Ljk5OTk3Wk0zMjEuOTk0IC0yLjc4ODczZS0wNUwzMTguOTk0IC0yLjc2MjUxZS0wNUwzMTguOTk0IDUuOTk5OTdMMzIxLjk5NCA1Ljk5OTk3TDMyMS45OTQgLTIuNzg4NzNlLTA1Wk0zIDNMMyA2TDUuMDA2MjUgNkw1LjAwNjI1IDNMNS4wMDYyNSAtMS43NTM5MmUtMDdMMyAwTDMgM1pNMTcuMDQzOCAzTDE3LjA0MzggNkwyMS4wNTYzIDZMMjEuMDU2MyAzTDIxLjA1NjMgLTEuNTc4NTNlLTA2TDE3LjA0MzggLTEuMjI3NzRlLTA2TDE3LjA0MzggM1pNMzMuMDkzOCAzTDMzLjA5MzggNkwzNy4xMDYzIDZMMzcuMTA2MyAzTDM3LjEwNjMgLTIuOTgxNjZlLTA2TDMzLjA5MzggLTIuNjMwODhlLTA2TDMzLjA5MzggM1pNNDkuMTQzOCAzTDQ5LjE0MzggNkw1My4xNTYzIDZMNTMuMTU2MyAzTDUzLjE1NjMgLTQuMzg0OGUtMDZMNDkuMTQzOCAtNC4wMzQwMmUtMDZMNDkuMTQzOCAzWk02NS4xOTM4IDIuOTk5OTlMNjUuMTkzOCA1Ljk5OTk5TDY5LjIwNjMgNS45OTk5OUw2OS4yMDYzIDIuOTk5OTlMNjkuMjA2MyAtNS43ODc5M2UtMDZMNjUuMTkzOCAtNS40MzcxNWUtMDZMNjUuMTkzOCAyLjk5OTk5Wk04MS4yNDM4IDIuOTk5OTlMODEuMjQzOCA1Ljk5OTk5TDg1LjI1NjIgNS45OTk5OUw4NS4yNTYyIDIuOTk5OTlMODUuMjU2MiAtNy4xOTEwN2UtMDZMODEuMjQzOCAtNi44NDAyOWUtMDZMODEuMjQzOCAyLjk5OTk5Wk05Ny4yOTM3IDIuOTk5OTlMOTcuMjkzNyA1Ljk5OTk5TDEwMS4zMDYgNS45OTk5OUwxMDEuMzA2IDIuOTk5OTlMMTAxLjMwNiAtOC41OTQyZS0wNkw5Ny4yOTM3IC04LjI0MzQyZS0wNkw5Ny4yOTM3IDIuOTk5OTlaTTExMy4zNDQgMi45OTk5OUwxMTMuMzQ0IDUuOTk5OTlMMTE3LjM1NiA1Ljk5OTk5TDExNy4zNTYgMi45OTk5OUwxMTcuMzU2IC05Ljk5NzM0ZS0wNkwxMTMuMzQ0IC05LjY0NjU2ZS0wNkwxMTMuMzQ0IDIuOTk5OTlaTTEyOS4zOTQgMi45OTk5OUwxMjkuMzk0IDUuOTk5OTlMMTMzLjQwNiA1Ljk5OTk5TDEzMy40MDYgMi45OTk5OUwxMzMuNDA2IC0xLjE0MDA1ZS0wNUwxMjkuMzk0IC0xLjEwNDk3ZS0wNUwxMjkuMzk0IDIuOTk5OTlaTTE0NS40NDQgMi45OTk5OUwxNDUuNDQ0IDUuOTk5OTlMMTQ5LjQ1NiA1Ljk5OTk5TDE0OS40NTYgMi45OTk5OUwxNDkuNDU2IC0xLjI4MDM2ZS0wNUwxNDUuNDQ0IC0xLjI0NTI4ZS0wNUwxNDUuNDQ0IDIuOTk5OTlaTTE2MS40OTQgMi45OTk5OUwxNjEuNDk0IDUuOTk5OTlMMTY1LjUwNiA1Ljk5OTk5TDE2NS41MDYgMi45OTk5OUwxNjUuNTA2IC0xLjQyMDY3ZS0wNUwxNjEuNDk0IC0xLjM4NTZlLTA1TDE2MS40OTQgMi45OTk5OVpNMTc3LjU0NCAyLjk5OTk4TDE3Ny41NDQgNS45OTk5OEwxODEuNTU2IDUuOTk5OThMMTgxLjU1NiAyLjk5OTk4TDE4MS41NTYgLTEuNTYwOTllLTA1TDE3Ny41NDQgLTEuNTI1OTFlLTA1TDE3Ny41NDQgMi45OTk5OFpNMTkzLjU5NCAyLjk5OTk4TDE5My41OTQgNS45OTk5OEwxOTcuNjA2IDUuOTk5OThMMTk3LjYwNiAyLjk5OTk4TDE5Ny42MDYgLTEuNzAxM2UtMDVMMTkzLjU5NCAtMS42NjYyMmUtMDVMMTkzLjU5NCAyLjk5OTk4Wk0yMDkuNjQ0IDIuOTk5OThMMjA5LjY0NCA1Ljk5OTk4TDIxMy42NTYgNS45OTk5OEwyMTMuNjU2IDIuOTk5OThMMjEzLjY1NiAtMS44NDE2MmUtMDVMMjA5LjY0NCAtMS44MDY1NGUtMDVMMjA5LjY0NCAyLjk5OTk4Wk0yMjUuNjk0IDIuOTk5OThMMjI1LjY5NCA1Ljk5OTk4TDIyOS43MDYgNS45OTk5OEwyMjkuNzA2IDIuOTk5OThMMjI5LjcwNiAtMS45ODE5M2UtMDVMMjI1LjY5NCAtMS45NDY4NWUtMDVMMjI1LjY5NCAyLjk5OTk4Wk0yNDEuNzQ0IDIuOTk5OThMMjQxLjc0NCA1Ljk5OTk4TDI0NS43NTYgNS45OTk5OEwyNDUuNzU2IDIuOTk5OThMMjQ1Ljc1NiAtMi4xMjIyNGUtMDVMMjQxLjc0NCAtMi4wODcxNmUtMDVMMjQxLjc0NCAyLjk5OTk4Wk0yNTcuNzk0IDIuOTk5OThMMjU3Ljc5NCA1Ljk5OTk4TDI2MS44MDYgNS45OTk5OEwyNjEuODA2IDIuOTk5OThMMjYxLjgwNiAtMi4yNjI1NmUtMDVMMjU3Ljc5NCAtMi4yMjc0OGUtMDVMMjU3Ljc5NCAyLjk5OTk4Wk0yNzMuODQ0IDIuOTk5OThMMjczLjg0NCA1Ljk5OTk4TDI3Ny44NTYgNS45OTk5OEwyNzcuODU2IDIuOTk5OThMMjc3Ljg1NiAtMi40MDI4N2UtMDVMMjczLjg0NCAtMi4zNjc3OWUtMDVMMjczLjg0NCAyLjk5OTk4Wk0yODkuODk0IDIuOTk5OTdMMjg5Ljg5NCA1Ljk5OTk3TDI5My45MDYgNS45OTk5N0wyOTMuOTA2IDIuOTk5OTdMMjkzLjkwNiAtMi41NDMxOGUtMDVMMjg5Ljg5NCAtMi41MDgxMWUtMDVMMjg5Ljg5NCAyLjk5OTk3Wk0zMDUuOTQ0IDIuOTk5OTdMMzA1Ljk0NCA1Ljk5OTk3TDMwOS45NTYgNS45OTk5N0wzMDkuOTU2IDIuOTk5OTdMMzA5Ljk1NiAtMi42ODM1ZS0wNUwzMDUuOTQ0IC0yLjY0ODQyZS0wNUwzMDUuOTQ0IDIuOTk5OTdaTTMyMS45OTQgMi45OTk5N0wzMjEuOTk0IDUuOTk5OTdMMzI0IDUuOTk5OTdMMzI0IDIuOTk5OTdMMzI0IC0yLjgwNjI3ZS0wNUwzMjEuOTk0IC0yLjc4ODczZS0wNUwzMjEuOTk0IDIuOTk5OTdaIiBmaWxsPSIjRTlFQkVFIi8+Cjwvc3ZnPgo=);
  }

  .home__top-year {
    font-size: 16px;
  }

  .home__top-box {
    margin-bottom: calc(16px + (20 - 16) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .home__text {
    max-width: 500px;
  }

  .home__title {
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 1024px) / (1366 - 1024)));
  }
}

@media (max-width: 1200px) {
  .home__image {
    height: 270px;
  }

  .home__inner {
    grid-template-columns: 1fr;
  }

  .home__title {
    text-align: center;
  }

  .home__top {
    grid-gap: 24px;
    grid-template-columns: 1fr;
  }

  .home__text {

    margin: 0 auto;
    text-align: center;
  }
}

@media (max-width: 1024px) {
  .home__image {
    height: calc(198px + (270 - 198) * ((100vw - 390px) / (1024 - 390)));
  }

  .home__discount-box {
    padding: calc(24px + (28 - 24) * ((100vw - 390px) / (1024 - 390)));
  }

  .home {
    padding-top: calc(128px + (145 - 128) * ((100vw - 390px) / (1024 - 390)));
  }

  .home__block-reviews,
  .home__block-contacts {
    padding: 28px calc(24px + (28 - 24) * ((100vw - 390px) / (1024 - 390)));
  }

  .home__catalog {
    padding: calc(24px + (28 - 24) * ((100vw - 390px) / (1024 - 390))) calc(24px + (28 - 24) * ((100vw - 390px) / (1024 - 390))) calc(28px + (32 - 28) * ((100vw - 390px) / (1024 - 390)));
  }

  .home__discount-text {
    margin-bottom: calc(16px + (20 - 16) * ((100vw - 390px) / (1024 - 390)));
  }

  .home__discount-bottom {
    padding: calc(8px + (12 - 8) * ((100vw - 390px) / (1024 - 390)));
  }

  .home__discount-date {
    padding: 0 calc(16px + (20 - 16) * ((100vw - 390px) / (1024 - 390)));
    grid-gap: calc(16px + (8 - 16) * ((100vw - 390px) / (1024 - 390)));
  }

  .home__top-year {
    grid-gap: calc(8px + (10 - 8) * ((100vw - 390px) / (1024 - 390)));
    padding: calc(6px + (8 - 6) * ((100vw - 390px) / (1024 - 390))) calc(16px + (20 - 16) * ((100vw - 390px) / (1024 - 390)));
  }

  .home__top-box {
    margin-bottom: 16px;
  }

  .home__text {
    max-width: calc(360px + (500 - 360) * ((100vw - 390px) / (1024 - 390)));
  }

  .home__title mark {
    line-height: 160%;
  }

  .home__title {
    margin-bottom: 24px;
    font-size: calc(32px + (48 - 32) * ((100vw - 390px) / (1024 - 390)));
  }

}

@media (max-width: 800px) {
  .home__block-contacts:hover {
    background-color: #fff;
  }

  .home__block-contacts:hover .home__contacts-text {
    color: #686871;
  }

  .home__block-contacts:hover .home__contacts-title {
    color: #282829;
  }

  .home__discount {
    grid-column: span 1;
  }

  .home__left {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 390px) {
  .home__image {
    height: 198px;
  }

  .home__discount-date {
    padding: 0 16px;
    grid-gap: 6px;
  }

  .home__discount-bottom {
    padding: 8px;
  }

  .home__discount-text {
    margin-bottom: 16px;
  }

  .home__catalog {
    padding: 24px 24px 28px;
  }

  .home__discount-box {
    padding: 24px;
  }

  .home__block-reviews,
  .home__block-contacts {
    padding: 28px 24px;
  }

  .home {
    padding-top: 128px;
  }
}

/*end home*/

/* start home--about*/
.home--about {
  padding-top: 0 !important;
}

.home--about .home__image {
  align-items: center;
  height: 292px;
  line-height: 0;
  overflow: hidden;
}

.home--about .home__image img {
  max-width: 100% !important;
  max-height: 100% !important;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home--about .home__catalog:hover .btn-icon--gray {
  background-color: var(--primary-brand-color);
}

.home--about .home__catalog:hover .btn-icon--gray svg path[stroke] {
  stroke: var(--base-white-color);
}

.home--about .home__catalog-text {
  display: unset;
}

.home--about .home__contacts-top .btn-icon {
  pointer-events: none;
}

.home--about .home__discount-bottom .btn-icon {
  width: 74px;
  height: 100%;
}

@media (max-width: 1920px) {
  .home--about .home__image {
    height: calc(260px + (290 - 260) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home--about .home__discount-bottom .btn-icon {
    width: calc(68px + (74 - 68) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .home--about .home__image {
    height: calc(212px + (260 - 212) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home--about .home__discount-bottom .btn-icon {
    width: calc(54px + (68 - 54) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .home--about .home__discount-bottom .btn-icon {
    width: 54px;
  }
}

@media screen and (max-width: 1200px) {
  .home--about .home__image {
    height: 270px;
  }
}

@media screen and (max-width: 1024px) {
  .home--about .home__image {
    height: calc(198px + (270 - 198) * ((100vw - 393px) / (1024 - 393)));
  }

  .home--about .home__catalog:hover .btn-icon--gray {
    background-color: var(--base-gray-color-01);
  }

  .home--about .home__catalog:hover .btn-icon--gray svg path[stroke] {
    stroke: #282829;
  }
}

/* AND home--about */



/*start header*/
.header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 13;
  /* background-color: #f8f9fb; */
}

.header.add-box-shadow {
  /* box-shadow: 0px 4px 20px 0px rgba(141, 177, 195, 0.16); */
}

.header__top {
  padding-top: 20px;
  padding-bottom: 12px;
  background-color: #f8f9fb;
  z-index: 1;
  position: relative;
}

.header__top-inner {
  display: flex;
  align-items: center;
}

.header__logo {
  display: flex;
}

.header__logo-btn img {
  width: 183px;
}

.header__catalog {
  margin-left: 48px;
}

.btn-project {}

.header__catalog-btn {
  grid-gap: 8px;
  border: 1px solid #FF6800;
  background: inherit;
  color: #FF6800;
}

.header__catalog-btn .header__catalog-img-one path {
  fill: #FF6800;
}

.header__catalog-btn .header__catalog-img-two path {
  stroke: #FF6800;
}

.header__catalog-btn.active .header__catalog-img-two {
  opacity: 1;
}

.header__catalog-btn.active .header__catalog-img-one {
  opacity: 0;
}

.header__catalog-img {
  position: relative;
  display: flex;
}

.header__catalog-img-one {}

.header__catalog-img-two {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
}

.header__search {
  width: 100%;
  margin-left: 24px;
}

.header__telephone {
  display: flex;
  grid-gap: 8px;
  margin-left: 48px;
  align-items: center;
  position: relative;
}

.header__telephone:hover .header__telephone-link {
  color: #ff6800;
}

.header__telephone:hover svg path {
  stroke: #ff6800;
}

.header__telephone .btn-icon {
  cursor: pointer;
}

.header__telephone .btn-icon {
  pointer-events: none;
}

.header__telephone-link {
  white-space: nowrap;
  color: #282829;
  font-size: 20px;
  font-weight: 500;
  line-height: 150%;
  transition: color 0.3s ease;
}



.header__telephone-link::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.header__buttons {
  display: flex;
  margin-left: auto;
  align-items: center;
  grid-gap: 8px;
  margin-left: 48px;
}

.header__comparison .btn-icon svg,
.header__favourites .btn-icon svg,
.header__basket .btn-icon svg,
.header__telephone .btn-icon svg {
  width: 28px;
  height: 28px;
}

.header__basket .btn-icon {
  /* box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.52); */
  background-color: var(--base-white-color);
}

.header__basket {
  position: relative;
}

.header__basket-num {
  pointer-events: none;
  border-radius: 100px;
  background: #ff6800;
  position: absolute;
  right: -4px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -5px;
  color: #fff;
  text-align: center;
  /* aspect-ratio: 1 / 1; */
  min-width: 22px;
  padding: 0 4px;
  height: 22px;
  font-size: 12px;
  font-weight: 500;
  /* line-height: 150%; */
}

.header__comparison .btn-icon:hover svg path[fill],
.header__favourites .btn-icon:hover svg path[fill] {
  fill: transparent;
}

.header__bottom {
  padding-bottom: 12px;
  transition: transform 0.3s, margin 0.3s;
  background-color: #f8f9fb;
}

.header__bottom.transform {
  /* transform: translateY(-100%); */
  margin-top: -70px;
}

.header__mobile-back {
  display: none;
}

.header__nav {
  margin: 0 -18px;
}

.header__list {
  display: flex;
  align-items: center;
  list-style: none;
  justify-content: space-between;
}

.header__link {}

.header__link-btn {
  cursor: pointer;
  color: #282829;
  font-size: 18px;
  line-height: 150%;
  border-radius: 12px;
  padding: 12px 20px;
  white-space: nowrap;
  font-weight: 500;
  transition: 0.3s;
  display: flex;
  align-items: center;
  grid-gap: 8px;
}

.header__link-btn.active {
  background-color: #fff;
}

.header__link.header__link--action .header__link-btn {
  color: #ff6800;
}

.header__link.header__link--action .header__link-btn:hover {
  color: #fff;
}

.header__link-btn svg path {
  transition: 0.3s;
}

.header__link-btn:hover svg path {
  stroke: #fff;
}

.header__link-btn.active svg {
  transform: rotate(180deg);
}

.header__link-btn svg {
  transition: 0.3s;
  width: 20px;
  height: 20px;
}

.header__link-btn:hover {
  /* background-color: #fff; */
  background-color: #ff6800;
  color: #fff;
}

.header__link-items {
  display: none;
}

.header__link-items.active {
  transition: transform 0.3s, box-shadow 0.3s;
  background-color: #f8f9fb;
  /* box-shadow: 0px 4px 20px 0px rgba(141, 177, 195, 0.16); */
  box-shadow: 0px 10px 10px 0px rgba(141, 177, 195, 0.09);
}

.header__link-items.active.transform {
  transform: translateY(-140%);
  box-shadow: none;
}

.header__link-static {
  display: flex;
  align-items: center;
  grid-gap: 6px;
}

.header__link-static svg {
  width: 24px;
  height: 24px;
}

.header__link.active {}

.header__link-list {
  padding: 8px 0 32px;
  display: grid;
  grid-gap: 16px;
  grid-template-columns: repeat(4, 1fr);
}

.header__link-item {
  border-radius: 16px;
  padding: 16px;
  display: flex;
  align-items: center;
  grid-gap: 12px;
  transition: 0.3s;
  background: #fff;
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.52);
}

.header__link-item:hover {
  box-shadow: 0px 4px 20px 0px rgba(141, 177, 195, 0.56);
}

.header__link-img {
  min-width: 80px;
  width: 80px;
  height: 80px;
  border-radius: 12px;
}

.header__link-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.header__link-title {
  padding: 0 16px;
  color: #282829;
  font-size: 20px;
  /* font-weight: 500; */
  font-weight: 700;
  line-height: 150%;
}

.header-catalog {
  /* padding-bottom: 32px; */
  display: none;
  max-height: 70vh;
  padding-top: 8px;
  overflow: hidden;
}

.header-catalog.active {
  display: block;
  background-color: #f8f9fb;
  box-shadow: 0px 10px 10px 0px rgba(141, 177, 195, 0.09);
}

.header-catalog__inner {
  display: grid;
  grid-template-columns: 365px 1fr;
  grid-gap: 32px;
}

.header-catalog__tabs {
  overflow-y: auto;
  z-index: 2;
  padding: 0 30px 32px;
  margin: 0 -30px;
  max-height: 70vh;
}

.header-catalog__item.active::-webkit-scrollbar {
  width: 4px;
  background-color: #e9ebee;
}

.header-catalog__item.active::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #444446;
}

.header-catalog__tab+.header-catalog__tab {
  margin-top: 4px;
}

.header-catalog__tab.active {
  background: #fff;
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.32);
}

.header-catalog__tab:hover {
  background: #fff;
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.32);
}

.header-catalog__tab.active .header-catalog__tab-arrow svg path[stroke] {
  stroke: #282829;
}

.header-catalog__tab {
  border-radius: 12px;
  padding: 18px 24px;
  grid-gap: 8px;
  display: flex;
  cursor: pointer;
  transition: 0.3s;
  align-items: center;
  justify-content: space-between;
}

.header-catalog__tab:hover .header-catalog__tab-arrow svg path[stroke] {
  stroke: #282829;
}

.header-catalog__tab-text {
  color: #282829;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
}

.header-catalog__tab-arrow {
  display: flex;
}

.header-catalog__tab-arrow svg path {
  transition: 0.3s;
}

.header-catalog__items {}

.header-catalog__item {
  display: none;
}

.header-catalog__item.active {
  display: block;
  overflow-y: auto;
  max-height: 70vh;
  margin: 0 -30px;
  padding: 0 30px 32px;
}

.header-catalog__item.active::-webkit-scrollbar {
  width: 4px;
  background-color: #e9ebee;
}

.header-catalog__item.active::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #444446;
}

.header-catalog__categorys {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 16px;
}

.header-catalog__category {
  border-radius: 16px;
  display: flex;
  align-items: center;
  grid-gap: 16px;
  padding: 16px;
  transition: 0.3s;
  /* padding-left: 0; */
  background: #fff;
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.52);
}

.header-catalog__category:hover {
  box-shadow: 0px 4px 20px 0px rgba(141, 177, 195, 0.56);
}

.header-catalog__category-img {
  position: relative;
  height: 80px;
  width: 80px;
  min-width: 80px;
  /* width: 96px;
  min-width: 96px; */
  overflow: hidden;
  /* border-radius: 0 12px 12px 0; */
  border-radius: 12px;
}

.header-catalog__category-img img {
  /* z-index: 2; */
  z-index: 0;
  position: relative;
  width: 100%;
  height: 100%;
  /* padding-left: 6px; */
  object-fit: cover;
  /* object-position: left; */
  object-position: center;
}

.header-catalog__category-grey {
  border-radius: 12px;
  position: absolute;
  top: 0;
  right: 0;
  background: #f3f4f6;
  width: 80px;
  height: 100%;
}

.header-catalog__category-box {
  /* padding: 0 16px; */
}

.header-catalog__category-title {
  color: #282829;
  font-size: 20px;
  font-weight: 600;
  line-height: 150%;
}

.header-catalog__category-text {
  color: #686871;
  font-size: 16px;
  margin-top: 8px;
  line-height: 150%;
}

.header-catalog__categorys-all {
  margin-top: 16px;
}

.header__burger {
  display: none;
}

.header-mobile {
  display: none;
}

.header-catalog__inner .header__mobile-back {
  display: none;
}

@media (max-width: 1920px) {
  .header__logo-btn img {
    width: calc(153px + (183 - 153) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .header__catalog {
    margin-left: calc(32px + (48 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .header__telephone {
    margin-left: calc(32px + (48 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .header__search {
    margin-left: calc(16px + (24 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .header__buttons {
    grid-gap: calc(6px + (8 - 6) * ((100vw - 1536px) / (1920 - 1536)));
    margin-left: calc(32px + (48 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .header__comparison .btn-icon svg,
  .header__favourites .btn-icon svg,
  .header__basket .btn-icon svg,
  .header__telephone .btn-icon svg {
    width: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .header__top {
    padding-top: calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    padding-bottom: calc(8px + (12 - 8) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .header__basket .btn-icon,
  .header__favourites .btn-icon,
  .header__comparison .btn-icon,
  .header__telephone .btn-icon {
    width: calc(48px + (56 - 48) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(48px + (56 - 48) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .header__telephone-link {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .header__link-btn {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(10px + (12 - 10) * ((100vw - 1536px) / (1920 - 1536)));
    padding: calc(10px + (12 - 10) * ((100vw - 1536px) / (1920 - 1536))) calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .header__link-btn svg {
    width: calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .header__link.header__link--action svg {
    width: 20px;
    height: 20px;
  }

  .header__link-static {
    grid-gap: calc(4px + (6 - 4) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .header__link-static svg {
    width: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .header__bottom {
    padding-bottom: calc(8px + (12 - 8) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .header__nav {
    margin: 0 calc(-14px + (-18 - (-14)) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .header__link-img {
    min-width: calc(72px + (80 - 72) * ((100vw - 1536px) / (1920 - 1536)));
    width: calc(72px + (80 - 72) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(72px + (80 - 72) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .header__link-title {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    padding: 0 calc(12px + (16 - 12) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .header__link-list {
    padding: 8px 0 calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .header-catalog__inner {
    grid-template-columns:
      calc(312px + (365 - 312) * ((100vw - 1536px) / (1920 - 1536))) 1fr;
    grid-gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .header-catalog__tab {
    padding: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536))) calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .header-catalog__tab-text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .header-catalog__tab-arrow svg {
    width: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .header-catalog__tab+.header-catalog__tab {
    margin-top: calc(2px + (4 - 2) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .header-catalog__category {
    padding: calc(12px + (16 - 12) * ((100vw - 1536px) / (1920 - 1536)));
    /* padding-left: 0; */
  }

  .header-catalog__category-title {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .header-catalog__category-text {
    font-size: calc(14px + (16 - 14) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .header-catalog__category-box {
    /* padding: 0 calc(12px + (16 - 12) * ((100vw - 1536px) / (1920 - 1536))); */
  }

  .header-catalog__category-grey {
    width: calc(72px + (80 - 72) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(72px + (80 - 72) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .header-catalog__category-img {
    height: calc(72px + (80 - 72) * ((100vw - 1536px) / (1920 - 1536)));
    width: calc(72px + (80 - 72) * ((100vw - 1536px) / (1920 - 1536)));
    min-width: calc(72px + (80 - 72) * ((100vw - 1536px) / (1920 - 1536)));
    /* width: calc(88px + (96 - 88) * ((100vw - 1536px) / (1920 - 1536)));
    min-width: calc(88px + (96 - 88) * ((100vw - 1536px) / (1920 - 1536))); */
  }

  .header-catalog__item.active {
    padding-bottom: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .header-catalog__tabs {
    padding-bottom: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .header-catalog__item.active {
    padding-bottom: 24px;
  }

  .header-catalog__tabs {
    padding-bottom: 24px;
  }

  .header-catalog__categorys-all {
    margin-top: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .header-catalog__category-img {
    border-radius: 0 calc(8px + (12 - 8) * ((100vw - 1366px) / (1536 - 1366))) calc(8px + (12 - 8) * ((100vw - 1366px) / (1536 - 1366))) 0;
    /* width: calc(76px + (88 - 76) * ((100vw - 1366px) / (1536 - 1366)));
    min-width: calc(76px + (88 - 76) * ((100vw - 1366px) / (1536 - 1366))); */
    height: calc(64px + (72 - 64) * ((100vw - 1366px) / (1536 - 1366)));
    width: calc(64px + (72 - 64) * ((100vw - 1366px) / (1536 - 1366)));
    min-width: calc(64px + (72 - 64) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .header-catalog__category-grey {
    border-radius: calc(8px + (12 - 8) * ((100vw - 1366px) / (1536 - 1366)));
    width: calc(64px + (72 - 64) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(64px + (72 - 64) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .header-catalog__category-title {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .header-catalog__category-text {
    font-size: calc(12px + (14 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .header-catalog__category-box {
    /* padding: 0 calc(8px + (12 - 8) * ((100vw - 1366px) / (1536 - 1366))); */
  }

  .header-catalog__category {
    padding: 12px;
    /* padding-left: 0; */
  }

  .header-catalog__tab {
    padding: 16px 20px;
    border-radius: calc(10px + (12 - 10) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .header-catalog__tab-arrow svg {
    width: 20px;
    height: 20px;
  }

  .header-catalog__tab-text {
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .header-catalog__tab+.header-catalog__tab {
    margin-top: 2px;
  }

  .header-catalog__inner {
    grid-template-columns:
      calc(287px + (312 - 287) * ((100vw - 1366px) / (1536 - 1366))) 1fr;
    grid-gap: calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .header__link-list {
    padding: 8px 0 24px;
    grid-gap: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .header__link-item {
    padding: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .header__link-title {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
    padding: 0 calc(8px + (12 - 8) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .header__link-img {
    min-width: calc(64px + (72 - 64) * ((100vw - 1366px) / (1536 - 1366)));
    width: calc(64px + (72 - 64) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(64px + (72 - 64) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: calc(8px + (12 - 8) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .header__nav {
    margin: 0 -14px;
  }

  .header__bottom {
    padding-bottom: 8px;
  }

  .header__link-static {
    grid-gap: 4px;
  }

  .header__link-btn svg {
    width: 16px;
    height: 16px;
  }

  .header__link-static svg {
    width: 20px;
    height: 20px;
  }

  .header__link-btn {
    border-radius: 10px;
    padding: 10px 16px;
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
    grid-gap: calc(6px + (8 - 6) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .header__link.header__link--action .header__link-btn {
    font-size: 16px;
  }

  .header__catalog {
    margin-left: 32px;
  }

  .header__telephone {
    margin-left: 32px;
  }

  .header__search {
    margin-left: 16px;
  }

  .header__buttons {
    margin-left: 32px;
    grid-gap: 6px;
  }

  .header__telephone-link {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .header__basket .btn-icon,
  .header__favourites .btn-icon,
  .header__comparison .btn-icon,
  .header__telephone .btn-icon {
    width: calc(44px + (48 - 44) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(44px + (48 - 44) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .header__top {
    padding-top: 16px;
    padding-bottom: 8px;
  }

  .header__logo-btn img {
    width: calc(145px + (153 - 145) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .header__comparison .btn-icon svg,
  .header__favourites .btn-icon svg,
  .header__basket .btn-icon svg,
  .header__telephone .btn-icon svg {
    width: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .header-catalog__categorys {
    grid-gap: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .header-catalog__category {
    border-radius: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .header-catalog__tabs {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .header-catalog__item.active {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 1366px) {
  .header-catalog__category-img {
    /* width: 76px;
    min-width: 76px; */
    border-radius: 0 8px 8px 0;
    height: 64px;
    width: 64px;
    min-width: 64px;
  }

  .header-catalog__category-grey {
    border-radius: 8px;
    width: 64px;
    height: 64px;
  }

  .header-catalog__categorys-all {
    margin-top: 12px;
  }

  .header-catalog__category-title {
    font-size: 16px;
  }

  .header-catalog__category-text {
    font-size: 12px;
  }

  .header-catalog__category-box {
    /* padding: 0 8px; */
  }

  .header-catalog__categorys {
    grid-gap: 12px;
  }

  .header-catalog__category {
    border-radius: 12px;
  }

  .header-catalog__tab-text {
    font-size: 14px;
  }

  .header-catalog__tab {
    border-radius: 10px;
  }

  .header-catalog__inner {
    grid-template-columns: 287px 1fr;
    grid-gap: 16px;
  }

  .header__link-img {
    min-width: 64px;
    width: 64px;
    height: 64px;
    border-radius: 8px;
  }

  .header__link-item {
    padding: 12px;
    border-radius: 12px;
  }

  .header__link-title {
    font-size: 16px;
    padding: 0 8px;
  }

  .header__link-btn {
    font-size: 14px;
    grid-gap: 6px;
  }

  .header__telephone-link {
    font-size: 16px;
  }

  .header__basket .btn-icon,
  .header__favourites .btn-icon,
  .header__comparison .btn-icon,
  .header__telephone .btn-icon {
    width: 44px;
    height: 44px;
  }

  .header__comparison .btn-icon svg,
  .header__favourites .btn-icon svg,
  .header__basket .btn-icon svg,
  .header__telephone .btn-icon svg {
    width: 20px;
    height: 20px;
  }

  .header__logo-btn img {
    width: 145px;
  }

  .header__link-list {
    grid-gap: 12px;
  }
}

@media (max-width: 1200px) {
  .header {
    position: fixed;
  }

  .header__bottom.transform {
    margin-top: 0;
  }

  .header__telephone .header__telephone-link {
    display: none;
  }

  .header__buttons .header__comparison {
    display: none;
  }

  .header__buttons .header__favourites {
    display: none;
  }

  .header__burger {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    border-radius: 8px;
    cursor: pointer;
    border: 1px solid #FF6800;
    transition: background 0.3s ease;
  }

  .header__burger .header__burger-img-one path {
    fill: #FF6800;
  }

  .header__burger.active {
    background: white;
    border: none;
    box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
  }

  .header-mobile {
    display: block;
  }

  .header__burger-btn {
    position: relative;
    display: flex;
  }

  .header__burger.active .header__burger-img-two {
    opacity: 1;
  }

  .header__burger.active .header__burger-img-one {
    opacity: 0;
  }

  .header__burger-btn svg {
    width: 20px;
    height: 20px;
  }

  .header__burger-img-two {
    position: absolute;
    left: 0;
    opacity: 0;
    top: 0;
  }

  .header__basket .btn-icon,
  .header__telephone .btn-icon {
    box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
    background-color: var(--base-white-color);
  }

  .header__buttons {
    grid-gap: 12px;
    margin-left: 12px;
  }

  .header__catalog {
    display: none;
  }

  .header-mobile {
    position: fixed;
    left: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    top: 79px;
    bottom: 0;
    /* z-index: 12; */
    z-index: 13;
    transform: translateY(-120%);
    right: 0;
    pointer-events: none;
    background-color: #f8f9fb;
    transition: transform 0.3s;
    overflow: hidden;
  }

  .header-mobile__transfer {
    display: none;
  }

  .header-mobile__inner {
    overflow-y: auto;
    max-height: calc(100vh - 147px);
    padding-bottom: 20px;
  }

  .header-mobile.active {
    pointer-events: initial;
    transform: translateY(0);
  }

  .header.add-box-shadow {
    box-shadow: none;
  }

  .header-mobile__wrapper {
    overflow: hidden;
  }

  .header-mobile__buttons {
    padding: 24px 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8px;
    border-bottom: 1px solid #e9ebee;
  }

  .header-mobile__menu {
    padding-top: 24px;
  }

  .header-mobile__button {
    display: flex;
  }

  .header-mobile__button-link {
    color: #444446;
    font-size: 16px;
    padding: 10px 0;
    font-weight: 500;
    display: flex;
    align-items: center;
    grid-gap: 8px;
    line-height: 150%;
    position: relative;
  }

  .header-mobile__button-link::before {
    content: "";
    position: absolute;
    top: -15px;
    bottom: -15px;
    left: -15px;
    right: -15px;
  }

  .header-mobile__button-link svg {
    width: 20px;
    height: 20px;
  }

  .header-mobile__bottom {
    display: flex;
  }

  .header-mobile__tel {
    color: #282829;
    padding: 20px 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 150%;
  }

  .header-mobile__catalog-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    color: #282829;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    cursor: pointer;
  }

  .header-mobile__catalog-button svg {
    transform: rotate(-90deg);
    width: 20px;
    height: 20px;
  }

  .header__link-btn svg {
    width: 20px;
    height: 20px;
  }

  .header-mobile__menu .header__bottom .container {
    padding: 0 !important;
    margin: 0 !important;
  }

  .header-mobile__menu .header__bottom .header__list {
    flex-direction: column;
    align-items: flex-start;
  }

  .header-mobile__menu .header__bottom .header__link {
    width: 100%;
  }

  .header-mobile__menu .header__bottom .header__link-btn {
    justify-content: space-between;
  }

  .header-mobile__menu .header__bottom .header__link-btn.active svg {
    transform: rotate(-90deg);
  }

  .header-mobile__menu .header__bottom .header__link-btn svg {
    transform: rotate(-90deg);
  }

  .header-mobile__menu .header__bottom .header__link-btn:hover,
  .header-mobile__menu .header__bottom .header__link-btn.active {
    background-color: transparent;
    color: #ff6800;
  }

  .header-mobile__menu .header__bottom .header__link.header__link--action .header__link-btn,
  .header-mobile__menu .header__bottom .header__link.header__link--reviews .header__link-btn {
    justify-content: flex-start;
  }

  .header-mobile__menu .header__bottom .header__link.header__link--action .header__link-btn svg,
  .header-mobile__menu .header__bottom .header__link.header__link--reviews .header__link-btn svg {
    transform: rotate(0deg);
  }

  .header-mobile__menu .header__bottom .header__link-btn {
    font-size: 16px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .header-mobile__menu .header__bottom .header__link+.header__link {
    margin-top: 16px;
  }

  .header-mobile__menu .header__bottom .header__nav {
    margin: 0;
    padding: 0;
    margin-top: 16px;
  }

  .header-mobile .header__search {
    margin-left: 0;
    display: block;
  }

  .header__telephone {
    margin-left: auto;
  }

  .header__bottom {
    display: none;
  }

  .header__search {
    display: none;
  }

  .header-mobile .header__bottom {
    display: block;
  }

  .header__top {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .header-mobile .header-catalog__inner {
    grid-template-columns: 1fr;
    grid-gap: 8px;
  }

  .header-mobile .header-catalog .container {
    padding: 0;
  }

  .header-mobile .header-catalog .header-catalog__tab {
    padding-left: 0;
    padding-right: 0;
  }

  .header-mobile .header-catalog .header-catalog__tab-text {
    font-size: 16px;
  }

  .header-mobile .header-catalog__tab+.header-catalog__tab {
    margin-top: 8px;
  }

  .header-mobile .header-catalog__inner .header__mobile-back {
    display: flex;
  }

  .header__mobile-back-inner {
    align-items: center;
    padding: 12px 0;
    display: flex;
    cursor: pointer;
    margin-top: 16px;
    grid-gap: 8px;
  }

  .header__mobile-back img {
    width: 20px;
  }

  .header__mobile-back {
    color: #93969c;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
  }

  .header-mobile .header-catalog__tab:hover {
    background: transparent;
    box-shadow: none;
  }

  .header-mobile .header-catalog__tab:hover .header-catalog__tab-arrow svg path[stroke],
  .header-mobile .header-catalog__tab.active .header-catalog__tab-arrow svg path[stroke] {
    stroke: #93969c;
  }

  .header-mobile .header-catalog__item .header__mobile-back {
    display: flex;
  }

  .header-mobile .header-catalog__categorys {
    margin-top: 12px;
    grid-template-columns: 1fr;
    grid-gap: 12px;
  }

  .header-mobile .header-catalog__category {
    padding: 16px;
    /* padding-left: 0; */
    margin: 0 auto;
    width: 98%;
  }

  .header-mobile .header-catalog__category-box {
    /* padding: 0 12px; */
  }

  .header-mobile .header-catalog__category-title {
    font-size: 18px;
  }

  .header-mobile .header-catalog__category-text {
    font-size: 14px;
  }

  .header-mobile .header-catalog__category-img {
    height: 72px;
    width: 72px;
    min-width: 72px;
    /* width: 88px;
    min-width: 88px; */
    border-radius: 0 12px 12px 0;
  }

  .header-mobile .header-catalog__category-grey {
    width: 72px;
    height: 72px;
    border-radius: 12px;
  }

  .header-mobile .header-catalog__tab.active {
    background-color: transparent;
    box-shadow: none;
  }

  .header-mobile .header-catalog__items {
    display: none;
  }

  .header-mobile .header-catalog__category:hover {
    box-shadow: none;
  }

  .header-mobile .header__link-items .container {
    padding: 0;
  }

  .header-mobile .header__link-items .header__mobile-back {
    display: flex;
  }

  .header__link-list {
    grid-template-columns: 1fr;
  }

  .header-mobile .header-catalog__item.active {
    margin: 0;
    padding: 0;
  }

  .header-mobile .header__link-items {
    max-height: calc(100vh - 147px);
    overflow-y: auto;
  }

  .header-mobile .header__link-items::-webkit-scrollbar,
  .header-mobile .header-catalog__item.active::-webkit-scrollbar,
  .header-mobile .header-catalog::-webkit-scrollbar,
  .header-mobile__inner::-webkit-scrollbar {
    width: 3px;
    background-color: #e9ebee;
  }

  .header-mobile .header__link-items::-webkit-scrollbar-thumb,
  .header-mobile .header-catalog__item.active::-webkit-scrollbar-thumb,
  .header-mobile .header-catalog::-webkit-scrollbar-thumb,
  .header-mobile__inner::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #444446;
  }

  .header-mobile .header__link-item:hover {
    box-shadow: none;
  }

  .header-mobile .header-catalog__item.active {
    max-height: calc(100vh - 147px);
    padding-bottom: 20px;
  }

  .header-mobile .header-catalog {
    max-height: calc(100vh - 147px);
    overflow-y: auto;
    padding-bottom: 20px;
  }

  .header-mobile .header-catalog__items {
    padding-top: 8px;
  }

  .header-mobile .header-catalog__tabs {
    overflow: initial;
    max-height: 100%;
    padding: 0;
    margin: 0;
  }

  .header-mobile__search {
    position: relative;
    z-index: 2;
  }

  .header__search .search-project__list {
    /* display: block; */
    z-index: 2;
    background-color: #f8f9fb;
    border: none;
    border-radius: 0;
  }

  .header-mobile .header-catalog__categorys-all {
    width: 100%;
    text-align: center;
  }

  .header-mobile .header-catalog__categorys-all .btn-project {
    width: 100%;
  }

  .header-mobile__bottom {
    margin-top: 24px;
  }

  .header__link-img {
    width: 72px;
    min-height: 72px;
    height: 72px;
  }

  .header__link-title {
    font-size: 18px;
    padding: 0 12px;
  }

  .header__link-item {
    padding: 16px;
    border-radius: 16px;
  }

  .header-mobile .search-project__list {
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    height: calc(100vh - 147px);
    top: 100%;
    padding-top: 24px;
  }

  .header-mobile .search-project__list-inner {
    max-height: calc(100vh - 147px - 24px);
    padding: 0;
    padding-bottom: 24px;
  }

  .header-mobile .search-project__link {
    padding-left: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 0;
    border-radius: 0;
  }

  .header-mobile .search-project__link:active {
    background-color: transparent;
  }

  .header-mobile .search-project__link-price {
    margin-left: auto;
  }

  .header-mobile .search-project__link-action {
    margin-left: auto;
  }

  .header-mobile .search-project__all {
    margin-top: 24px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
  }

  .header-mobile .search-project__list {
    position: relative;
  }

  .header__telephone .btn-icon {
    pointer-events: initial;
  }
}

@media (max-width: 1024px) {
  .header__logo-btn img {
    width: calc(137px + (145 - 137) * ((100vw - 390px) / (1024 - 390)));
  }

  .header__top {
    padding-top: calc(10px + (18 - 10) * ((100vw - 390px) / (1024 - 390)));
    padding-bottom: calc(10px + (18 - 10) * ((100vw - 390px) / (1024 - 390)));
  }

  .header-mobile {
    top: calc(63px + (79 - 63) * ((100vw - 390px) / (1024 - 390)));
  }
}

@media (max-width: 600px) {
  .header__mobile-back-inner {
    margin-top: 8px;
  }

  .header-mobile .search-project__all {
    margin-top: 16px;
  }

  .header-mobile .search-project__list {
    padding-top: 16px;
  }

  .header__link-list {
    grid-gap: 8px;
  }

  .header-mobile__bottom {
    margin-top: 16px;
  }

  .header-mobile__tel {
    padding: 16px 0;
  }

  .header-mobile .header-catalog__tab+.header-catalog__tab {
    margin-top: 0;
  }

  .header-mobile .header-catalog__inner {
    grid-gap: 2px;
  }

  .header-mobile__buttons {
    padding: 16px 0;
  }

  .header-mobile__menu .header__bottom .header__nav {
    margin-top: 12px;
  }

  .header-mobile__menu .header__bottom .header__link+.header__link {
    margin-top: 12px;
  }

  .header-mobile__menu {
    padding-top: 16px;
  }

  .header__bottom {
    padding-bottom: 0;
  }
}

@media (max-width: 390px) {
  .header__logo-btn img {
    width: 137px;
  }

  .header__top {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .header-mobile {
    top: 63px;
  }
}

/*end header*/

/*start earch-project*/
.search-project {
  position: relative;
}

.search-project__item {
  position: relative;
}

.search-project__icon {
  position: absolute;
  top: 50%;
  left: 20px;
  pointer-events: none;
  display: flex;
  transform: translateY(-50%);
}

.search-project__icon svg path {
  transition: 0.3s;
}

.search-project.active .search-project__icon svg path[stroke],
.search-project__item:hover .search-project__icon svg path[stroke],
.search-project__input:focus+.search-project__icon svg path[stroke] {
  stroke: #444446;
}

.search-project__input {
  width: 100%;
  border-radius: 12px;
  border: 1px solid #e9ebee;
  background: #fff;
  outline: none;
  padding: 14px 56px;
  color: #282829;
  font-family: "Retni Sans", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  transition: 0.3s;
  line-height: 150%;
}

.search-project__input:focus {
  border-color: #dadde2;
}

.search-project.active .search-project__placyholder {
  display: none;
}

.search-project__placyholder {
  color: #93969c;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  left: 56px;
  right: 56px;
  font-family: "Retni Sans", sans-serif;
  text-overflow: ellipsis;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.search-project__close {
  position: absolute;

  top: 50%;
  display: flex;
  cursor: pointer;
  z-index: 2;
  padding: 10px;
  right: 10px;
  transform: translateY(-50%);
  display: none;
}

.search-project__list {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 6px);
  border-radius: 16px;
  border: 1px solid #e9ebee;
  background: #fff;

  overflow: hidden;
  box-shadow: 0px 4px 20px 0px rgba(141, 177, 195, 0.16);
}

.search-project__list-inner {
  padding: 12px;
  max-height: 50vh;
  overflow-y: auto;
}

.search-project__list-inner::-webkit-scrollbar {
  width: 3px;
  background-color: #e9ebee;
}

.search-project__list-inner::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #444446;
}

.search-project__link {
  display: flex;
  align-items: center;
  transition: 0.3s;
  white-space: nowrap;
  border-radius: 12px;
  font-weight: 500;
  padding: 12px 16px;
  grid-gap: 32px;
  overflow: hidden;
}

.search-project__link:hover {
  background-color: #f8f9fb;
}

.search-project__link:active {
  background-color: #f3f4f6;
}

.search-project__link--focused,
.search-project__link--focused:hover {
  background-color: #eef0f4;
}

.search-project__link-box {
  display: flex;
  overflow: hidden;
  align-items: center;
  grid-gap: 12px;
  width: 100%;
}

.search-project__link-img img {
  width: 28px;
  min-width: 28px;
  height: 28px;
  border-radius: 4px;
}

.search-project__link-title {
  color: #444446;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 18px;
  white-space: nowrap;
  line-height: 150%;
  /* font-weight: 700; */
  font-weight: 500;
}

.search-project__link-price {
  color: #444446;
  font-size: 18px;
  line-height: 150%;
}

.search-project__link-action {
  display: flex;
  align-items: center;
  grid-gap: 12px;
}

.search-project__link-action-old {
  color: #444446;
  font-size: 16px;
  line-height: 150%;
  position: relative;
}

.search-project__link-action-old::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #444446;
}

.search-project__link-action-new {
  color: #282829;
  font-size: 18px;
  line-height: 150%;
  border-radius: 8px;
  background: #ffdc42;
  padding: 2px 12px;
}

.search-project__all {
  display: flex;
  margin-top: 12px;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
  background: #f3f4f6;
  padding: 10px 16px;
  grid-gap: 8px;
  color: #444446;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  cursor: pointer;
}

.search-project__all-img {
  display: flex;
}

@media (max-width: 1920px) {
  .search-project__input {
    padding: calc(13px + (14 - 13) * ((100vw - 1536px) / (1920 - 1536))) calc(52px + (56 - 52) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(10px + (12 - 10) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .search-project__icon svg,
  .search-project__close svg {
    width: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .search-project__placyholder {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    left: calc(52px + (56 - 52) * ((100vw - 1536px) / (1920 - 1536)));
    right: calc(52px + (56 - 52) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .search-project__list-inner {
    padding: calc(8px + (12 - 8) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .search-project__list {
    border-radius: calc(10px + (16 - 10) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .search-project__link-title {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .search-project__link {
    grid-gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .search-project__link-price {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .search-project__link-action-old {
    font-size: calc(14px + (16 - 14) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .search-project__link-action-new {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    padding: 2px calc(10px + (12 - 10) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .search-project__all {
    padding: 10px calc(20px + (16 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    margin-top: calc(8px + (12 - 8) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .search-project__link-img img {
    width: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    min-width: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .search-project__all-img svg {
    width: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {

  .search-project__icon svg,
  .search-project__close svg {
    width: 20px;
    height: 20px;
  }

  .search-project__input {
    border-radius: 10px;
    padding: calc(12px + (13 - 12) * ((100vw - 1366px) / (1536 - 1366))) calc(48px + (52 - 48) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .search-project__placyholder {
    left: calc(48px + (52 - 48) * ((100vw - 1366px) / (1536 - 1366)));
    right: calc(48px + (52 - 48) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .search-project__close {
    right: calc(6px + (10 - 6) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .search-project__icon {
    left: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .search-project__list-inner {
    padding: 8px;
  }

  .search-project__list {
    border-radius: 10px;
  }

  .search-project__link-title {
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .search-project__link {
    grid-gap: 24px;
  }

  .search-project__link-price {
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .search-project__link-action-old {
    font-size: calc(12px + (14 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .search-project__link-action-new {
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
    padding: 2px 10px;
  }

  .search-project__all {
    padding: 10px 20px;
    margin-top: 8px;
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .search-project__link-img img {
    width: 24px;
    height: 24px;
    min-width: 24px;
  }

  .search-project__all-img svg {
    width: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .search-project__link {
    padding: calc(8px + (12 - 8) * ((100vw - 1366px) / (1536 - 1366))) calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .search-project__icon {
    left: 16px;
  }

  .search-project__close {
    right: 6px;
  }

  .search-project__input {
    font-size: 14px;
    padding: 12px 48px;
  }

  .search-project__placyholder {
    left: 48px;
    right: 48px;
    font-size: 14px;
  }

  .search-project__link-title {
    font-size: 14px;
  }

  .search-project__link {
    grid-gap: 24px;
  }

  .search-project__link-price {
    font-size: 14px;
  }

  .search-project__link-action-old {
    font-size: 12px;
  }

  .search-project__link-action-new {
    font-size: 14px;
    padding: 2px 10px;
  }

  .search-project__all {
    padding: 10px 20px;
    margin-top: 8px;
    font-size: 14px;
  }

  .search-project__link-img img {
    width: 24px;
    height: 24px;
    min-width: 24px;
  }

  .search-project__all-img svg {
    width: 18px;
    height: 18px;
  }

  .search-project__link {
    padding: 8px 12px;
  }
}

/*end earch-project*/

/*start basket-popup*/
.basket-popup {
  width: 480px;
  position: fixed;
  z-index: 13;
  border-radius: 20px;
  transform: translateX(-280px);
  background: #fff;
  padding: 32px;
  /* right: 40px; */
  /* top: 84px; */
  display: none;
  box-shadow: 0px 4px 20px 0px rgba(141, 177, 195, 0.16);
}

.basket-popup.active {
  display: block;
}

.basket-popup__top {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.basket-popup__title {
  color: #282829;
  font-size: 28px;
  font-weight: 600;
  line-height: 140%;
}

.basket-popup__delete {
  display: flex;
}

.basket-popup__delete-btn {
  display: flex;
  position: relative;
  align-items: center;
  grid-gap: 8px;
  color: #93969c;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
}

.basket-popup__delete-btn::before {
  content: "";
  position: absolute;
  top: -10px;
  bottom: -10px;
  right: -10px;
  left: -10px;
  cursor: pointer;
  border: none;
}

.basket-popup__all {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  justify-content: space-between;
}

.basket-popup__all-text {
  color: #686871;
  font-size: 16px;
  line-height: 150%;
}

.basket-popup__all-price {
  color: #282829;
  font-size: 18px;
  font-weight: 600;
  line-height: 150%;
}

.basket-popup__wrapper {
  overflow-y: auto;
  margin-right: -15px;
  padding-right: 15px;
  max-height: calc(100vh - 400px);
  /* max-height: 100px; */
}

.basket-popup__wrapper::-webkit-scrollbar {
  width: 4px;
  background-color: #f3f4f6;
}

.basket-popup__wrapper::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #444446;
}

.basket-popup__item {
  padding: 16px 0;
  display: grid;
  grid-template-columns: min-content 1fr;
  grid-gap: 12px;
  border-top: 1px solid #f3f4f6;
}

.basket-popup__item:first-child {
  padding-top: 0;
  border: none;
}

.basket-popup__item:last-child {
  padding-bottom: 0;
}

.basket-popup__item-image {}

.basket-popup__item-image img {
  width: 80px;
  min-width: 80px;
  height: 80px;
  object-fit: cover;
}

.basket-popup__item-box {}

.basket-popup__item-top {
  margin-bottom: 12px;
  grid-gap: 12px;
  display: grid;
  grid-template-columns: 1fr min-content;
}

.basket-popup__item-title {
  color: #282829;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}

.basket-popup__item-delete {
  display: flex;
  cursor: pointer;
  border: none;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transition: 0.3s;
}

.basket-popup__item-delete svg path {
  transition: 0.3s;
}

.basket-popup__item-delete:hover {
  background: #fff;
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
}

.basket-popup__item-delete:hover svg path[stroke] {
  stroke: #282829;
}

.basket-popup__item-bottom {
  font-size: 16px;
  line-height: 150%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.basket-popup__item-link {
  display: flex;
  align-items: center;
  grid-gap: 8px;
}

.basket-popup__item-text {
  color: #686871;
}

.basket-popup__item-number {
  color: #282829;
}

.basket-popup__item-price {
  color: #282829;
  font-weight: 600;
}

.basket-popup__bottom {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 16px;
  margin-top: 24px;
}

.basket-popup__empty {
  text-align: center;
}

.basket-popup__empty-image {
  display: flex;
  justify-content: center;
  margin: 16px auto 32px;
}

.basket-popup__empty-image img {
  width: 156px;
}

.basket-popup__empty-title {
  color: #282829;
  font-size: 24px;
  font-weight: 600;
  line-height: 150%;
  margin-bottom: 16px;
}

.basket-popup__empty-text {
  color: #686871;
  font-size: 16px;
  line-height: 150%;
  margin-bottom: 32px;
}

.basket-popup__empty-btn {
  width: 100%;
}

@media (max-width: 1920px) {
  .basket-popup {
    padding: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
    transform: translateX(calc(-355px + (-280 - (-355)) * ((100vw - 1536px) / (1920 - 1536))));
  }

  .basket-popup__empty-image img {
    width: calc(130px + (155 - 130) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .basket-popup__empty-image {
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .basket-popup__empty-text {
    margin-bottom: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .basket-popup__title {
    font-size: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .basket-popup__top {
    margin-bottom: calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .basket-popup__delete-btn {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .basket-popup__delete-btn svg {
    width: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .basket-popup__all {
    margin-bottom: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .basket-popup__all-text {
    font-size: calc(14px + (16 - 14) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .basket-popup__all-price {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .basket-popup__bottom {
    grid-gap: calc(12px + (16 - 12) * ((100vw - 1536px) / (1920 - 1536)));
    margin-top: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .basket-popup__item-delete {
    width: calc(44px + (48 - 44) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(44px + (48 - 44) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .basket-popup__item-delete {
    width: calc(40px + (44 - 40) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(40px + (44 - 40) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .basket-popup__item-delete svg {
    width: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .basket-popup__bottom {
    grid-gap: 12px;
    margin-top: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .basket-popup__all-price {
    font-size: 16px;
  }

  .basket-popup__all-text {
    font-size: 14px;
  }

  .basket-popup__delete-btn {
    grid-gap: calc(6px + (8 - 6) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .basket-popup__delete-btn svg {
    width: 20px;
    height: 20px;
  }

  .basket-popup__all {
    margin-bottom: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .basket-popup__title {
    font-size: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .basket-popup__top {
    margin-bottom: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .basket-popup__empty-text {
    margin-bottom: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .basket-popup__empty-image {
    margin-bottom: 24px;
  }

  .basket-popup__empty-image img {
    width: 130px;
  }

  .basket-popup {
    width: calc(440px + (480 - 440) * ((100vw - 1366px) / (1536 - 1366)));
    transform: translateX(calc(-335px + (-355 - (-335)) * ((100vw - 1366px) / (1536 - 1366))));
    padding: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .basket-popup__empty-title {
    font-size: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .basket-popup__empty-text {
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .basket-popup__item-image img {
    width: calc(72px + (80 - 72) * ((100vw - 1366px) / (1536 - 1366)));
    min-width: calc(72px + (80 - 72) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(72px + (80 - 72) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .basket-popup__item-title {
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .basket-popup__item-bottom {
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .basket-popup__item {
    padding: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366))) 0;
  }

  .basket-popup__wrapper {
    max-height: calc(100vh - 350px);
  }
}

@media (max-width: 1366px) {
  .basket-popup {
    width: 440px;
    padding: 24px;
    transform: translateX(-335px);
    border-radius: 16px;
  }

  .basket-popup__item-delete {
    width: 40px;
    height: 40px;
  }

  .basket-popup__item-delete svg {
    width: 20px;
    height: 20px;
  }

  .basket-popup__bottom {
    grid-gap: 12px;
    margin-top: 16px;
  }

  .basket-popup__all-price {
    font-size: 16px;
  }

  .basket-popup__all-text {
    font-size: 14px;
  }

  .basket-popup__delete-btn {
    grid-gap: 6px;
    font-size: 14px;
  }

  .basket-popup__delete-btn svg {
    width: 20px;
    height: 20px;
  }

  .basket-popup__all {
    margin-bottom: 16px;
  }

  .basket-popup__title {
    font-size: 20px;
  }

  .basket-popup__top {
    margin-bottom: 12px;
  }

  .basket-popup__empty-text {
    margin-bottom: 24px;
  }

  .basket-popup__empty-image {
    margin-bottom: 24px;
  }

  .basket-popup__empty-image img {
    width: 130px;
  }

  .basket-popup__empty-title {
    font-size: 20px;
  }

  .basket-popup__empty-text {
    font-size: 14px;
  }

  .basket-popup__item-image img {
    width: 72px;
    min-width: 72px;
    height: 72px;
  }

  .basket-popup__item-title {
    font-size: 14px;
  }

  .basket-popup__item-bottom {
    font-size: 14px;
  }

  .basket-popup__item {
    padding: 12px 0;
  }
}

@media (max-width: 1200px) {
  .basket-popup {
    display: none !important;
  }
}

/*end basket-popup*/

/*start basket-popup-mini*/
.basket-popup-mini {
  border-radius: 16px;
  padding: 24px 32px;
  width: 480px;
  position: fixed;
  z-index: 13;
  transition: opacity 0.3s;
  display: none;
  border-radius: 20px;
  background: #fff;
  transform: translateX(-210px);
  padding: 24px 32px;
  right: -8%;
  top: 40px;
  box-shadow: 0px 4px 20px 0px rgba(141, 177, 195, 0.16);
}

.basket-popup-mini.active {
  display: block;
}

.basket-popup-mini__inner {
  display: flex;
  grid-gap: 12px;
  align-items: center;
}

.basket-popup-mini__box {
  color: #282829;
  font-size: 20px;
  line-height: 150%;
}

.basket-popup-mini__btn {
  font-weight: 500;
  position: relative;
  display: inline;
}

.basket-popup-mini__btn::before {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #282829;
}

.basket-popup-mini__close {
  margin-left: auto;
}

.basket-popup-mini__close-btn {
  display: flex;
  cursor: pointer;
  position: relative;
}

.basket-popup-mini__close-btn::before {
  content: "";
  position: absolute;
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
}

@media (max-width: 1920px) {
  .basket-popup-mini {
    padding: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536))) calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
    transform: translateX(calc(-200px + (-210 - (-200)) * ((100vw - 1536px) / (1920 - 1536))));
  }

  .basket-popup-mini__img img {
    width: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .basket-popup-mini__box {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .basket-popup-mini__close-btn svg {
    width: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .basket-popup-mini__close-btn svg {
    width: 20px;
    height: 20px;
  }

  .basket-popup-mini {
    transform: translateX(calc(-160px + (-210 - (-160)) * ((100vw - 1366px) / (1536 - 1366))));
    width: calc(360px + (480 - 360) * ((100vw - 1366px) / (1536 - 1366)));
    padding: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366))) calc(20px + (28 - 20) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .basket-popup-mini__box {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .basket-popup-mini__inner {
    grid-gap: calc(8px + (12 - 8) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .basket-popup-mini__img img {
    width: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .basket-popup-mini__img img {
    width: 24px;
  }

  .basket-popup-mini {
    width: 360px;
    transform: translateX(-160px);
    padding: 16px 20px;
    border-radius: 12px;
  }

  .basket-popup-mini__box {
    font-size: 16px;
  }

  .basket-popup-mini__inner {
    grid-gap: 8px;
  }
}

@media (max-width: 1200px) {
  .basket-popup-mini {
    transform: translateX(calc(-110px + (-230 + 110) * ((100vw - 1024px) / (1200 - 1024))));

  }
}

@media (max-width: 1024px) {
  .basket-popup-mini {
    transform: translateX(calc(-90px + (-110 + 90) * ((100vw - 768px) / (1024 - 768))));
    top: 68px;
  }
}

@media (max-width: 768px) {
  .basket-popup-mini {
    transform: translateX(calc(-40px + (-90 + 40) * ((100vw - 390px) / (768 - 390))));
  }
}

@media (max-width: 400px) {
  .basket-popup-mini {
    transform: translateX(-40px);
  }
}

/*end basket-popup-mini*/

/*start basket-section*/
.basket-section {}

.basket-section .alert {
  display: none;
}

.basket-section__top {
  display: flex;
  margin-bottom: 56px;
  align-items: center;
  justify-content: space-between;
}

.basket-section__top-left {
  display: flex;
  align-items: flex-end;
  grid-gap: 20px;
}

.basket-section__top-num {
  color: #686871;
  font-size: 20px;
  transform: translateY(-10px);
  line-height: 150%;
}

.basket-section__top-right {
  display: flex;
  align-items: center;
  grid-gap: 40px;
}

.basket-section__top-reset {}

.basket-section__top-buttons {
  display: flex;
  grid-gap: 16px;
  align-items: center;
}

.basket-section__top-buttons .btn-icon:hover svg path[stroke] {
  stroke: #fff;
  fill: transparent;
}

.basket-section__top-buttons .btn-icon:hover svg path[fill] {
  fill: transparent;
}

.basket-section__inner {
  display: grid;
  grid-gap: 56px;
  align-items: flex-start;
  grid-template-columns: 1fr 470px;
}

.basket-section__items {
  display: flex;
  flex-direction: column;
  grid-gap: 16px;
}

.basket-section__result {}

.basket-result {
  padding: 40px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
}

.basket-result__links {
  padding-bottom: 26px;
  margin-bottom: 26px;
  border-bottom: 1px solid #f3f4f6;
}

.basket-result__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.basket-result__link+.basket-result__link {
  margin-top: 16px;
}

.basket-result__link-text {
  color: #686871;
  font-size: 18px;
  line-height: 150%;
}

.basket-result__link-num {
  font-weight: 500;
  color: #282829;
  font-size: 18px;
  line-height: 150%;
}

.discount {
  border-radius: 8px;
  background: #ffdc42;
  padding: 2px 12px;
}

.basket-result__all {
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.basket-result__all-text {
  color: #686871;
  font-size: 24px;
  line-height: 150%;
}

.basket-result__all-num {
  color: #282829;
  font-size: 36px;
  font-weight: 600;
  line-height: 130%;
}

.basket-result__box {
  margin-bottom: 40px;
}

.basket-result__box-link {
  margin-bottom: 16px;
}

.basket-result__box-button {
  padding: 19px 32px;
  width: 100%;
}

.basket-result__text {
  color: #686871;
  font-size: 18px;
  line-height: 150%;
}

.basket-section__empty {
  display: flex;
  margin-top: 80px;
  justify-content: center;
  text-align: center;
}

.basket-section__empty-img {
  display: flex;
  justify-content: center;
}

.basket-section__empty-img img {
  width: 260px;
}

.basket-section__empty-title {
  color: #282829;
  font-size: 32px;
  font-weight: 600;
  line-height: 130%;
  margin-bottom: 20px;
}

.basket-section__empty-text {
  color: #686871;
  font-size: 20px;
  line-height: 150%;
}

.favorites-section__empty .basket-section__empty-text {
  max-width: 645px;
}

.favorites-section__inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 32px;
}

@media (max-width: 1920px) {
  .basket-section__inner {
    grid-gap: calc(40px + (56 - 40) * ((100vw - 1536px) / (1920 - 1536)));
    grid-template-columns: 1fr calc(410px + (470 - 410) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .favorites-section__inner {
    grid-gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .favorites-section__empty .basket-section__empty-text {
    max-width: calc(580px + (645 - 580) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .basket-result {
    padding: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .basket-result__link+.basket-result__link {
    margin-top: calc(12px + (16 - 12) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .basket-result__links {
    padding-bottom: calc(20px + (26 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    margin-bottom: calc(20px + (26 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .basket-result__all-text {
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .basket-result__all-num {
    font-size: calc(32px + (36 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .basket-result__all {
    margin-bottom: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .basket-result__box {
    margin-bottom: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .basket-result__text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .basket-result__box-button {
    padding: calc(15px + (19 - 15) * ((100vw - 1536px) / (1920 - 1536))) calc(20px + (32 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .basket-section__top-num {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .basket-section__top-buttons {
    grid-gap: calc(12px + (16 - 12) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .basket-section__top-right {
    grid-gap: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .basket-section__top {
    margin-bottom: calc(40px + (56 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .basket-section__empty {
    margin-top: calc(64px + (80 - 64) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .basket-section__empty-img img {
    width: calc(235px + (260 - 235) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .basket-section__empty-title {
    font-size: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
    margin-bottom: calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .basket-section__empty-text {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .favorites-section__inner {
    grid-gap: calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .favorites-section__empty .basket-section__empty-text {
    max-width: calc(520px + (580 - 520) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .basket-section__empty-text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .basket-section__top {
    margin-bottom: calc(32px + (40 - 32) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .basket-result__box-button {
    padding: 14px 20px;
  }

  .basket-result__all-text {
    font-size: 20px;
  }

  .basket-result__all-num {
    font-size: 32px;
  }

  .basket-result__text {
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .basket-result__box {
    margin-bottom: calc(28px + (32 - 28) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .basket-result__box-link {
    margin-bottom: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .basket-result__all {
    margin-bottom: calc(28px + (32 - 28) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .basket-result__links {
    padding-bottom: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
    margin-bottom: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .basket-result__link+.basket-result__link {
    margin-top: 12px;
  }

  .basket-result {
    border-radius: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
    padding: calc(28px + (32 - 28) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .basket-section__inner {
    grid-template-columns: 1fr calc(370px + (410 - 370) * ((100vw - 1366px) / (1536 - 1366)));
    grid-gap: calc(32px + (40 - 32) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .basket-result__link-text,
  .basket-result__link-num {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .basket-section__top-num {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .basket-section__top-buttons {
    grid-gap: calc(8px + (12 - 8) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .basket-section__top-right {
    grid-gap: calc(28px + (32 - 28) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .basket-section__empty {
    margin-top: calc(48px + (64 - 48) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .basket-section__empty-img img {
    width: calc(180px + (235 - 180) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .basket-section__empty-title {
    margin-bottom: 16px;
    font-size: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .basket-section__top-num {
    transform: translateY(calc(-6px + (-10 - (-6)) * ((100vw - 1366px) / (1536 - 1366))));
  }
}

@media (max-width: 1366px) {
  .basket-section__top-num {
    transform: translateY(-6px);
  }

  .favorites-section__inner {
    grid-gap: 16px;
  }

  .favorites-section__empty .basket-section__empty-text {
    max-width: 520px;
  }

  .basket-section__empty-text {
    font-size: 16px;
  }

  .basket-section__empty-img img {
    width: 180px;
  }

  .basket-section__top {
    margin-bottom: 32px;
  }

  .basket-result {
    border-radius: 16px;
    padding: 28px;
  }

  .basket-result__links {
    padding-bottom: 16px;
    margin-bottom: 16px;
  }

  .basket-result__box {
    margin-bottom: 28px;
  }

  .basket-result__link-text,
  .basket-result__link-num {
    font-size: 16px;
  }

  .basket-result__box-link {
    margin-bottom: 12px;
  }

  .basket-result__all {
    margin-bottom: 28px;
  }

  .basket-result__text {
    font-size: 14px;
  }

  .basket-section__inner {
    grid-gap: 32px;
    /* grid-template-columns: 1fr ; */
  }

  .basket-section__top-num {
    font-size: 16px;
  }

  .basket-section__top-buttons {
    grid-gap: 8px;
  }

  .basket-section__top-right {
    grid-gap: 28px;
  }

  .basket-section__empty {
    margin-top: calc(40px + (48 - 40) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .basket-section__empty-title {
    font-size: calc(20px + (24 - 20) * ((100vw - 1024px) / (1366 - 1024)));
  }
}

@media (max-width: 1300px) {
  .favorites-section__inner {
    grid-template-columns: 1fr 1fr;
  }

  .basket-section__inner {
    grid-gap: 48px;
    grid-template-columns: 1fr;
  }

  .basket-section__items {
    grid-template-columns: 1fr 1fr;
    display: grid;
    grid-gap: 16px;
  }

  .product-card.product-card--list.product-card--basket .product-card__box {
    height: inherit;
  }
}

@media (max-width: 1024px) {
  .basket-section__inner {
    grid-gap: calc(32px + (48 - 32) * ((100vw - 390px) / (1024 - 390)));
  }

  .basket-result {
    padding: calc(24px + (28 - 24) * ((100vw - 390px) / (1024 - 390)));
  }

  .basket-result__link-text,
  .basket-result__link-num {
    font-size: calc(14px + (16 - 14) * ((100vw - 390px) / (1024 - 390)));
  }

  .basket-result__all-text {
    font-size: calc(18px + (20 - 18) * ((100vw - 390px) / (1024 - 390)));
  }

  .basket-result__all-num {
    font-size: calc(28px + (32 - 28) * ((100vw - 390px) / (1024 - 390)));
  }

  .basket-result__all {
    font-size: calc(28px + (32 - 28) * ((100vw - 390px) / (1024 - 390)));
    margin-bottom: calc(24px + (28 - 24) * ((100vw - 390px) / (1024 - 390)));
  }

  .basket-result__box {
    margin-bottom: calc(24px + (28 - 24) * ((100vw - 390px) / (1024 - 390)));
  }

  .basket-section__top {
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 390px) / (1024 - 390)));
  }

  .basket-section__empty {
    margin-top: 40px;
  }

  .basket-section__empty-img img {
    width: calc(130px + (180 - 130) * ((100vw - 390px) / (1024 - 390)));
  }

  .basket-section__empty-title {
    margin-bottom: calc(12px + (16 - 12) * ((100vw - 390px) / (1024 - 390)));
    font-size: calc(18px + (20 - 18) * ((100vw - 390px) / (1024 - 390)));
  }

  .basket-section__top-buttons .btn-icon:hover svg path[stroke] {
    stroke: #282829;
    fill: transparent;
  }

  .basket-section__top-buttons .btn-icon:hover svg path[fill] {
    fill: #282829;
  }
}

@media (max-width: 900px) {
  .basket-section__items {
    grid-template-columns: 1fr;
  }

  .basket-section__top-left {
    flex-direction: column;
    grid-gap: 30px;
    align-items: flex-start;
  }

  .basket-section__top-right {
    grid-gap: 24px;
    flex-direction: column-reverse;
  }

  .basket-section__top-num {
    transform: translateY(0);
    font-size: 14px;
  }
}

@media (max-width: 800px) {
  .favorites-section__inner {
    grid-gap: 8px;
    grid-template-columns: 1fr;
  }
}

@media (max-width: 390px) {
  .basket-section__empty-title {
    font-size: 18px;
    margin-bottom: 12px;
  }

  .basket-section__empty-img img {
    width: 130px;
  }

  .basket-section__top {
    margin-bottom: 24px;
  }

  .basket-section__inner {
    grid-gap: 32px;
  }

  .basket-result {
    padding: 24px;
  }

  .basket-result__link-text,
  .basket-result__link-num {
    font-size: 14px;
  }

  .basket-result__all-text {
    font-size: 18px;
  }

  .basket-result__all-num {
    font-size: 28px;
  }

  .basket-result__all {
    font-size: 28px;
    margin-bottom: 24px;
  }

  .basket-result__box {
    margin-bottom: 24px;
  }
}

/*end basket-section*/

@media print {

  header,
  footer,
  .header-mobile,
  .new-products,
  .breadcrumbs {
    display: none;
  }
}

/* start ready-for-result section */
.ready-for-result__slider {
  padding: 0 184px;
}

.ready-for-result__slider-wrapper {
  margin-bottom: 56px;
}

.ready-for-result__slider-wrapper .swiper-slide {
  max-width: 628px;
}

.ready-for-result__slider-item {
  height: auto;
}

.ready-for-result__slider-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.ready-for-result__slider-pagination {
  position: unset;
  max-width: 496px;
  width: 100%;
  height: 8px !important;
  overflow: hidden;
  border-radius: 4px;
  background-color: var(--base-gray-color-02);
}

.ready-for-result__slider-pagination .swiper-scrollbar-drag {
  background-color: #282829;
}

.ready-for-result__slider-pagination>.swiper-pagination-progressbar-fill {
  overflow: hidden;
  border-radius: 4px;
  background-color: var(--base-black-color);
}

.ready-for-result__slider-navigation {
  display: flex;
  align-items: center;
  gap: 16px;
}

.ready-for-result__slider-navigation-btn.swiper-button-disabled {
  opacity: 0.6;
  pointer-events: none;
}

@media (max-width: 1920px) {
  .ready-for-result__slider {
    padding: 0 calc(108px + (184 - 108) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .ready-for-result__slider-wrapper {
    margin-bottom: calc(40px + (56 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .ready-for-result__slider-pagination {
    max-width: calc(388px + (496 - 388) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .ready-for-result__slider-wrapper .swiper-slide {
    max-width: calc(536px + (628 - 536) * ((100vw - 1536px) / (1920 - 1536)));
  }

}

@media screen and (max-width: 1536px) {
  .ready-for-result__slider {
    padding: 0 calc(85px + (108 - 85) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .ready-for-result__slider-wrapper {
    margin-bottom: calc(32px + (40 - 32) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .ready-for-result__slider-pagination {
    max-width: 388px;
  }

  .ready-for-result__slider-wrapper .swiper-slide {
    max-width: calc(489px + (536 - 489) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .ready-for-result__slider {
    padding: 0 calc(56px + (85 - 56) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .ready-for-result__slider-wrapper {
    margin-bottom: 32px;
  }

  .ready-for-result__slider-pagination {
    max-width: 488px;
    height: 6px !important;
  }

  .ready-for-result__slider-wrapper .swiper-slide {
    max-width: calc(448px + (489 - 448) * ((100vw - 1024px) / (1366 - 1024)));
  }
}

@media screen and (max-width: 1024px) {
  .ready-for-result__slider {
    padding: 0 calc(16px + (56 - 16) * ((100vw - 390px) / (1024 - 390)));
  }

  .ready-for-result__slider-pagination {
    max-width: calc(177px + (488 - 177) * ((100vw - 393px) / (1024 - 393)));
  }

  .ready-for-result__slider-wrapper .swiper-slide {
    max-width: calc(361px + (448 - 361) * ((100vw - 390px) / (1024 - 390)));
  }
}

@media scrren and (max-width: 390px) {
  .ready-for-result__slider {
    padding: 0 16px;
  }
}

/* AND ready-for-result section */
/* start result-item */
.result-item {
  padding: 32px;
  padding-bottom: 40px;
  border-radius: 24px;
  background-color: var(--base-white-color);
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
}

.result-item__wrapper {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.result-item__pic {
  border-radius: 20px;
  overflow: hidden;
  line-height: 0;
}

.result-item__pic>img {
  width: 100%;
}

.result-item__pic.result-item__pic--cursor {
  cursor: pointer;
}

.result-item__body {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.result-item__title {
  font-weight: 700;
  font-size: 28px;
  line-height: 1.4;
}

.result-item__desc {
  font-size: 20px;
  line-height: 1.5;
  color: var(--base-gray-color-06);
}

@media (max-width: 1920px) {
  .result-item {
    padding: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    padding-bottom: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .result-item__wrapper {
    gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .result-item__pic {
    border-radius: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .result-item__body {
    gap: calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .result-item__title {
    font-size: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .result-item__desc {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .result-item {
    border-radius: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
    padding: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
    padding-bottom: calc(24px + (32 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .result-item__wrapper {
    gap: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .result-item__pic {
    border-radius: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .result-item__body {
    gap: 16px;
  }

  .result-item__title {
    font-size: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .result-item__desc {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .result-item {
    border-radius: 18px;
    padding: 20px;
    padding-bottom: 24px;
  }

  .result-item__wrapper {
    gap: 20px;
  }

  .result-item__pic {
    border-radius: 16px;
  }

  .result-item__body {
    gap: 16px;
  }

  .result-item__title {
    font-size: 20px;
  }

  .result-item__desc {
    font-size: 16px;
  }
}

@media screen and (max-width: 1024px) {
  .result-item__wrapper {
    gap: 16px;
  }

  .result-item__body {
    gap: 12px;
  }
}

/* AND result-item */
/* start timeline */
.timeline {
  max-width: 1840px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 128px 0;
  border-radius: 32px;
  background-color: var(--total-black-color);
  box-shadow: 0px 4px 12px 0px rgba(141, 177, 195, 0.12);
  overflow: hidden;
}

.timeline__heading {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 32px;
  margin-bottom: 128px;
}

.timeline__title {
  max-width: 676px;
  width: 100%;
  color: var(--base-white-color);
}

.timeline__desc {
  font-size: 24px;
  line-height: 1.5;
  color: var(--base-white-color);
}

.timeline__desc p:not(:last-child) {
  margin-bottom: 32px;
}

.timeline__desc p:last-child {
  font-size: 20px;
  color: var(--base-gray-color-04);
}

.timeline__slider {
  margin-bottom: 128px;
  padding: 0 144px;
}

.timeline__slider-item {
  height: auto;
}

.timeline__slider-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.timeline__slider-pagination {
  position: unset;
  max-width: 496px;
  width: 100%;
  height: 8px !important;
  overflow: hidden;
  border-radius: 4px;
  background-color: var(--base-gray-color-08);
}

.timeline__slider-pagination>.swiper-pagination-progressbar-fill {
  overflow: hidden;
  border-radius: 4px;
  background-color: var(--base-gray-color-03);
}

.timeline__slider-navigation {
  display: flex;
  align-items: center;
  gap: 16px;
}

.timeline__slider-navigation-btn:disabled {
  opacity: 0.6;
  pointer-events: none;
}

.timeline__slider-navigation-btn:disabled svg path {
  stroke: #93969C;
}

@media (max-width: 1920px) {
  .timeline {
    max-width: calc(1472px + (1840 - 1472) * ((100vw - 1536px) / (1920 - 1536)));
    padding: calc(102px + (128 - 102) * ((100vw - 1536px) / (1920 - 1536))) 0;
    border-radius: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .timeline__heading {
    column-gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    margin-bottom: calc(102px + (128 - 102) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .timeline__desc {
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .timeline__desc p:not(:last-child) {
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .timeline__desc p:last-child {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .timeline__slider {
    margin-bottom: calc(102px + (128 - 102) * ((100vw - 1536px) / (1920 - 1536)));
    padding: 0 calc(76px + (144 - 76) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .timeline__slider-pagination {
    max-width: calc(388px + (496 - 388) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .timeline {
    max-width: calc(1302px + (1472 - 1302) * ((100vw - 1366px) / (1536 - 1366)));
    padding: calc(92px + (102 - 92) * ((100vw - 1366px) / (1536 - 1366))) 0;
    border-radius: 28px;
  }

  .timeline__heading {
    column-gap: 24px;
    margin-bottom: calc(92px + (102 - 92) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .timeline__desc {
    font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .timeline__desc p:not(:last-child) {
    margin-bottom: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .timeline__desc p:last-child {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .timeline__slider {
    margin-bottom: calc(92px + (102 - 92) * ((100vw - 1366px) / (1536 - 1366)));
    padding: 0 calc(53px + (76 - 53) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .timeline__slider-pagination {
    max-width: 388px;
  }
}

@media screen and (max-width: 1366px) {
  .timeline {
    max-width: calc(1008px + (1302 - 1008) * ((100vw - 1024px) / (1366 - 1024)));
    padding: calc(72px + (92 - 72) * ((100vw - 1024px) / (1366 - 1024))) 0;
  }

  .timeline__heading {
    margin-bottom: 92px;
  }

  .timeline__slider {
    margin-bottom: 92px;
    padding: 0 calc(48px + (53 - 48) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .timeline__slider-pagination {
    max-width: 488px;
    height: 6px !important;
  }

  .timeline__desc {
    font-size: 18px;
  }

  .timeline__desc p:not(:last-child) {
    margin-bottom: 20px;
  }

  .timeline__desc p:last-child {
    font-size: 16px;
  }
}

@media screen and (max-width: 1024px) {
  .timeline {
    max-width: 1008px;
    border-radius: calc(24px + (28 - 24) * ((100vw - 393px) / (1024 - 393)));
    padding: calc(56px + (72 - 56) * ((100vw - 393px) / (1024 - 393))) 0;
  }

  .timeline__heading {
    grid-template-columns: 1fr;
    row-gap: 32px;
    margin-bottom: 72px;
  }

  .timeline__desc p:not(:last-child) {
    margin-bottom: 16px;
  }

  .timeline__slider {
    margin-bottom: calc(72px + (92 - 72) * ((100vw - 393px) / (1024 - 393)));
    padding: 0 calc(24px + (48 - 24) * ((100vw - 390px) / (1024 - 390)));
  }

  .timeline__slider-pagination {
    max-width: calc(177px + (488 - 177) * ((100vw - 393px) / (1024 - 393)));
  }
}

@media screen and (max-width: 950px) {
  .timeline__container {
    padding: 0 24px;
  }

  .timeline__slider {
    padding: 0 24px;
  }
}

@media screen and (max-width: 390px) {
  .timeline__slider {
    margin-bottom: 72px;
  }
}

/* AND timeline */
/* start timeline-item */
.timeline-item--active .timeline-item__year {
  font-size: 76px;
  line-height: 1.16;
  color: var(--primary-brand-color);
}

.timeline-item--active .timeline-item__title {
  /* color: var(--base-white-color); */
  color: #E9EBEE;
}

.timeline-item--active .timeline-item__desc {
  /* color: var(--base-white-color); */
  color: #E9EBEE;
}

.timeline-item__wrapper {
  display: flex;
  flex-direction: column;
  padding-right: 56px;
}

.timeline-item__year {
  position: relative;
  display: flex;
  align-items: flex-end;
  height: 88px;
  margin-bottom: 32px;
  font-weight: 700;
  font-size: 40px;
  line-height: 1.35;
  color: var(--base-gray-color-06);
  transition: 0.3s;
}

.timeline-item__separator {
  width: calc(100% + 88px);
  height: 8px;
  margin-bottom: 56px;
  background-color: var(--base-black-color);
}

.timeline-item__body {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.timeline-item__title {
  font-weight: 700;
  font-size: 36px;
  line-height: 1.3;
  color: var(--base-gray-color-06);
  transition: 0.3s;
}

.timeline-item__desc {
  font-size: 20px;
  line-height: 1.5;
  color: var(--base-gray-color-06);
  transition: 0.3s;
}

@media (max-width: 1920px) {
  .timeline-item--active .timeline-item__year {
    font-size: calc(64px + (76 - 64) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .timeline-item__wrapper {
    padding-right: calc(48px + (56 - 48) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .timeline-item__year {
    height: calc(76px + (88 - 76) * ((100vw - 1536px) / (1920 - 1536)));
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(36px + (40 - 36) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .timeline-item__separator {
    margin-bottom: calc(48px + (56 - 48) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .timeline-item__body {
    gap: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .timeline-item__title {
    font-size: calc(32px + (36 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .timeline-item__desc {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .timeline-item--active .timeline-item__year {
    font-size: calc(56px + (64 - 56) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .timeline-item__wrapper {
    padding-right: calc(40px + (48 - 40) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .timeline-item__year {
    height: calc(66px + (76 - 66) * ((100vw - 1366px) / (1536 - 1366)));
    margin-bottom: 24px;
    font-size: calc(32px + (36 - 32) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .timeline-item__separator {
    margin-bottom: calc(40px + (48 - 40) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .timeline-item__body {
    gap: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .timeline-item__title {
    font-size: calc(28px + (32 - 28) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .timeline-item__desc {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .timeline-item--active .timeline-item__year {
    font-size: calc(48px + (56 - 48) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .timeline-item__wrapper {
    padding-right: calc(32px + (40 - 32) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .timeline-item__year {
    height: calc(62px + (66 - 62) * ((100vw - 1024px) / (1366 - 1024)));
    font-size: calc(28px + (32 - 28) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .timeline-item__separator {
    margin-bottom: calc(32px + (40 - 32) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .timeline-item__body {
    gap: 16px;
  }

  .timeline-item__title {
    font-size: calc(24px + (28 - 24) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .timeline-item__desc {
    font-size: 16px;
  }
}

@media screen and (max-width: 1024px) {
  .timeline-item--active .timeline-item__year {
    font-size: calc(40px + (48 - 40) * ((100vw - 393px) / (1024 - 393)));
  }

  .timeline-item__wrapper {
    padding-right: calc(24px + (32 - 24) * ((100vw - 393px) / (1024 - 393)));
  }

  .timeline-item__year {
    height: calc(54px + (62 - 54) * ((100vw - 393px) / (1024 - 393)));
    margin-bottom: 16px;
    font-size: calc(24px + (28 - 24) * ((100vw - 393px) / (1024 - 393)));
  }

  .timeline-item__separator {
    height: 6px;
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 393px) / (1024 - 393)));
  }

  .timeline-item__title {
    font-size: calc(20px + (24 - 20) * ((100vw - 393px) / (1024 - 393)));
  }
}

/* AND timeline-item */
/* start about-career */
.about-career__wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 32px;
}

.about-career__content {
  max-width: 704px;
  width: 100%;
}

.about-career__desc {
  font-size: 24px;
  line-height: 1.5;
}

.about-career__desc p:not(:last-child) {
  margin-bottom: 32px;
}

.about-career__desc p:last-child,
.about-career__desc p:last-of-type {
  font-size: 24px;
  line-height: 28px;
  /* color: var(--base-gray-color-06); */
  color: #282829;
}

.about-career__desc p:last-child b,
.about-career__desc p:last-of-type b {
  color: var(--base-black-color);
}

.about-career__desc ul {
  padding-left: 1.2rem;
  font-size: 20px;
  line-height: 1.5;
  color: var(--base-gray-color-08);
}

.about-career__desc ul:not(:last-child) {
  margin-bottom: 56px;
}

.about-career__desc ul li::marker {
  color: var(--primary-brand-color);
}

.about-career__desc ul li:not(:last-child) {
  margin-bottom: 32px;
}

.about-career__nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 56px;
  padding: 40px;
  margin-top: 56px;
  border-radius: 16px;
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
  background-color: var(--base-white-color);
}

.about-career__nav-wrap {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.about-career__nav-title {
  font-weight: 700;
  font-size: 28px;
  line-height: 1.4;
}

.about-career__nav-desc {
  font-size: 18px;
  line-height: 1.5;
  color: var(--base-gray-color-06);
}

.about-career__pic {
  height: 760px;
  border-radius: 24px;
  line-height: 0;
  overflow: hidden;
}

.about-career__pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 1920px) {
  .about-career__wrapper {
    column-gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-career__desc p:last-child,
  .about-career__desc p:last-of-type {
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-career__content {
    max-width: calc(600px + (704 - 600) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-career__desc {
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-career__desc p:not(:last-child) {
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-career__desc p:last-child {
    font-size: 18px;
  }

  .about-career__desc ul {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-career__desc ul:not(:last-child) {
    margin-bottom: calc(48px + (56 - 48) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-career__desc ul li:not(:last-child) {
    margin-bottom: calc(16px + (32 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-career__nav {
    margin-top: calc(48px + (56 - 48) * ((100vw - 1536px) / (1920 - 1536)));
    padding: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
    gap: calc(40px + (56 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-career__nav-title {
    font-size: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-career__nav-desc {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-career__pic {
    height: calc(648px + (760 - 648) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .about-career__wrapper {
    column-gap: calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .about-career__content {
    max-width: calc(542px + (600 - 542) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .about-career__desc {
    font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .about-career__desc p:not(:last-child) {
    margin-bottom: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .about-career__desc p:last-child {
    font-size: 16px;
  }

  .about-career__desc ul {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .about-career__desc ul:not(:last-child) {
    margin-bottom: calc(32px + (48 - 32) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .about-career__desc ul li:not(:last-child) {
    margin-bottom: 16px;
  }

  .about-career__nav {
    margin-top: calc(32px + (48 - 32) * ((100vw - 1366px) / (1536 - 1366)));
    padding: calc(24px + (32 - 24) * ((100vw - 1366px) / (1536 - 1366)));
    gap: calc(32px + (40 - 32) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .about-career__nav-wrap {
    gap: 12px;
  }

  .about-career__nav-title {
    font-size: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .about-career__nav-desc {
    font-size: 16px;
  }

  .about-career__pic {
    height: calc(590px + (648 - 590) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .about-career__desc p:last-child,
  .about-career__desc p:last-of-type {
    font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .about-career__wrapper {
    column-gap: 16px;
  }

  .about-career__content {
    max-width: 100%;
  }

  .about-career__desc {
    font-size: 18px;
  }

  .about-career__desc p:not(:last-child) {
    margin-bottom: calc(16px + (20 - 16) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .about-career__desc ul {
    font-size: 16px;
  }

  .about-career__desc ul:not(:last-child) {
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .about-career__nav {
    margin-top: calc(24px + (32 - 24) * ((100vw - 1024px) / (1366 - 1024)));
    padding: 24px;
  }

  .about-career__nav-title {
    font-size: 20px;
  }

  .about-career__pic {
    height: calc(480px + (590 - 480) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .about-career__desc p:last-child,
  .about-career__desc p:last-of-type {
    font-size: 18px;
  }
}

@media screen and (max-width: 1024px) {
  .about-career__wrapper {
    grid-template-columns: 1fr;
    row-gap: 40px;
  }

  .about-career__desc p:not(:last-child) {
    margin-bottom: 16px;
  }

  .about-career__desc ul:not(:last-child) {
    margin-bottom: 24px;
  }

  .about-career__nav {
    margin-top: 24px;
  }

  .about-career__pic {
    height: calc(361px + (480 - 361) * ((100vw - 393px) / (1024 - 393)));
  }
}

@media screen and (max-width: 768px) {
  .about-career__nav {
    flex-wrap: wrap;
    gap: 24px;
  }
}

/* AND about-career */
/* start testimonials */
.testimonials__title {
  text-align: center;
}

.testimonials__title mark {
  padding: 0 14px;
  color: inherit;
  border-radius: 8px;
  background-color: #FF6800;
  color: #fff;
}

.testimonials__btn {
  display: flex;
  align-items: center;
  justify-content: center;
}

.testimonials__slider-item {
  max-width: 1024px;
  height: auto;
}

.testimonials__slider.swiper {
  overflow: initial;
}

/* AND testimonials */
/* start testimonial-item */
.testimonial-item {
  padding: 64px;
  padding-bottom: 56px;
  border-radius: 20px;
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
  background-color: var(--base-white-color);
}

.testimonial-item__wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #444446;
}

.testimonial-item__body {
  flex: 1;
  margin-bottom: 32px;
  font-size: 24px;
  line-height: 1.5;
}

.testimonial-item__body p:not(:last-child) {
  margin-bottom: 20px;
}

.testimonial-item__body p:last-child {
  font-size: 20px;
  color: var(--base-gray-color-07);
}

.testimonial-item__more {
  margin-bottom: 56px;
  background-color: var(--base-gray-color-01);
}

.testimonial-item__more:hover {
  background-color: #e9ebee;
  color: #282829;
}

.testimonial-item__more svg path {
  transition: 0.3s;
}

.testimonial-item__more:hover svg path[stroke] {
  stroke: #282829;
}

.testimonial-item__footer {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.testimonial-item__footer .star-rating__stars svg {
  width: 28px;
  height: 28px;
}

.testimonial-item__user {
  display: flex;
  align-items: center;
  gap: 24px;
}

.testimonial-item__user-circle {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.5;
  color: var(--primary-brand-color);
  border-radius: 50%;
  background-color: var(--light-brand-color);
}

.testimonial-item__user-name {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.5;
}

@media (max-width: 1920px) {
  .testimonial-item {
    padding: calc(56px + (64 - 56) * ((100vw - 1536px) / (1920 - 1536)));
    padding-bottom: calc(48px + (56 - 48) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .testimonial-item__body {
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .testimonial-item__body p:last-child {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .testimonial-item__more {
    margin-bottom: calc(48px + (56 - 48) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .testimonial-item__user {
    gap: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .testimonial-item__user-circle {
    width: calc(48px + (60 - 48) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(48px + (60 - 48) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .testimonial-item__user-name {
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .testimonial-item__footer .star-rating__stars svg {
    width: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .testimonial-item__footer .star-rating__stars svg {
    width: 24px;
    height: 24px;
  }

  .testimonial-item {
    padding: calc(40px + (56 - 40) * ((100vw - 1366px) / (1536 - 1366)));
    padding-bottom: calc(32px + (48 - 32) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .testimonial-item__body {
    margin-bottom: 24px;
    font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .testimonial-item__body p:not(:last-child) {
    margin-bottom: 16px;
  }

  .testimonial-item__body p:last-child {
    font-size: 18px;
  }

  .testimonial-item__more {
    margin-bottom: calc(40px + (48 - 40) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .testimonial-item__user {
    gap: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .testimonial-item__user-circle {
    width: calc(40px + (48 - 40) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(40px + (48 - 40) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .testimonial-item__user-name {
    font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .testimonial-item {
    padding: 40px;
    padding-bottom: 32px;
    border-radius: 16px;
  }

  .testimonial-item__body {
    font-size: 18px;
  }

  .testimonial-item__more {
    margin-bottom: 40px;
  }

  .testimonial-item__user {
    gap: 16px;
  }

  .testimonial-item__user-circle {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }

  .testimonial-item__user-name {
    font-size: 18px;
  }
}

@media screen and (max-width: 1024px) {
  .testimonial-item {
    padding: calc(24px + (40 - 24) * ((100vw - 393px) / (1024 - 393)));
    padding-bottom: calc(20px + (32 - 20) * ((100vw - 393px) / (1024 - 393)));
  }

  .testimonial-item__body p:last-child {
    font-size: 16px;
  }

  .testimonial-item__footer {
    flex-wrap: wrap;
    gap: 16px;
  }

  .testimonial-item__more:hover {
    background-color: var(--base-gray-color-01);
    color: #444446;
  }

  .testimonial-item__more:hover svg path[stroke] {
    stroke: #93969c;
  }
}

/* AND testimonial-item */
/* start catalog-collection */
.catalog-collection__wrapper {
  position: relative;
}

.catalog-collection__btn {
  position: absolute;
  top: 0;
  right: 0;
}

.catalog-collection__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  column-gap: 32px;
  row-gap: 32px;
}

@media (max-width: 1920px) {
  .catalog-collection__list {
    column-gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    row-gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .catalog-collection__list {
    column-gap: calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
    row-gap: calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .catalog-collection__list {
    column-gap: 16px;
    row-gap: 16px;
  }
}

@media screen and (max-width: 1024px) {
  .catalog-collection__list {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }
}

@media screen and (max-width: 768px) {
  .catalog-collection__list {
    grid-template-columns: 1fr;
    row-gap: 8px;
    margin-bottom: 24px;
  }

  .catalog-collection__btn {
    position: unset;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

/* AND catalog-collection */
/* start catalog-collection-card */
.catalog-collection-card {
  padding: 16px;
  border-radius: 12px;
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
  background-color: var(--base-white-color);
  transition: 0.3s;
}

.catalog-collection-card:hover {
  box-shadow: 0px 4px 20px 0px rgba(141, 177, 195, 0.16);
}

.catalog-collection-card__wrapper {
  display: flex;
  align-items: center;
  /* gap: 36px; */
  gap: 16px;
}

.catalog-collection-card__pic {
  position: relative;
  /* margin-left: -16px; */
  /* padding-left: 16px; */
  border-radius: 12px;
  overflow: hidden;
}

.catalog-collection-card__pic-wrap {
  width: 120px;
  height: 120px;
  line-height: 0;
  border-radius: 12px;
  background-color: var(--base-gray-color-01);
}

.catalog-collection-card__pic img {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  /* padding-left: 6px; */
  object-fit: cover;
  /* object-position: left; */
  object-position: center;
}

.catalog-collection-card__body {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.catalog-collection-card__title {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.5;
}

.catalog-collection-card__amount {
  font-size: 18px;
  line-height: 1.5;
  color: var(--base-gray-color-06);
}

@media (max-width: 1920px) {
  .catalog-collection-card {
    border-radius: calc(14px + (16 - 14) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .catalog-collection-card__wrapper {
    gap: calc(32px + (36 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .catalog-collection-card__pic-wrap {
    width: calc(100px + (120 - 100) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(100px + (120 - 100) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .catalog-collection-card__body {
    gap: calc(22px + (24 - 22) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .catalog-collection-card__title {
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .catalog-collection-card__amount {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .catalog-collection-card {
    border-radius: 14px;
  }

  .catalog-collection-card__wrapper {
    gap: calc(24px + (32 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .catalog-collection-card__pic-wrap {
    width: calc(80px + (100 - 80) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(80px + (100 - 80) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .catalog-collection-card__body {
    gap: calc(12px + (22 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .catalog-collection-card__title {
    font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .catalog-collection-card__amount {
    font-size: 16px;
  }
}

@media screen and (max-width: 1366px) {
  .catalog-collection-card__wrapper {
    gap: 24px;
  }

  .catalog-collection-card__pic-wrap {
    width: 80px;
    height: 80px;
  }

  .catalog-collection-card__body {
    gap: 12px;
  }

  .catalog-collection-card__title {
    font-size: 18px;
  }
}

/* AND catalog-collection-card */

/* start full-cycle section */
.full-cycle__wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 32px;
}

.full-cycle__content {
  max-width: 704px;
  width: 100%;
}

.full-cycle__title mark {
  padding: 0 7px;
  border-radius: 8px;
  background-color: #FF6800;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.full-cycle__text {
  font-size: 24px;
  line-height: 1.5;
}

.full-cycle__text p:not(:last-child) {
  margin-bottom: 32px;
}

.full-cycle__text p:last-child {
  font-size: 20px;
  line-height: 1.5;
  color: var(--base-gray-color-06);
  font-family: "NT Somic", sans-serif;
}

.full-cycle__text p b {
  color: var(--base-black-color);
}

.full-cycle__btns {
  display: flex;
  align-items: center;
  gap: 16px;
}

.full-cycle__list {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 16px;
}

.full-cycle__list-item {
  width: 100%;
}

.full-cycle__btn {
  margin-top: 56px;
}

@media (max-width: 1920px) {
  .full-cycle__wrapper {
    column-gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .full-cycle__content {
    max-width: calc(600px + (704 - 600) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .full-cycle__text {
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .full-cycle__text p:not(:last-child) {
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .full-cycle__text p:last-child {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .full-cycle__btn {
    margin-top: calc(48px + (56 - 48) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .full-cycle__wrapper {
    column-gap: calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .full-cycle__content {
    max-width: calc(590px + (600 - 590) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .full-cycle__text {
    font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .full-cycle__text p:not(:last-child) {
    margin-bottom: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .full-cycle__text p:last-child {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .full-cycle__btn {
    margin-top: calc(32px + (48 - 32) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .full-cycle__wrapper {
    column-gap: 16px;
  }

  .full-cycle__content {
    max-width: 100%;
  }

  .full-cycle__text {
    font-size: 18px;
  }

  .full-cycle__text p:not(:last-child) {
    margin-bottom: calc(16px + (18 - 16) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .full-cycle__text p:last-child {
    font-size: 16px;
  }

  .full-cycle__btn {
    margin-top: calc(24px + (32 - 24) * ((100vw - 1024px) / (1366 - 1024)));
  }
}

@media screen and (max-width: 1200px) {
  .full-cycle__wrapper {
    grid-template-columns: 1fr;
    row-gap: 40px;
  }

  .full-cycle__list {
    grid-template-columns: 1fr 1fr;
    column-gap: 16px;
  }

  .full-cycle--dealer .full-cycle__list-item:last-child {
    grid-column: span 2 / span 2;
  }
}

@media screen and (max-width: 1024px) {
  .full-cycle__btn {
    margin-top: 24px;
  }

  .full-cycle__text p:not(:last-child) {
    margin-bottom: 16px;
  }
}

@media screen and (max-width: 768px) {
  .full-cycle__list {
    grid-template-columns: 1fr;
  }

  .full-cycle--dealer .full-cycle__list-item:last-child {
    grid-column: unset;
  }
}

/* AND full-cycle section */
/* start full-cycle-item */
.full-cycle-item {
  padding: 40px;
  border-radius: 20px;
  box-shadow: 0px 4px 12px 0px rgba(141, 177, 195, 0.12);
  background-color: var(--base-white-color);
}

.full-cycle-item__wrapper {
  display: flex;
  align-items: flex-start;
  gap: 32px;
}

.full-cycle-item__icons-wrap {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.full-cycle-item__icon {
  flex: 0 0 auto;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background-color: var(--light-brand-color);
}

.full-cycle-item__num {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.5;
  color: var(--primary-brand-color);
}

.full-cycle-item__body {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.full-cycle-item__title {
  font-weight: 500;
  font-size: 28px;
  line-height: 1.4;
}

.full-cycle-item__desc {
  font-size: 18px;
  line-height: 1.5;
  color: var(--base-gray-color-06);
  /* color: #444446;  непонятно какой должен быть*/
}

.full-cycle-item__desc b {
  color: var(--base-black-color);
}

.full-cycle-item__desc p:not(:last-child) {
  margin-bottom: 20px;
}

.full-cycle-item__desc ul {
  padding-left: 1.2rem;
}

.full-cycle-item__desc ul li::marker {
  color: var(--primary-brand-color);
}

.full-cycle-item__desc ul li:not(:last-child) {
  margin-bottom: 16px;
}

.full-cycle-item__desc ul li span {
  display: block;
}

.full-cycle-item__desc ul li b {
  color: inherit;
}

@media (max-width: 1920px) {
  .full-cycle-item {
    padding: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .full-cycle-item__icon {
    width: calc(52px + (56 - 52) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(52px + (56 - 52) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(12px + (16 - 12) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .full-cycle-item__num {
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .full-cycle-item__body {
    gap: calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .full-cycle-item__title {
    font-size: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .full-cycle-item__desc {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .full-cycle-item__desc p:not(:last-child) {
    margin-bottom: calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .full-cycle-item {
    padding: calc(28px + (32 - 28) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: 16px;
  }

  .full-cycle-item__wrapper {
    gap: 24px;
  }

  .full-cycle-item__icon {
    width: calc(48px + (52 - 48) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(48px + (52 - 48) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: 12px;
  }

  .full-cycle-item__num {
    font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .full-cycle-item__body {
    gap: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .full-cycle-item__title {
    font-size: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .full-cycle-item__desc {
    font-size: 16px;
  }

  .full-cycle-item__desc p:not(:last-child) {
    margin-bottom: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .full-cycle-item__desc ul li:not(:last-child) {
    margin-bottom: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .full-cycle-item {
    padding: 28px;
  }

  .full-cycle-item__icon {
    width: 48px;
    height: 48px;
  }

  .full-cycle-item__icon svg {
    width: 20px;
    height: 20px;
  }

  .full-cycle-item__num {
    font-size: 18px;
  }

  .full-cycle-item__body {
    gap: 12px;
  }

  .full-cycle-item__title {
    font-size: 20px;
  }

  .full-cycle-item__desc p:not(:last-child) {
    margin-bottom: 12px;
  }

  .full-cycle-item__desc ul li:not(:last-child) {
    margin-bottom: 12px;
  }
}

@media screen and (max-width: 1200px) {
  .full-cycle-item__wrapper {
    flex-wrap: wrap;
  }

  .full-cycle-item__body {
    flex: 0 1 100%;
  }
}

@media screen and (max-width: 1024px) {
  .full-cycle-item {
    padding: calc(24px + (28 - 24) * ((100vw - 393px) / (1024 - 393)));
  }

  .full-cycle-item__wrapper {
    gap: calc(20px + (24 - 20) * ((100vw - 393px) / (1024 - 393)));
  }

  .full-cycle-item__desc ul li:not(:last-child) {
    margin-bottom: 16px;
  }
}

/* AND full-cycle-item */

/* start breadcrumbs */
.breadcrumbs {
  padding-top: 208px;
}

.breadcrumbs.breadcrumbs--header-none-bottom {
  padding-top: 144px;
}

.breadcrumbs__list {
  display: flex;
  align-items: center;
  gap: 8px;
}

.breadcrumbs__item,
.breadcrumbs__separator {
  display: flex;
  align-items: center;
}

.breadcrumbs__item {
  flex: 1;
  min-width: 0;
  max-width: fit-content;
}

.breadcrumbs__link {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  line-height: 1.5;
  color: var(--base-gray-color-06);
  transition: 0.3s;
}

.breadcrumbs__link:not(span):hover {
  color: var(--base-black-color);
}

.breadcrumbs span.breadcrumbs__link {
  color: var(--base-gray-color-08);
  /* color: #282829; */
}

@media screen and (max-width: 1920px) {
  .breadcrumbs {
    padding-top: calc(168px + (208 - 168) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .breadcrumbs__link {
    font-size: calc(14px + (16 - 14) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .breadcrumbs.breadcrumbs--header-none-bottom {
    padding-top: calc(116px + (144 - 116) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .breadcrumbs {
    padding-top: calc(156px + (168 - 156) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .breadcrumbs__link {
    font-size: 14px;
  }

  .breadcrumbs.breadcrumbs--header-none-bottom {
    padding-top: calc(112px + (116 - 112) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .breadcrumbs {
    padding-top: calc(112px + (156 - 112) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .breadcrumbs.breadcrumbs--header-none-bottom {
    padding-top: 112px;
  }
}

@media screen and (max-width: 1024px) {
  .breadcrumbs {
    padding-top: calc(88px + (112 - 88) * ((100vw - 393px) / (1024 - 393)));
  }

  .breadcrumbs.breadcrumbs--header-none-bottom {
    padding-top: calc(88px + (112 - 88) * ((100vw - 393px) / (1024 - 393)));
  }
}

@media screen and (max-width: 393px) {
  .breadcrumbs {
    padding-top: 88px;
  }

  .breadcrumbs.breadcrumbs--header-none-bottom {
    padding-top: 88px;
  }
}

/* AND breadcrumbs */

/* start page-first-screen */
.page-first-screen--cooperation .page-first-screen__list {
  grid-template-columns: 1fr 1fr;
}

.page-first-screen--cooperation .page-first-screen__list .full-cycle-item__wrapper {
  flex-direction: row;
}

.page-first-screen__wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 32px;
}

.page-first-screen__left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}

.page-first-screen__title mark {
  padding: 0 7px;
  border-radius: 12px;
  background-color: #FF6800;
  color: #fff;
}

.page-first-screen__text {
  font-size: 24px;
  line-height: 1.5;
}

.visualizer-page .page-first-screen__text {
  color: #686871;
  font-size: 20px;
}

.page-first-screen__text p:not(:last-child) {
  margin-bottom: 32px;
}

.page-first-screen__text p:last-child:not(:only-child) {
  font-size: 20px;
  line-height: 1.5;
  color: var(--base-gray-color-06);
  /* color: #282829; непонятно какой цвет делать*/
}

.page-first-screen__text p b {
  color: var(--base-black-color);
}

.page-first-screen__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin-top: 80px;
}

.page-first-screen__list .full-cycle-item__wrapper {
  flex-direction: column;
}

@media screen and (max-width: 1920px) {
  .page-first-screen__wrapper {
    column-gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .page-first-screen__left {
    gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .page-first-screen__text {
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .page-first-screen__text p:not(:last-child) {
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .page-first-screen__text p:last-child:not(:only-child),
  .visualizer-page .page-first-screen__text {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .page-first-screen__list {
    gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    margin-top: calc(64px + (80 - 64) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .page-first-screen__wrapper {
    column-gap: 24px;
  }

  .page-first-screen__left {
    gap: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .page-first-screen__text {
    font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .page-first-screen__text p:not(:last-child) {
    margin-bottom: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .page-first-screen__text p:last-child:not(:only-child),
  .visualizer-page .page-first-screen__text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .page-first-screen__list {
    gap: calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
    margin-top: calc(48px + (64 - 48) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .page-first-screen__left {
    gap: 20px;
  }

  .page-first-screen__text {
    font-size: 18px;
  }

  .page-first-screen__text p:not(:last-child) {
    margin-bottom: calc(16px + (20 - 16) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .page-first-screen__text p:last-child:not(:only-child),
  .visualizer-page .page-first-screen__text {
    font-size: 16px;
  }

  .page-first-screen__list {
    gap: 16px;
    margin-top: calc(40px + (48 - 40) * ((100vw - 1024px) / (1366 - 1024)));
  }
}

@media screen and (max-width: 1200px) {
  .page-first-screen--guarantee .page-first-screen__left {
    flex-direction: column;
    align-items: flex-start;
  }

  .page-first-screen__left {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .page-first-screen__wrapper {
    grid-template-columns: 1fr;
    row-gap: 24px;
  }
}

@media screen and (max-width: 1024px) {
  .page-first-screen--delivery .page-first-screen__list {
    grid-template-columns: 1fr 1fr;
  }

  .page-first-screen--delivery .page-first-screen__list-item:first-child {
    grid-column: span 2 / span 2;
  }

  .page-first-screen--partner .page-first-screen__list {
    grid-template-columns: 1fr 1fr;
  }

  .page-first-screen--partner .page-first-screen__list-item:last-child {
    grid-column: span 2 / span 2;
  }

  .page-first-screen--guarantee .page-first-screen__list {
    grid-template-columns: 1fr;
  }

  .page-first-screen__text p:not(:last-child) {
    margin-bottom: 16px;
  }

  .page-first-screen__list {
    margin-top: 40px;
  }
}

@media screen and (max-width: 768px) {
  .page-first-screen--delivery .page-first-screen__list {
    grid-template-columns: 1fr;
  }

  .page-first-screen--delivery .page-first-screen__list-item:first-child {
    grid-column: unset;
  }

  .page-first-screen--partner .page-first-screen__list {
    grid-template-columns: 1fr;
  }

  .page-first-screen--partner .page-first-screen__list-item:last-child {
    grid-column: unset;
  }

  .page-first-screen--cooperation .page-first-screen__list {
    grid-template-columns: 1fr;
  }

  .page-first-screen--dealer .page-first-screen__wrapper {
    position: relative;
    padding-bottom: 72px;
  }

  .page-first-screen--dealer .page-first-screen__wrapper .page-first-screen__left .btn-project {
    position: absolute;
    left: 0;
    bottom: 0;
  }

  .page-first-screen--dealer .page-first-screen__list {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

/* AND page-first-screen */
/* start vacancies */
.vacancies__wrapper {
  display: flex;
  align-items: flex-start;
  gap: 32px;
}

.vacancies__list {
  flex: 0 1 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.vacancies__aside {
  max-width: 496px;
  width: 100%;
}

.vacancies__aside-box {
  padding: 40px;
  padding-bottom: 48px;
  border-radius: 20px;
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
  background-color: var(--base-white-color);
}

.vacancies__aside-title {
  margin-bottom: 24px;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.5;
}

.vacancies__aside-text {
  margin-bottom: 40px;
  font-size: 20px;
  line-height: 1.5;
}

.vacancies__aside-btns {
  display: flex;
  align-items: center;
  gap: 16px;
}

.vacancies__aside-btns>* {
  flex: 1;
  min-width: 0;
}

@media screen and (max-width: 1920px) {
  .vacancies__wrapper {
    gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .vacancies__aside {
    max-width: calc(424px + (496 - 424) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .vacancies__aside-box {
    padding: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
    padding-bottom: calc(40px + (48 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .vacancies__aside-title {
    margin-bottom: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .vacancies__aside-text {
    margin-bottom: calc(24px + (40 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .vacancies__wrapper {
    gap: calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .vacancies__aside {
    max-width: calc(388px + (424 - 388) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .vacancies__aside-box {
    padding: calc(28px + (32 - 28) * ((100vw - 1366px) / (1536 - 1366)));
    padding-bottom: calc(28px + (40 - 28) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .vacancies__aside-title {
    margin-bottom: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .vacancies__aside-text {
    margin-bottom: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .vacancies__wrapper {
    gap: 16px;
  }

  .vacancies__aside {
    max-width: 388px;
  }

  .vacancies__aside-box {
    padding: 28px;
    border-radius: 16px;
  }

  .vacancies__aside-title {
    margin-bottom: 16px;
    font-size: 18px;
  }

  .vacancies__aside-text {
    margin-bottom: 20px;
    font-size: 16px;
  }
}

@media screen and (max-width: 1200px) {
  .vacancies__wrapper {
    flex-wrap: wrap-reverse;
  }

  .vacancies__aside {
    max-width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  .vacancies__aside-box {
    padding: calc(24px + (28 - 24) * ((100vw - 393px) / (1024 - 393)));
  }

  .vacancies__aside-btns {
    gap: calc(12px + (16 - 12) * ((100vw - 393px) / (1024 - 393)));
  }
}

@media screen and (max-width: 768px) {
  .vacancies__aside-btns {
    flex-wrap: wrap;
  }

  .vacancies__aside-btns>* {
    flex: 0 1 100%;
  }
}

/* AND vacancies */
/* start vacancy-item */
.vacancy-item {
  padding: 48px;
  border-radius: 16px;
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
  background-color: var(--base-white-color);
}

.vacancy-item__title {
  margin-bottom: 32px;
  font-weight: 700;
  font-size: 32px;
  line-height: 1.3;
}

.vacancy-item__info {
  column-count: 2;
  column-gap: 32px;
  margin-bottom: 24px;
}

.vacancy-item__info-item {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 1.5;
}

.vacancy-item__info-item_label {
  white-space: nowrap;
  color: var(--base-gray-color-06);
}

.vacancy-item__info-item_value {
  font-weight: 500;
}

.vacancy-item__subtitle {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.5;
}

.vacancy-item__dropdown:not(:last-child) {
  margin-bottom: 40px;
}

.vacancy-item__dropdown-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.vacancy-item__dropdown-top svg {
  transition: 0.3s;
}

.vacancy-item__dropdown-body {
  height: 0;
  overflow: hidden;
  transition: 0.3s;
}

.vacancy-item__dropdown-text {
  margin-top: 20px;
}

.vacancy-item__dropdown.active .vacancy-item__dropdown-top svg {
  transform: rotate(180deg);
}

.vacancy-item__tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.vacancy-item__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-left: 1.2rem;
  font-size: 18px;
  line-height: 1.5;
  color: var(--base-gray-color-08);
}

.vacancy-item__list li::marker {
  color: var(--primary-brand-color);
}

@media screen and (max-width: 1920px) {
  .vacancy-item {
    padding: calc(40px + (48 - 40) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: 20px;
  }

  .vacancy-item__title {
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .vacancy-item__info {
    column-gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    margin-bottom: calc(16px + (24 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .vacancy-item__info-item {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .vacancy-item__subtitle {
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .vacancy-item__dropdown:not(:last-child) {
    margin-bottom: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .vacancy-item__list {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .vacancy-item {
    padding: calc(32px + (40 - 32) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .vacancy-item__title {
    margin-bottom: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .vacancy-item__info {
    column-gap: 24px;
    margin-bottom: calc(8px + (16 - 8) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .vacancy-item__info-item {
    font-size: 16px;
  }

  .vacancy-item__subtitle {
    font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .vacancy-item__dropdown:not(:last-child) {
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .vacancy-item__list {
    font-size: 16px;
  }
}

@media screen and (max-width: 1366px) {
  .vacancy-item {
    padding: 32px;
    border-radius: 18px;
  }

  .vacancy-item__title {
    margin-bottom: 20px;
    font-size: 24px;
  }

  .vacancy-item__info {
    margin-bottom: 8px;
  }

  .vacancy-item__subtitle {
    font-size: 18px;
  }

  .vacancy-item__dropdown:not(:last-child) {
    margin-bottom: 24px;
  }
}

@media screen and (max-width: 1024px) {
  .vacancy-item {
    padding: calc(20px + (32 - 20) * ((100vw - 393px) / (1024 - 393)));
    border-radius: calc(16px + (18 - 16) * ((100vw - 393px) / (1024 - 393)));
  }

  .vacancy-item__title {
    margin-bottom: calc(16px + (20 - 16) * ((100vw - 393px) / (1024 - 393)));
    font-size: calc(18px + (24 - 18) * ((100vw - 393px) / (1024 - 393)));
  }

  .vacancy-item__info {
    margin-bottom: 4px;
  }

  .vacancy-item__info-item {
    gap: 6px;
  }

  .vacancy-item__dropdown:not(:last-child) {
    margin-bottom: calc(20px + (24 - 20) * ((100vw - 393px) / (1024 - 393)));
  }
}

@media screen and (max-width: 768px) {
  .vacancy-item__info {
    column-count: 1;
  }
}

@media (max-width: 400px) {
  .vacancy-item__info-item {
    display: flex;
    flex-direction: column;
  }
}

/* AND vacancy-item */

/* start page-heading */
.page-heading__title {
  max-width: 1024px;
  width: 100%;
}

.page-heading__tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.page-heading__tags .card__tag {
  background-color: var(--base-white-color);
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
}

@media screen and (max-width: 1920px) {
  .page-heading__title {
    max-width: calc(760px + (1024 - 760) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .page-heading__title {
    max-width: calc(691px + (760 - 691) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .page-heading__title {
    max-width: calc(564px + (691 - 564) * ((100vw - 1024px) / (1366 - 1024)));
  }
}

@media screen and (max-width: 1024px) {
  .page-heading__title {
    max-width: 564px;
  }
}

/* AND page-heading */
/* start project-single */
.project-single__wrap {
  display: flex;
  gap: 32px;
}

.project-single__body {
  flex: 0 1 100%;
}

.project-single__aside {
  max-width: 627px;
  width: 100%;
}

.project-single__aside .btn-project {
  white-space: nowrap;
}

.project-single__aside .specialist {
  max-width: 100%;
}

.project-single__aside .specialist__body {
  font-size: 24px;
  color: var(--base-black-color);
  background-color: var(--base-white-color);
}

.project-single__aside .specialist__foot {
  margin-top: 40px;
}

.project-single__aside .specialist__foot p {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.5;
}

.project-single__content {
  max-width: 837px;
  width: 100%;
  font-size: 24px;
  line-height: 1.5;
}

.project-single__info {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 56px;
}

.project-single__info-item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: flex-end;
  column-gap: 12px;
  font-size: 20px;
  line-height: 1.5;
}

.project-single__info-item_label {
  display: flex;
  align-items: baseline;
  gap: 12px;
  position: relative;
  white-space: nowrap;
  color: var(--base-gray-color-07);
}

.project-single__info-item_label:after {
  content: "";
  display: inline-block;
  flex: 1;
  height: 1px;
  border-bottom: 1px solid var(--base-gray-color-02);
}

.project-single__info-item_text {
  font-weight: 500;
}

@media screen and (max-width: 1920px) {
  .project-single__wrap {
    gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .project-single__aside {
    max-width: 648px;
  }

  .project-single__aside .specialist__body {
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .project-single__aside .specialist__foot {
    margin-top: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .project-single__aside .specialist__foot p {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .project-single__content {
    max-width: calc(600px + (837 - 600) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .project-single__info {
    margin-top: calc(48px + (56 - 48) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .project-single__info-item {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .project-single__wrap {
    gap: 24px;
  }

  .project-single__aside {
    max-width: calc(586px + (648 - 586) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .project-single__aside .specialist__body {
    font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .project-single__aside .specialist__foot {
    margin-top: calc(28px + (48 - 28) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .project-single__aside .specialist__foot p {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .project-single__content {
    max-width: calc(538px + (600 - 538) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .project-single__info {
    margin-top: calc(32px + (48 - 32) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .project-single__info-item {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .project-single__aside .specialist__body {
    font-size: 18px;
  }

  .project-single__aside .specialist__foot {
    margin-top: 28px;
  }

  .project-single__aside .specialist__foot p {
    font-size: 16px;
  }

  .project-single__content {
    max-width: 586px;
    font-size: 18px;
  }

  .project-single__info {
    margin-top: 32px;
  }

  .project-single__info-item {
    font-size: 16px;
  }
}

@media screen and (max-width: 1200px) {
  .project-single__wrap {
    flex-wrap: wrap;
    gap: 48px;
  }

  .project-single__aside,
  .project-single__content {
    max-width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  .project-single__wrap {
    gap: calc(40px + (48 - 40) * ((100vw - 393px) / (1024 - 393)));
  }

  .project-single__aside .specialist__foot {
    flex-wrap: wrap;
    gap: 16px;
  }

  .project-single__aside .specialist__foot p {
    flex: 0 1 100%;
  }
}

/* AND project-single */

/* start offices-list */
.offices-list {
  height: 100%;
}

.offices-list.swiper .swiper-wrapper {
  scroll-behavior: smooth;
  will-change: transform;
}

.offices-list__item {
  height: auto;
}

.offices-list__item:not(:last-child) {
  /* margin-bottom: 8px; */
}

.offices-list__item:last-child {
  /* margin-bottom: 20px; */
}

.offices-list .simplebar-scrollbar:before {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 1;
  border-radius: 4px;
  background-color: var(--base-gray-color-07);
}

.offices-list .simplebar-track.simplebar-vertical {
  width: 8px;
  right: -16px;
  border-radius: 4px;
  background-color: var(--base-white-color);
}

.offices-list.swiper {
  overflow: initial;
  padding: 32px 0;
}

.offices-list__scrollbar {
  border-radius: 4px;
  position: absolute;
  overflow: hidden;
  bottom: 0;
  top: 32px;
  bottom: 32px;
  width: 8px;
  right: -16px;
  background-color: #fff;
  z-index: 2;
}

.offices-list__scrollbar .swiper-scrollbar-drag {
  background-color: #444446;
  border-radius: 4px;
}

@media screen and (max-width: 1920px) {
  .offices-list__scrollbar {
    width: calc(6px + (8 - 6) * ((100vw - 1536px) / (1920 - 1536)));
    right: calc(-14px + (-16 - (-14)) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .offices-list.swiper {
    padding: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536))) 0;
  }

  .offices-list__scrollbar {
    top: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    bottom: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .offices-list__scrollbar {
    width: 6px;
    right: -14px;
  }

  .offices-list.swiper {
    padding: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366))) 0;
  }

  .offices-list__scrollbar {
    top: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
    bottom: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .offices-list.swiper {
    padding: 20px 0;
  }

  .offices-list__scrollbar {
    top: 20px;
    bottom: 20px;
  }
}

@media screen and (max-width: 1000px) {
  .offices-list__scrollbar {
    width: 100%;
    height: 6px;
    right: 0;
    top: auto;
    bottom: 0;
  }
}

@media screen and (max-width: 768px) {
  .offices-list {
    /* height: auto; */
    /* margin: 0 -16px; */
    /* padding-left: 16px; */
  }

  .offices-list__item {
    flex: 0 0 auto;
    /* max-width: 320px; */
    width: 100%;
  }

  .offices-list__item:not(:last-child) {
    margin-bottom: 0;
    /* margin-right: 8px; */
  }

  .offices-list .simplebar-content {
    display: flex;
  }

  .offices-list .simplebar-track.simplebar-horizontal {
    left: 16px;
    right: 16px;
    bottom: -14px;
    height: 6px;
    border-radius: 4px;
    background-color: var(--base-white-color);
  }
}

/* AND offices-list */
/* start office-card */
.office-card {
  padding: 24px 32px 32px;
  border-radius: 16px;
  box-shadow: 0px 4px 20px 0px rgba(141, 177, 195, 0.16);
  background-color: var(--base-white-color);
}

.office-card:hover {
  box-shadow: 0px 4px 20px 0px rgba(141, 177, 195, 0.16);
}

.office-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 24px;
}

.office-card__top .btn-icon.active-metka {
  background-color: #ff6800;
}

.office-card__top .btn-icon.active-metka svg path[stroke] {
  stroke: #fff;
}

.office-card__title {
  font-size: 18px;
  line-height: 1.5;
  color: var(--base-gray-color-06);
}

.office-card__address {
  margin-bottom: 16px;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.5;
}

.office-card__time {
  font-size: 18px;
  line-height: 1.5;
  color: var(--base-gray-color-08);
}

.office-card__dropdown {
  cursor: pointer;
}

.office-card__dropdown-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.office-card__dropdown-top svg {
  transition: 0.3s;
}

.office-card__dropdown-body {
  height: 0;
  overflow: hidden;
  transition: 0.3s;
}

.office-card__dropdown-text {
  margin-top: 16px;
}

.office-card__dropdown .schedule {
  gap: 16px;
  margin-top: 24px;
}

.office-card__dropdown.active .office-card__dropdown-top svg {
  transform: rotate(180deg);
}

@media screen and (max-width: 1920px) {
  .office-card {
    padding: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    padding-top: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .office-card__top {
    margin-bottom: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .office-card__address {
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .office-card__time {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .office-card__dropdown .schedule {
    gap: 12px;
    margin-top: 20px;
  }
}

@media screen and (max-width: 1536px) {
  .office-card {
    padding: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
    padding-top: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .office-card__top {
    margin-bottom: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .office-card__title {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .office-card__address {
    margin-bottom: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .office-card__time {
    font-size: 16px;
  }

  .office-card__dropdown .schedule {
    margin-top: 16px;
  }
}

@media screen and (max-width: 1366px) {
  .office-card {
    padding: 20px;
    padding-top: 16px;
  }

  .office-card__top {
    margin-bottom: 16px;
  }

  .office-card__title {
    font-size: 16px;
  }

  .office-card__address {
    margin-bottom: 12px;
    font-size: 18px;
  }
}

@media screen and (max-width: 1024px) {
  .office-card__address {
    font-size: calc(16px + (18 - 16) * ((100vw - 393px) / (1024 - 393)));
  }
}

/* AND office-card */

/* start details */
.details__wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 32px;
}

.details__btns {
  display: flex;
  align-items: center;
  gap: 16px;
}

.details__list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.details__list-item {
  display: grid;
  grid-template-columns: 1fr minmax(400px, 1fr);
  align-items: end;
  column-gap: 12px;
  font-size: 18px;
  line-height: 1.5;
}

.details__list-item_label {
  display: flex;
  align-items: baseline;
  gap: 12px;
  white-space: nowrap;
  color: var(--base-gray-color-05);
}

.details__list-item_label:after {
  content: "";
  flex: 1;
  height: 1px;
  border-bottom: 1px solid var(--base-gray-color-02);
}

@media screen and (max-width: 1920px) {
  .details__wrap {
    column-gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .details__list {
    gap: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .details__list-item {
    grid-template-columns: 1fr minmax(calc(352px + (400 - 352) * ((100vw - 1536px) / (1920 - 1536))),
        1fr);
    gap: calc(8px + (12 - 8) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .details__list-item_label {
    gap: calc(8px + (12 - 8) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .details__wrap {
    column-gap: calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .details__list {
    gap: 20px;
  }

  .details__list-item {
    grid-template-columns: 1fr minmax(calc(287px + (352 - 287) * ((100vw - 1366px) / (1536 - 1366))),
        1fr);
    gap: 8px;
    font-size: 16px;
  }

  .details__list-item_label {
    gap: 8px;
  }
}

@media screen and (max-width: 1366px) {
  .details__wrap {
    column-gap: 16px;
  }

  .details__list-item {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 1200px) {
  .details__wrap {
    grid-template-columns: 1fr;
    row-gap: 40px;
  }

  .details__left {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
  }

  .details__title {
    margin-bottom: 0;
  }

  .details__left .scroll-inner__content {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
  }
}

@media screen and (max-width: 768px) {
  .details__left {
    flex-wrap: wrap;
  }

  .details__left .scroll-inner__content {
    flex-direction: column;
    align-items: flex-start;
  }

  .details__list-item {
    grid-template-columns: 1fr;
    row-gap: 6px;
  }

  .details__list-item_label:after {
    display: none;
  }
}

/* AND details */

/*start navigation-tabs*/
.navigation-tabs {
  /* padding-top: 8px; */
  padding-top: 16px;
  padding-bottom: 8px;
  background-color: #f8f9fb;
}

.navigation-tabs.navigation-tabs--article .navigation-tabs__inner {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
}

.navigation-tabs.fixed {
  position: fixed;
  top: 152px;
  left: 0;
  right: 0;
  z-index: 12;
}

.navigation-tabs__inner {
  display: flex;
  justify-content: flex-start;
}

.swiper.navigation-tabs__swiper {
  padding: 6px;
  width: auto;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
  margin: 0;
}

.navigation-tabs__slide {
  width: auto;
}

.navigation-tabs__item {
  white-space: nowrap;
  border-radius: 8px;
  cursor: pointer;
  padding: 12px 24px;
  color: #444446;
  font-size: 18px;
  display: flex;
  align-items: center;
  grid-gap: 8px;
  font-weight: 600;
  line-height: 140%;
  transition: 0.3s;
}

.navigation-tabs__item.active {
  background: #f3f4f6;
  color: #282829;
}

.navigation-tabs__item:hover {
  /* color: #282829; */
  background-color: #f3f4f6;
}

.navigation-tabs__item-div {
  grid-gap: 4px;
  display: flex;
  align-items: center;
}

@media (max-width: 1920px) {
  .swiper.navigation-tabs__swiper {
    padding: calc(4px + (6 - 4) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .navigation-tabs__item {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    padding: 12px calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .navigation-tabs__item-div svg {
    width: calc(18px + (24 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(18px + (24 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .navigation-tabs.navigation-tabs--article .navigation-tabs__inner {
    max-width: calc(872px + (1024 - 872) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .navigation-tabs {
    padding-top: calc(12px + (16 - 12) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .navigation-tabs {
    padding-top: 12px;
  }

  .navigation-tabs__item-div svg {
    width: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .swiper.navigation-tabs__swiper {
    padding: 4px;
  }

  .navigation-tabs__item {
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
    padding: 12px calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .navigation-tabs.navigation-tabs--article .navigation-tabs__inner {
    max-width: calc(792px + (872 - 792) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .navigation-tabs__item-div svg {
    width: 16px;
    height: 16px;
  }

  .navigation-tabs__item {
    font-size: 14px;
    padding: 12px 16px;
  }

  .navigation-tabs.navigation-tabs--article .navigation-tabs__inner {
    max-width: 792px;
  }
}

@media (max-width: 1024px) {
  .navigation-tabs {
    padding-top: 8px;
  }
}

@media (max-width: 1024px) {
  .navigation-tabs__item:hover {
    background-color: transparent;
  }

  .navigation-tabs__item.active:hover {
    background-color: #f3f4f6;
  }

  .navigation-tabs {
    padding-top: calc(4px + (8 - 4) * ((100vw - 390px) / (1024 - 390)));
  }

  .navigation-tabs.navigation-tabs--article .navigation-tabs__inner {
    max-width: 100%;
  }
}

@media (max-width: 390px) {
  .navigation-tabs {
    padding-top: 4px;
  }
}

/*end navigation-tabs*/

/* start subscribe */
.subscribe-with-background .subscribe__wrap {
  padding: 56px;
  border-radius: 20px;
  background-color: var(--base-white-color);
}

.subscribe-with-background .subscribe__desc {
  max-width: 100%;
}

.subscribe__left-title {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
  font-weight: 700;
  font-size: 32px;
  line-height: 1.3;
}

.subscribe__left-text {
  font-size: 18px;
  line-height: 1.5;
  color: var(--base-gray-color-06);
}

.subscribe__left .subscribe__desc {
  margin-bottom: 24px;
}

.subscribe__wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}

.subscribe__wrap--without-form {
  grid-template-columns: 1fr;
}

.subscribe__desc {
  max-width: 496px;
  width: 100%;
  margin-left: auto;
  font-size: 20px;
  line-height: 1.5;
}

.subscribe__desc mark {
  padding: 0 4px;
  font-weight: 700;
  border-radius: 8px;
  background-color: #FF6800;
  color: #fff;
}

.subscribe__form-wrap {
  height: 64px;
  display: flex;
  align-items: center;
  margin-bottom: 36px;
}

.subscribe__form-wrap .inp-base {
  flex: 1;
  height: 100%;
  padding-bottom: 0;
}

.subscribe__form-wrap .inp-base__inp {
  height: 100%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.subscribe__form-wrap .inp-base__error {
  bottom: -28px;
}

.subscribe__form-wrap .btn-project {
  height: 100%;
  padding: 18px 24px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

@media screen and (max-width: 1920px) {
  .subscribe-with-background .subscribe__wrap {
    padding: calc(48px + (56 - 48) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .subscribe__left-title {
    margin-bottom: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .subscribe__left-text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .subscribe__left .subscribe__desc {
    margin-bottom: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .subscribe__wrap {
    gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .subscribe__desc {
    max-width: calc(424px + (496 - 424) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .subscribe__form-wrap {
    height: calc(56px + (64 - 56) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .subscribe__form-wrap .btn-project {
    padding: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536))) calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .subscribe-with-background .subscribe__wrap {
    padding: calc(40px + (48 - 40) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .subscribe__left-title {
    margin-bottom: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .subscribe__left-text {
    font-size: 16px;
  }

  .subscribe__left .subscribe__desc {
    margin-bottom: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .subscribe__wrap {
    gap: calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .subscribe__desc {
    max-width: calc(388px + (424 - 388) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .subscribe__form-wrap {
    height: 56px;
  }

  .subscribe__form-wrap .btn-project {
    padding: 16px 20px;
  }
}

@media screen and (max-width: 1366px) {
  .subscribe-with-background .subscribe__wrap {
    padding: 40px;
    border-radius: calc(16px + (18 - 16) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .subscribe__left-title {
    gap: calc(12px + (16 - 12) * ((100vw - 1024px) / (1366 - 1024)));
    margin-bottom: 16px;
    font-size: 24px;
  }

  .subscribe__left .subscribe__desc {
    margin-bottom: 16px;
  }

  .subscribe__wrap {
    gap: 16px;
  }

  .subscribe__desc {
    max-width: 388px;
    font-size: 16px;
  }
}

@media screen and (max-width: 1200px) {
  .subscribe-with-background .subscribe__wrap {
    gap: 24px;
  }

  .subscribe__wrap {
    grid-template-columns: 1fr;
    gap: 48px;
  }

  .subscribe__desc {
    max-width: 100%;
  }

  .subscribe__form {
    order: 1;
  }
}

@media screen and (max-width: 1024px) {
  .subscribe-with-background .subscribe__wrap {
    border-radius: 16px;
    padding: calc(24px + (40 - 24) * ((100vw - 393px) / (1024 - 393))) calc(20px + (40 - 20) * ((100vw - 393px) / (1024 - 393)));
  }

  .subscribe__left-title {
    gap: 12px;
    margin-bottom: calc(12px + (16 - 12) * ((100vw - 393px) / (1024 - 393)));
    font-size: calc(20px + (24 - 20) * ((100vw - 393px) / (1024 - 393)));
  }

  .subscribe__left .subscribe__desc {
    margin-bottom: calc(12px + (16 - 12) * ((100vw - 393px) / (1024 - 393)));
  }

  .subscribe__form-wrap {
    margin-bottom: calc(16px + (36 - 16) * ((100vw - 393px) / (1024 - 393)));
  }
}

@media screen and (max-width: 768px) {
  .subscribe__left-title {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .subscribe__form {
    position: relative;
    padding-bottom: 52px;
  }

  .subscribe__form-wrap {
    height: auto;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 8px;
  }

  .subscribe__form-wrap .inp-base {
    flex: 0 1 100%;
    padding-bottom: 20px;
  }

  .subscribe__form-wrap .inp-base__inp {
    border-radius: 12px;
  }

  .subscribe__form-wrap .inp-base__error {
    bottom: 0;
  }

  .subscribe__form-wrap .btn-project {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    border-radius: 10px;
  }

  .subscribe__form-check {
    margin-bottom: 16px;
  }
}

/* AND subscribe */
/* start last-news */
.last-news__wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.last-news__list {
  display: grid;
  grid-template-columns: 1024px 1fr;
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 32px;
  grid-row-gap: 32px;
}

.last-news__list-item:first-child {
  grid-area: 1/1/3/2;
}

.last-news__list-item:nth-child(2) {
  grid-area: 1/2/2/3;
}

.last-news__list-item:nth-child(3) {
  grid-area: 2/2/3/3;
}

@media screen and (max-width: 1920px) {
  .last-news__list {
    grid-template-columns:
      calc(872px + (1024 - 872) * ((100vw - 1536px) / (1920 - 1536))) 1fr;
    column-gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    row-gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .last-news__list {
    grid-template-columns:
      calc(792px + (872 - 792) * ((100vw - 1366px) / (1536 - 1366))) 1fr;
    column-gap: calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
    row-gap: calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .last-news__list {
    grid-template-columns: calc(535px + (792 - 535) * ((100vw - 1024px) / (1366 - 1024)));
    column-gap: 16px;
    row-gap: 16px;
  }
}

@media screen and (max-width: 768px) {
  .last-news {
    position: relative;
    padding-bottom: 74px;
  }

  .last-news__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .last-news__btn {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}

/* AND last-news */
/* start last-news-item */
.last-news-item {
  border-radius: 20px;
  padding: 40px;
  overflow: hidden;
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
  background-color: var(--base-white-color);
  transition: 0.3s;
}

.last-news-item:hover {
  box-shadow: 0px 4px 20px 0px rgba(141, 177, 195, 0.16);
}

.last-news-item--lg {
  padding: 0 !important;
  border-radius: 24px;
}

.last-news-item--lg .last-news-item__wrap {
  height: auto;
  padding: 32px 48px 48px;
}

.last-news-item--lg .last-news-item__title {
  font-weight: 700;
  font-size: 32px;
  line-height: 1.3;
}

.last-news-item__pic {
  height: 460px;
  overflow: hidden;
  line-height: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.last-news-item__pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.last-news-item__wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.last-news-item__body {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: auto;
}

.last-news-item__title {
  font-weight: 700;
  font-size: 28px;
  line-height: 1.4;
}

.last-news-item__desc,
.last-news-item__date {
  font-size: 18px;
  line-height: 1.5;
  color: var(--base-gray-color-06);
}

@media screen and (max-width: 1920px) {
  .last-news-item {
    border-radius: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    padding: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .last-news-item--lg {
    border-radius: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .last-news-item--lg .last-news-item__wrap {
    padding: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536))) calc(40px + (48 - 40) * ((100vw - 1536px) / (1920 - 1536))) calc(40px + (48 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .last-news-item--lg .last-news-item__title {
    font-size: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .last-news-item__pic {
    height: calc(440px + (460 - 440) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .last-news-item__wrap {
    gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .last-news-item__body {
    gap: calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .last-news-item__title {
    font-size: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .last-news-item__desc,
  .last-news-item__date {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .last-news-item {
    border-radius: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
    padding: calc(24px + (32 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .last-news-item--lg {
    border-radius: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .last-news-item--lg .last-news-item__wrap {
    padding: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366))) calc(32px + (40 - 32) * ((100vw - 1366px) / (1536 - 1366))) calc(32px + (40 - 32) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .last-news-item--lg .last-news-item__body {
    gap: 16px;
  }

  .last-news-item--lg .last-news-item__title {
    font-size: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .last-news-item__pic {
    height: calc(360px + (440 - 360) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .last-news-item__wrap {
    gap: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .last-news-item__body {
    gap: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .last-news-item__title {
    font-size: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .last-news-item__desc,
  .last-news-item__date {
    font-size: 16px;
  }

  .last-news-item__desc {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media screen and (max-width: 1366px) {
  .last-news-item {
    padding: calc(20px + (24 - 20) * ((100vw - 1024px) / (1366 - 1024)));
    border-radius: 16px;
  }

  .last-news-item--lg {
    border-radius: 20px;
  }

  .last-news-item--lg .last-news-item__wrap {
    padding: calc(16px + (20 - 16) * ((100vw - 1024px) / (1366 - 1024))) calc(20px + (32 - 20) * ((100vw - 1024px) / (1366 - 1024))) calc(20px + (32 - 20) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .last-news-item--lg .last-news-item__body {
    gap: calc(12px + (16 - 12) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .last-news-item--lg .last-news-item__title {
    font-size: calc(20px + (24 - 20) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .last-news-item__pic {
    height: calc(280px + (360 - 280) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .last-news-item__wrap {
    gap: calc(16px + (20 - 16) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .last-news-item__body {
    gap: 12px;
  }

  .last-news-item__title {
    font-size: calc(18px + (20 - 18) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .last-news-item__desc,
  .last-news-item__date {
    font-size: calc(14px + (16 - 14) * ((100vw - 1024px) / (1366 - 1024)));
  }
}

@media screen and (max-width: 1024px) {
  .last-news-item {
    padding: 20px;
  }

  .last-news-item--lg .last-news-item__wrap {
    padding: 16px 20px 20px;
  }

  .last-news-item--lg .last-news-item__body {
    gap: 12px;
  }

  .last-news-item--lg .last-news-item__title {
    font-size: 20px;
  }

  .last-news-item__pic {
    height: 280px;
  }

  .last-news-item__wrap {
    gap: 16px;
  }

  .last-news-item__title {
    font-size: 18px;
  }

  .last-news-item__desc,
  .last-news-item__date {
    font-size: 14px;
  }
}

/* AND last-news-item */

/* start acticles-list */
.acticles-list__wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.acticles-list__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 32px;
  row-gap: 32px;
}

.acticles-list__right {
  display: flex;
  align-items: center;
  grid-gap: 16px;
}

.acticles-list__right-sorting .sorting-project__select {
  left: auto;
  right: 0;
}

@media screen and (max-width: 1920px) {
  .acticles-list__list {
    column-gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    row-gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .acticles-list__list {
    column-gap: calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
    row-gap: calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .acticles-list__list {
    column-gap: 16px;
    row-gap: 16px;
  }
}

@media screen and (max-width: 768px) {
  .acticles-list__list {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 700px) {
  .acticles-list__wrap {
    flex-direction: column;
    grid-gap: 24px;
    align-items: flex-start;
  }

  .acticles-list__right {
    width: 100%;
    justify-content: space-between;
  }
}

/* AND acticles-list */

/* start all-news */
.all-news__heading {
  margin-bottom: 32px;
}

.all-news__wrap {
  display: flex;
  align-items: baseline;
  gap: 20px;
}

.all-news__wrap span {
  font-size: 20px;
  line-height: 1.5;
  color: var(--base-gray-color-06);
}

.all-news__btns {
  display: grid;
  grid-template-columns: 1fr min-content;
  grid-gap: 16px;
  align-items: center;
  justify-content: space-between;
}

.all-news__filters {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
}

.all-news__filters .select-projects {
  width: 100%;
}

.all-news__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}

.all-news__list-item:nth-child(1) {
  grid-column: span 2 / span 2;
  grid-row: span 2 / span 2;
}

.all-news__list-item:nth-child(2) {
  grid-column-start: 3;
}

.all-news__sorting .sorting-project__select {
  left: auto;
  right: 0;
}

@media screen and (max-width: 1920px) {
  .all-news__heading {
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .all-news__wrap span {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .all-news__list {
    gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .all-news__heading {
    margin-bottom: 24px;
  }

  .all-news__wrap span {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .all-news__list {
    gap: calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .all-news__wrap span {
    font-size: 16px;
  }

  .all-news__list {
    gap: 16px;
  }
}

@media screen and (max-width: 1300px) {
  .all-news__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 32px;
  }

  .all-news__wrap {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 1024px) {
  .all-news__heading {
    margin-bottom: calc(20px + (32 - 20) * ((100vw - 393px) / (1024 - 393)));
  }

  .all-news__wrap span {
    font-size: calc(14px + (16 - 14) * ((100vw - 393px) / (1024 - 393)));
  }

  .all-news__list {
    grid-template-columns: repeat(2, 1fr);
  }

  .all-news__list-item:nth-child(1) {
    grid-row: span 2 / span 2;
    grid-column: unset;
  }

  .all-news__list-item:nth-child(2) {
    grid-column-start: 2;
  }
}

@media screen and (max-width: 768px) {
  .all-news__heading {
    /* flex-wrap: wrap; */
    /* gap: 24px; */
  }

  .all-news__wrap {
    /* flex-direction: column; */
    /* gap: 8px; */
  }

  .all-news__list {
    display: flex;
    flex-direction: column;
  }
}

@media screen and (max-width: 700px) {
  .all-news__btns {
    width: 100%;
  }

  .all-news__wrap {
    grid-gap: 8px;
  }

  .all-news__heading {
    flex-direction: column;
    grid-gap: 24px;
    align-items: flex-start;
  }

  .all-news__wrap {
    flex-direction: column;
  }
}

/* AND all-news */

/* start payments */
.payments__list {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(6, 1fr);
  /* grid-template-rows: repeat(2, 1fr); */
  grid-template-rows: repeat(2, auto);
}

.payments__list-item {
  grid-column: span 2 / span 2;
}

.payments__list-item:nth-last-child(2),
.payments__list-item:last-child {
  grid-column: span 3 / span 3;
}

@media screen and (max-width: 768px) {
  .payments__list {
    grid-template-columns: 1fr !important;
    row-gap: 16px;
  }
}

/* AND payments */
/* start guide */
.guide__container {
  max-width: 1552px;
  width: 100%;
  margin: 0 auto;
}

.guide__heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.guide__wrapper {
  max-width: 1840px;
  width: 100%;
  margin: 0 auto;
  padding: 48px 0;
  border-radius: 32px;
  background-color: var(--base-white-color);
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
}

.guide__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 32px;
}

.guide__grid-col {
  padding-right: 32px;
}

.guide__subtitle {
  margin-bottom: 40px;
  font-weight: 700;
  font-size: 28px;
  line-height: 1.4;
}

.guide__text {
  font-size: 18px;
  line-height: 1.4;
  color: var(--base-gray-color-07);
}

.guide__text b {
  color: var(--base-black-color);
}

.guide__text p:not(:last-child) {
  margin-bottom: 20px;
}

.guide__text ul {
  padding-left: 1.2rem;
}

.guide__text ul:not(:last-child) {
  margin-bottom: 40px;
}

.guide__text ul li::marker {
  color: var(--primary-brand-color);
}

.guide__text ul li:not(:last-child) {
  margin-bottom: 16px;
}

.guide__text ul li span {
  display: inline-block;
}

.guide__text ul li b {
  color: inherit;
}

.guide__text ul li a {
  text-decoration: underline;
  color: var(--base-black-color);
  transition: 0.3s;
}

.guide__text ul li a:hover {
  text-decoration-color: transparent;
}

@media screen and (max-width: 1920px) {
  .guide__container {
    max-width: calc(1320px + (1552 - 1320) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .guide__wrapper {
    max-width: calc(1472px + (1840 - 1472) * ((100vw - 1536px) / (1920 - 1536)));
    padding: calc(40px + (48 - 40) * ((100vw - 1536px) / (1920 - 1536))) 0;
    border-radius: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .guide__grid {
    column-gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .guide__grid-col {
    padding-right: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .guide__subtitle {
    margin-bottom: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .guide__text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .guide__text ul:not(:last-child) {
    margin-bottom: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .guide__container {
    max-width: calc(1196px + (1320 - 1196) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .guide__wrapper {
    max-width: calc(1302px + (1472 - 1302) * ((100vw - 1366px) / (1536 - 1366)));
    padding: 40px 0;
    border-radius: 28px;
  }

  .guide__grid {
    column-gap: calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .guide__grid-col {
    padding-right: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .guide__subtitle {
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .guide__text {
    font-size: 16px;
  }

  .guide__text ul:not(:last-child) {
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .guide__container {
    max-width: calc(912px + (1196 - 912) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .guide__wrapper {
    max-width: calc(1008px + (1302 - 1008) * ((100vw - 1024px) / (1366 - 1024)));
    padding: calc(32px + (40 - 32) * ((100vw - 1024px) / (1366 - 1024))) 0;
  }

  .guide__grid {
    column-gap: 16px;
  }

  .guide__grid-col {
    padding-right: 20px;
  }

  .guide__subtitle {
    margin-bottom: calc(20px + (24 - 20) * ((100vw - 1024px) / (1366 - 1024)));
    font-size: 20px;
  }

  .guide__text {
    font-size: 16px;
  }

  .guide__text p:not(:last-child) {
    margin-bottom: calc(16px + (20 - 16) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .guide__text ul:not(:last-child) {
    margin-bottom: calc(20px + (24 - 20) * ((100vw - 1024px) / (1366 - 1024)));
  }
}

@media screen and (max-width: 1200px) {
  .guide__grid {
    grid-template-columns: 1fr;
    row-gap: 40px;
  }

  .guide__grid-col {
    padding-right: 0;
  }
}

@media screen and (max-width: 1024px) {
  .guide {
    padding: 0 16px;
  }

  .guide__container {
    max-width: 100%;
    padding: 0 calc(24px + (48 - 24) * ((100vw - 390px) / (1024 - 390)));
  }

  .guide__heading {
    margin: 0 -16px 24px;
  }

  .guide__heading .btn-project {
    width: 48px;
    height: 48px;
    padding: 14px;
  }

  .guide__heading .btn-project__text {
    display: none;
  }

  .guide__wrapper {
    max-width: 1008px;
    padding: 32px 0;
    border-radius: calc(24px + (28 - 24) * ((100vw - 393px) / (1024 - 393)));
  }

  .guide__wrapper .container {
    padding: 0 24px;
  }

  .guide__subtitle {
    margin-bottom: calc(16px + (20 - 16) * ((100vw - 393px) / (1024 - 393)));
  }

  .guide__text ul li:not(:last-child) {
    margin-bottom: calc(12px + (16 - 12) * ((100vw - 393px) / (1024 - 393)));
  }
}

/* AND guide */

/* start dealers */
.dealers__content {
  max-width: 1022px;
  width: 100%;
  margin: 0 auto;
}

.dealers__title {
  margin-bottom: 32px;
  text-align: center;
}

.dealers__desc {
  max-width: 760px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  font-size: 20px;
  line-height: 1.5;
  color: var(--base-gray-color-06);
}

.dealers__btn {
  display: flex;
  align-items: center;
  justify-content: center;
}

.dealers__slider-item {
  width: auto;
  height: auto;
}

.dealers__slider-item_box {
  position: relative;
  width: 364px;
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.dealers__slider-item_box:hover .dealers__slider-item_image.mask {
  opacity: 0;
}

.dealers__slider-item_box:hover .dealers__slider-item_image.image {
  opacity: 1;
}

.dealers__slider-item_image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: 0.3s;
}

.dealers__slider-item_image.mask {
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: var(--base-gray-color-06);
  opacity: 1;
}

.dealers__slider-item_image.image {
  opacity: 0;
}

.dealers__slider-item_image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

@media screen and (max-width: 1920px) {
  .dealers__content {
    max-width: calc(702px + (1022 - 702) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .dealers__title {
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .dealers__desc {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .dealers__slider-item_box {
    width: calc(318px + (364 - 318) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(140px + (160 - 140) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .dealers__content {
    max-width: calc(614px + (702 - 614) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .dealers__title {
    margin-bottom: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .dealers__desc {
    max-width: 100%;
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .dealers__slider-item_box {
    width: calc(227px + (318 - 227) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(100px + (140 - 100) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .dealers__content {
    max-width: 614px;
  }

  .dealers__title {
    margin-bottom: calc(16px + (20 - 16) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .dealers__desc {
    font-size: 16px;
  }

  .dealers__slider-item_box {
    width: 227px;
    height: 100px;
  }
}

@media screen and (max-width: 1024px) {
  .dealers__title {
    margin-bottom: 16px;
  }

  .dealers__slider-item_box {
    width: calc(182px + (227 - 182) * ((100vw - 393px) / (1024 - 393)));
    height: calc(80px + (100 - 80) * ((100vw - 393px) / (1024 - 393)));
  }
}

/* AND dealers */
/* start dealer-card */
.dealer-card__wrapper {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.dealer-card__pic {
  height: 520px;
  border-radius: 20px;
  line-height: 0;
  overflow: hidden;
}

.dealer-card__pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dealer-card__title {
  font-weight: 700;
  font-size: 32px;
  line-height: 1.3;
}

@media screen and (max-width: 1920px) {
  .dealer-card__wrapper {
    gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .dealer-card__pic {
    height: calc(460px + (520 - 460) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .dealer-card__title {
    font-size: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .dealer-card__wrapper {
    gap: 24px;
  }

  .dealer-card__pic {
    height: calc(400px + (460 - 400) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .dealer-card__title {
    font-size: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .dealer-card__wrapper {
    gap: calc(20px + (24 - 20) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .dealer-card__pic {
    height: calc(320px + (400 - 320) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .dealer-card__title {
    font-size: calc(20px + (24 - 20) * ((100vw - 1024px) / (1366 - 1024)));
  }
}

@media screen and (max-width: 1024px) {
  .dealer-card__wrapper {
    gap: calc(16px + (20 - 16) * ((100vw - 393px) / (1024 - 393)));
  }

  .dealer-card__pic {
    height: calc(240px + (320 - 240) * ((100vw - 393px) / (1024 - 393)));
  }

  .dealer-card__title {
    font-size: 20px;
  }
}

/* AND dealer-card */
/* start useful-files */
.useful-files__list-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}

@media screen and (max-width: 1920px) {
  .useful-files__list-wrapper {
    gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .useful-files__list-wrapper {
    gap: calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .useful-files__list-wrapper {
    gap: 16px;
  }
}

@media screen and (max-width: 1024px) {
  .useful-files__list-wrapper {
    display: flex;
    gap: unset;
  }
}

/* AND useful-files */
/* start useful-file-card */
.useful-file-card {
  padding: 24px;
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
  border-radius: 20px;
  background-color: var(--base-white-color);
}

.useful-file-card__wrap {
  width: 100%;
}

.useful-file-card__pic {
  height: 223px;
  margin-bottom: 16px;
  overflow: hidden;
  border-radius: 16px;
  line-height: 0;
}

.useful-file-card__pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.useful-file-card__body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 24px;
}

.useful-file-card__title {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.5;
}

.useful-file-card__size {
  font-size: 18px;
  line-height: 1.5;
  color: var(--base-gray-color-05);
}

.useful-file-card__btns {
  display: flex;
  align-items: center;
  gap: 16px;
}

.useful-file-card__btns>* {
  flex: 1;
}

@media screen and (max-width: 1920px) {
  .useful-file-card {
    padding: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536))) 24px;
    border-radius: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .useful-file-card__pic {
    height: calc(200px + (223 - 200) * ((100vw - 1536px) / (1920 - 1536)));
    margin-bottom: calc(16px + (24 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .useful-file-card__body {
    gap: calc(8px + (12 - 8) * ((100vw - 1536px) / (1920 - 1536)));
    margin-bottom: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .useful-file-card__title {
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .useful-file-card__size {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .useful-file-card__btns {
    gap: calc(12px + (16 - 12) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .useful-file-card {
    padding: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366))) calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .useful-file-card__pic {
    height: calc(180px + (200 - 180) * ((100vw - 1366px) / (1536 - 1366)));
    margin-bottom: 16px;
  }

  .useful-file-card__body {
    gap: 8px;
    margin-bottom: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .useful-file-card__title {
    font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .useful-file-card__size {
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .useful-file-card__btns {
    gap: calc(8px + (12 - 8) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .useful-file-card {
    padding: 16px 20px;
    border-radius: 16px;
  }

  .useful-file-card__pic {
    height: 180px;
  }

  .useful-file-card__body {
    margin-bottom: 16px;
  }

  .useful-file-card__title {
    font-size: 18px;
  }

  .useful-file-card__size {
    font-size: 14px;
  }

  .useful-file-card__btns {
    gap: 8px;
  }
}

/* AND useful-file-card */

/*start btn-project-up*/
.btn-project-up {
  position: fixed;
  z-index: 11;
  left: 40px;
  bottom: 40px;
  cursor: pointer;
  background: #fff;
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
}

.btn-project-up.active {
  opacity: 1;
  pointer-events: initial;
}

@media (max-width: 1920px) {
  .btn-project-up {
    left: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
    bottom: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .btn-project-up {
    left: calc(24px + (32 - 24) * ((100vw - 1366px) / (1536 - 1366)));
    bottom: calc(24px + (32 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .btn-project-up {
    left: calc(16px + (24 - 16) * ((100vw - 1024px) / (1366 - 1024)));
    bottom: calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1024px) {
  .btn-project-up {
    left: calc(8px + (16 - 8) * ((100vw - 390px) / (1024 - 390)));
    bottom: calc(8px + (16 - 8) * ((100vw - 390px) / (1024 - 390)));
  }

  .btn-project-up:hover {
    background-color: #fff;
  }

  .btn-project-up:hover svg path[stroke] {
    stroke: #282829;
  }
}

@media (max-width: 390px) {
  .btn-project-up {
    left: 8px;
    bottom: 8px;
  }
}

/*end btn-project-up*/

/*start btn-tel-popup*/
.btn-tel-popup {
  position: fixed;
  z-index: 11;
  right: 40px;
  bottom: 40px;
  cursor: pointer;
  background: #fff;
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
  /* opacity: 0; */
  /* pointer-events: none; */
  transition: 0.3s;
}

@media (max-width: 1920px) {
  .btn-tel-popup {
    right: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
    bottom: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .btn-tel-popup {
    right: calc(24px + (32 - 24) * ((100vw - 1366px) / (1536 - 1366)));
    bottom: calc(24px + (32 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .btn-tel-popup {
    right: calc(16px + (24 - 16) * ((100vw - 1024px) / (1366 - 1024)));
    bottom: calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1200px) {
  .btn-tel-popup {
    display: none !important;
  }
}

/*end btn-tel-popup*/

/*start popup-project*/
.popup-project {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 101;
  display: flex;
  flex-direction: column;
  opacity: 0;
  transition: 0.3s;
  pointer-events: none;
}

.popup-project.active {
  opacity: 1;
  pointer-events: initial;
}

.popup-project__bg {
  opacity: 0.5;
  background: #1f1f1f;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.popup-project__carousel {
  position: relative;
  box-sizing: border-box;
  flex: 1;
  min-height: 0;
  z-index: 10;
  overflow-y: visible;
  overflow-x: clip;
}

.popup-project__viewport {
  width: 100%;
  height: 100%;
}

.popup-project__track {
  display: flex;
  margin: 0 auto;
  height: 100%;
}

.popup-project__slide {
  flex: 0 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 20px;
  overflow: auto;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}

.popup-project__slide::after,
.popup-project__slide::before {
  content: "";
  flex: 0 0 0;
  margin: auto;
}

.popup-project__close {
  background-color: #f3f4f6;
  cursor: pointer;
  position: absolute;
  z-index: 2;
  top: 32px;
  right: 32px;
}

.popup-project__box {
  border-radius: 32px;
  background: #fff;
  padding: 56px 64px;
  width: 960px;
  position: relative;
}

.popup-project__title {
  color: #282829;
  margin-bottom: 48px;
  font-size: 32px;
  font-weight: 600;
  line-height: 130%;
}

.popup-project__box-close {
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
  background-color: #f3f4f6;
}

.popup-project__box-inner .contact-form-base__checks {
  margin-bottom: 48px;
}

.popup-project__box-inner .contact-form-base__checks .check-base {
  width: fit-content;
}

.popup-zakaz-telephone .popup-project__close {
  display: none;
}

.popup-project__content {
  /* display: none; */
}

.popup-project__result .specialist__body {
  margin-bottom: 48px;
}

.popup-project__result .specialist__body-title img {
  transform: translateY(7px);
}

.popup-request-delivery__top {
  margin-bottom: 48px;
}

.popup-request-delivery__top-link {
  display: grid;
  align-items: flex-end;
  grid-gap: 14px;
  grid-template-columns: minmax(160px, 1fr) minmax(30px, 1fr) min-content;
}

.popup-request-delivery__top-text {
  color: #686871;
  font-size: 18px;
  line-height: 150%;
}

.popup-request-delivery__top-line {
  height: 1px;
  background: #e9ebee;
}

.popup-request-delivery__top-price {
  white-space: nowrap;
  color: #282829;
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
}

.popup-request-delivery .popup-project__title {
  margin-bottom: 20px;
}

.popup-project-foto .popup-project-foto__img {
  display: block;
}

.popup-project-foto__img {
  height: 100%;
  max-height: 95vh;
  display: none;
}

.popup-project-foto__img img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.popup-request-delivery .popup-project__close {
  display: none;
}

.popup-project-video__item {
  display: none;
}

.popup-project-video .popup-project-video__item {
  /* display: block; */
  display: flex;
  justify-content: center;
}

.popup-project-video__item {
  width: 1550px;
  height: 875px;
  border-radius: 32px;
  overflow: hidden;
  position: relative;
}

.popup-project-video__link {
  /* width: 100%; */
  width: auto;
  height: 100%;
  /* object-fit: cover; */
}

.popup-project-video__poster {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  cursor: pointer;
  align-items: center;
  right: 0;
  bottom: 0;
  background-position: center;
  background-repeat: no-repeat;
  /* background-size: cover; */
  background-size: contain;
}

@media (max-width: 1920px) {
  .popup-request-delivery .popup-project__title {
    margin-bottom: calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .popup-project__box-inner .contact-form-base__checks {
    margin-bottom: calc(40px + (48 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .popup-project__result .specialist__body {
    margin-bottom: calc(40px + (48 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .popup-request-delivery__top {
    margin-bottom: calc(40px + (48 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .popup-project__close {
    right: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    top: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .popup-project__box-close {
    top: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    right: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .popup-project__box {
    border-radius: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    width: calc(840px + (960 - 840) * ((100vw - 1536px) / (1920 - 1536)));
    padding: calc(48px + (56 - 48) * ((100vw - 1536px) / (1920 - 1536))) calc(56px + (64 - 56) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .popup-project__title {
    font-size: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
    margin-bottom: calc(40px + (48 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .popup-project__result .specialist__body-title img {
    width: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .popup-project__result .specialist__body-title {
    font-size: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .popup-request-delivery__top-price,
  .popup-request-delivery__top-text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .popup-project-video__item {
    width: calc(1320px + (1550 - 1320) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(745px + (875 - 745) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .popup-project-video__item {
    border-radius: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(675px + (745 - 675) * ((100vw - 1366px) / (1536 - 1366)));
    width: calc(1195px + (1320 - 1195) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .popup-request-delivery .popup-project__title {
    margin-bottom: 16px;
  }

  .popup-request-delivery__top-price,
  .popup-request-delivery__top-text {
    font-size: 16px;
  }

  .popup-project__result .specialist__body-title {
    font-size: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .popup-project__result .specialist__body-title img {
    width: 25px;
  }

  .popup-project__box-inner .contact-form-base__checks {
    margin-bottom: calc(32px + (40 - 32) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .popup-request-delivery__top {
    margin-bottom: calc(32px + (40 - 32) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .popup-project__result .specialist__body {
    margin-bottom: calc(32px + (40 - 32) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .popup-project__title {
    font-size: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
    margin-bottom: calc(32px + (40 - 32) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .popup-project__box {
    border-radius: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
    padding: calc(40px + (48 - 40) * ((100vw - 1366px) / (1536 - 1366))) calc(48px + (56 - 48) * ((100vw - 1366px) / (1536 - 1366)));
    width: calc(720px + (840 - 720) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .popup-project__box-close {
    top: 20px;
    right: 20px;
  }

  .popup-project__close {
    right: 24px;
    top: 24px;
  }
}

@media (max-width: 1366px) {
  .popup-project__result .specialist__body-title {
    font-size: 20px;
  }

  .popup-project__result .specialist__body {
    margin-bottom: 32px;
  }

  .popup-request-delivery__top {
    margin-bottom: 32px;
  }

  .popup-project__box-inner .contact-form-base__checks {
    margin-bottom: 32px;
  }

  .popup-project__title {
    font-size: 24px;
    margin-bottom: 32px;
  }

  .popup-project__box {
    border-radius: 20px;
    padding: 40px 48px;
    width: 720px;
  }

  .popup-project__close {
    right: calc(56px + (24 - 56) * ((100vw - 1024px) / (1366 - 1024)));
    top: calc(16px + (24 - 16) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .popup-project-video__item {
    border-radius: calc(18px + (24 - 18) * ((100vw - 1024px) / (1366 - 1024)));
    height: calc(515px + (675 - 515) * ((100vw - 1024px) / (1366 - 1024)));
    width: calc(910px + (1195 - 910) * ((100vw - 1024px) / (1366 - 1024)));
  }
}

@media (max-width: 1024px) {
  .popup-project-video__item {
    border-radius: calc(12px + (18 - 12) * ((100vw - 390px) / (1024 - 390)));
    height: calc(210px + (515 - 210) * ((100vw - 390px) / (1024 - 390)));
    width: calc(360px + (910 - 360) * ((100vw - 390px) / (1024 - 390)));
  }

  .popup-project-video__item.reel {
    height: 68vh;
    width: auto;
  }

  .popup-project__result .specialist__body-title img {
    width: calc(20px + (25 - 20) * ((100vw - 390px) / (1024 - 390)));
  }

  .popup-project__result .specialist__body-title {
    font-size: calc(18px + (20 - 18) * ((100vw - 390px) / (1024 - 390)));
  }

  .popup-project__result-btn {
    width: 100%;
  }

  .popup-zakaz-telephone .popup-project__close {
    display: flex;
  }

  .popup-request-delivery .popup-project__close {
    display: flex;
  }

  .popup-project__close:hover,
  .popup-project__close:hover {
    background-color: #f3f4f6;
  }

  .popup-project__close:hover svg path[stroke],
  .popup-project__close:hover svg path[stroke] {
    stroke: #282829;
  }

  .popup-project__box-close {
    display: none;
  }

  .popup-project__title {
    font-size: calc(20px + (24 - 20) * ((100vw - 390px) / (1024 - 390)));
  }

  .popup-project__close {
    top: calc(10px + (16 - 10) * ((100vw - 390px) / (1024 - 390)));
    right: calc(16px + (56 - 16) * ((100vw - 390px) / (1024 - 390)));
  }

  .popup-project__box {
    padding: calc(32px + (40 - 32) * ((100vw - 390px) / (1024 - 390))) calc(18px + (48 - 18) * ((100vw - 390px) / (1024 - 390)));
    width: calc(360px + (720 - 360) * ((100vw - 390px) / (1024 - 390)));
  }

  .popup-project__box-inner .contact-form-base__btn {
    width: 100%;
  }
}

@media (max-width: 390px) {
  .popup-project__result .specialist__body-title img {
    width: 20px;
  }

  .popup-project__result .specialist__body-title {
    font-size: 18px;
  }

  .popup-project__title {
    font-size: 20px;
  }

  .popup-project__box {
    padding: 32px 18px;
  }

  .popup-project__close {
    top: 10px;
    right: 16px;
  }
}

/*end popup-project*/

/*start card-video*/
.card-video {
  width: 100%;
  position: relative;
}

.card-video__inner {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  height: 430px;
  cursor: pointer;
  box-shadow: 0px 4px 12px 0px rgba(141, 177, 195, 0.08);
}

.card-video__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0.2;
  background: #000;
  pointer-events: none;
  bottom: 0;
  z-index: 2;
  transition: ease-in-out 0.4s;
}

.card-video__inner:hover .card-video__bg {
  opacity: 0.4;
  background: #1f1f1f;
}

.card-video__box {
  width: 100%;
  height: 100%;
}

.video-to-popup__block {
  display: none;
}

.card-video__box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.card-video__btn {
  z-index: 3;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.card-video__title {
  color: #282829;
  font-size: 28px;
  font-weight: 700;
  line-height: 140%;
  margin-top: 24px;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card-video__btn {
  opacity: 0;
  transition: 0.3s;
}

.card-video__inner:hover .card-video__btn {
  opacity: 1;
}

.card-video--big .card-video__inner {
  height: 875px;
  border-radius: 32px;
}

.card-video--big .card-video__title {
  font-size: 36px;
  margin-top: 32px;
}

.card-video--big .card-video__bg {
  opacity: 0;
}

.card-video--shorts .card-video__inner {
  height: 410px;
  border-radius: 12px;
}

.card-video--shorts .card-video__title {
  font-size: 20px;
  margin-top: 16px;
}

.card-video--shorts:hover .card-video__btn {
  opacity: 0;
}

@media (max-width: 1920px) {
  .card-video__inner {
    height: calc(365px + (430 - 365) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .card-video__title {
    font-size: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    margin-top: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .card-video--big .card-video__inner {
    height: calc(745px + (875 - 745) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .card-video--big .card-video__title {
    font-size: calc(32px + (36 - 32) * ((100vw - 1536px) / (1920 - 1536)));
    margin-top: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .card-video--shorts .card-video__inner {
    height: calc(355px + (410 - 355) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .card-video--shorts .card-video__title {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .card-video--shorts .card-video__inner {
    height: calc(330px + (355 - 330) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .card-video--shorts .card-video__title {
    margin-top: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .card-video__inner {
    border-radius: 18px;
    height: calc(330px + (365 - 330) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .card-video__title {
    margin-top: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .card-video--big .card-video__inner {
    height: calc(675px + (745 - 675) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .card-video--big .card-video__title {
    font-size: calc(28px + (32 - 28) * ((100vw - 1366px) / (1536 - 1366)));
    margin-top: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .card-video__inner {
    border-radius: calc(16px + (18 - 16) * ((100vw - 1024px) / (1366 - 1024)));
    height: calc(240px + (330 - 240) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .card-video__title {
    margin-top: 16px;
    font-size: calc(18px + (20 - 18) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .card-video--big .card-video__inner {
    border-radius: calc(18px + (24 - 18) * ((100vw - 1024px) / (1366 - 1024)));
    height: calc(515px + (675 - 515) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .card-video--big .card-video__title {
    font-size: calc(24px + (28 - 24) * ((100vw - 1024px) / (1366 - 1024)));
    margin-top: calc(16px + (20 - 16) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .card-video--shorts .card-video__inner {
    height: calc(250px + (330 - 250) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .card-video--shorts .card-video__title {
    margin-top: 12px;
    font-size: 16px;
  }
}

@media (max-width: 1024px) {
  .card-video--shorts .card-video__inner {
    height: 250px;
  }

  .card-video--shorts .card-video__title {
    font-size: calc(14px + (16 - 14) * ((100vw - 390px) / (1024 - 390)));
  }

  .card-video--big .card-video__title {
    font-size: calc(16px + (24 - 16) * ((100vw - 390px) / (1024 - 390)));
    margin-top: calc(12px + (16 - 12) * ((100vw - 390px) / (1024 - 390)));
  }

  .card-video--shorts .card-video__btn {
    opacity: 0;
  }

  .card-video__btn {
    opacity: 1;
  }

  .card-video__inner {
    border-radius: calc(12px + (16 - 12) * ((100vw - 390px) / (1024 - 390)));
    height: calc(210px + (240 - 210) * ((100vw - 390px) / (1024 - 390)));
  }

  .card-video__title {
    font-size: calc(16px + (18 - 16) * ((100vw - 390px) / (1024 - 390)));
    margin-top: calc(12px + (16 - 12) * ((100vw - 390px) / (1024 - 390)));
  }

  .card-video--big .card-video__inner {
    border-radius: calc(12px + (18 - 12) * ((100vw - 390px) / (1024 - 390)));
    height: calc(210px + (515 - 210) * ((100vw - 390px) / (1024 - 390)));
  }
}

@media (max-width: 390px) {
  .card-video--shorts .card-video__title {
    font-size: 14px;
  }

  .card-video--big .card-video__title {
    font-size: 16px;
    margin-top: 12px;
  }

  .card-video--big .card-video__inner {
    height: 210px;
    border-radius: 12px;
  }

  .card-video__inner {
    border-radius: 12px;
    height: 210px;
  }

  .card-video__title {
    margin-top: 12px;
    font-size: 16px;
  }
}

/*end card-video*/

/*start video-all*/
.video-all__inner {
  grid-template-columns: 1fr 1fr;
  grid-gap: 56px 32px;
  display: grid;
}

.video-all__top {
  display: flex;
  position: relative;
  z-index: 4;
  align-items: center;
  justify-content: space-between;
}

.video-all__top-sorting .sorting-project .sorting-project__select {
  left: auto;
  right: 0;
}

.video-all__top-right {
  display: flex;
  grid-gap: 16px;
  align-items: center;
}

@media (max-width: 1920px) {
  .video-all__inner {
    grid-gap: calc(24px + (56 - 24) * ((100vw - 1536px) / (1920 - 1536))) calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .video-all__inner {
    grid-gap: calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .video-all__inner {
    grid-gap: 16px;
  }
}

@media (max-width: 1300px) {
  .video-all__top-filter .select-project__wrap {
    left: auto;
    right: 0;
  }
}

@media (max-width: 900px) {
  .video-all__inner {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .video-all__top {
    flex-direction: column;
    grid-gap: 24px;
    align-items: flex-start;
  }

  .video-all__top-right {
    width: 100%;
    justify-content: space-between;
  }

  .video-all__top-filter .select-project__wrap {
    left: 0;
    right: auto;
  }

  .video-all__top-filter .select-projects__reset-desctop {
    padding-left: 9px;
    padding-right: 9px;
  }
}

/*end video-all*/

/*start shorts-video*/
.shorts-video__top-num {
  color: #686871;
  font-size: 20px;
  line-height: 150%;
  font-weight: 400;
  transform: translateY(-11px);
}

.shorts-video__title {
  display: flex;
  grid-gap: 20px;
  align-items: flex-end;
}

@media (max-width: 1920px) {
  .shorts-video__top-num {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .shorts-video__top-num {
    transform: translateY(calc(-5px + (-11 - (-5)) * ((100vw - 1366px) / (1536 - 1366))));
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .shorts-video__top-num {
    transform: translateY(-5px);
    font-size: 16px;
  }
}

@media (max-width: 1024px) {
  .shorts-video__top-num {
    font-size: calc(14px + (16 - 14) * ((100vw - 390px) / (1024 - 390)));
  }
}

@media (max-width: 900px) {
  .shorts-video .card-video.card-video--shorts {
    width: 140px;
  }
}

@media (max-width: 700px) {
  .shorts-video__title {
    grid-gap: 8px;
    align-items: flex-start;
    flex-direction: column;
  }

  .shorts-video__top-num {
    transform: translateY(0);
  }
}

@media (max-width: 390px) {
  .shorts-video__top-num {
    font-size: 14px;
  }
}

/*end shorts-video*/

/*start catalog-product-top*/
.catalog-product-top {}

.catalog-product-top__swiper .catalog-collection-card {
  width: 100%;
}

@media (max-width: 1200px) {
  .catalog-product-top__swiper .catalog-collection-card {
    width: 388px;
  }
}

@media (max-width: 1024px) {
  .catalog-product-top__swiper .catalog-collection-card {
    width: calc(340px + (388 - 340) * ((100vw - 390px) / (1024 - 390)));
  }
}

@media (max-width: 390px) {
  .catalog-product-top__swiper .catalog-collection-card {
    width: calc(290px + (340 - 290) * ((100vw - 320px) / (390 - 320)));
  }
}

/*end catalog-product-top*/

/*start "catalog-project*/
.catalog-project {}

.catalog-project__top {
  margin-bottom: 32px;
  position: relative;
  z-index: 4;
}

.catalog-project__top-inner {
  display: flex;
  align-items: center;
  grid-gap: 24px;
}

.catalog-project__variation {
  display: flex;
  align-items: center;
  grid-gap: 8px;
  margin-left: auto;
}

.catalog-project__variation-btn {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  cursor: pointer;
  transition: 0.3s;
}

.catalog-project__variation-btn.active {
  background: #fff;
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
}

.catalog-project__variation-btn.active svg rect[fill],
.catalog-project__variation-btn:hover svg rect[fill] {
  fill: #282829;
}

.catalog-project__variation-btn svg rect[fill] {
  fill: #93969c;
  transition: 0.3s;
}

.catalog-project__variation-btn:hover {
  background: #fff;
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
}

.catalog-project__tag {
  color: #444446;
  font-size: 18px;
  font-weight: 500;
  line-height: 155%;
  border-radius: 100px;
  background: #fff;
  cursor: pointer;
  padding: 8px 24px 10px;
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
  transition: 0.3s;
  display: flex;
  align-items: center;
  grid-gap: 8px;
}

.catalog-project__tag.active .catalog-project__tag-close,
.catalog-project__tag:hover .catalog-project__tag-close {
  display: flex;
}

.catalog-project__tag.active,
.catalog-project__tag:hover {
  background-color: #282829;
  color: #fff;
}

.catalog-project__tag:hover {
  box-shadow: 0px 4px 20px 0px rgba(141, 177, 195, 0.16);
}

.catalog-project__tag-close {
  display: none;
  cursor: pointer;
  position: relative;
}

.catalog-project__tag-close::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  bottom: -5px;
  right: -5px;
}

.catalog-project__tags-swiper.swiper .swiper-wrapper {
  grid-gap: 12px 16px;
  flex-wrap: wrap;
}

.catalog-project__inner-block.filter-active {
  display: grid;
  grid-template-columns: 472px 1fr;
  grid-gap: 56px;
}

.catalog-project__inner {
  margin-top: 32px;
}

.catalog-project__cards {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 32px;
}

.catalog-project__content.style-list .catalog-project__cards {
  grid-template-columns: 1fr !important;
}

.btn-project.open-filter__button {
  line-height: 150%;
}

.open-filter__button .btn-project {
  grid-gap: 8px;
}

.open-filter__button-close {
  display: none;
}

.open-filter__button-open {
  display: flex;
}

.open-filter__button-open span+span {
  display: none;
}

.open-filter__button-open,
.open-filter__button-close {
  grid-gap: 12px;
  align-items: center;
}

.open-filter__button:hover .open-filter__button-num {
  color: #fff;
}

.open-filter__button-num {
  color: #ff6800;
  font-size: 18px;
  display: none;
  font-weight: 500;
  transition: 0.3s;
  line-height: 150%;
}

.open-filter__button.filter-active .open-filter__button-open {
  display: none;
}

.open-filter__button.filter-active .open-filter__button-close {
  display: flex;
}

.catalog-project__filter {
  display: none;
}

.catalog-project__inner-block.filter-active .catalog-project__filter {
  display: block;
}

.catalog-project__inner-block.filter-active .catalog-project__cards {
  grid-template-columns: 1fr 1fr;
}

@media (max-width: 1920px) {
  .catalog-project__tag {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .catalog-project__tags-swiper.swiper .swiper-wrapper {
    grid-gap: 12px calc(12px + (16 - 12) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .catalog-project__inner-block.filter-active {
    grid-gap: calc(40px + (56 - 40) * ((100vw - 1536px) / (1920 - 1536)));
    grid-template-columns:
      calc(410px + (472 - 410) * ((100vw - 1536px) / (1920 - 1536))) 1fr;
  }

  .catalog-project__cards {
    grid-gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .open-filter__button-num {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .open-filter__button-open,
  .open-filter__button-close {
    grid-gap: calc(8px + (12 - 8) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .catalog-project__variation-btn {
    border-radius: calc(10px + (12 - 10) * ((100vw - 1536px) / (1920 - 1536)));
    width: calc(48px + (56 - 48) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(48px + (56 - 48) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .catalog-project__variation-btn svg {
    width: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .catalog-project__top-inner {
    grid-gap: calc(16px + (24 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .catalog-project__top-inner {
    grid-gap: 16px;
  }

  .catalog-project__variation-btn svg {
    width: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .catalog-project__variation-btn {
    border-radius: calc(8px + (10 - 8) * ((100vw - 1366px) / (1536 - 1366)));
    width: calc(44px + (48 - 44) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(44px + (48 - 44) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .open-filter__button-open,
  .open-filter__button-close {
    grid-gap: 8px;
  }

  .open-filter__button-num {
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .catalog-project__cards {
    grid-gap: calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .catalog-project__tags-swiper.swiper .swiper-wrapper {
    grid-gap: calc(8px + (12 - 8) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .catalog-project__tag {
    font-size: 16px;
  }

  .catalog-project__inner-block.filter-active {
    grid-gap: calc(32px + (40 - 32) * ((100vw - 1366px) / (1536 - 1366)));
    grid-template-columns:
      calc(370px + (410 - 370) * ((100vw - 1366px) / (1536 - 1366))) 1fr;
  }

  .open-filter__button.btn-project svg {
    width: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .catalog-project__variation-btn svg {
    width: 20px;
    height: 20px;
  }

  .catalog-project__variation-btn {
    border-radius: 8px;
    width: 44px;
    height: 44px;
  }

  .open-filter__button-num {
    font-size: 14px;
  }

  .open-filter__button.btn-project svg {
    width: 18px;
    height: 18px;
  }

  .catalog-project__cards {
    grid-gap: 16px;
  }

  .catalog-project__inner-block.filter-active {
    grid-gap: 32px;
    grid-template-columns: 370px 1fr;
  }

  .catalog-project__tags-swiper.swiper .swiper-wrapper {
    grid-gap: 8px;
  }
}

@media (max-width: 1300px) {
  .catalog-project__sort {
    margin-left: auto;
  }

  .catalog-project__tags-swiper.swiper .swiper-wrapper {
    grid-gap: 0;
    flex-wrap: nowrap;
  }

  .catalog-project__variation {
    display: none;
  }

  .catalog-project__cards {
    grid-template-columns: 1fr 1fr;
  }

  .catalog-project__content.style-list .catalog-project__cards {
    grid-template-columns: 1fr 1fr !important;
  }

  .catalog-project__inner-block.filter-active {
    grid-template-columns: 1fr;
  }

  .catalog-project__filter {
    display: block;
    position: fixed;
    /* overflow-y: auto; */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: translateY(-100%);
    z-index: 20;
    /* display: none !important; */
  }

  .filter-catalog__inner {
    overflow-y: auto;
  }

  .catalog-project__filter.filter-active {
    transform: translateY(0);
  }

  .open-filter__button-open span+span {
    display: block;
  }

  .open-filter__button-open svg+span {
    display: none;
  }
}

@media (max-width: 900px) {
  .catalog-project__cards {
    grid-template-columns: 1fr;
  }

  .catalog-project__content.style-list .catalog-project__cards {
    grid-template-columns: 1fr !important;
  }

  .catalog-project__inner-block.filter-active {
    grid-template-columns: 1fr;
  }

  .catalog-project__inner-block.filter-active .catalog-project__cards {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 390px) {}

/*end "catalog-project*/

/*start filter-catalog*/
.filter-catalog {
  padding: 32px 24px;
  border-radius: 16px;
  background: #fff;
}

.filter-catalog__inner {}

.filter-catalog__top {
  display: none;
}

.filter-catalog__top-title {}

.filter-catalog__top-close {}

.btn-orange-hover {}

.filter-catalog__links {}

.filter-catalog__link {
  display: flex;
  padding: 0 16px;
  align-items: center;
  justify-content: space-between;
}

.filter-catalog__text {
  color: #282829;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
  font-weight: 500;
}

.filter-catalog__link+.filter-catalog__link {
  margin-top: 32px;
}

.toggle-button {
  cursor: pointer;
  width: 48px;
  min-width: 48px;
  border-radius: 20px;
  background: #e9ebee;
  height: 26px;
  transition: 0.3s;
  position: relative;
}

.toggle-button__span {
  width: 22px;
  transition: 0.3s;
  position: absolute;
  height: 22px;
  top: 2px;
  left: 2px;
  border-radius: 50%;
  background-color: #fff;
}

.toggle-button.active {
  background-color: #ff6800;
}

.toggle-button.active .toggle-button__span {
  left: 24px;
}

.filter-catalog__item-box {
  display: grid;
  grid-template-columns: 1fr min-content;
  grid-gap: 15px;
  align-items: center;
}

.filter-catalog__item-link .check-base {
  display: grid;
  grid-template-columns: min-content 1fr;
  grid-gap: 12px;
  /* align-items: center; */
}

.filter-catalog__item {
  margin-top: 32px;
}

.filter-catalog__item-text {
  color: #37383a;
  font-size: 18px;
  line-height: 150%;
}

.filter-catalog__item-num {
  color: #93969c;
  font-size: 18px;
  line-height: 150%;
}

.filter-catalog__item-link .check-base {
  padding: 12px 16px;
  border-radius: 12px;
  transition: 0.3s;
  cursor: pointer;
}

.filter-catalog__item-link.none {
  height: 0;
  overflow: hidden;
}

.filter-catalog__item-link {
  transition: 0.3s;
  overflow: hidden;
}

.filter-catalog__item-list {
  padding-top: 12px;
}

.filter-catalog__item-link .check-base:hover {
  background-color: #f8f9fb;
}

.filter-catalog__item-link .check-base:hover .filter-catalog__item-text {
  color: #282829;
}

.filter-catalog__item-top {
  grid-gap: 10px;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
}

.filter-catalog__item-top.active .filter-catalog__item-arrow {
  transform: rotate(0deg);
}

.filter-catalog__item-title {
  color: #282829;
  font-size: 20px;
  font-weight: 600;
  line-height: 150%;
}

.filter-catalog__item-arrow {
  display: flex;
  transform: rotate(-180deg);
  transition: 0.3s;
}

.filter-catalog__item-bottom {
  display: flex;
  padding: 12px 16px 0;
}

.filter-catalog__item-btn {
  border-radius: 8px;
  background: #f3f4f6;
  padding: 10px 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  grid-gap: 8px;
  color: #444446;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  transition: 0.3s;
}

.filter-catalog__item-btn svg {
  transform: rotate(-180deg);
  transition: 0.3s;
}

.filter-catalog__item-btn:hover {
  background-color: #e9ebee;
  color: #282829;
}

.filter-catalog__item-btn:hover svg path[stroke] {
  stroke: #282829;
}

.filter-catalog__item-btn svg path[stroke] {
  transition: 0.3s;
}

.filter-catalog__item-btn-text {}

.filter-catalog__item-btn.active svg {
  transform: rotate(0deg);
}

.filter-catalog__tooltip-element {
  width: 460px;
}

.filter-catalog__tooltip {
  display: inline-block;
  transform: translateY(4px) translateX(8px);
}

.filter-catalog__item-wrap {
  transition: 0.3s;
  /* height: 0; */
  overflow: hidden;
}

.filter-catalog__reset {
  width: 100%;
  margin-top: 40px;
}

.filter-catalog__reset span+span {
  display: none;
}

.filter-catalog__link.action .product-card__item.product-card__item--action {
  font-size: 16px;
  line-height: 150%;
  grid-gap: 8px;
}

.filter-catalog__link.action .product-card__item.product-card__item--action img {
  width: 20px;
}

.filter-catalog__save {
  display: none;
}

.filter-catalog__bottom {
  padding-left: 16px;
  padding-right: 16px;
}

.filter-catalog__top-close {
  display: none;
}

@media (max-width: 1920px) {
  .filter-catalog {
    padding: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536))) calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .filter-catalog__item {
    margin-top: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .filter-catalog__item-title {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .filter-catalog__link.action .product-card__item.product-card__item--action {
    font-size: calc(14px + (16 - 14) * ((100vw - 1536px) / (1920 - 1536)));
    grid-gap: calc(6px + (8 - 6) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .filter-catalog__link.action .product-card__item.product-card__item--action img {
    width: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .filter-catalog__item-text,
  .filter-catalog__item-num {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .filter-catalog__item-btn {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .filter-catalog__item-btn svg {
    width: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .filter-catalog__link.action .product-card__item.product-card__item--action {
    padding-top: 6px;
    padding-right: 16px;
    padding-bottom: 8px;
    padding-left: 14px;
  }

  .filter-catalog__reset {
    margin-top: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .filter-catalog__reset {
    margin-top: 32px;
  }

  .filter-catalog__item-btn {
    grid-gap: calc(6px + (8 - 6) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .filter-catalog__item-text,
  .filter-catalog__item-num {
    font-size: 16px;
  }

  .filter-catalog__link.action .product-card__item.product-card__item--action {
    font-size: 14px;
    grid-gap: 6px;
  }

  .filter-catalog__link.action .product-card__item.product-card__item--action img {
    width: 18px;
  }

  .filter-catalog__item-title {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .filter-catalog {
    padding: 24px 20px;
  }

  .filter-catalog__item {
    margin-top: 24px;
  }

  .filter-catalog__item-bottom {
    padding-top: calc(8px + (12 - 8) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .filter-catalog__item-btn svg {
    width: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .filter-catalog__reset svg {
    width: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .filter-catalog__reset svg {
    width: 18px;
    height: 18px;
  }

  .filter-catalog__item-btn {
    font-size: 14px;
    grid-gap: 6px;
  }

  .filter-catalog__item-btn svg {
    width: 18px;
    height: 18px;
  }

  .filter-catalog__item-bottom {
    padding-top: 8px;
  }

  .filter-catalog__item-title {
    font-size: 16px;
  }
}

@media (max-width: 1300px) {
  .filter-catalog__top-close {
    display: block;
  }

  .filter-catalog__top {
    display: flex;
    justify-content: space-between;
    color: #282829;
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
  }

  .filter-catalog__top-close {
    cursor: pointer;
    position: fixed;
    top: 16px;
    right: 56px;
    z-index: 2;
  }

  .filter-catalog__top-close .btn-orange-hover:hover {
    background: #f3f4f6;
  }

  .filter-catalog__top-close .btn-orange-hover:hover svg path[stroke] {
    stroke: #282829;
  }

  .filter-catalog__top-close .btn-orange-hover {
    width: 44px;
    min-width: 44px;
    border-radius: 8px;
    height: 44px;
  }

  .filter-catalog__item-btn:hover {
    background-color: #f3f4f6;
  }

  .filter-catalog__item-link .check-base:hover {
    background-color: transparent;
  }

  .filter-catalog__save:hover {
    background-color: #ff6800;
  }

  .filter-catalog__save.btn-project--primary-disable:hover {
    background-color: rgba(255, 104, 0, 0.8);
  }

  .filter-catalog__reset:hover {
    background-color: #f3f4f6;
    color: #282829;
  }

  .filter-catalog__reset:hover svg path[stroke] {
    stroke: #282829 !important;
  }

  .filter-catalog__reset.btn-project--gray-disable:hover {
    background-color: #f3f4f6;
    color: #93969c;
  }

  .filter-catalog__reset.btn-project--gray-disable:hover svg path[stroke] {
    stroke: #93969c !important;
  }

  .filter-catalog__save {
    display: block;
  }

  .filter-catalog__bottom {
    display: grid;
    position: fixed;
    left: 56px;
    right: 56px;
    bottom: 30px;
    text-align: center;
    grid-gap: 8px;
    padding: 0;
    grid-template-columns: 1fr 1fr;
    z-index: 2;
  }

  .filter-catalog {
    padding-left: 56px;
    padding-right: 56px;
    padding-bottom: 100px;
    padding-top: 20px;
    padding: 0;
    border-radius: 0;
  }

  .filter-catalog__inner {
    padding-left: 56px;
    padding-right: 56px;
    padding-bottom: 100px;
    padding-top: 20px;
    overflow-y: auto;
    max-height: 100vh;
  }

  .filter-catalog__reset {
    margin-top: 0;
  }

  .filter-catalog__link {
    padding: 0;
  }

  .filter-catalog__item-top {
    padding: 0;
  }

  .filter-catalog__item-link .check-base {
    padding-left: 0;
    padding-right: 0;
  }

  .filter-catalog__item-bottom {
    padding-left: 0;
    padding-right: 0;
  }

  .filter-catalog__top {
    margin-bottom: 36px;
  }

  .filter-catalog__item {
    margin-top: 32px;
  }

  .filter-catalog__tooltip {
    display: none;
  }

  .filter-catalog__reset svg+span {
    display: none;
  }

  .filter-catalog__reset span+span {
    display: flex;
  }

  .filter-catalog__link.action .product-card__item.product-card__item--action {
    font-size: 12px;
    grid-gap: 4px;
    padding: 4px 12px 6px 10px;
  }

  .filter-catalog__link.action .product-card__item.product-card__item--action img {
    width: 14px;
  }

  .filter-catalog__item-btn:hover {
    background: #f3f4f6;
    color: #444446;
  }

  .filter-catalog__item-btn:hover svg path[stroke] {
    stroke: #93969c;
  }
}

@media (max-width: 1024px) {
  .filter-catalog__inner {
    padding-left: calc(16px + (56 - 16) * ((100vw - 390px) / (1024 - 390)));
    padding-right: calc(16px + (56 - 16) * ((100vw - 390px) / (1024 - 390)));
  }

  .filter-catalog__top-close {
    top: calc(10px + (16 - 10) * ((100vw - 390px) / (1024 - 390)));
    right: calc(16px + (56 - 16) * ((100vw - 390px) / (1024 - 390)));
  }

  .filter-catalog__bottom {
    right: calc(16px + (56 - 16) * ((100vw - 390px) / (1024 - 390)));
    left: calc(16px + (56 - 16) * ((100vw - 390px) / (1024 - 390)));
    bottom: calc(25px + (30 - 25) * ((100vw - 390px) / (1024 - 390)));
  }

  .filter-catalog__top {
    font-size: calc(20px + (24 - 20) * ((100vw - 390px) / (1024 - 390)));
    margin-bottom: calc(33px + (36 - 33) * ((100vw - 390px) / (1024 - 390)));
  }

  .filter-catalog__item {
    margin-top: calc(24px + (32 - 24) * ((100vw - 390px) / (1024 - 390)));
  }

  .filter-catalog__item-list {
    padding-top: calc(8px + (12 - 8) * ((100vw - 390px) / (1024 - 390)));
  }
}

@media (max-width: 390px) {
  .filter-catalog__top {
    font-size: 20px;
    margin-bottom: 33px;
  }

  .filter-catalog__item {
    margin-top: 24px;
  }

  .filter-catalog__item-list {
    padding-top: 8px;
  }

  .filter-catalog__inner {
    padding-left: 16px;
    padding-right: 16px;
  }

  .filter-catalog__top-close {
    right: 16px;
    top: 10px;
  }

  .filter-catalog__bottom {
    right: 16px;
    left: 16px;
    bottom: 25px;
  }
}

/*end filter-catalog*/

/*start range-project*/
.range-project {
  padding-top: 33px;
}

.range-project__items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 12px;
  margin-top: 32px;
}

.range-project__item {
  position: relative;
}

.range-project__input {
  border-radius: 12px;
  border: 1px solid #e9ebee;
  background: #f8f9fb;
  padding: 18px 24px 18px 50px;
  color: #282829;
  text-align: right;
  font-family: "Retni Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  width: 100%;
  transition: 0.3s;
}

.range-project__input:focus {
  border-color: #dadde2;
}

.range-project__input:hover {
  border-color: #e9ebee;
  background: #f3f4f6;
}

.range-project__before {
  position: absolute;
  z-index: 2;
  pointer-events: none;
  color: #93969c;
  font-size: 18px;
  font-weight: 400;
  left: 24px;
  top: 50%;
  transform: translateY(-51%);
  line-height: 150%;
}

.range-project__slider.noUi-horizontal .noUi-handle {
  background: #282829;
  width: 22px;
  height: 22px;
  border: none;
  cursor: pointer;
  top: 0;
  transform: translateY(-42%);
  box-shadow: none;
  border-radius: 50%;
}

.range-project__slider.noUi-horizontal .noUi-handle::after,
.range-project__slider.noUi-horizontal .noUi-handle::before {
  display: none;
}

.range-project__slider.noUi-horizontal {
  height: 4px;
  border: none;
  box-shadow: none;
  background-color: #f3f4f6;
}

.range-project__slider .noUi-connect {
  background-color: #282829;
}

.filter-catalog__item.range .filter-catalog__item-wrap {
  padding: 0 16px;
  /* margin: 0 -10px; */
}

.range-project__slider.noUi-horizontal .noUi-connects+.noUi-origin .noUi-handle {
  /* transform: translateX(100%); */
}

.range-project__slider.noUi-horizontal .noUi-connects {
  /* margin: 0 10px; */
}

.range-project__slider.noUi-horizontal .noUi-connects .noUi-connect {
  /* left: 10px; */
  /* right: 20px; */
}

.range-project__slider.noUi-horizontal .noUi-handle {
  right: -12px;
  /* right: 0; */
}

@media (max-width: 1920px) {
  .range-project__slider.noUi-horizontal .noUi-handle {
    width: calc(20px + (22 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(20px + (22 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    right: calc(-10px + (-12 - (-10)) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .range-project__input {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    padding-top: calc(15px + (18 - 15) * ((100vw - 1536px) / (1920 - 1536)));
    padding-right: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    padding-bottom: calc(15px + (18 - 15) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .range-project__before {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    left: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .range-project__slider.noUi-horizontal .noUi-handle {
    width: 20px;
    right: -10px;
    height: 20px;
  }

  .range-project__slider.noUi-horizontal .noUi-connects+.noUi-origin .noUi-handle {
    /* right: -20px; */
  }

  .range-project__slider.noUi-horizontal .noUi-origin .noUi-origin .noUi-handle {
    /* right: -20px; */
  }

  .range-project__input {
    font-size: 16px;
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 15px;
  }

  .range-project__before {
    font-size: 16px;
    left: 20px;
  }
}

@media (max-width: 1300px) {
  .filter-catalog__item.range .filter-catalog__item-wrap {
    padding: 0 13px;
    margin: 0 -10px;
  }

  .range-project__input:hover {
    border-color: #e9ebee;
    background: #f8f9fb;
  }

  .range-project__items {
    margin-left: -3px;
    margin-right: -3px;
  }
}

/*end range-project*/

/*start sorting-project*/
.sorting-project {
  position: relative;
  z-index: 2;
}

.sorting-project__box {
  display: flex;
  white-space: nowrap;
  align-items: center;
  grid-gap: 12px;
  border-radius: 12px;
  cursor: pointer;
  padding: 14px 24px;
  background: #fff;
  transition: 0.3s;
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
  color: #282829;
  font-size: 18px;
  font-weight: 600;
  line-height: 150%;
}

.sorting-project.active .sorting-project__box-arrow {
  transform: rotate(180deg);
}

.sorting-project.active .sorting-project__select {
  opacity: 1;
  transform: translateY(0);
  pointer-events: initial;
}

.sorting-project__box:hover {
  box-shadow: 0px 4px 20px 0px rgba(141, 177, 195, 0.16);
}

.sorting-project__box-icon {
  display: flex;
}

.sorting-project__box-text {}

.sorting-project__box-arrow {
  display: flex;
  transition: 0.3s;
}

.sorting-project__select {
  position: absolute;
  border-radius: 16px;
  border: 1px solid #e9ebee;
  background: #fff;
  box-shadow: 0px 4px 20px 0px rgba(141, 177, 195, 0.16);
  top: calc(100% + 8px);
  padding: 12px;
  transition: 0.3s;
  pointer-events: none;
  opacity: 0;
  transform: translateY(15px);
  left: 0;
  width: 380px;
}

.sorting-project__select-inner {}

.sorting-project__select-top {
  display: none;
}

.sorting-project__select-top-title {}

.sorting-project__select-top-close {}

.sorting-project__select-items {}

.sorting-project__select-item {
  color: #444446;
  font-size: 18px;
  font-weight: 500;
  cursor: pointer;
  transition: 0.3s;
  line-height: 150%;
  border-radius: 12px;
  padding: 12px 16px;
}

.sorting-project__select-item:hover {
  background-color: #f3f4f6;
  color: #282829;
}

.sorting-project__select-item.active {
  background-color: #f3f4f6;
  color: #282829;
}

.sorting-project__select-bottom {
  display: none;
}

.sorting-project__select-top-close {
  display: none;
}

@media (max-width: 1920px) {
  .sorting-project__select {
    width: calc(335px + (380 - 335) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .sorting-project__box {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .sorting-project__box-icon svg {
    width: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .sorting-project__box {
    border-radius: calc(10px + (12 - 10) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .sorting-project__select-item {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .sorting-project__select {
    width: 335px;
  }

  .sorting-project__select-item {
    font-size: 16px;
  }

  .sorting-project__box {
    border-radius: 10px;
    padding: 14px calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .sorting-project__box {
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .sorting-project__box-icon svg {
    width: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .sorting-project__box-arrow svg {
    width: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .sorting-project__box {
    font-size: 14px;
    padding: 14px 20px;
  }

  .sorting-project__box-icon svg {
    width: 18px;
    height: 18px;
  }

  .sorting-project__box-arrow svg {
    width: 18px;
    height: 18px;
  }
}

@media (max-width: 1300px) {
  .sorting-project__box-text {
    display: none;
  }

  .sorting-project__box-arrow {
    display: none;
  }

  .sorting-project__box {
    padding: 0;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .sorting-project__select {
    position: fixed;
    z-index: 20;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    pointer-events: initial;
    width: 100%;
    transform: translateY(0);
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    transition: transform 0.3s;
    transform: translateY(-100%);
  }

  .sorting-project__select.active {
    transform: translateY(0);
  }

  .sorting-project__select-top {
    display: block;
    margin-bottom: 36px;
    padding: 16px 56px 0;
  }

  .sorting-project__select-bottom {
    display: block;
    position: fixed;
    bottom: 30px;
    right: 56px;
    left: 56px;
    z-index: 2;
  }

  .sorting-project__select-inner {
    height: 100vh;
    overflow-y: auto;
    padding-bottom: 100px;
  }

  .sorting-project__select-bottom .btn-project {
    width: 100%;
  }

  .sorting-project__select-top-title {
    color: #282829;
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
  }

  .sorting-project__select-top-close {
    position: fixed;
    right: 56px;
    top: 16px;
    border-radius: 8px;
    background: #f3f4f6;
    width: 44px;
    cursor: pointer;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .sorting-project__select-item+.sorting-project__select-item {
    margin-top: 4px;
  }

  .sorting-project__select-items {
    padding: 0 40px;
  }

  .sorting-project__select-item:hover {
    background-color: transparent;
    color: #444446;
  }

  .sorting-project__select-item.active {
    background-color: #f3f4f6;
    color: #282829;
  }
}

@media (max-width: 1024px) {
  .sorting-project__select-top {
    padding-left: calc(16px + (56 - 16) * ((100vw - 390px) / (1024 - 390)));
    padding-right: calc(16px + (56 - 16) * ((100vw - 390px) / (1024 - 390)));
    margin-bottom: calc(33px + (36 - 33) * ((100vw - 390px) / (1024 - 390)));
  }

  .sorting-project__select-top-title {
    font-size: calc(20px + (24 - 20) * ((100vw - 390px) / (1024 - 390)));
  }

  .sorting-project__select-top-close {
    top: calc(10px + (16 - 10) * ((100vw - 390px) / (1024 - 390)));
    right: calc(16px + (56 - 16) * ((100vw - 390px) / (1024 - 390)));
  }

  .sorting-project__select-items {
    padding: 0 calc(0px + (40 - 0) * ((100vw - 390px) / (1024 - 390)));
  }

  .sorting-project__select-item+.sorting-project__select-item {
    margin-top: calc(0px + (4 - 0) * ((100vw - 390px) / (1024 - 390)));
  }

  .sorting-project__select-bottom {
    bottom: calc(25px + (30 - 25) * ((100vw - 390px) / (1024 - 390)));
    right: calc(16px + (56 - 16) * ((100vw - 390px) / (1024 - 390)));
    left: calc(16px + (56 - 16) * ((100vw - 390px) / (1024 - 390)));
  }
}

@media (max-width: 390px) {
  .sorting-project__select-item+.sorting-project__select-item {
    margin-top: 0;
  }

  .sorting-project__select-top-close {
    top: 10px;
    right: 16px;
  }

  .sorting-project__select-items {
    padding: 0;
  }

  .sorting-project__select-bottom {
    bottom: 25px;
    right: 16px;
    left: 16px;
  }

  .sorting-project__select-top {
    margin-bottom: 33px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .sorting-project__select-top-title {
    font-size: 20px;
  }
}

/*end sorting-project*/

/*start pagination-project*/
.pagination-project {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagination-project__arrow {
  width: 56px;
  height: 56px;
  border-radius: 12px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
  background: #fff;
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
}

.pagination-project__arrow:hover {
  background-color: #fff;
}

.pagination-project__arrow.disabled {
  pointer-events: none;
}

.pagination-project__arrow.disabled svg path[stroke] {
  stroke: #93969c;
}

.pagination-project__arrow svg path[stroke] {
  stroke: #282829;
}

.pagination-project__items {
  display: flex;
  margin: 0 24px;
  align-items: center;
  grid-gap: 8px;
}

.pagination-project__btn {
  width: 56px;
  height: 56px;
  border-radius: 8px;
  color: #444446;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  color: #444446;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}

.pagination-project__btn:hover {
  background: #fff;
}

.pagination-project__btn.disable {
  pointer-events: none;
}

.pagination-project__btn.active {
  background: #fff;
  color: #282829;
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
}

@media (max-width: 1920px) {
  .pagination-project__btn {
    width: calc(52px + (56 - 52) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(52px + (56 - 52) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .pagination-project__arrow {
    width: calc(52px + (56 - 52) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(52px + (56 - 52) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(10px + (12 - 10) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .pagination-project__items {
    margin: 0 calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .pagination-project__btn {
    width: 52px;
    height: 52px;
  }

  .pagination-project__arrow {
    width: 52px;
    height: 52px;
    border-radius: 10px;
  }

  .pagination-project__items {
    margin: 0 20px;
  }
}

@media (max-width: 1366px) {
  .pagination-project__items {
    margin: 0 calc(16px + (20 - 16) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .pagination-project__items {
    grid-gap: calc(6px + (8 - 6) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .pagination-project__arrow svg {
    width: calc(20px + (24 - 20) * ((100vw - 1024px) / (1366 - 1024)));
    height: calc(20px + (24 - 20) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .pagination-project__btn {
    width: calc(48px + (52 - 48) * ((100vw - 1024px) / (1366 - 1024)));
    height: calc(48px + (52 - 48) * ((100vw - 1024px) / (1366 - 1024)));
    font-size: calc(14px + (16 - 14) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .pagination-project__arrow {
    width: calc(48px + (52 - 48) * ((100vw - 1024px) / (1366 - 1024)));
    height: calc(48px + (52 - 48) * ((100vw - 1024px) / (1366 - 1024)));
  }
}

@media (max-width: 1024px) {
  .pagination-project__items {
    grid-gap: 6px;
    margin: 0 16px;
  }

  .pagination-project__btn:hover {
    background: transparent;
  }

  .pagination-project__arrow svg {
    width: 20px;
    height: 20px;
  }

  .pagination-project__btn {
    width: 48px;
    height: 48px;
    font-size: 14px;
  }

  .pagination-project__arrow {
    width: 48px;
    height: 48px;
  }

  .pagination-project__btn.active:hover {
    background: #fff;
    color: #282829;
  }
}

/*end pagination-project*/

/*start select-projects*/
.select-projects {
  display: flex;
  align-items: center;
  grid-gap: 16px;
  justify-content: space-between;
}

.select-project__close {
  display: none;
}

.select-projects__inner {
  display: flex;
  align-items: center;
  grid-gap: 16px;
}

.select-projects__top {
  display: none;
}

.select-projects__title {}

.select-project {
  position: relative;
}

.select-project__box {
  border-radius: 10px;
  padding: 14px 24px;
  display: flex;
  align-items: center;
  cursor: pointer;
  background: #fff;
  transition: 0.3s;
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
}

.select-project__box:hover {
  box-shadow: 0px 4px 20px 0px rgba(141, 177, 195, 0.16);
}

.select-project__text {
  color: #444446;
  font-size: 18px;
  font-weight: 600;
  line-height: 150%;
}

.select-project__check {
  color: #444446;
  font-size: 18px;
  line-height: 150%;
  margin-left: 6px;
}

.select-project__check.num {
  color: #ff6800;
}

.select-project__arrow {
  display: flex;
  margin-left: 8px;
  transition: 0.3s;
}

.select-project.active .select-project__arrow {
  transform: rotate(180deg);
}

.select-project__wrap {
  border-radius: 16px;
  position: absolute;
  top: calc(100% + 8px);
  padding: 12px;
  opacity: 0;
  pointer-events: none;
  border: 1px solid #e9ebee;
  width: 380px;
  transition: 0.3s;
  transform: translateY(15px);
  background: #fff;
  box-shadow: 0px 4px 20px 0px rgba(141, 177, 195, 0.16);
}

.select-project.active .select-project__wrap {
  transform: translateY(0);
  opacity: 1;
  pointer-events: initial;
}

.select-project__block {
  max-height: 400px;
  overflow-y: auto;
}

.select-project__block::-webkit-scrollbar {
  width: 4px;
  background-color: #e9ebee;
}

.select-project__block::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #444446;
}

.select-project__items {}

.select-project__item .check-base {
  display: grid;
  grid-template-columns: min-content 1fr;
  grid-gap: 12px;
  align-items: center;
  border-radius: 12px;
  padding: 12px 16px;
  cursor: pointer;
  transition: 0.3s;
}

.select-project__item .check-base:hover {
  background-color: #f8f9fb;
}

/* Disabled filter items (no matching results) */
.select-project__item.is-disabled {
  opacity: 0.35;
  pointer-events: none;
}

.select-project__item.is-disabled .check-base {
  cursor: default;
}

/* Entire filter group disabled */
.select-project.is-filter-disabled>.select-project__box {
  opacity: 0.45;
  pointer-events: none;
  cursor: default;
}

.select-project__block-bottom {
  display: none;
}

.select-projects__bottom {
  /* display: none; */
}

.select-projects__reset {
  white-space: nowrap;
}

.select-projects__save {
  display: none;
}

.select-projects__reset-desctop {
  display: flex;
  align-items: center;
  cursor: pointer;
  grid-gap: 8px;
  color: #93969c;
  font-size: 18px;
  pointer-events: none;
  font-weight: 500;
  line-height: 150%;
  transition: 0.3s;
  pointer-events: initial;
  padding: 0 24px;
  position: relative;
}

.select-projects__reset-desctop::after {
  content: "";
  position: absolute;
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

.select-projects__reset-desctop svg path[stroke] {
  transition: 0.3s;
}

.select-projects__reset-desctop:hover svg path[stroke] {
  stroke: #282829;
}

.select-projects__reset-desctop:hover {
  color: #282829;
}

.select-projects__reset-desctop.disable {
  display: none !important;
  pointer-events: none;
}

.select-projects__reset-mobile {
  display: none !important;
}

.select-projects__mobile-button {
  display: none;
  cursor: pointer;
}

.select-projects__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

@media (max-width: 1920px) {

  .select-project__text,
  .select-project__check,
  .select-projects__reset-desctop {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .select-project__wrap {
    padding: calc(8px + (12 - 8) * ((100vw - 1536px) / (1920 - 1536)));
    width: calc(335px + (380 - 335) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .select-project__wrap {
    width: 335px;
    padding: 8px;
  }

  .select-project__text,
  .select-project__check,
  .select-projects__reset-desctop {
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .select-projects__reset-desctop {
    grid-gap: calc(6px + (8 - 6) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .select-project__arrow svg {
    width: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .select-project__box {
    padding: 14px calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .select-projects__reset-desctop {
    grid-gap: 6px;
  }

  .select-project__text,
  .select-project__check,
  .select-projects__reset-desctop {
    font-size: 14px;
  }

  .select-project__arrow svg {
    width: 18px;
    height: 18px;
  }

  .select-project__box {
    padding: 14px 20px;
  }

  .container {
    /* padding: 0 calc(56px + (85 - 56) * ((100vw - 1024px) / (1366 - 1024))); */
  }
}

@media (max-width: 1300px) {
  .select-projects.mobile-active .select-projects__mobile-button {
    /* display: flex; */
    align-items: center;
    grid-gap: 8px;
    color: #282829;
    font-size: 14px;
    font-weight: 600;
    line-height: 142%;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
    padding: 14px 18px;
  }

  .select-projects__mobile-icon {
    display: flex;
  }

  .select-projects.mobile-active .select-projects__mobile-button {
    display: flex;
  }

  .select-projects__content.mobile-active {
    position: fixed;
    z-index: 20;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    pointer-events: initial;
    width: 100%;
    transform: translateY(0);
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    background-color: #fff;
    display: block;
    transition: transform 0.3s;
    transform: translateY(-100%);
  }

  .select-projects__content.mobile-active.open {
    transform: translateY(0);
  }

  .select-projects__content.mobile-active .select-project__close {
    position: fixed;
    right: 56px;
    z-index: 2;
    top: 16px;
    border-radius: 8px;
    background: #f3f4f6;
    width: 44px;
    cursor: pointer;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .select-projects__content.mobile-active .select-projects__top {
    color: #282829;
    font-size: 24px;
    display: block;
    font-weight: 600;
    line-height: 150%;
  }

  .select-projects__content.mobile-active .select-projects__inner {
    display: block;
    align-items: flex-start;
    padding-bottom: 100px;
    padding-top: 20px;
    overflow-y: auto;
    max-height: 100vh;
    height: 100%;
  }

  .select-projects__content.mobile-active .select-projects__top {
    display: block;
    margin-bottom: 36px;
    padding: 0px 56px 0;
  }

  .select-projects__content.mobile-active .select-projects__save {
    display: block;
    text-align: center;
  }

  .select-projects__content.mobile-active .select-projects__reset-mobile {
    display: flex !important;
  }

  .select-projects__content.mobile-active .select-projects__bottom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8px;
    position: fixed;
    bottom: 30px;
    right: 56px;
    left: 56px;
    z-index: 2;
  }

  .select-projects__content.mobile-active .select-projects__reset-desctop {
    display: none !important;
  }

  .select-projects__content.mobile-active .select-projects__reset-mobile:hover {
    color: #282829;
    background: #f3f4f6;
  }

  .select-projects__content.mobile-active .select-projects__reset-mobile:hover svg path[stroke] {
    stroke: #282829;
  }

  .select-projects__content.mobile-active .select-projects__reset-mobile.btn-project--gray-disable:hover {
    color: #93969c;
  }

  .select-projects__content.mobile-active .select-projects__reset-mobile.btn-project--gray-disable:hover svg path[stroke] {
    stroke: #93969c;
  }

  .select-projects__content.mobile-active .select-project {
    padding: 0 56px;
  }

  .select-projects__content.mobile-active .select-project__wrap {
    background-color: transparent;
    box-shadow: none;
    position: static;
    opacity: 1;
    pointer-events: initial;
    background-color: transparent;
    border: none;
    transform: translateY(0);
    padding: 0;
    padding-top: 0;
    border-radius: 0;
    width: 100%;
    transition: height 0.3s;
  }

  .select-projects__content.mobile-active .select-project__block {
    /* padding-top: 8px; */
    overflow: initial;
    height: 100%;
  }

  .select-projects__content.mobile-active .select-project__block-wrap {
    padding-top: 12px;
  }

  .select-projects__content.mobile-active .select-project__block {
    max-height: initial;
  }

  .select-projects__content.mobile-active .select-project__item.mobile-none {
    height: 0;
    overflow: hidden;
    transition: 0.3s;
  }

  .select-projects__content.mobile-active .select-project__item .check-base {
    padding-left: 0;
    padding-right: 0;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .select-projects__content.mobile-active .select-project__block-bottom.mobile-active {
    display: flex;
    padding-top: 8px;
  }

  .select-projects__content.mobile-active .select-project__block-btn {
    display: flex;
    border-radius: 8px;
    background: #f3f4f6;
    cursor: pointer;
    padding: 10px 20px;
    grid-gap: 6px;
    color: #444446;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    align-items: center;
  }

  .select-projects__content.mobile-active .select-project__block-bottom.open.mobile-active svg {
    transform: rotate(0deg);
  }

  .select-projects__content.mobile-active .select-project__block-btn svg {
    width: 18px;
    height: 18px;
    transform: rotate(-180deg);
    transition: 0.3s;
  }

  .select-projects__content.mobile-active .select-project__item+.select-project__item {
    /* padding-top: 4px; */
  }

  .select-projects__content.mobile-active .select-project__box {
    padding: 0;
    box-shadow: none;
  }

  .select-projects__content.mobile-active .select-project__text {
    font-size: 16px;
  }

  .select-projects__content.mobile-active .select-project__text span {
    display: none;
  }

  .select-projects__content.mobile-active .select-project__check {
    display: none;
  }

  .select-projects__content.mobile-active .select-project__arrow {
    margin-left: auto;
  }

  .select-projects__content.mobile-active .select-project__arrow svg {
    width: 24px;
    height: 24px;
  }

  .select-projects__content.mobile-active .select-project+.select-project {
    margin-top: 32px;
  }

  .select-projects__content.mobile-active .select-project__wrap {
    height: 0;
    overflow: hidden;
  }
}

@media (max-width: 1024px) {
  .select-projects__content.mobile-active .select-project__close {
    top: calc(10px + (16 - 10) * ((100vw - 390px) / (1024 - 390)));
    right: calc(16px + (56 - 16) * ((100vw - 390px) / (1024 - 390)));
  }

  .select-projects__content.mobile-active .select-projects__top {
    padding-left: calc(16px + (56 - 16) * ((100vw - 390px) / (1024 - 390)));
    padding-right: calc(16px + (56 - 16) * ((100vw - 390px) / (1024 - 390)));
  }

  .select-projects__content.mobile-active .select-project {
    padding-left: calc(16px + (56 - 16) * ((100vw - 390px) / (1024 - 390)));
    padding-right: calc(16px + (56 - 16) * ((100vw - 390px) / (1024 - 390)));
  }

  .select-projects__content.mobile-active .select-project+.select-project {
    margin-top: calc(24px + (32 - 24) * ((100vw - 390px) / (1024 - 390)));
  }

  .select-projects__content.mobile-active .select-projects__bottom {
    right: calc(16px + (56 - 16) * ((100vw - 390px) / (1024 - 390)));
    left: calc(16px + (56 - 16) * ((100vw - 390px) / (1024 - 390)));
    bottom: calc(25px + (30 - 25) * ((100vw - 390px) / (1024 - 390)));
  }

  .select-projects__content.mobile-active .select-projects__top {
    font-size: calc(20px + (24 - 20) * ((100vw - 390px) / (1024 - 390)));
    margin-bottom: calc(33px + (36 - 33) * ((100vw - 390px) / (1024 - 390)));
  }

  .select-project__item .check-base:hover {
    background-color: transparent;
  }
}

@media (max-width: 390px) {
  .select-projects__content.mobile-active .select-project__close {
    top: 10px;
    right: 16px;
  }

  .select-projects__content.mobile-active .select-projects__top {
    padding-left: 16px;
    padding-right: 16px;
  }

  .select-projects__content.mobile-active .select-project+.select-project {
    margin-top: 24px;
  }

  .select-projects__content.mobile-active .select-projects__bottom {
    right: 16px;
    left: 16px;
    bottom: 25px;
  }

  .select-projects__content.mobile-active .select-projects__top {
    font-size: 20px;
    margin-bottom: 33px;
  }

  .select-projects__content.mobile-active .select-project {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/*end select-projects*/

/* start projects-all */
.projects-all {}

.projects-all__top {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: flex-end;
  grid-gap: 32px;
}

.projects-all__top-text {
  color: #282829;
  font-size: 20px;
  line-height: 150%;
}

.projects-all__top-text mark {
  background-color: #FF6800;
  color: #fff;
  border-radius: 4px;
  padding-left: 3px;
  padding-right: 3px;
}

.projects-all__box {
  margin-bottom: 32px;
  display: flex;
  position: relative;
  z-index: 4;
  grid-gap: 16px;
  justify-content: space-between;
  align-items: center;
}

.projects-all__filters {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.projects-all__filters .select-projects {
  width: 100%;
}

.projects-all__items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 32px;
}

.projects-all__sorting .sorting-project__select {
  left: auto;
  right: 0;
}

@media (max-width: 1920px) {
  .projects-all__top-text {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .projects-all__box {
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .projects-all__items {
    grid-gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .projects-all__top-text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .projects-all__box {
    margin-bottom: 24px;
  }

  .projects-all__items {
    grid-gap: calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .projects-all__top-text {
    font-size: 16px;
  }

  .projects-all__items {
    grid-gap: 16px;
  }
}

@media (max-width: 1300px) {
  .projects-all__top {
    margin-bottom: 0;
  }

  .projects-all__box {
    margin-bottom: 0;
  }

  .projects-all__wrapper {
    margin-bottom: 32px;
    display: flex;
    grid-gap: 32px;
    align-items: flex-start;
    justify-content: space-between;
  }

  .projects-all__top {
    grid-gap: 24px;
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .projects-all__items {
    grid-template-columns: 1fr;
  }

  .projects-all__wrapper {
    display: block;
    margin-bottom: 20px;
  }

  .projects-all__box {
    margin-top: 24px;
  }
}

/* end projects-all */

/*start search-page*/
.search-page__block {
  position: relative;
  z-index: 4;
}

.search-page__top {
  margin-bottom: 32px;
}

.search-page__cards {
  display: grid;
  grid-gap: 24px;
  grid-template-columns: 1fr;
}

.search-page__inner {
  display: grid;
  grid-gap: 24px;
  grid-template-columns: 1fr;
}

.search-page__inner .questions__item+.questions__item {
  margin-top: 0;
}

.catalog-product-card.catalog-collection__list-item.catalog-collection-card .catalog-collection-card__pic img {
  width: 88px;
  height: 88px;
  left: 50%;
  padding-left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
}

.catalog-product-card.catalog-collection__list-item.catalog-collection-card .catalog-collection-card__pic-wrap {
  background-color: #fff2e8;
}

.catalog-product-card.catalog-collection__list-item.catalog-collection-card .catalog-collection-card__pic {
  /* margin-left: 16px; */
  padding-left: 0;
}

.catalog-product-card.catalog-collection__list-item.catalog-collection-card .catalog-collection-card__wrapper {
  margin-left: 16px;
}

.search-page__empty .basket-section__empty-box {
  max-width: 645px;
}

@media (max-width: 1920px) {
  .catalog-product-card.catalog-collection__list-item.catalog-collection-card .catalog-collection-card__pic img {
    width: calc(68px + (88 - 68) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(68px + (88 - 68) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .search-page__inner {
    grid-gap: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .search-page__cards {
    grid-gap: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .search-page__top {
    margin-bottom: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .search-page__empty .basket-section__empty-box {
    max-width: calc(580px + (645 - 580) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .search-page__empty .basket-section__empty-box {
    max-width: calc(520px + (580 - 520) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .search-page__top {
    margin-bottom: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .catalog-product-card.catalog-collection__list-item.catalog-collection-card .catalog-collection-card__pic img {
    width: calc(48px + (68 - 48) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(48px + (68 - 48) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .search-page__inner {
    grid-gap: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .search-page__cards {
    grid-gap: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .search-page__empty .basket-section__empty-box {
    max-width: 520px;
  }

  .search-page__top {
    margin-bottom: calc(20px + (24 - 20) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .catalog-product-card.catalog-collection__list-item.catalog-collection-card .catalog-collection-card__pic img {
    width: 48px;
    height: 48px;
  }

  .search-page__inner {
    grid-gap: 16px;
  }

  .search-page__cards {
    grid-gap: 16px;
  }
}

@media (max-width: 1300px) {
  .search-page__cards {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 1024px) {
  .search-page__top {
    margin-bottom: calc(16px + (20 - 16) * ((100vw - 390px) / (1024 - 390)));
  }
}

@media (max-width: 900px) {
  .search-page__cards {
    grid-template-columns: 1fr;
  }

  .basket-section__top.search-page__top .basket-section__top-left {
    grid-gap: 8px;
  }
}

@media (max-width: 390px) {
  .search-page__top {
    margin-bottom: 16px;
  }
}

/*end search-page*/

/*start advantages-company*/
.advantages-company__inner {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 32px;
}

.advantages-company__item-images {
  border-radius: 20px;
  overflow: hidden;
  width: 100%;
  height: 520px;
}

.advantages-company__item-images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.advantages-company__item-content {
  margin-top: 32px;
}

.advantages-company__item-title {
  color: #282829;
  font-size: 32px;
  font-weight: 500;
  line-height: 130%;
  margin-bottom: 20px;
}

.advantages-company__item-text {
  color: #444446;
  font-size: 18px;
  line-height: 150%;
}

.advantages-company__item-text b {
  font-weight: 600;
}

@media (max-width: 1920px) {
  .advantages-company__item-content {
    margin-top: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .advantages-company__inner {
    grid-gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .advantages-company__item-images {
    height: calc(460px + (520 - 460) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .advantages-company__item-title {
    margin-bottom: calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .advantages-company__item-text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .advantages-company__item-content {
    margin-top: 24px;
  }

  .advantages-company__item-text {
    font-size: 16px;
  }

  .advantages-company__inner {
    grid-gap: calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .advantages-company__item-images {
    height: calc(400px + (460 - 400) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .advantages-company__item-title {
    margin-bottom: 16px;
    font-size: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .advantages-company__item-title {
    font-size: calc(20px + (24 - 20) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .advantages-company__inner {
    grid-gap: 16px;
  }

  .advantages-company__item-images {
    height: calc(320px + (400 - 320) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .advantages-company__item-content {
    margin-top: calc(20px + (24 - 20) * ((100vw - 1024px) / (1366 - 1024)));
  }
}

@media (max-width: 1024px) {
  .advantages-company__item-title {
    font-size: 20px;
    margin-bottom: calc(12px + (16 - 12) * ((100vw - 390px) / (1024 - 390)));
  }

  .advantages-company__item-images {
    height: 320px;
  }

  .advantages-company__item-content {
    margin-top: calc(16px + (20 - 16) * ((100vw - 390px) / (1024 - 390)));
  }
}

@media (max-width: 900px) {
  .advantages-company__inner {
    grid-template-columns: 1fr;
  }

  .advantages-company__item-images {
    height: calc(240px + (320 - 240) * ((100vw - 390px) / (900 - 390)));
  }
}

@media (max-width: 390px) {
  .advantages-company__item-content {
    margin-top: 16px;
  }

  .advantages-company__item-title {
    margin-bottom: 12px;
  }

  .advantages-company__item-images {
    height: 240px;
  }
}

/*end advantages-company*/

/*start building-long*/
.building-long__top {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 32px;
  margin-bottom: 80px;
}

.building-long__top-box {
  display: flex;
  flex-direction: column;
  grid-gap: 32px;
}

.building-long__text-big {
  color: #282829;
  font-size: 24px;
  line-height: 150%;
}

.building-long__text-big b {
  font-weight: 500;
}

.building-long__top-text-mini {
  color: #444446;
  font-size: 20px;
  line-height: 140%;
}

.building-long__inner {
  position: relative;
}

.building-long__box {
  position: relative;
}

.building-long__date {
  position: absolute;
  left: 32px;
  right: 32px;
  top: 32px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.building-long__data-item {
  border-radius: 10px;
  background: #f8f9fb;
  padding: 6px 16px 8px;
  color: #282829;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}

.building-long__date-from {}

.building-long__date-to {}

.building-long__items {
  height: 625px;
  position: relative;
  border-radius: 32px;
  overflow: hidden;
}

.building-long__item {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.building-long__item.building-long__item--from {
  right: 50%;
}

.building-long__item--from {
  z-index: 2;
}

.building-long__item--to {}

.building-long__item-img {
  position: relative;
}

.building-long__item.building-long__item--to img {
  /* opacity: 0.4; */
}

.building-long__item-mask {
  position: absolute;
  top: 0;
  opacity: 0.4;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.building-long__range {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  padding: 31px 24px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
  z-index: 4;
}

.building-long__range-link {
  width: 217px;
}

.building-long__range-link .noUi-target {}

.building-long__range-link .noUi-handle:after,
.building-long__range-link .noUi-handle:before {
  display: none;
}

.building-long__range-link.noUi-horizontal .noUi-handle {
  background-color: #ff6800;
  width: 32px;
  height: 32px;
  border: none;
  top: 0px;
  right: 0px;
  transform: translate(50%, -48%);
  cursor: pointer;
  box-shadow: none;
  border-radius: 50%;
}

.building-long__range-link .noUi-touch-area {}

.building-long__range-link.noUi-horizontal {
  height: 2px;
}

.building-long__range-link.noUi-target {
  border: none;
  box-shadow: none;
  background-color: #e3e5e8;
}

.building-long__range-link .noUi-connect {
  background-color: #ff6800;
}

@media (max-width: 1920px) {
  .building-long__top {
    grid-gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    margin-bottom: calc(72px + (80 - 72) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .building-long__text-big {
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .building-long__top-text-mini {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .building-long__top-box {
    grid-gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .building-long__items {
    border-radius: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(580px + (625 - 580) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .building-long__data-item {
    font-size: calc(14px + (16 - 14) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .building-long__date {
    top: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    left: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    right: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .building-long__range-link.noUi-horizontal .noUi-handle {
    width: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .building-long__range {
    padding: calc(22px + (31 - 22) * ((100vw - 1536px) / (1920 - 1536))) calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .building-long__range {
    border-radius: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
    padding: calc(18px + (22 - 18) * ((100vw - 1366px) / (1536 - 1366))) calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .building-long__range-link {
    width: calc(183px + (217 - 183) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .building-long__date {
    top: 24px;
    left: 24px;
    right: 24px;
  }

  .building-long__top {
    margin-bottom: 72px;
    grid-gap: calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .building-long__text-big {
    font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .building-long__top-text-mini {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .building-long__top-box {
    grid-gap: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .building-long__items {
    border-radius: 28px;
    height: calc(540px + (580 - 540) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .building-long__data-item {
    border-radius: calc(8px + (10 - 8) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(12px + (14 - 12) * ((100vw - 1366px) / (1536 - 1366)));
    padding: calc(4px + (6 - 4) * ((100vw - 1366px) / (1536 - 1366))) calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366))) calc(6px + (8 - 6) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .building-long__range-link.noUi-horizontal .noUi-handle {
    width: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .building-long__range {
    border-radius: 12px;
    padding: 18px 16px;
  }

  .building-long__range-link {
    width: 183px;
  }

  .building-long__range-link.noUi-horizontal .noUi-handle {
    width: 20px;
    height: 20px;
  }

  .building-long__date {
    top: calc(20px + (24 - 20) * ((100vw - 1024px) / (1366 - 1024)));
    left: calc(20px + (24 - 20) * ((100vw - 1024px) / (1366 - 1024)));
    right: calc(20px + (24 - 20) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .building-long__data-item {
    border-radius: 8px;
    font-size: 12px;
    padding: 4px 12px 6px;
  }

  .building-long__items {
    height: calc(440px + (540 - 440) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .building-long__top-box {
    grid-gap: 20px;
  }

  .building-long__top {
    grid-gap: 16px;
    margin-bottom: calc(56px + (72 - 56) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .building-long__text-big {
    font-size: 18px;
  }

  .building-long__top-text-mini {
    font-size: 16px;
  }
}

@media (max-width: 1200px) {
  .building-long__top {
    grid-template-columns: 1fr;
    grid-gap: 32px;
  }
}

@media (max-width: 1024px) {
  .building-long__date {
    top: calc(8px + (20 - 8) * ((100vw - 390px) / (1024 - 390)));
    left: calc(8px + (20 - 8) * ((100vw - 390px) / (1024 - 390)));
    right: calc(8px + (20 - 8) * ((100vw - 390px) / (1024 - 390)));
  }

  .building-long__items {
    border-radius: calc(16px + (28 - 16) * ((100vw - 390px) / (1024 - 390)));
    height: calc(240px + (440 - 240) * ((100vw - 390px) / (1024 - 390)));
  }

  .building-long__top-box {
    grid-gap: calc(16px + (20 - 16) * ((100vw - 390px) / (1024 - 390)));
  }

  .building-long__top {
    margin-bottom: calc(40px + (56 - 40) * ((100vw - 390px) / (1024 - 390)));
    grid-gap: calc(24px + (32 - 24) * ((100vw - 390px) / (1024 - 390)));
  }
}

@media (max-width: 390px) {
  .building-long__date {
    top: 8px;
    left: 8px;
    right: 8px;
  }

  .building-long__items {
    height: 240px;
    border-radius: 16px;
  }

  .building-long__top-box {
    grid-gap: 16px;
  }

  .building-long__top {
    grid-gap: 24px;
    margin-bottom: 40px;
  }
}

/*end building-long*/

/*start modern-surfaces*/
.modern-surfaces__top {
  display: grid;
  grid-gap: 32px;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 80px;
}

.modern-surfaces__text {
  color: #444446;
  font-size: 20px;
  line-height: 150%;
}

.modern-surfaces__text b {
  font-weight: 600;
}

.modern-surfaces__img {
  height: 720px;
  overflow: hidden;
  border-radius: 32px;
}

.modern-surfaces__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 1920px) {
  .modern-surfaces__top {
    grid-gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    margin-bottom: calc(72px + (80 - 72) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .modern-surfaces__text {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .modern-surfaces__img {
    height: calc(640px + (720 - 640) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .modern-surfaces__top {
    grid-gap: 24px;
    margin-bottom: calc(64px + (72 - 64) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .modern-surfaces__text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .modern-surfaces__img {
    border-radius: 28px;
    height: calc(580px + (640 - 580) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .modern-surfaces__img {
    height: calc(480px + (580 - 480) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .modern-surfaces__text {
    font-size: 16px;
  }

  .modern-surfaces__top {
    margin-bottom: calc(32px + (64 - 32) * ((100vw - 1024px) / (1366 - 1024)));
  }
}

@media (max-width: 1200px) {
  .modern-surfaces__top {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1024px) {
  .modern-surfaces__img {
    border-radius: calc(16px + (28 - 16) * ((100vw - 390px) / (1024 - 390)));
    height: calc(280px + (480 - 280) * ((100vw - 390px) / (1024 - 390)));
  }

  .modern-surfaces__top {
    margin-bottom: 32px;
  }
}

@media (max-width: 390px) {
  .modern-surfaces__img {
    border-radius: 16px;
    height: 280px;
  }
}

/*end modern-surfaces*/

/*start trusted-technology*/
.trusted-technology__inner {
  max-width: 1840px;
  border-radius: 32px;
  background: #1f1f1f;
  box-shadow: 0px 4px 12px 0px rgba(141, 177, 195, 0.12);
  margin-left: auto;
  padding-top: 128px;
  padding-bottom: 128px;
  margin-right: auto;
  overflow: hidden;
}

.trusted-technology__container {
  padding-left: 144px;
  padding-right: 144px;
}

.trusted-technology__top {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 32px;
}

.trusted-technology__title {
  max-width: 80%;
  color: #fff;
}

.trusted-technology__title mark {
  background-color: #ff6800;
  padding-left: 4px;
  padding-right: 4px;
  border-radius: 3px;
  color: #fff;
}

.trusted-technology__text {
  display: none;
}

.trusted-technology__text.active {
  display: block;
}

.trusted-technology__text-big {
  color: #f3f4f6;
  font-size: 24px;
  line-height: 150%;
}

.trusted-technology__text-big b {
  color: #fff;
  font-weight: 500;
}

.trusted-technology__text-mini {
  color: #acadb0;
  font-size: 20px;
  line-height: 140%;
  margin-top: 32px;
}

.trusted-technology__text-mini b {
  font-weight: 500;
}

.trusted-technology__numbers {
  margin-top: -20px;
}

.trusted-technology__number {
  color: #fff;
  font-size: 189px;
  font-weight: 500;
  line-height: 125%;
  display: none;
  opacity: 0.03;
}

.trusted-technology__number.active {
  display: block;
}

.trusted-technology__block {
  margin-top: -75px;
}

.swiper.trusted-technology__slider {
  overflow: initial;
  padding-left: 144px;
  height: 340px;
  padding-right: 144px;
}

.swiper.trusted-technology__slider .swiper-wrapper {
  align-items: flex-end;
}

.swiper-slide.trusted-technology__slide {
  width: auto;
  height: auto;
}

.trusted-technology__card {
  border-radius: 24px;
  background: #282829;
  padding: 32px;
  transition: 0.3s;
  border: 1px solid transparent;
}

.swiper-slide.trusted-technology__slide.active-card .trusted-technology__card {
  border: 1px solid #67696c;
  background: linear-gradient(160deg, #4c4d50 2.93%, #37383a 61.45%);
}

.trusted-technology__card-num {
  color: #e9ebee;
  font-size: 48px;
  font-weight: 500;
  line-height: 130%;
  margin-bottom: 24px;
}

.trusted-technology__card-items {
  transition: 0.3s;
}

.swiper-slide.trusted-technology__slide.active-card .trusted-technology__card-items {
  padding-bottom: 34px;
}

.trusted-technology__card-item {
  display: grid;
  grid-gap: 12px;
  align-items: flex-end;
  grid-template-columns: min-content minmax(20px, 1fr) min-content;
}

.trusted-technology__card-item+.trusted-technology__card-item {
  margin-top: 16px;
}

.trusted-technology__item-opisanie {
  color: #93969c;
  font-size: 18px;
  line-height: 150%;
  white-space: nowrap;
}

.trusted-technology__item-line {
  height: 1px;
  margin-bottom: 5px;
  background-color: #444446;
}

.trusted-technology__item-num {
  color: #e9ebee;
  font-size: 18px;
  white-space: nowrap;
  line-height: 150%;
}

.trusted-technology__card-text {
  color: #e9ebee;
  font-size: 20px;
  line-height: 150%;
  margin-top: 24px;
}

.trusted-technology__bottom {
  margin-top: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.trusted-technology__scrollbar {
  width: 495px;
  height: 8px;
  border-radius: 4px;
  background: #37383a;
}

.swiper-scrollbar-drag {
  height: 100%;
  border-radius: 4px;
  cursor: pointer;
  background: #dadde2;
}

.trusted-technology__bottom .slider-project__arrow.disable {
  pointer-events: none;
}

.trusted-technology__bottom .slider-project__arrow.disable svg path[stroke] {
  stroke: #93969c;
}

.trusted-technology__bottom .slider-project__arrow:hover {
  background-color: #444446;
}

.trusted-technology__bottom .slider-project__arrow {
  background-color: #37383a;
  box-shadow: none;
}

.trusted-technology__bottom .slider-project__arrow svg path[stroke] {
  stroke: #fff;
  transition: 0.3s;
}

.trusted-technology__bottom .slider-project__arrow.swiper-button-disabled svg path[stroke] {
  stroke: #93969c;
}

@media (max-width: 1920px) {
  .trusted-technology__inner {
    max-width: calc(1472px + (1840 - 1472) * ((100vw - 1536px) / (1920 - 1536)));
    padding-top: calc(102px + (128 - 102) * ((100vw - 1536px) / (1920 - 1536)));
    padding-bottom: calc(102px + (128 - 102) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .trusted-technology__container,
  .swiper.trusted-technology__slider {
    padding-left: calc(76px + (144 - 76) * ((100vw - 1536px) / (1920 - 1536)));
    padding-right: calc(76px + (144 - 76) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .trusted-technology__text-big {
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .trusted-technology__text-mini {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    margin-top: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .trusted-technology__number {
    font-size: calc(153px + (189 - 153) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .trusted-technology__bottom {
    margin-top: calc(40px + (56 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .trusted-technology__numbers {
    margin-top: calc(0px + (-20 - 0) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .trusted-technology__block {
    margin-top: calc(-68px + (-75 - (-65)) * ((100vw - 1536px) / (1920 - 1536)));
    /* margin-top: calc(-105px + (-75 - (-105)) * ((100vw - 1536px) / (1920 - 1536))); */
  }

  .trusted-technology__scrollbar {
    width: calc(425px + (495 - 425) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(6px + (8 - 6) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .trusted-technology__card {
    padding: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .trusted-technology__card-num {
    font-size: calc(40px + (48 - 40) * ((100vw - 1536px) / (1920 - 1536)));
    margin-bottom: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .trusted-technology__item-num,
  .trusted-technology__item-opisanie {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .trusted-technology__card-text {
    margin-top: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .swiper.trusted-technology__slider {
    height: calc(302px + (340 - 302) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .trusted-technology__scrollbar {
    width: 425px;
    height: 6px;
  }

  .trusted-technology__numbers {
    margin-top: calc(14px + (0 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .trusted-technology__bottom {
    margin-top: 40px;
  }

  .trusted-technology__text-big {
    font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .trusted-technology__inner {
    border-radius: 28px;
    max-width: calc(1302px + (1472 - 1302) * ((100vw - 1366px) / (1536 - 1366)));
    padding-top: calc(92px + (102 - 92) * ((100vw - 1366px) / (1536 - 1366)));
    padding-bottom: calc(92px + (102 - 92) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .trusted-technology__container,
  .swiper.trusted-technology__slider {
    padding-left: calc(53px + (76 - 53) * ((100vw - 1366px) / (1536 - 1366)));
    padding-right: calc(53px + (76 - 53) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .trusted-technology__text-mini {
    margin-top: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .trusted-technology__number {
    font-size: calc(131px + (153 - 131) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .trusted-technology__block {
    /* margin-top: -105px; */
    margin-top: calc(-60px + (-68 - (-60)) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .trusted-technology__card-num {
    margin-bottom: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(36px + (40 - 36) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .trusted-technology__item-num,
  .trusted-technology__item-opisanie {
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .trusted-technology__card-text {
    margin-top: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .trusted-technology__card {
    border-radius: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
    padding: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .swiper.trusted-technology__slider {
    height: calc(265px + (302 - 265) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .swiper-slide.trusted-technology__slide.active-card .trusted-technology__card-items {
    padding-bottom: calc(30px + (34 - 30) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .swiper-slide.trusted-technology__slide.active-card .trusted-technology__card-items {
    padding-bottom: 30px;
  }

  .swiper.trusted-technology__slider {
    height: 265px;
  }

  .trusted-technology__scrollbar {
    width: calc(332px + (425 - 332) * ((100vw - 1024px) / (1366 - 1024)));
    height: 6px;
  }

  .trusted-technology__block {
    margin-top: -60px;
  }

  .trusted-technology__numbers {
    margin-top: 14px;
  }

  .trusted-technology__text-mini {
    font-size: 16px;
    margin-top: 20px;
  }

  .trusted-technology__text-big {
    font-size: 18px;
  }

  .trusted-technology__inner {
    max-width: calc(1008px + (1302 - 1008) * ((100vw - 1024px) / (1366 - 1024)));
    padding-top: calc(72px + (92 - 72) * ((100vw - 1024px) / (1366 - 1024)));
    padding-bottom: calc(72px + (92 - 72) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .trusted-technology__container,
  .swiper.trusted-technology__slider {
    padding-left: calc(48px + (53 - 48) * ((100vw - 1024px) / (1366 - 1024)));
    padding-right: calc(48px + (53 - 48) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .trusted-technology__number {
    font-size: calc(105px + (131 - 105) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .trusted-technology__card-num {
    margin-bottom: 16px;
    font-size: 36px;
  }

  .trusted-technology__item-num,
  .trusted-technology__item-opisanie {
    font-size: 14px;
  }

  .trusted-technology__card-text {
    margin-top: 16px;
    font-size: 16px;
  }

  .trusted-technology__card {
    border-radius: 20px;
    padding: 24px;
  }
}

@media (max-width: 1300px) {
  .trusted-technology__card {
    width: 332px;
  }
}

@media (max-width: 1200px) {
  .trusted-technology__top {
    grid-template-columns: 1fr;
    grid-gap: 32px;
  }

  .trusted-technology__numbers {
    margin-top: 45px;
  }
}

@media (max-width: 1024px) {
  .trusted-technology__top {
    grid-gap: calc(24px + (32 - 24) * ((100vw - 393px) / (1024 - 393)));
  }

  .trusted-technology__scrollbar {
    width: calc(210px + (332 - 210) * ((100vw - 393px) / (1024 - 393)));
  }

  .trusted-technology__bottom {
    margin-top: calc(32px + (40 - 32) * ((100vw - 393px) / (1024 - 393)));
  }

  .trusted-technology__number {
    font-size: calc(90px + (105 - 90) * ((100vw - 393px) / (1024 - 393)));
  }

  .trusted-technology__inner {
    border-radius: calc(24px + (28 - 24) * ((100vw - 393px) / (1024 - 393)));
    max-width: calc(393px + (1008 - 393) * ((100vw - 393px) / (1024 - 393)));
    padding-top: calc(56px + (72 - 56) * ((100vw - 393px) / (1024 - 393)));
    padding-bottom: calc(56px + (72 - 56) * ((100vw - 393px) / (1024 - 393)));
  }

  .trusted-technology__container,
  .swiper.trusted-technology__slider {
    padding-left: calc(24px + (48 - 24) * ((100vw - 393px) / (1024 - 393)));
    padding-right: calc(24px + (48 - 24) * ((100vw - 393px) / (1024 - 393)));
  }

  .trusted-technology__text-mini {
    margin-top: calc(16px + (20 - 16) * ((100vw - 393px) / (1024 - 393)));
  }

  .trusted-technology__bottom {
    margin-top: 32px;
  }

  .trusted-technology__top {
    grid-template-columns: 1fr;
    grid-gap: calc(16px + (20 - 16) * ((100vw - 393px) / (1024 - 393)));
  }

  .trusted-technology__card-num {
    font-size: calc(32px + (36 - 32) * ((100vw - 393px) / (1024 - 393)));
  }

  .trusted-technology__card {
    border-radius: calc(16px + (20 - 16) * ((100vw - 393px) / (1024 - 393)));
    padding: calc(20px + (24 - 20) * ((100vw - 393px) / (1024 - 393)));
  }

  .trusted-technology__bottom .slider-project__arrows {
    display: flex !important;
  }

  .trusted-technology__card {
    width: calc(312px + (330 - 312) * ((100vw - 393px) / (1024 - 393)));
  }

  .trusted-technology__numbers {
    margin-top: calc(17px + (45 - 17) * ((100vw - 393px) / (1024 - 393)));
  }

  .trusted-technology__bottom .slider-project__arrow:hover {
    background-color: #37383a;
  }
}

@media (max-width: 393px) {
  .trusted-technology__numbers {
    margin-top: 17px;
  }

  .trusted-technology__card {
    border-radius: 16px;
    padding: 20px;
    width: 312px;
  }

  .trusted-technology__top {
    grid-gap: 24px;
  }

  .trusted-technology__scrollbar {
    width: 210px;
  }

  .trusted-technology__number {
    font-size: 90px;
  }

  .trusted-technology__text-mini {
    margin-top: 16px;
  }

  .trusted-technology__container,
  .swiper.trusted-technology__slider {
    padding-left: 24px;
    padding-right: 24px;
  }

  .trusted-technology__inner {
    max-width: 393px;
    padding-top: 56px;
    border-radius: 24px;
    padding-bottom: 56px;
  }
}

/*end trusted-technology*/

/*start home-product*/
.home-product {
  margin-top: 208px;
}

.home-product__inner {
  display: grid;
  grid-gap: 64px;
  grid-template-columns: 860px 630px;
}

.home-product__content .breadcrumbs {
  margin-bottom: 16px;
  padding-top: 0;
}

.home-product__settings {}

.home-product__setting {
  width: 48px;
  border-radius: 8px;
  height: 48px;
}

.home-product__box {
  margin-bottom: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.home-product__reviews-icons {
  display: flex;
  align-items: center;
}

.home-product__reviews {
  display: flex;
  align-items: center;
  grid-gap: 12px;
}

.home-product__reviews-box {
  display: flex;
  align-items: center;
  grid-gap: 8px;
}

.home-product__reviews-link {
  color: #686871;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}

.home-product__reviews-icon img {
  width: 24px;
}

.home-product__reviews-num {
  color: #282829;
  font-size: 20px;
  /* font-weight: 500; */
  font-weight: 700;
  line-height: 150%;
}

.home-product__reviews .rating-project svg {
  width: 24px;
  height: 24px;
}

.home-product__reviews .rating-project {
  width: 120px !important;
}

.home-product__title {
  color: #282829;
  font-size: 36px;
  font-weight: 600;
  line-height: 130%;
  margin-bottom: 16px;
}

.home-product__setting {
  opacity: 1;
}

.home-product__settings {
  display: flex;
  grid-gap: 8px;
}

.home-product__collection {
  margin-bottom: 32px;
}

.home-product__collection .catalog-collection__list-item.catalog-collection-card {
  width: 100%;
}

.home-product-copy {
  position: relative;
}

.home-product-copy-1 {
  transition: 0.3s;
}

.home-product-copy-2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: 0.3s;
}

.home-product-copy.active .home-product-copy-2 {
  opacity: 1;
}

.home-product-copy.active {
  pointer-events: none;
}

.home-product-copy.active .home-product-copy-1 {
  opacity: 0;
}

.home-product__prices {
  margin-bottom: 24px;
}

.home-product__price-all {
  color: #282829;
  font-size: 40px;
  font-weight: 600;
  line-height: 135%;
  display: flex;
  align-items: flex-end;
  grid-gap: 8px;
}

.home-product__price-all-size {
  color: #282829;
  font-size: 28px;
  transform: translateY(-4px);
  /* font-weight: 600; */
  font-weight: 500;
  line-height: 140%;
}

.home-product__price-action-new {
  font-size: 40px;
  font-weight: 600;
  line-height: 135%;
  display: flex;
  align-items: flex-end;
  border-radius: 12px;
  background: #ffdc42;
  padding: 2px 16px;
  grid-gap: 8px;
}

.home-product__price-action {
  display: flex;
  align-items: center;
  grid-gap: 32px;
}

.home-product__price-action-old {
  color: #444446;
  position: relative;
  font-size: 28px;
  line-height: 140%;
}

.home-product__price-action-old::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #282829;
}

.home-product__price-action-box {
  display: flex;
  align-items: center;
  grid-gap: 12px;
}

.home-product__price-action-procent {
  color: #282829;
  font-size: 18px;
  font-weight: 600;
  line-height: 150%;
  border-radius: 8px;
  background: #ffefb8;
  padding: 4px 12px;
}

.home-product__calculator-button .btn-project {
  white-space: nowrap;
  height: 100%;
  padding-left: 32px;
  padding-right: 32px;
}

.home-product__calculator-button--disable {
  pointer-events: none;
}

.home-product__calculator-item {
  width: 100%;
}

.home-product__calculator {
  display: flex;
  margin-bottom: 48px;
  align-items: stretch;
  justify-content: space-between;
  grid-gap: 16px;
}

.home-product__calculator-button-icon {
  display: flex;
}

.home-product__specification.none {
  height: 0;
  overflow: hidden;
}

.home-product__specification-inner {
  display: grid;
  grid-template-columns: min-content minmax(15px, 1fr) 300px;
  font-size: 18px;
  line-height: 150%;
  grid-gap: 12px;
}

.home-product__specification-title {
  color: #444446;
  margin-top: auto;
  white-space: nowrap;
}

.home-product__specification-line {
  margin-top: auto;
  margin-bottom: 6px;
  height: 1px;
  background-color: #e9ebee;
}

.home-product__specification {
  transition: 0.3s;
  overflow: hidden;
}

.home-product__specification.none {
  /* margin-top: 0 !important; */
}

.home-product__specification-text {
  color: #282829;
}

.home-product__specification+.home-product__specification .home-product__specification-inner {
  padding-top: 20px;
  /* margin-top: 20px; */
}

.home-product__specification-tags {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 8px;
}

.home-product__specification-tag {
  padding: 8px 12px;
  border-radius: 6px;
  background: #fff;
}

.home-product__specification-bottom {
  display: flex;
  margin-top: 24px;
}

.home-product__specification-btn {
  background-color: #fff;
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
  color: #444446;
}

.home-product__specification-btn:hover {
  /* background-color:  #F3F4F6; */
  /* box-shadow: none; */
  /* color: #444446; */
  background-color: #fff;
  box-shadow: 0px 4px 20px 0px rgba(141, 177, 195, 0.16);
}

.home-product__specification-btn:hover svg path[stroke] {
  /* stroke: #93969C; */
}

.home-product__specification-bottom.none {
  display: none !important;
}

.delete-product {
  display: none;
}

.home-product__calculator-button.active .delete-product {
  display: flex;
}

.home-product__calculator-button.active .add-product {
  display: none;
}

.add-product .home-product__calculator-button-icon {
  position: relative;
}

.add-product:hover .home-product__calculator-button-icon::before {
  opacity: 1;
  transform: translateX(-40%) translateY(0px);
}

.add-product .home-product__calculator-button-icon::before {
  content: "";
  transition: 0.3s;
  position: absolute;
  opacity: 0;
  height: 4px;
  top: 2px;
  left: 50%;
  transform: translateX(-40%) translateY(-2px);
  width: 10px;
  border-radius: 3px 3px 0 0;
  background-color: #fff;
}

.home-product__calculator-button .btn-project {
  width: 189px;
}

.home-product__bottom {
  margin-top: 48px;
  border-top: 1px solid #e9ebee;
  padding-top: 24px;
}

.home-product__bottom-text {
  margin-bottom: 24px;
  color: #282829;
  font-size: 18px;
  line-height: 150%;
}

.home-product__bottom-buttons {
  display: flex;
  grid-gap: 16px;
  flex-wrap: wrap;
}

.home-product__bottom-button svg {
  transform: rotate(0);
}

.home-product__bottom-button span+svg {
  transform: rotate(90deg);
}

.home-product__bottom-button {
  background: #fff;
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
}

.home-product__bottom-button:hover {
  background-color: #fff;
  box-shadow: 0px 4px 20px 0px rgba(141, 177, 195, 0.16);
}

.home-product__visual {
  overflow: hidden;
  margin-bottom: 48px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 32px 24px;
}

.home-product__visual-item {
  display: grid;
  grid-template-columns: min-content 1fr;
  align-items: center;
  grid-gap: 24px;
}

.home-product__visual-item.item-colors {
  overflow: hidden;
}

.home-product__visual-text {
  color: #6f7073;
  font-size: 18px;
  line-height: 150%;
  min-width: 72px;
}

.home-product__visual-links {
  display: flex;
  grid-gap: 8px;
}

.home-product__visual-link {
  display: flex;
}

.home-product__visual-button {
  width: 44px;
  height: 44px;
  border-radius: 8px;
  border: 1px solid #dadde2;
  cursor: pointer;
  overflow: hidden;
  transition: 0.3s;
}

.home-product__visual-button.active {
  border-color: #282829;
  padding: 3px;
}

.home-product__visual-button img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  object-fit: cover;
  transition: 0.3s;
}

.home-product__visual-item.item-colors {
  grid-column: span 2;
  align-items: flex-start;
}

.home-product__visual-item.item-colors .home-product__visual-text {
  transform: translateY(8px);
}

.home-product__visual-item.item-colors .home-product__visual-button {
  border-color: transparent;
}

.home-product__visual-item.item-colors .home-product__visual-button.active {
  border-color: #282829;
}

.item-colors__inner {
  position: relative;
  overflow: hidden;
}

.home-product__visual-links.none {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}

.home-product__visual-link--number {
  width: 44px;
  height: 44px;
  border: 1px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
  color: #282829;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  cursor: pointer;
  transition: 0.3s;
}

.home-product__visual-link.home-product__visual-link--number:hover {
  box-shadow: 0px 4px 20px 0px rgba(141, 177, 195, 0.16);
}

.item-colors__inner.is-expanded .home-product__visual-links.views {
  flex-wrap: wrap;
}

.swiper.product-big__slider {
  width: 100%;
}

.product-big__slide {
  position: relative;
}

.product-big__slide.swiper-slide {
  opacity: 0 !important;
}

.product-big__slide.swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}

.product-big__image {
  height: 920px;
  width: 100%;
  cursor: pointer;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.product-big__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-big__box {
  position: absolute;
  bottom: 32px;
  left: 32px;
  z-index: 2;
}

.product-big__box-wrap {
  display: flex;
  color: #386dde;
  font-size: 16px;
  align-items: center;
  font-weight: 500;
  line-height: 150%;
  border-radius: 10px;
  background: #f0f5ff;
  padding: 6px 16px 8px 14px;
  transition: 0.3s;
  cursor: pointer;
}

.product-big__box-icon {
  display: flex;
}

.product-big__box-wrap:hover {
  background-color: #e6eeff;
  color: #2c5dc8;
}

.product-big__box-wrap:hover svg path[stroke] {
  stroke: #2c5dc8;
}

.product-big__box-icon svg path,
.product-big__box-opisanie svg path {
  transition: 0.3s;
}

.product-big__box-text {
  margin-left: 8px;
  margin-right: 12px;
}

.product-big__box-opisanie {
  display: flex;
}

.product-big__box-tooltip {
  max-width: 430px;
}

.product-big {
  position: relative;
}

.product-big__status {
  position: absolute;
  top: 32px;
  left: 32px;
  z-index: 3;
  display: flex;
  grid-gap: 8px;
  pointer-events: none;
}

.product-big__status .product-card__item {
  font-size: 16px;
  line-height: 150%;
}

.product-big__status .product-card__item img {
  width: 20px;
  height: 20px;
}

.product-mini__inner {
  display: flex;
  align-items: center;
  grid-gap: 16px;
  margin-top: 16px;
}

.swiper.product-mini__slider {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}

.swiper-slide.product-mini__slide {
  cursor: pointer;
  width: auto;
}

.product-mini__item {
  border-radius: 16px;
  overflow: hidden;
  /* width: 112px; */
  height: 112px;
  background-color: #fff;
  border: 1px solid transparent;
  transition: 0.3s;
}

.product-mini__item-img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 12px;
}

.product-mini__item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper-slide.product-mini__slide.active .product-mini__item {
  padding: 4px;
  border-color: #282829;
}

.product-mini__arrow.next {
  margin-left: auto;
}

.slider-project__arrow.product-mini__arrow.disable {
  pointer-events: none;
}

.slider-project__arrow.product-mini__arrow.disable svg path[stroke] {
  stroke: #686871;
}

.home-product__images-popup {}

.popup-project {}

.product-popup {
  background-color: #fff;
}

.product-popup .popup-project__slide {
  padding: 0;
}

.product-popup .popup-project__bg {
  opacity: 0;
}

.btn-orange-hover {}

.popup-project__close {}

.product-popup__box {
  /* height: 100vh; */
  overflow: hidden;
  background-color: #fff;
  width: 100%;
}

.product-popup__inner {
  height: 100vh;
  padding-top: 56px;
  padding-bottom: 32px;
  /* display: grid; */
  /* grid-template-rows: auto min-content; */
}

.product-popup__content {
  /* height: 100%; */
  height: calc(100vh - 220px);
}

.product-popup__block {
  position: relative;
  width: 100%;
  height: 100%;
}

.swiper.product-popup__big-slider {
  width: 100%;
  height: 100%;
}

.product-popup__big-img {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}

.product-popup__big-img img {
  height: 100%;
  /* width: 100%; */
  object-fit: contain;
  border-radius: 20px;
}

.product-popup__arrow {
  position: absolute;
  top: 50%;
  z-index: 5;
  transform: translateY(-50%);
}

.product-popup__arrow.prev {
  left: 32px;
}

.product-popup__arrow.next {
  right: 32px;
}

.swiper.product-popup__mini-slider {
  margin-top: 24px;
  width: 100%;
}

.product-popup__content .container {
  height: 100%;
}

.product-popup__mini-img {
  width: 108px;
  height: 108px;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid transparent;
  transition: 0.3s;
  cursor: pointer;
}

.product-popup__arrow {
  background-color: #f3f4f6;
}

.product-popup__arrow.disable {
  pointer-events: none;
}

.product-popup__arrow.disable svg path[stroke] {
  stroke: #93969c;
}

.swiper-slide.product-popup__mini-slide.active .product-popup__mini-img {
  padding: 4px;
  border-color: #282829;
}

.swiper-slide.product-popup__big-slide {
  opacity: 0 !important;
}

.swiper-slide.product-popup__big-slide.swiper-slide-active {
  opacity: 1 !important;
}

.product-popup__mini-img img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  object-fit: cover;
}

.product-popup {
  display: none;
}

@media (max-width: 1920px) {
  .home-product__inner {
    grid-gap: calc(48px + (64 - 48) * ((100vw - 1536px) / (1920 - 1536)));
    grid-template-columns:
      calc(735px + (860 - 735) * ((100vw - 1536px) / (1920 - 1536))) calc(535px + (630 - 535) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home-product__title {
    font-size: calc(32px + (36 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home-product__reviews-num {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home-product__box {
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home-product__setting {
    width: calc(44px + (48 - 44) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(44px + (48 - 44) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home-product__visual-text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    min-width: calc(64px + (72 - 64) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home-product__visual-item {
    grid-gap: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home-product__visual-button {
    width: calc(38px + (44 - 38) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(38px + (44 - 38) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(6px + (8 - 6) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home-product__visual {
    grid-gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536))) 24px;
    margin-bottom: calc(40px + (48 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home-product__visual-link--number {
    width: calc(38px + (44 - 38) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(38px + (44 - 38) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(6px + (8 - 6) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(14px + (16 - 14) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home-product__price-all {
    font-size: calc(36px + (40 - 36) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home-product__price-all-size {
    font-size: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home-product__calculator-button .btn-project {
    padding-left: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    padding-right: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    width: calc(155px + (189 - 155) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home-product__calculator {
    margin-bottom: calc(40px + (48 - 40) * ((100vw - 1536px) / (1920 - 1536)));
    grid-gap: calc(12px + (16 - 12) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home-product__specification-inner {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home-product__bottom {
    margin-top: calc(40px + (48 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home-product__bottom-text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home-product__bottom-buttons {
    grid-gap: calc(12px + (16 - 12) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home-product {
    margin-top: calc(168px + (208 - 168) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .product-mini__inner {
    grid-gap: calc(12px + (16 - 12) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .product-mini__item {
    height: calc(92px + (112 - 92) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .product-big__image {
    height: calc(820px + (920 - 820) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .product-big__status {
    top: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    right: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .product-big__box {
    bottom: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    left: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .product-big__status .product-card__item {
    font-size: calc(14px + (16 - 14) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .product-big__status .product-card__item img {
    width: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home-product__collection {
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .product-big__box-wrap {
    font-size: calc(14px + (16 - 14) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .product-big__box-icon svg {
    width: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .product-big__box-text {
    margin-left: calc(6px + (8 - 6) * ((100vw - 1536px) / (1920 - 1536)));
    margin-right: calc(8px + (12 - 8) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home-product__price-action-new {
    font-size: calc(36px + (40 - 36) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home-product__price-action {
    grid-gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home-product__price-action-old {
    font-size: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .home-product__price-action-procent {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .product-popup__mini-img {
    width: calc(92px + (108 - 92) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(92px + (108 - 92) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .product-popup__inner {
    padding-top: calc(40px + (56 - 40) * ((100vw - 1536px) / (1920 - 1536)));
    padding-bottom: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .product-popup__arrow.prev {
    left: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .product-popup__arrow.next {
    right: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .product-popup__content {
    height: calc(100vh - calc(180px + (220 - 180) * ((100vw - 1536px) / (1920 - 1536))));
  }
}

@media (max-width: 1536px) {
  .product-popup__inner {
    padding-top: calc(32px + (40 - 32) * ((100vw - 1366px) / (1536 - 1366)));
    padding-bottom: calc(20px + (28 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .product-popup__mini-img {
    width: calc(80px + (92 - 80) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(80px + (92 - 80) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home-product__price-action-new {
    font-size: calc(32px + (36 - 32) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .product-popup__arrow.prev {
    left: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .product-popup__arrow.next {
    right: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home-product__price-action {
    grid-gap: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home-product__price-action-old {
    font-size: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home-product__price-action-procent {
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .product-popup__content {
    height: calc(100vh - calc(156px + (180 - 156) * ((100vw - 1366px) / (1536 - 1366))));
  }

  .product-big__box {
    bottom: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
    left: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home-product__collection {
    margin-bottom: 24px;
  }

  .home-product__visual-text {
    font-size: 16px;
    min-width: 64px;
  }

  .home-product__visual-item {
    grid-gap: calc(8px + (20 - 8) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home-product__inner {
    grid-template-columns:
      calc(665px + (735 - 665) * ((100vw - 1366px) / (1536 - 1366))) calc(490px + (535 - 490) * ((100vw - 1366px) / (1536 - 1366)));
    grid-gap: calc(40px + (48 - 40) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home-product__title {
    font-size: calc(28px + (32 - 28) * ((100vw - 1366px) / (1536 - 1366)));
    margin-bottom: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home-product__setting {
    width: calc(40px + (44 - 40) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(40px + (44 - 40) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home-product {
    margin-top: calc(156px + (168 - 156) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home-product__box {
    margin-bottom: 24px;
  }

  .home-product__reviews-num {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home-product__reviews-link {
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home-product__setting {
    width: 40px;
    height: 40px;
  }

  .home-product__visual-button {
    width: calc(34px + (38 - 34) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(34px + (38 - 34) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: 6px;
  }

  .home-product__visual {
    grid-gap: 24px calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home-product__visual-link--number {
    width: calc(34px + (38 - 34) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: 6px;
    height: calc(34px + (38 - 34) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(12px + (14 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home-product__visual {
    margin-bottom: calc(32px + (40 - 32) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home-product__visual-button img {
    border-radius: calc(4px + (6 - 4) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home-product__visual-item.item-colors .home-product__visual-text {
    transform: translateY(calc(5px + (8 - 5) * ((100vw - 1366px) / (1536 - 1366))));
  }

  .home-product__price-all {
    font-size: calc(32px + (36 - 32) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home-product__price-all-size {
    font-size: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home-product__calculator {
    grid-gap: calc(8px + (12 - 8) * ((100vw - 1366px) / (1536 - 1366)));
    margin-bottom: calc(32px + (40 - 32) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home-product__calculator-button .btn-project {
    padding-left: 24px;
    padding-right: 24px;
    width: calc(143px + (155 - 143) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home-product__specification-inner {
    font-size: 16px;
  }

  .home-product__specification-bottom {
    margin-top: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .product-big__box-wrap {
    font-size: calc(12px + (14 - 12) * ((100vw - 1366px) / (1536 - 1366)));
    padding-top: calc(4px + (6 - 4) * ((100vw - 1366px) / (1536 - 1366)));
    padding-right: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
    padding-bottom: calc(4px + (8 - 4) * ((100vw - 1366px) / (1536 - 1366)));
    padding-left: calc(10px + (14 - 10) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: calc(8px + (10 - 8) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .product-big__box-icon svg {
    width: calc(14px + (18 - 14) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(14px + (18 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .product-big__box-text {
    margin-left: calc(4px + (6 - 4) * ((100vw - 1366px) / (1536 - 1366)));
    margin-right: calc(6px + (8 - 6) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .product-big__box-opisanie svg {
    width: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home-product__bottom-text {
    font-size: 16px;
    margin-bottom: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home-product__bottom {
    margin-top: calc(32px + (40 - 32) * ((100vw - 1366px) / (1536 - 1366)));
    padding-top: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .home-product__bottom-buttons {
    grid-gap: 12px;
  }

  .product-mini__item {
    height: calc(84px + (92 - 84) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .product-big__image {
    height: calc(680px + (820 - 680) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .product-big__status {
    top: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
    left: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .product-big__status .product-card__item {
    font-size: calc(12px + (14 - 12) * ((100vw - 1366px) / (1536 - 1366)));
    grid-gap: calc(4px + (6 - 4) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .product-big__status .product-card__item img {
    width: calc(14px + (18 - 14) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(14px + (18 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .product-mini__inner {
    grid-gap: 12px;
  }
}

@media (max-width: 1366px) {
  .add-product .home-product__calculator-button-icon::before {
    width: 8px;
    height: 3px;
  }

  .home-product__price-action-new {
    font-size: 32px;
    border-radius: 10px;
  }

  .home-product__price-action {
    grid-gap: 20px;
  }

  .home-product__price-action-old {
    font-size: 20px;
  }

  .home-product__price-action-procent {
    font-size: 14px;
  }

  .product-big__status {
    top: 20px;
    left: 20px;
  }

  .product-big__status .product-card__item {
    font-size: 12px;
    line-height: 130%;
    grid-gap: 4px;
  }

  .product-big__status .product-card__item img {
    width: 14px;
    height: 14px;
  }

  .home-product__bottom-text {
    margin-bottom: 20px;
  }

  .product-big__box-wrap {
    font-size: 12px;
    padding-top: 4px;
    padding-right: 12px;
    padding-bottom: 4px;
    padding-left: 10px;
    border-radius: 8px;
  }

  .product-big__box-icon svg {
    width: 14px;
    height: 14px;
  }

  .product-big__box-text {
    margin-left: 4px;
    margin-right: 6px;
  }

  .product-big__box-opisanie svg {
    width: 12px;
    height: 12px;
  }

  .product-big__box {
    left: 20px;
    bottom: 20px;
  }

  .home-product__specification-bottom {
    margin-bottom: 20px;
  }

  .home-product__price-all {
    font-size: 32px;
  }

  .home-product__price-all-size {
    font-size: 20px;
  }

  .home-product__visual-item.item-colors .home-product__visual-text {
    transform: translateY(5px);
  }

  .home-product__visual-button img {
    border-radius: 4px;
  }

  .home-product__visual {
    grid-gap: 24px 16px;
    margin-bottom: 32px;
  }

  .home-product__reviews-link {
    font-size: 14px;
  }

  .home-product__reviews-num {
    font-size: 16px;
  }

  .home-product {
    margin-top: calc(112px + (156 - 112) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .home-product__specification-bottom {
    margin-top: 20px;
  }

  .home-product__bottom {
    margin-top: 32px;
    padding-top: 20px;
  }

  .home-product__title {
    margin-bottom: 12px;
    font-size: 28px;
  }

  .home-product__visual-item {
    grid-gap: 8px;
  }

  .home-product__visual-button {
    width: 34px;
    height: 34px;
  }

  .home-product__calculator {
    grid-gap: 12px;
    margin-bottom: 32px;
  }

  .home-product__visual-link--number {
    width: 34px;
    height: 34px;
    font-size: 12px;
  }

  .product-popup__inner {
    padding-top: 32px;
    padding-bottom: calc(32px + (20 - 32) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .product-popup__mini-img {
    width: calc(92px + (80 - 92) * ((100vw - 1024px) / (1366 - 1024)));
    height: calc(92px + (80 - 92) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .product-popup__mini-img {
    border-radius: calc(12px + (16 - 12) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .product-popup__mini-img img {
    border-radius: calc(10px + (12 - 10) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .product-popup__arrow.prev {
    left: 20px;
  }

  .product-popup__arrow.next {
    right: 20px;
  }

  .product-popup__content {
    height: calc(100vh - calc(180px + (156 - 180) * ((100vw - 1024px) / (1366 - 1024))));
  }
}

@media (max-width: 1300px) {
  .home-product__bottom {
    margin-top: 48px;
  }

  .home-product__visual {
    grid-gap: 32px 16px;
  }

  .home-product__specification-inner {
    grid-template-columns: min-content minmax(15px, 1fr) 440px;
  }

  .home-product__calculator {
    grid-gap: 12px;
    margin-bottom: 48px;
  }

  .home-product__inner {
    display: block;
  }

  .product-big__image {
    height: 912px;
  }

  .product-mini__item {
    height: 124px;
  }

  .home-product__content {
    margin-top: 32px;
  }

  .home-product__title {
    margin-bottom: 16px;
  }

  .home-product__box {
    margin-bottom: 32px;
  }

  .home-product__collection {
    margin-bottom: 32px;
  }

  .home-product__visual-button {
    width: 44px;
    height: 44px;
  }

  .home-product__visual-link--number {
    width: 44px;
    height: 44px;
    font-size: 14px;
  }

  .home-product__visual-text {
    font-size: 18px;
    min-width: 72px;
  }

  .home-product__visual-item {
    grid-gap: 24px;
  }

  .home-product__prices {
    margin-bottom: 20px;
  }

  .home-product__calculator-button .btn-project {
    width: 320px;
  }

  .home-product {
    margin-bottom: 80px;
  }
}

@media (max-width: 1200px) {
  .product-popup__arrow {
    display: none;
  }

  .product-popup__big-img img {
    width: 100%;
  }
}

@media (max-width: 1024px) {
  .home-product__price-action-new {
    font-size: calc(28px + (32 - 28) * ((100vw - 390px) / (1024 - 390)));
    padding-left: calc(12px + (16 - 12) * ((100vw - 390px) / (1024 - 390)));
    padding-right: calc(12px + (16 - 12) * ((100vw - 390px) / (1024 - 390)));
  }

  .home-product__price-action {
    grid-gap: calc(16px + (20 - 16) * ((100vw - 390px) / (1024 - 390)));
  }

  .home-product__price-action-old {
    font-size: calc(18px + (20 - 18) * ((100vw - 390px) / (1024 - 390)));
  }

  .home-product__price-action-procent {
    padding: 4px calc(8px + (12 - 8) * ((100vw - 390px) / (1024 - 390)));
    font-size: calc(12px + (14 - 12) * ((100vw - 390px) / (1024 - 390)));
  }

  .product-popup__content {
    height: calc(100vh - calc(132px + (180 - 132) * ((100vw - 390px) / (1024 - 390))));
  }

  .home-product {
    margin-top: calc(84px + (112 - 84) * ((100vw - 390px) / (1024 - 390)));
  }

  .home-product__title {
    font-size: calc(24px + (28 - 24) * ((100vw - 390px) / (1024 - 390)));
  }

  .home-product {
    margin-bottom: 80px;
  }

  .product-big__image {
    border-radius: calc(16px + (20 - 16) * ((100vw - 390px) / (1024 - 390)));
  }

  .product-big__image {
    height: calc(400px + (912 - 400) * ((100vw - 390px) / (1024 - 390)));
  }

  .product-mini__item {
    height: calc(48px + (112 - 48) * ((100vw - 390px) / (1024 - 390)));
    border-radius: calc(8px + (16 - 8) * ((100vw - 390px) / (1024 - 390)));
  }

  .product-mini__item-img {
    border-radius: calc(6px + (12 - 6) * ((100vw - 390px) / (1024 - 390)));
  }

  .product-mini__inner {
    margin-top: calc(12px + (16 - 2) * ((100vw - 390px) / (1024 - 390)));
  }

  .home-product__reviews-icon img {
    width: calc(20px + (24 - 20) * ((100vw - 390px) / (1024 - 390)));
  }

  .home-product__reviews-num {
    font-size: calc(14px + (16 - 14) * ((100vw - 390px) / (1024 - 390)));
  }

  .home-product__reviews {
    grid-gap: calc(8px + (12 - 8) * ((100vw - 390px) / (1024 - 390)));
  }

  .home-product__reviews-link {
    font-size: calc(12px + (14 - 12) * ((100vw - 390px) / (1024 - 390)));
  }

  .home-product__visual-text {
    font-size: calc(16px + (18 - 16) * ((100vw - 390px) / (1024 - 390)));
    min-width: calc(64px + (72 - 64) * ((100vw - 390px) / (1024 - 390)));
  }

  .home-product__visual-button {
    width: calc(34px + (44 - 34) * ((100vw - 390px) / (1024 - 390)));
    height: calc(34px + (44 - 34) * ((100vw - 390px) / (1024 - 390)));
  }

  .home-product__visual-item {
    grid-gap: calc(8px + (24 - 8) * ((100vw - 390px) / (1024 - 390)));
  }

  .home-product__visual {
    grid-gap: calc(24px + (32 - 24) * ((100vw - 390px) / (1024 - 390))) 16px;
  }

  .home-product__visual-link--number {
    width: calc(34px + (44 - 34) * ((100vw - 390px) / (1024 - 390)));
    height: calc(34px + (44 - 34) * ((100vw - 390px) / (1024 - 390)));
    font-size: calc(12px + (14 - 12) * ((100vw - 390px) / (1024 - 390)));
  }

  .home-product__price-all {
    font-size: calc(28px + (32 - 28) * ((100vw - 390px) / (1024 - 390)));
  }

  .home-product__price-all-size {
    font-size: calc(18px + (20 - 18) * ((100vw - 390px) / (1024 - 390)));
  }

  .home-product__specification-inner {
    grid-template-columns: min-content minmax(15px, 1fr) calc(168px + (440 - 168) * ((100vw - 390px) / (1024 - 390)));
  }

  .home-product__specification-tag {
    padding: calc(6px + (8 - 6) * ((100vw - 390px) / (1024 - 390))) calc(8px + (12 - 8) * ((100vw - 390px) / (1024 - 390)));
  }

  .home-product__specification-tags {
    grid-gap: calc(4px + (8 - 4) * ((100vw - 390px) / (1024 - 390)));
  }

  .home-product__bottom {
    margin-top: calc(40px + (48 - 40) * ((100vw - 390px) / (1024 - 390)));
  }

  .home-product__calculator {
    margin-bottom: calc(40px + (48 - 40) * ((100vw - 390px) / (1024 - 390)));
  }

  .home-product__specification+.home-product__specification .home-product__specification-inner {
    padding-top: calc(16px + (20 - 16) * ((100vw - 390px) / (1024 - 390)));
  }

  .product-mini__arrow:hover {
    background-color: #fff;
  }

  .product-mini__arrow:hover svg path[stroke] {
    stroke: #282829;
  }

  .home-product__specification-btn:hover {
    color: #444446;
    box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
  }

  .home-product__specification-btn:hover svg path[stroke] {
    stroke: #93969c;
  }

  .home-product__content .breadcrumbs {
    margin-bottom: calc(12px + (16 - 12) * ((100vw - 390px) / (1024 - 390)));
  }

  .product-popup__inner {
    padding-top: calc(24px + (32 - 24) * ((100vw - 390px) / (1024 - 390)));
    padding-bottom: calc(24px + (32 - 24) * ((100vw - 390px) / (1024 - 390)));
  }

  .product-popup__mini-img {
    width: calc(72px + (92 - 72) * ((100vw - 390px) / (1024 - 390)));
    height: calc(72px + (92 - 72) * ((100vw - 390px) / (1024 - 390)));
  }

  .product-popup__mini-img {
    border-radius: calc(8px + (12 - 8) * ((100vw - 390px) / (1024 - 390)));
  }

  .product-popup__mini-img img {
    border-radius: calc(6px + (10 - 6) * ((100vw - 390px) / (1024 - 390)));
  }

  .swiper.product-popup__mini-slider {
    margin-top: calc(12px + (24 - 12) * ((100vw - 390px) / (1024 - 390)));
  }

  .product-big__box-tooltip {
    max-width: calc(270px + (430 - 270) * ((100vw - 390px) / (1024 - 390)));
  }

  .home-product__reviews .rating-project svg {
    width: calc(20px + (24 - 20) * ((100vw - 390px) / (1024 - 390)));
    height: calc(20px + (24 - 20) * ((100vw - 390px) / (1024 - 390)));
  }

  .home-product__reviews .rating-project {
    width: calc(100px + (120 - 100) * ((100vw - 390px) / (1024 - 390))) !important;
  }

  .home-product__bottom-button:hover svg path[stroke] {
    stroke: #444446;
  }
}

@media (max-width: 800px) {
  .home-product__calculator {
    flex-direction: column;
  }

  .home-product__calculator-button .btn-project {
    width: 100%;
    height: 56px;
  }
}

@media (max-width: 390px) {
  .home-product__reviews .rating-project svg {
    width: 20px;
    height: 20px;
  }

  .home-product__reviews .rating-project {
    width: 100px !important;
  }

  .product-popup__content {
    height: calc(100vh - 132px);
  }

  .product-popup__inner {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .product-popup__mini-img {
    width: 72px;
    height: 72px;
  }

  .product-popup__mini-img {
    border-radius: 8px;
  }

  .product-popup__mini-img img {
    border-radius: 6px;
  }

  .swiper.product-popup__mini-slider {
    margin-top: 12px;
  }

  .home-product__content .breadcrumbs {
    margin-bottom: 12px;
  }

  .home-product__price-action-new {
    font-size: 28px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .home-product__price-action {
    grid-gap: 16px;
  }

  .home-product__price-action-old {
    font-size: 18px;
  }

  .home-product__price-action-procent {
    padding: 4px 8px;
    font-size: 12px;
  }

  .home-product__title {
    margin-bottom: 14px;
  }

  .home-product {
    margin-bottom: 80px;
  }

  .home-product {
    margin-top: 84px;
  }

  .home-product__specification+.home-product__specification .home-product__specification-inner {
    padding-top: 16px;
  }

  .home-product__calculator {
    margin-bottom: 40px;
  }

  .product-big__image {
    border-radius: 16px;
  }

  .product-big__image {
    height: 400px;
  }

  .product-mini__item {
    height: 48px;
    border-radius: 8px;
  }

  .product-mini__item-img {
    border-radius: 6px;
  }

  .product-mini__inner {
    margin-top: 12px;
  }

  .home-product__reviews-icon img {
    width: 20px;
  }

  .home-product__reviews-num {
    font-size: 14px;
  }

  .home-product__reviews {
    grid-gap: 8px;
  }

  .home-product__reviews-link {
    font-size: 12px;
  }

  .home-product__visual-text {
    font-size: 16px;
    min-width: 64px;
  }

  .home-product__visual-button {
    width: 34px;
    height: 34px;
  }

  .home-product__visual-item {
    grid-gap: 8px;
  }

  .home-product__visual {
    grid-gap: 24px 16px;
  }

  .home-product__visual-link--number {
    width: 34px;
    height: 34px;
    font-size: 12px;
  }

  .home-product__price-all {
    font-size: 28px;
  }

  .home-product__price-all-size {
    font-size: 18px;
  }

  .home-product__specification-inner {
    grid-template-columns: min-content minmax(15px, 1fr) 168px;
  }

  .home-product__specification-tag {
    padding: 6px 8px;
  }

  .home-product__specification-tags {
    grid-gap: 4px;
  }

  .home-product__bottom {
    margin-top: 40px;
  }
}

/*end home-product*/

/* start discounts */
.discounts__heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.discounts__wrap {
  display: flex;
  align-items: baseline;
  gap: 20px;
}

.discounts__wrap span {
  font-size: 20px;
  line-height: 1.5;
  color: var(--base-gray-color-06);
}

.discounts__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}

.discounts__sorting .sorting-project__select {
  left: auto;
  right: 0;
}

@media screen and (max-width: 1920px) {
  .discounts__wrap span {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .discounts__list {
    gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .discounts__wrap span {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .discounts__list {
    gap: calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .discounts__wrap span {
    font-size: 16px;
  }

  .discounts__list {
    gap: 16px;
  }
}

@media screen and (max-width: 1024px) {
  .discounts__wrap span {
    font-size: calc(14px + (16 - 14) * ((100vw - 393px) / (1024 - 393)));
  }

  .discounts__list {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 768px) {
  .discounts__wrap {
    flex-direction: column;
    gap: 8px;
  }
}

/* AND discounts */
/* start discount-item */
.discount-item:hover .discount-item-box,
.discount-item:hover .discount-item-bottom {
  cursor: pointer;
  box-shadow: 0px 4px 20px 0px rgba(141, 177, 195, 0.16);
}

.discount-item-box {
  padding: 40px;
  border-radius: 24px;
  transition: 0.3s;
  background-color: var(--base-white-color);
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
}

.discount-item-title {
  margin-bottom: 16px;
  font-weight: 600;
  font-size: 28px;
  line-height: 1.4;
}

.discount-item-text {
  margin-bottom: 32px;
  font-size: 20px;
  line-height: 1.5;
  color: var(--base-gray-color-06);
}

.discount-item-items {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 8px;
}

.discount-item-item {
  padding: 6px 16px;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  color: var(--base-black-color);
  border-radius: 8px;
  background-color: var(--base-gray-color-01);
}

.discount-item-bottom {
  position: relative;
  display: grid;
  grid-template-columns: 1fr min-content;
  grid-gap: 8px;
  padding: 20px;
  transition: 0.3s;
  border-radius: 24px;
  background-color: var(--base-white-color);
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
}

.discount-item-bottom:before {
  content: "";
  position: absolute;
  top: -2px;
  right: 20px;
  left: 20px;
  height: 3px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzE3IiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCA3MTcgNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNSAwTDAuNSAyLjYyMjY4ZS0wN0wwLjUgNkwzLjUgNkwzLjUgMFpNNS40ODA1NiA2TDguNDgwNTYgNkw4LjQ4MDU2IC00LjM1NDE0ZS0wN0w1LjQ4MDU2IC0xLjczMTQ2ZS0wN0w1LjQ4MDU2IDZaTTE3LjM2MzkgLTEuMjEyMDJlLTA2TDE0LjM2MzkgLTkuNDk3NTFlLTA3TDE0LjM2MzkgNkwxNy4zNjM5IDZMMTcuMzYzOSAtMS4yMTIwMmUtMDZaTTIxLjMyNSA2TDI0LjMyNSA2TDI0LjMyNSAtMS44MjA1OGUtMDZMMjEuMzI1IC0xLjU1ODMxZS0wNkwyMS4zMjUgNlpNMzMuMjA4MyAtMi41OTcxOGUtMDZMMzAuMjA4MyAtMi4zMzQ5MmUtMDZMMzAuMjA4MyA2TDMzLjIwODMgNkwzMy4yMDgzIC0yLjU5NzE4ZS0wNlpNMzcuMTY5NCA2TDQwLjE2OTQgNkw0MC4xNjk0IC0zLjIwNTc0ZS0wNkwzNy4xNjk0IC0yLjk0MzQ4ZS0wNkwzNy4xNjk0IDZaTTQ5LjA1MjggLTMuOTgyMzVlLTA2TDQ2LjA1MjggLTMuNzIwMDhlLTA2TDQ2LjA1MjggNkw0OS4wNTI4IDZMNDkuMDUyOCAtMy45ODIzNWUtMDZaTTUzLjAxMzkgNkw1Ni4wMTM5IDZMNTYuMDEzOSAtNC41OTA5MWUtMDZMNTMuMDEzOSAtNC4zMjg2NGUtMDZMNTMuMDEzOSA2Wk02NC44OTcyIC01LjM2NzUyZS0wNkw2MS44OTcyIC01LjEwNTI1ZS0wNkw2MS44OTcyIDUuOTk5OTlMNjQuODk3MiA1Ljk5OTk5TDY0Ljg5NzIgLTUuMzY3NTJlLTA2Wk02OC44NTgzIDUuOTk5OTlMNzEuODU4MyA1Ljk5OTk5TDcxLjg1ODMgLTUuOTc2MDdlLTA2TDY4Ljg1ODMgLTUuNzEzODFlLTA2TDY4Ljg1ODMgNS45OTk5OVpNODAuNzQxNyAtNi43NTI2OGUtMDZMNzcuNzQxNyAtNi40OTA0MWUtMDZMNzcuNzQxNyA1Ljk5OTk5TDgwLjc0MTcgNS45OTk5OUw4MC43NDE3IC02Ljc1MjY4ZS0wNlpNODQuNzAyOCA1Ljk5OTk5TDg3LjcwMjggNS45OTk5OUw4Ny43MDI4IC03LjM2MTI0ZS0wNkw4NC43MDI4IC03LjA5ODk3ZS0wNkw4NC43MDI4IDUuOTk5OTlaTTk2LjU4NjEgLTguMTM3ODVlLTA2TDkzLjU4NjEgLTcuODc1NThlLTA2TDkzLjU4NjEgNS45OTk5OUw5Ni41ODYxIDUuOTk5OTlMOTYuNTg2MSAtOC4xMzc4NWUtMDZaTTEwMC41NDcgNS45OTk5OUwxMDMuNTQ3IDUuOTk5OTlMMTAzLjU0NyAtOC43NDY0MWUtMDZMMTAwLjU0NyAtOC40ODQxNGUtMDZMMTAwLjU0NyA1Ljk5OTk5Wk0xMTIuNDMxIC05LjUyMzAxZS0wNkwxMDkuNDMxIC05LjI2MDc0ZS0wNkwxMDkuNDMxIDUuOTk5OTlMMTEyLjQzMSA1Ljk5OTk5TDExMi40MzEgLTkuNTIzMDFlLTA2Wk0xMTYuMzkyIDUuOTk5OTlMMTE5LjM5MiA1Ljk5OTk5TDExOS4zOTIgLTEuMDEzMTZlLTA1TDExNi4zOTIgLTkuODY5M2UtMDZMMTE2LjM5MiA1Ljk5OTk5Wk0xMjguMjc1IC0xLjA5MDgyZS0wNUwxMjUuMjc1IC0xLjA2NDU5ZS0wNUwxMjUuMjc1IDUuOTk5OTlMMTI4LjI3NSA1Ljk5OTk5TDEyOC4yNzUgLTEuMDkwODJlLTA1Wk0xMzIuMjM2IDUuOTk5OTlMMTM1LjIzNiA1Ljk5OTk5TDEzNS4yMzYgLTEuMTUxNjdlLTA1TDEzMi4yMzYgLTEuMTI1NDVlLTA1TDEzMi4yMzYgNS45OTk5OVpNMTQ0LjExOSAtMS4yMjkzM2UtMDVMMTQxLjExOSAtMS4yMDMxMWUtMDVMMTQxLjExOSA1Ljk5OTk5TDE0NC4xMTkgNS45OTk5OUwxNDQuMTE5IC0xLjIyOTMzZS0wNVpNMTQ4LjA4MSA1Ljk5OTk5TDE1MS4wODEgNS45OTk5OUwxNTEuMDgxIC0xLjI5MDE5ZS0wNUwxNDguMDgxIC0xLjI2Mzk2ZS0wNUwxNDguMDgxIDUuOTk5OTlaTTE1OS45NjQgLTEuMzY3ODVlLTA1TDE1Ni45NjQgLTEuMzQxNjJlLTA1TDE1Ni45NjQgNS45OTk5OUwxNTkuOTY0IDUuOTk5OTlMMTU5Ljk2NCAtMS4zNjc4NWUtMDVaTTE2My45MjUgNS45OTk5OUwxNjYuOTI1IDUuOTk5OTlMMTY2LjkyNSAtMS40Mjg3MWUtMDVMMTYzLjkyNSAtMS40MDI0OGUtMDVMMTYzLjkyNSA1Ljk5OTk5Wk0xNzUuODA4IC0xLjUwNjM3ZS0wNUwxNzIuODA4IC0xLjQ4MDE0ZS0wNUwxNzIuODA4IDUuOTk5OTlMMTc1LjgwOCA1Ljk5OTk4TDE3NS44MDggLTEuNTA2MzdlLTA1Wk0xNzkuNzY5IDUuOTk5OThMMTgyLjc2OSA1Ljk5OTk4TDE4Mi43NjkgLTEuNTY3MjJlLTA1TDE3OS43NjkgLTEuNTQxZS0wNUwxNzkuNzY5IDUuOTk5OThaTTE5MS42NTMgLTEuNjQ0ODhlLTA1TDE4OC42NTMgLTEuNjE4NjZlLTA1TDE4OC42NTMgNS45OTk5OEwxOTEuNjUzIDUuOTk5OThMMTkxLjY1MyAtMS42NDQ4OGUtMDVaTTE5NS42MTQgNS45OTk5OEwxOTguNjE0IDUuOTk5OThMMTk4LjYxNCAtMS43MDU3NGUtMDVMMTk1LjYxNCAtMS42Nzk1MWUtMDVMMTk1LjYxNCA1Ljk5OTk4Wk0yMDcuNDk3IC0xLjc4MzRlLTA1TDIwNC40OTcgLTEuNzU3MTdlLTA1TDIwNC40OTcgNS45OTk5OEwyMDcuNDk3IDUuOTk5OThMMjA3LjQ5NyAtMS43ODM0ZS0wNVpNMjExLjQ1OCA1Ljk5OTk4TDIxNC40NTggNS45OTk5OEwyMTQuNDU4IC0xLjg0NDI2ZS0wNUwyMTEuNDU4IC0xLjgxODAzZS0wNUwyMTEuNDU4IDUuOTk5OThaTTIyMy4zNDIgLTEuOTIxOTJlLTA1TDIyMC4zNDIgLTEuODk1NjllLTA1TDIyMC4zNDIgNS45OTk5OEwyMjMuMzQyIDUuOTk5OThMMjIzLjM0MiAtMS45MjE5MmUtMDVaTTIyNy4zMDMgNS45OTk5OEwyMzAuMzAzIDUuOTk5OThMMjMwLjMwMyAtMS45ODI3N2UtMDVMMjI3LjMwMyAtMS45NTY1NWUtMDVMMjI3LjMwMyA1Ljk5OTk4Wk0yMzkuMTg2IC0yLjA2MDQzZS0wNUwyMzYuMTg2IC0yLjAzNDIxZS0wNUwyMzYuMTg2IDUuOTk5OThMMjM5LjE4NiA1Ljk5OTk4TDIzOS4xODYgLTIuMDYwNDNlLTA1Wk0yNDMuMTQ3IDUuOTk5OThMMjQ2LjE0NyA1Ljk5OTk4TDI0Ni4xNDcgLTIuMTIxMjllLTA1TDI0My4xNDcgLTIuMDk1MDZlLTA1TDI0My4xNDcgNS45OTk5OFpNMjU1LjAzIC0yLjE5ODk1ZS0wNUwyNTIuMDMgLTIuMTcyNzJlLTA1TDI1Mi4wMyA1Ljk5OTk4TDI1NS4wMyA1Ljk5OTk4TDI1NS4wMyAtMi4xOTg5NWUtMDVaTTI1OC45OTIgNS45OTk5OEwyNjEuOTkyIDUuOTk5OThMMjYxLjk5MiAtMi4yNTk4MWUtMDVMMjU4Ljk5MiAtMi4yMzM1OGUtMDVMMjU4Ljk5MiA1Ljk5OTk4Wk0yNzAuODc1IC0yLjMzNzQ3ZS0wNUwyNjcuODc1IC0yLjMxMTI0ZS0wNUwyNjcuODc1IDUuOTk5OThMMjcwLjg3NSA1Ljk5OTk4TDI3MC44NzUgLTIuMzM3NDdlLTA1Wk0yNzQuODM2IDUuOTk5OThMMjc3LjgzNiA1Ljk5OTk4TDI3Ny44MzYgLTIuMzk4MzJlLTA1TDI3NC44MzYgLTIuMzcyMWUtMDVMMjc0LjgzNiA1Ljk5OTk4Wk0yODYuNzE5IC0yLjQ3NTk4ZS0wNUwyODMuNzE5IC0yLjQ0OTc2ZS0wNUwyODMuNzE5IDUuOTk5OThMMjg2LjcxOSA1Ljk5OTk4TDI4Ni43MTkgLTIuNDc1OThlLTA1Wk0yOTAuNjggNS45OTk5N0wyOTMuNjggNS45OTk5N0wyOTMuNjggLTIuNTM2ODRlLTA1TDI5MC42OCAtMi41MTA2MWUtMDVMMjkwLjY4IDUuOTk5OTdaTTMwMi41NjQgLTIuNjE0NWUtMDVMMjk5LjU2NCAtMi41ODgyN2UtMDVMMjk5LjU2NCA1Ljk5OTk3TDMwMi41NjQgNS45OTk5N0wzMDIuNTY0IC0yLjYxNDVlLTA1Wk0zMDYuNTI1IDUuOTk5OTdMMzA5LjUyNSA1Ljk5OTk3TDMwOS41MjUgLTIuNjc1MzZlLTA1TDMwNi41MjUgLTIuNjQ5MTNlLTA1TDMwNi41MjUgNS45OTk5N1pNMzE4LjQwOCAtMi43NTMwMmUtMDVMMzE1LjQwOCAtMi43MjY3OWUtMDVMMzE1LjQwOCA1Ljk5OTk3TDMxOC40MDggNS45OTk5N0wzMTguNDA4IC0yLjc1MzAyZS0wNVpNMzIyLjM2OSA1Ljk5OTk3TDMyNS4zNjkgNS45OTk5N0wzMjUuMzY5IC0yLjgxMzg3ZS0wNUwzMjIuMzY5IC0yLjc4NzY0ZS0wNUwzMjIuMzY5IDUuOTk5OTdaTTMzNC4yNTMgLTIuODkxNTNlLTA1TDMzMS4yNTMgLTIuODY1MzFlLTA1TDMzMS4yNTMgNS45OTk5N0wzMzQuMjUzIDUuOTk5OTdMMzM0LjI1MyAtMi44OTE1M2UtMDVaTTMzOC4yMTQgNS45OTk5N0wzNDEuMjE0IDUuOTk5OTdMMzQxLjIxNCAtMi45NTIzOWUtMDVMMzM4LjIxNCAtMi45MjYxNmUtMDVMMzM4LjIxNCA1Ljk5OTk3Wk0zNTAuMDk3IC0zLjAzMDA1ZS0wNUwzNDcuMDk3IC0zLjAwMzgyZS0wNUwzNDcuMDk3IDUuOTk5OTdMMzUwLjA5NyA1Ljk5OTk3TDM1MC4wOTcgLTMuMDMwMDVlLTA1Wk0zNTQuMDU4IDUuOTk5OTdMMzU3LjA1OCA1Ljk5OTk3TDM1Ny4wNTggLTMuMDkwOWUtMDVMMzU0LjA1OCAtMy4wNjQ2OGUtMDVMMzU0LjA1OCA1Ljk5OTk3Wk0zNjUuOTQyIC0zLjE2ODU3ZS0wNUwzNjIuOTQyIC0zLjE0MjM0ZS0wNUwzNjIuOTQyIDUuOTk5OTdMMzY1Ljk0MiA1Ljk5OTk3TDM2NS45NDIgLTMuMTY4NTdlLTA1Wk0zNjkuOTAzIDUuOTk5OTdMMzcyLjkwMyA1Ljk5OTk3TDM3Mi45MDMgLTMuMjI5NDJlLTA1TDM2OS45MDMgLTMuMjAzMTllLTA1TDM2OS45MDMgNS45OTk5N1pNMzgxLjc4NiAtMy4zMDcwOGUtMDVMMzc4Ljc4NiAtMy4yODA4NmUtMDVMMzc4Ljc4NiA1Ljk5OTk3TDM4MS43ODYgNS45OTk5N0wzODEuNzg2IC0zLjMwNzA4ZS0wNVpNMzg1Ljc0NyA1Ljk5OTk3TDM4OC43NDcgNS45OTk5N0wzODguNzQ3IC0zLjM2Nzk0ZS0wNUwzODUuNzQ3IC0zLjM0MTcxZS0wNUwzODUuNzQ3IDUuOTk5OTdaTTM5Ny42MzEgLTMuNDQ1NmUtMDVMMzk0LjYzMSAtMy40MTkzN2UtMDVMMzk0LjYzMSA1Ljk5OTk3TDM5Ny42MzEgNS45OTk5N0wzOTcuNjMxIC0zLjQ0NTZlLTA1Wk00MDEuNTkyIDUuOTk5OTdMNDA0LjU5MiA1Ljk5OTk2TDQwNC41OTIgLTMuNTA2NDVlLTA1TDQwMS41OTIgLTMuNDgwMjNlLTA1TDQwMS41OTIgNS45OTk5N1pNNDEzLjQ3NSAtMy41ODQxMmUtMDVMNDEwLjQ3NSAtMy41NTc4OWUtMDVMNDEwLjQ3NSA1Ljk5OTk2TDQxMy40NzUgNS45OTk5Nkw0MTMuNDc1IC0zLjU4NDEyZS0wNVpNNDE3LjQzNiA1Ljk5OTk2TDQyMC40MzYgNS45OTk5Nkw0MjAuNDM2IC0zLjY0NDk3ZS0wNUw0MTcuNDM2IC0zLjYxODc0ZS0wNUw0MTcuNDM2IDUuOTk5OTZaTTQyOS4zMTkgLTMuNzIyNjNlLTA1TDQyNi4zMTkgLTMuNjk2NDFlLTA1TDQyNi4zMTkgNS45OTk5Nkw0MjkuMzE5IDUuOTk5OTZMNDI5LjMxOSAtMy43MjI2M2UtMDVaTTQzMy4yODEgNS45OTk5Nkw0MzYuMjgxIDUuOTk5OTZMNDM2LjI4MSAtMy43ODM0OWUtMDVMNDMzLjI4MSAtMy43NTcyNmUtMDVMNDMzLjI4MSA1Ljk5OTk2Wk00NDUuMTY0IC0zLjg2MTE1ZS0wNUw0NDIuMTY0IC0zLjgzNDkyZS0wNUw0NDIuMTY0IDUuOTk5OTZMNDQ1LjE2NCA1Ljk5OTk2TDQ0NS4xNjQgLTMuODYxMTVlLTA1Wk00NDkuMTI1IDUuOTk5OTZMNDUyLjEyNSA1Ljk5OTk2TDQ1Mi4xMjUgLTMuOTIyZS0wNUw0NDkuMTI1IC0zLjg5NTc4ZS0wNUw0NDkuMTI1IDUuOTk5OTZaTTQ2MS4wMDggLTMuOTk5NjZlLTA1TDQ1OC4wMDggLTMuOTczNDRlLTA1TDQ1OC4wMDggNS45OTk5Nkw0NjEuMDA4IDUuOTk5OTZMNDYxLjAwOCAtMy45OTk2NmUtMDVaTTQ2NC45NjkgNS45OTk5Nkw0NjcuOTY5IDUuOTk5OTZMNDY3Ljk2OSAtNC4wNjA1MmUtMDVMNDY0Ljk2OSAtNC4wMzQyOWUtMDVMNDY0Ljk2OSA1Ljk5OTk2Wk00NzYuODUzIC00LjEzODE4ZS0wNUw0NzMuODUzIC00LjExMTk1ZS0wNUw0NzMuODUzIDUuOTk5OTZMNDc2Ljg1MyA1Ljk5OTk2TDQ3Ni44NTMgLTQuMTM4MThlLTA1Wk00ODAuODE0IDUuOTk5OTZMNDgzLjgxNCA1Ljk5OTk2TDQ4My44MTQgLTQuMTk5MDRlLTA1TDQ4MC44MTQgLTQuMTcyODFlLTA1TDQ4MC44MTQgNS45OTk5NlpNNDkyLjY5NyAtNC4yNzY3ZS0wNUw0ODkuNjk3IC00LjI1MDQ3ZS0wNUw0ODkuNjk3IDUuOTk5OTZMNDkyLjY5NyA1Ljk5OTk2TDQ5Mi42OTcgLTQuMjc2N2UtMDVaTTQ5Ni42NTggNS45OTk5Nkw0OTkuNjU4IDUuOTk5OTZMNDk5LjY1OCAtNC4zMzc1NWUtMDVMNDk2LjY1OCAtNC4zMTEzM2UtMDVMNDk2LjY1OCA1Ljk5OTk2Wk01MDguNTQyIC00LjQxNTIxZS0wNUw1MDUuNTQyIC00LjM4ODk5ZS0wNUw1MDUuNTQyIDUuOTk5OTZMNTA4LjU0MiA1Ljk5OTk2TDUwOC41NDIgLTQuNDE1MjFlLTA1Wk01MTIuNTAzIDUuOTk5OTZMNTE1LjUwMyA1Ljk5OTk2TDUxNS41MDMgLTQuNDc2MDdlLTA1TDUxMi41MDMgLTQuNDQ5ODRlLTA1TDUxMi41MDMgNS45OTk5NlpNNTI0LjM4NiAtNC41NTM3M2UtMDVMNTIxLjM4NiAtNC41Mjc1ZS0wNUw1MjEuMzg2IDUuOTk5OTVMNTI0LjM4NiA1Ljk5OTk1TDUyNC4zODYgLTQuNTUzNzNlLTA1Wk01MjguMzQ3IDUuOTk5OTVMNTMxLjM0NyA1Ljk5OTk1TDUzMS4zNDcgLTQuNjE0NTllLTA1TDUyOC4zNDcgLTQuNTg4MzZlLTA1TDUyOC4zNDcgNS45OTk5NVpNNTQwLjIzMSAtNC42OTIyNWUtMDVMNTM3LjIzMSAtNC42NjYwMmUtMDVMNTM3LjIzMSA1Ljk5OTk1TDU0MC4yMzEgNS45OTk5NUw1NDAuMjMxIC00LjY5MjI1ZS0wNVpNNTQ0LjE5MiA1Ljk5OTk1TDU0Ny4xOTIgNS45OTk5NUw1NDcuMTkyIC00Ljc1MzFlLTA1TDU0NC4xOTIgLTQuNzI2ODhlLTA1TDU0NC4xOTIgNS45OTk5NVpNNTU2LjA3NSAtNC44MzA3N2UtMDVMNTUzLjA3NSAtNC44MDQ1NGUtMDVMNTUzLjA3NSA1Ljk5OTk1TDU1Ni4wNzUgNS45OTk5NUw1NTYuMDc1IC00LjgzMDc3ZS0wNVpNNTYwLjAzNiA1Ljk5OTk1TDU2My4wMzYgNS45OTk5NUw1NjMuMDM2IC00Ljg5MTYyZS0wNUw1NjAuMDM2IC00Ljg2NTM5ZS0wNUw1NjAuMDM2IDUuOTk5OTVaTTU3MS45MiAtNC45NjkyOGUtMDVMNTY4LjkyIC00Ljk0MzA1ZS0wNUw1NjguOTIgNS45OTk5NUw1NzEuOTIgNS45OTk5NUw1NzEuOTIgLTQuOTY5MjhlLTA1Wk01NzUuODgxIDUuOTk5OTVMNTc4Ljg4MSA1Ljk5OTk1TDU3OC44ODEgLTUuMDMwMTRlLTA1TDU3NS44ODEgLTUuMDAzOTFlLTA1TDU3NS44ODEgNS45OTk5NVpNNTg3Ljc2NCAtNS4xMDc4ZS0wNUw1ODQuNzY0IC01LjA4MTU3ZS0wNUw1ODQuNzY0IDUuOTk5OTVMNTg3Ljc2NCA1Ljk5OTk1TDU4Ny43NjQgLTUuMTA3OGUtMDVaTTU5MS43MjUgNS45OTk5NUw1OTQuNzI1IDUuOTk5OTVMNTk0LjcyNSAtNS4xNjg2NWUtMDVMNTkxLjcyNSAtNS4xNDI0M2UtMDVMNTkxLjcyNSA1Ljk5OTk1Wk02MDMuNjA5IC01LjI0NjMyZS0wNUw2MDAuNjA5IC01LjIyMDA5ZS0wNUw2MDAuNjA5IDUuOTk5OTVMNjAzLjYwOSA1Ljk5OTk1TDYwMy42MDkgLTUuMjQ2MzJlLTA1Wk02MDcuNTcgNS45OTk5NUw2MTAuNTcgNS45OTk5NUw2MTAuNTcgLTUuMzA3MTdlLTA1TDYwNy41NyAtNS4yODA5NGUtMDVMNjA3LjU3IDUuOTk5OTVaTTYxOS40NTMgLTUuMzg0ODNlLTA1TDYxNi40NTMgLTUuMzU4NjFlLTA1TDYxNi40NTMgNS45OTk5NUw2MTkuNDUzIDUuOTk5OTVMNjE5LjQ1MyAtNS4zODQ4M2UtMDVaTTYyMy40MTQgNS45OTk5NUw2MjYuNDE0IDUuOTk5OTVMNjI2LjQxNCAtNS40NDU2OWUtMDVMNjIzLjQxNCAtNS40MTk0NmUtMDVMNjIzLjQxNCA1Ljk5OTk1Wk02MzUuMjk3IC01LjUyMzM1ZS0wNUw2MzIuMjk3IC01LjQ5NzEyZS0wNUw2MzIuMjk3IDUuOTk5OTVMNjM1LjI5NyA1Ljk5OTk0TDYzNS4yOTcgLTUuNTIzMzVlLTA1Wk02MzkuMjU5IDUuOTk5OTRMNjQyLjI1OSA1Ljk5OTk0TDY0Mi4yNTkgLTUuNTg0MjFlLTA1TDYzOS4yNTkgLTUuNTU3OThlLTA1TDYzOS4yNTkgNS45OTk5NFpNNjUxLjE0MiAtNS42NjE4N2UtMDVMNjQ4LjE0MiAtNS42MzU2NGUtMDVMNjQ4LjE0MiA1Ljk5OTk0TDY1MS4xNDIgNS45OTk5NEw2NTEuMTQyIC01LjY2MTg3ZS0wNVpNNjU1LjEwMyA1Ljk5OTk0TDY1OC4xMDMgNS45OTk5NEw2NTguMTAzIC01LjcyMjcyZS0wNUw2NTUuMTAzIC01LjY5NjVlLTA1TDY1NS4xMDMgNS45OTk5NFpNNjY2Ljk4NyAtNS44MDAzOGUtMDVMNjYzLjk4NyAtNS43NzQxNmUtMDVMNjYzLjk4NyA1Ljk5OTk0TDY2Ni45ODcgNS45OTk5NEw2NjYuOTg3IC01LjgwMDM4ZS0wNVpNNjcwLjk0OCA1Ljk5OTk0TDY3My45NDggNS45OTk5NEw2NzMuOTQ4IC01Ljg2MTI0ZS0wNUw2NzAuOTQ4IC01LjgzNTAxZS0wNUw2NzAuOTQ4IDUuOTk5OTRaTTY4Mi44MzEgLTUuOTM4OWUtMDVMNjc5LjgzMSAtNS45MTI2N2UtMDVMNjc5LjgzMSA1Ljk5OTk0TDY4Mi44MzEgNS45OTk5NEw2ODIuODMxIC01LjkzODllLTA1Wk02ODYuNzkyIDUuOTk5OTRMNjg5Ljc5MiA1Ljk5OTk0TDY4OS43OTIgLTUuOTk5NzZlLTA1TDY4Ni43OTIgLTUuOTczNTNlLTA1TDY4Ni43OTIgNS45OTk5NFpNNjk4LjY3NSAtNi4wNzc0MmUtMDVMNjk1LjY3NSAtNi4wNTExOWUtMDVMNjk1LjY3NSA1Ljk5OTk0TDY5OC42NzUgNS45OTk5NEw2OTguNjc1IC02LjA3NzQyZS0wNVpNNzAyLjYzNyA1Ljk5OTk0TDcwNS42MzcgNS45OTk5NEw3MDUuNjM3IC02LjEzODI3ZS0wNUw3MDIuNjM3IC02LjExMjA1ZS0wNUw3MDIuNjM3IDUuOTk5OTRaTTcxNC41MiAtNi4yMTU5M2UtMDVMNzExLjUyIC02LjE4OTcxZS0wNUw3MTEuNTIgNS45OTk5NEw3MTQuNTIgNS45OTk5NEw3MTQuNTIgLTYuMjE1OTNlLTA1Wk0zLjUgM0wzLjUgNkw1LjQ4MDU2IDZMNS40ODA1NiAzTDUuNDgwNTYgLTEuNzMxNDZlLTA3TDMuNSAwTDMuNSAzWk0xNy4zNjM5IDNMMTcuMzYzOSA2TDIxLjMyNSA2TDIxLjMyNSAzTDIxLjMyNSAtMS41NTgzMWUtMDZMMTcuMzYzOSAtMS4yMTIwMmUtMDZMMTcuMzYzOSAzWk0zMy4yMDgzIDNMMzMuMjA4MyA2TDM3LjE2OTQgNkwzNy4xNjk0IDNMMzcuMTY5NCAtMi45NDM0OGUtMDZMMzMuMjA4MyAtMi41OTcxOGUtMDZMMzMuMjA4MyAzWk00OS4wNTI4IDNMNDkuMDUyOCA2TDUzLjAxMzkgNkw1My4wMTM5IDNMNTMuMDEzOSAtNC4zMjg2NGUtMDZMNDkuMDUyOCAtMy45ODIzNWUtMDZMNDkuMDUyOCAzWk02NC44OTcyIDIuOTk5OTlMNjQuODk3MiA1Ljk5OTk5TDY4Ljg1ODMgNS45OTk5OUw2OC44NTgzIDIuOTk5OTlMNjguODU4MyAtNS43MTM4MWUtMDZMNjQuODk3MiAtNS4zNjc1MmUtMDZMNjQuODk3MiAyLjk5OTk5Wk04MC43NDE3IDIuOTk5OTlMODAuNzQxNyA1Ljk5OTk5TDg0LjcwMjggNS45OTk5OUw4NC43MDI4IDIuOTk5OTlMODQuNzAyOCAtNy4wOTg5N2UtMDZMODAuNzQxNyAtNi43NTI2OGUtMDZMODAuNzQxNyAyLjk5OTk5Wk05Ni41ODYxIDIuOTk5OTlMOTYuNTg2MSA1Ljk5OTk5TDEwMC41NDcgNS45OTk5OUwxMDAuNTQ3IDIuOTk5OTlMMTAwLjU0NyAtOC40ODQxNGUtMDZMOTYuNTg2MSAtOC4xMzc4NWUtMDZMOTYuNTg2MSAyLjk5OTk5Wk0xMTIuNDMxIDIuOTk5OTlMMTEyLjQzMSA1Ljk5OTk5TDExNi4zOTIgNS45OTk5OUwxMTYuMzkyIDIuOTk5OTlMMTE2LjM5MiAtOS44NjkzZS0wNkwxMTIuNDMxIC05LjUyMzAxZS0wNkwxMTIuNDMxIDIuOTk5OTlaTTEyOC4yNzUgMi45OTk5OUwxMjguMjc1IDUuOTk5OTlMMTMyLjIzNiA1Ljk5OTk5TDEzMi4yMzYgMi45OTk5OUwxMzIuMjM2IC0xLjEyNTQ1ZS0wNUwxMjguMjc1IC0xLjA5MDgyZS0wNUwxMjguMjc1IDIuOTk5OTlaTTE0NC4xMTkgMi45OTk5OUwxNDQuMTE5IDUuOTk5OTlMMTQ4LjA4MSA1Ljk5OTk5TDE0OC4wODEgMi45OTk5OUwxNDguMDgxIC0xLjI2Mzk2ZS0wNUwxNDQuMTE5IC0xLjIyOTMzZS0wNUwxNDQuMTE5IDIuOTk5OTlaTTE1OS45NjQgMi45OTk5OUwxNTkuOTY0IDUuOTk5OTlMMTYzLjkyNSA1Ljk5OTk5TDE2My45MjUgMi45OTk5OUwxNjMuOTI1IC0xLjQwMjQ4ZS0wNUwxNTkuOTY0IC0xLjM2Nzg1ZS0wNUwxNTkuOTY0IDIuOTk5OTlaTTE3NS44MDggMi45OTk5OEwxNzUuODA4IDUuOTk5OThMMTc5Ljc2OSA1Ljk5OTk4TDE3OS43NjkgMi45OTk5OEwxNzkuNzY5IC0xLjU0MWUtMDVMMTc1LjgwOCAtMS41MDYzN2UtMDVMMTc1LjgwOCAyLjk5OTk4Wk0xOTEuNjUzIDIuOTk5OThMMTkxLjY1MyA1Ljk5OTk4TDE5NS42MTQgNS45OTk5OEwxOTUuNjE0IDIuOTk5OThMMTk1LjYxNCAtMS42Nzk1MWUtMDVMMTkxLjY1MyAtMS42NDQ4OGUtMDVMMTkxLjY1MyAyLjk5OTk4Wk0yMDcuNDk3IDIuOTk5OThMMjA3LjQ5NyA1Ljk5OTk4TDIxMS40NTggNS45OTk5OEwyMTEuNDU4IDIuOTk5OThMMjExLjQ1OCAtMS44MTgwM2UtMDVMMjA3LjQ5NyAtMS43ODM0ZS0wNUwyMDcuNDk3IDIuOTk5OThaTTIyMy4zNDIgMi45OTk5OEwyMjMuMzQyIDUuOTk5OThMMjI3LjMwMyA1Ljk5OTk4TDIyNy4zMDMgMi45OTk5OEwyMjcuMzAzIC0xLjk1NjU1ZS0wNUwyMjMuMzQyIC0xLjkyMTkyZS0wNUwyMjMuMzQyIDIuOTk5OThaTTIzOS4xODYgMi45OTk5OEwyMzkuMTg2IDUuOTk5OThMMjQzLjE0NyA1Ljk5OTk4TDI0My4xNDcgMi45OTk5OEwyNDMuMTQ3IC0yLjA5NTA2ZS0wNUwyMzkuMTg2IC0yLjA2MDQzZS0wNUwyMzkuMTg2IDIuOTk5OThaTTI1NS4wMyAyLjk5OTk4TDI1NS4wMyA1Ljk5OTk4TDI1OC45OTIgNS45OTk5OEwyNTguOTkyIDIuOTk5OThMMjU4Ljk5MiAtMi4yMzM1OGUtMDVMMjU1LjAzIC0yLjE5ODk1ZS0wNUwyNTUuMDMgMi45OTk5OFpNMjcwLjg3NSAyLjk5OTk4TDI3MC44NzUgNS45OTk5OEwyNzQuODM2IDUuOTk5OThMMjc0LjgzNiAyLjk5OTk4TDI3NC44MzYgLTIuMzcyMWUtMDVMMjcwLjg3NSAtMi4zMzc0N2UtMDVMMjcwLjg3NSAyLjk5OTk4Wk0yODYuNzE5IDIuOTk5OThMMjg2LjcxOSA1Ljk5OTk4TDI5MC42OCA1Ljk5OTk3TDI5MC42OCAyLjk5OTk3TDI5MC42OCAtMi41MTA2MWUtMDVMMjg2LjcxOSAtMi40NzU5OGUtMDVMMjg2LjcxOSAyLjk5OTk4Wk0zMDIuNTY0IDIuOTk5OTdMMzAyLjU2NCA1Ljk5OTk3TDMwNi41MjUgNS45OTk5N0wzMDYuNTI1IDIuOTk5OTdMMzA2LjUyNSAtMi42NDkxM2UtMDVMMzAyLjU2NCAtMi42MTQ1ZS0wNUwzMDIuNTY0IDIuOTk5OTdaTTMxOC40MDggMi45OTk5N0wzMTguNDA4IDUuOTk5OTdMMzIyLjM2OSA1Ljk5OTk3TDMyMi4zNjkgMi45OTk5N0wzMjIuMzY5IC0yLjc4NzY0ZS0wNUwzMTguNDA4IC0yLjc1MzAyZS0wNUwzMTguNDA4IDIuOTk5OTdaTTMzNC4yNTMgMi45OTk5N0wzMzQuMjUzIDUuOTk5OTdMMzM4LjIxNCA1Ljk5OTk3TDMzOC4yMTQgMi45OTk5N0wzMzguMjE0IC0yLjkyNjE2ZS0wNUwzMzQuMjUzIC0yLjg5MTUzZS0wNUwzMzQuMjUzIDIuOTk5OTdaTTM1MC4wOTcgMi45OTk5N0wzNTAuMDk3IDUuOTk5OTdMMzU0LjA1OCA1Ljk5OTk3TDM1NC4wNTggMi45OTk5N0wzNTQuMDU4IC0zLjA2NDY4ZS0wNUwzNTAuMDk3IC0zLjAzMDA1ZS0wNUwzNTAuMDk3IDIuOTk5OTdaTTM2NS45NDIgMi45OTk5N0wzNjUuOTQyIDUuOTk5OTdMMzY5LjkwMyA1Ljk5OTk3TDM2OS45MDMgMi45OTk5N0wzNjkuOTAzIC0zLjIwMzE5ZS0wNUwzNjUuOTQyIC0zLjE2ODU3ZS0wNUwzNjUuOTQyIDIuOTk5OTdaTTM4MS43ODYgMi45OTk5N0wzODEuNzg2IDUuOTk5OTdMMzg1Ljc0NyA1Ljk5OTk3TDM4NS43NDcgMi45OTk5N0wzODUuNzQ3IC0zLjM0MTcxZS0wNUwzODEuNzg2IC0zLjMwNzA4ZS0wNUwzODEuNzg2IDIuOTk5OTdaTTM5Ny42MzEgMi45OTk5N0wzOTcuNjMxIDUuOTk5OTdMNDAxLjU5MiA1Ljk5OTk3TDQwMS41OTIgMi45OTk5N0w0MDEuNTkyIC0zLjQ4MDIzZS0wNUwzOTcuNjMxIC0zLjQ0NTZlLTA1TDM5Ny42MzEgMi45OTk5N1pNNDEzLjQ3NSAyLjk5OTk2TDQxMy40NzUgNS45OTk5Nkw0MTcuNDM2IDUuOTk5OTZMNDE3LjQzNiAyLjk5OTk2TDQxNy40MzYgLTMuNjE4NzRlLTA1TDQxMy40NzUgLTMuNTg0MTJlLTA1TDQxMy40NzUgMi45OTk5NlpNNDI5LjMxOSAyLjk5OTk2TDQyOS4zMTkgNS45OTk5Nkw0MzMuMjgxIDUuOTk5OTZMNDMzLjI4MSAyLjk5OTk2TDQzMy4yODEgLTMuNzU3MjZlLTA1TDQyOS4zMTkgLTMuNzIyNjNlLTA1TDQyOS4zMTkgMi45OTk5NlpNNDQ1LjE2NCAyLjk5OTk2TDQ0NS4xNjQgNS45OTk5Nkw0NDkuMTI1IDUuOTk5OTZMNDQ5LjEyNSAyLjk5OTk2TDQ0OS4xMjUgLTMuODk1NzhlLTA1TDQ0NS4xNjQgLTMuODYxMTVlLTA1TDQ0NS4xNjQgMi45OTk5NlpNNDYxLjAwOCAyLjk5OTk2TDQ2MS4wMDggNS45OTk5Nkw0NjQuOTY5IDUuOTk5OTZMNDY0Ljk2OSAyLjk5OTk2TDQ2NC45NjkgLTQuMDM0MjllLTA1TDQ2MS4wMDggLTMuOTk5NjZlLTA1TDQ2MS4wMDggMi45OTk5NlpNNDc2Ljg1MyAyLjk5OTk2TDQ3Ni44NTMgNS45OTk5Nkw0ODAuODE0IDUuOTk5OTZMNDgwLjgxNCAyLjk5OTk2TDQ4MC44MTQgLTQuMTcyODFlLTA1TDQ3Ni44NTMgLTQuMTM4MThlLTA1TDQ3Ni44NTMgMi45OTk5NlpNNDkyLjY5NyAyLjk5OTk2TDQ5Mi42OTcgNS45OTk5Nkw0OTYuNjU4IDUuOTk5OTZMNDk2LjY1OCAyLjk5OTk2TDQ5Ni42NTggLTQuMzExMzNlLTA1TDQ5Mi42OTcgLTQuMjc2N2UtMDVMNDkyLjY5NyAyLjk5OTk2Wk01MDguNTQyIDIuOTk5OTZMNTA4LjU0MiA1Ljk5OTk2TDUxMi41MDMgNS45OTk5Nkw1MTIuNTAzIDIuOTk5OTZMNTEyLjUwMyAtNC40NDk4NGUtMDVMNTA4LjU0MiAtNC40MTUyMWUtMDVMNTA4LjU0MiAyLjk5OTk2Wk01MjQuMzg2IDIuOTk5OTVMNTI0LjM4NiA1Ljk5OTk1TDUyOC4zNDcgNS45OTk5NUw1MjguMzQ3IDIuOTk5OTVMNTI4LjM0NyAtNC41ODgzNmUtMDVMNTI0LjM4NiAtNC41NTM3M2UtMDVMNTI0LjM4NiAyLjk5OTk1Wk01NDAuMjMxIDIuOTk5OTVMNTQwLjIzMSA1Ljk5OTk1TDU0NC4xOTIgNS45OTk5NUw1NDQuMTkyIDIuOTk5OTVMNTQ0LjE5MiAtNC43MjY4OGUtMDVMNTQwLjIzMSAtNC42OTIyNWUtMDVMNTQwLjIzMSAyLjk5OTk1Wk01NTYuMDc1IDIuOTk5OTVMNTU2LjA3NSA1Ljk5OTk1TDU2MC4wMzYgNS45OTk5NUw1NjAuMDM2IDIuOTk5OTVMNTYwLjAzNiAtNC44NjUzOWUtMDVMNTU2LjA3NSAtNC44MzA3N2UtMDVMNTU2LjA3NSAyLjk5OTk1Wk01NzEuOTIgMi45OTk5NUw1NzEuOTIgNS45OTk5NUw1NzUuODgxIDUuOTk5OTVMNTc1Ljg4MSAyLjk5OTk1TDU3NS44ODEgLTUuMDAzOTFlLTA1TDU3MS45MiAtNC45NjkyOGUtMDVMNTcxLjkyIDIuOTk5OTVaTTU4Ny43NjQgMi45OTk5NUw1ODcuNzY0IDUuOTk5OTVMNTkxLjcyNSA1Ljk5OTk1TDU5MS43MjUgMi45OTk5NUw1OTEuNzI1IC01LjE0MjQzZS0wNUw1ODcuNzY0IC01LjEwNzhlLTA1TDU4Ny43NjQgMi45OTk5NVpNNjAzLjYwOSAyLjk5OTk1TDYwMy42MDkgNS45OTk5NUw2MDcuNTcgNS45OTk5NUw2MDcuNTcgMi45OTk5NUw2MDcuNTcgLTUuMjgwOTRlLTA1TDYwMy42MDkgLTUuMjQ2MzJlLTA1TDYwMy42MDkgMi45OTk5NVpNNjE5LjQ1MyAyLjk5OTk1TDYxOS40NTMgNS45OTk5NUw2MjMuNDE0IDUuOTk5OTVMNjIzLjQxNCAyLjk5OTk1TDYyMy40MTQgLTUuNDE5NDZlLTA1TDYxOS40NTMgLTUuMzg0ODNlLTA1TDYxOS40NTMgMi45OTk5NVpNNjM1LjI5NyAyLjk5OTk0TDYzNS4yOTcgNS45OTk5NEw2MzkuMjU5IDUuOTk5OTRMNjM5LjI1OSAyLjk5OTk0TDYzOS4yNTkgLTUuNTU3OThlLTA1TDYzNS4yOTcgLTUuNTIzMzVlLTA1TDYzNS4yOTcgMi45OTk5NFpNNjUxLjE0MiAyLjk5OTk0TDY1MS4xNDIgNS45OTk5NEw2NTUuMTAzIDUuOTk5OTRMNjU1LjEwMyAyLjk5OTk0TDY1NS4xMDMgLTUuNjk2NWUtMDVMNjUxLjE0MiAtNS42NjE4N2UtMDVMNjUxLjE0MiAyLjk5OTk0Wk02NjYuOTg3IDIuOTk5OTRMNjY2Ljk4NyA1Ljk5OTk0TDY3MC45NDggNS45OTk5NEw2NzAuOTQ4IDIuOTk5OTRMNjcwLjk0OCAtNS44MzUwMWUtMDVMNjY2Ljk4NyAtNS44MDAzOGUtMDVMNjY2Ljk4NyAyLjk5OTk0Wk02ODIuODMxIDIuOTk5OTRMNjgyLjgzMSA1Ljk5OTk0TDY4Ni43OTIgNS45OTk5NEw2ODYuNzkyIDIuOTk5OTRMNjg2Ljc5MiAtNS45NzM1M2UtMDVMNjgyLjgzMSAtNS45Mzg5ZS0wNUw2ODIuODMxIDIuOTk5OTRaTTY5OC42NzUgMi45OTk5NEw2OTguNjc1IDUuOTk5OTRMNzAyLjYzNyA1Ljk5OTk0TDcwMi42MzcgMi45OTk5NEw3MDIuNjM3IC02LjExMjA1ZS0wNUw2OTguNjc1IC02LjA3NzQyZS0wNUw2OTguNjc1IDIuOTk5OTRaTTcxNC41MiAyLjk5OTk0TDcxNC41MiA1Ljk5OTk0TDcxNi41IDUuOTk5OTRMNzE2LjUgMi45OTk5NEw3MTYuNSAtNi4yMzMyNGUtMDVMNzE0LjUyIC02LjIxNTkzZS0wNUw3MTQuNTIgMi45OTk5NFoiIGZpbGw9IiNFOUVCRUUiLz4KPC9zdmc+Cg==);
  background-repeat: repeat-x;
  background-position: center;
  background-size: contain;
}

.discount-item-price {
  padding: 14px 0 18px;
  text-align: center;
  font-weight: 600;
  font-size: 32px;
  line-height: 1.45;
  color: var(--base-black-color);
  border-radius: 12px;
  background-color: var(--yellow-color);
}

.discount-item-price.bg-grey {
  background-color: var(--base-gray-color-01);
}

.discount-item-date {
  display: flex;
  align-items: center;
  grid-gap: 12px;
  padding: 0 24px;
  white-space: nowrap;
  border-radius: 12px;
  background: var(--base-gray-color-01);
}

.discount-item-date-item {
  font-weight: 600;
  font-size: 28px;
  line-height: 1.4;
  color: var(--base-black-color);
}

.discount-item-date-item span {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.4;
  color: var(--base-gray-color-05);
}

.discount-item-separator {
  font-size: 24px;
  line-height: 1.5;
  color: var(--base-gray-color-05);
}

@media screen and (max-width: 1920px) {
  .discount-item-box {
    padding: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .discount-item-box,
  .discount-item-bottom {
    border-radius: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .discount-item-title {
    margin-bottom: calc(12px + (16 - 12) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .discount-item-text {
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .discount-item-bottom {
    padding: calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .discount-item-price {
    padding: calc(12px + (14 - 12) * ((100vw - 1536px) / (1920 - 1536))) 0 calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(10px + (12 - 10) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .discount-item-date-item {
    font-size: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .discount-item-date-item span {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .discount-item-separator {
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .discount-item-price {
    padding: calc(10px + (12 - 10) * ((100vw - 1366px) / (1536 - 1366))) 0 calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(20px + (28 - 20) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: 10px;
  }

  .discount-item-bottom {
    padding: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .discount-item-text {
    margin-bottom: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .discount-item-title {
    margin-bottom: 12px;
    font-size: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .discount-item-box,
  .discount-item-bottom {
    border-radius: 20px;
  }

  .discount-item-box {
    padding: calc(28px + (32 - 28) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .discount-item-item {
    padding: 6px calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: calc(6px + (8 - 6) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .discount-item-date {
    grid-gap: calc(8px + (12 - 8) * ((100vw - 1366px) / (1536 - 1366)));
    padding: 0 calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .discount-item-date-item {
    font-size: calc(18px + (24 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .discount-item-date-item span {
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .discount-item-separator {
    font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .discount-item-date {
    grid-gap: 8px;
    padding: 0 20px;
  }

  .discount-item-date-item {
    font-size: 18px;
  }

  .discount-item-date-item span {
    font-size: 14px;
  }

  .discount-item-separator {
    font-size: 18px;
  }

  .discount-item-price {
    padding: 10px 0 14px;
    font-size: 20px;
    border-radius: 10px;
  }

  .discount-item-bottom {
    padding: 12px;
  }

  .discount-item-bottom:before {
    top: -1px;
    height: 2px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzI0IiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCAzMjQgNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMgMEwtMi42MjI2OGUtMDcgMi42MjI2OGUtMDdMMi42MjI2OGUtMDcgNkwzIDZMMyAwWk01LjAwNjI1IDZMOC4wMDYyNSA2TDguMDA2MjUgLTQuMzc2NmUtMDdMNS4wMDYyNSAtMS43NTM5MmUtMDdMNS4wMDYyNSA2Wk0xNy4wNDM4IC0xLjIyNzc0ZS0wNkwxNC4wNDM4IC05LjY1NDc1ZS0wN0wxNC4wNDM4IDZMMTcuMDQzOCA2TDE3LjA0MzggLTEuMjI3NzRlLTA2Wk0yMS4wNTYzIDZMMjQuMDU2MyA2TDI0LjA1NjMgLTEuODQwOGUtMDZMMjEuMDU2MyAtMS41Nzg1M2UtMDZMMjEuMDU2MyA2Wk0zMy4wOTM4IC0yLjYzMDg4ZS0wNkwzMC4wOTM4IC0yLjM2ODYxZS0wNkwzMC4wOTM4IDZMMzMuMDkzOCA2TDMzLjA5MzggLTIuNjMwODhlLTA2Wk0zNy4xMDYzIDZMNDAuMTA2MyA2TDQwLjEwNjMgLTMuMjQzOTNlLTA2TDM3LjEwNjMgLTIuOTgxNjZlLTA2TDM3LjEwNjMgNlpNNDkuMTQzOCAtNC4wMzQwMmUtMDZMNDYuMTQzOCAtMy43NzE3NWUtMDZMNDYuMTQzOCA2TDQ5LjE0MzggNkw0OS4xNDM4IC00LjAzNDAyZS0wNlpNNTMuMTU2MyA2TDU2LjE1NjMgNkw1Ni4xNTYzIC00LjY0NzA3ZS0wNkw1My4xNTYzIC00LjM4NDhlLTA2TDUzLjE1NjMgNlpNNjUuMTkzOCAtNS40MzcxNWUtMDZMNjIuMTkzOCAtNS4xNzQ4OGUtMDZMNjIuMTkzOCA1Ljk5OTk5TDY1LjE5MzggNS45OTk5OUw2NS4xOTM4IC01LjQzNzE1ZS0wNlpNNjkuMjA2MyA1Ljk5OTk5TDcyLjIwNjMgNS45OTk5OUw3Mi4yMDYzIC02LjA1MDJlLTA2TDY5LjIwNjMgLTUuNzg3OTNlLTA2TDY5LjIwNjMgNS45OTk5OVpNODEuMjQzOCAtNi44NDAyOWUtMDZMNzguMjQzOCAtNi41NzgwMmUtMDZMNzguMjQzOCA1Ljk5OTk5TDgxLjI0MzggNS45OTk5OUw4MS4yNDM4IC02Ljg0MDI5ZS0wNlpNODUuMjU2MiA1Ljk5OTk5TDg4LjI1NjIgNS45OTk5OUw4OC4yNTYyIC03LjQ1MzM0ZS0wNkw4NS4yNTYyIC03LjE5MTA3ZS0wNkw4NS4yNTYyIDUuOTk5OTlaTTk3LjI5MzcgLTguMjQzNDJlLTA2TDk0LjI5MzcgLTcuOTgxMTVlLTA2TDk0LjI5MzcgNS45OTk5OUw5Ny4yOTM3IDUuOTk5OTlMOTcuMjkzNyAtOC4yNDM0MmUtMDZaTTEwMS4zMDYgNS45OTk5OUwxMDQuMzA2IDUuOTk5OTlMMTA0LjMwNiAtOC44NTY0N2UtMDZMMTAxLjMwNiAtOC41OTQyZS0wNkwxMDEuMzA2IDUuOTk5OTlaTTExMy4zNDQgLTkuNjQ2NTZlLTA2TDExMC4zNDQgLTkuMzg0MjllLTA2TDExMC4zNDQgNS45OTk5OUwxMTMuMzQ0IDUuOTk5OTlMMTEzLjM0NCAtOS42NDY1NmUtMDZaTTExNy4zNTYgNS45OTk5OUwxMjAuMzU2IDUuOTk5OTlMMTIwLjM1NiAtMS4wMjU5NmUtMDVMMTE3LjM1NiAtOS45OTczNGUtMDZMMTE3LjM1NiA1Ljk5OTk5Wk0xMjkuMzk0IC0xLjEwNDk3ZS0wNUwxMjYuMzk0IC0xLjA3ODc0ZS0wNUwxMjYuMzk0IDUuOTk5OTlMMTI5LjM5NCA1Ljk5OTk5TDEyOS4zOTQgLTEuMTA0OTdlLTA1Wk0xMzMuNDA2IDUuOTk5OTlMMTM2LjQwNiA1Ljk5OTk5TDEzNi40MDYgLTEuMTY2MjdlLTA1TDEzMy40MDYgLTEuMTQwMDVlLTA1TDEzMy40MDYgNS45OTk5OVpNMTQ1LjQ0NCAtMS4yNDUyOGUtMDVMMTQyLjQ0NCAtMS4yMTkwNmUtMDVMMTQyLjQ0NCA1Ljk5OTk5TDE0NS40NDQgNS45OTk5OUwxNDUuNDQ0IC0xLjI0NTI4ZS0wNVpNMTQ5LjQ1NiA1Ljk5OTk5TDE1Mi40NTYgNS45OTk5OUwxNTIuNDU2IC0xLjMwNjU5ZS0wNUwxNDkuNDU2IC0xLjI4MDM2ZS0wNUwxNDkuNDU2IDUuOTk5OTlaTTE2MS40OTQgLTEuMzg1NmUtMDVMMTU4LjQ5NCAtMS4zNTkzN2UtMDVMMTU4LjQ5NCA1Ljk5OTk5TDE2MS40OTQgNS45OTk5OUwxNjEuNDk0IC0xLjM4NTZlLTA1Wk0xNjUuNTA2IDUuOTk5OTlMMTY4LjUwNiA1Ljk5OTk5TDE2OC41MDYgLTEuNDQ2OWUtMDVMMTY1LjUwNiAtMS40MjA2N2UtMDVMMTY1LjUwNiA1Ljk5OTk5Wk0xNzcuNTQ0IC0xLjUyNTkxZS0wNUwxNzQuNTQ0IC0xLjQ5OTY4ZS0wNUwxNzQuNTQ0IDUuOTk5OTlMMTc3LjU0NCA1Ljk5OTk4TDE3Ny41NDQgLTEuNTI1OTFlLTA1Wk0xODEuNTU2IDUuOTk5OThMMTg0LjU1NiA1Ljk5OTk4TDE4NC41NTYgLTEuNTg3MjJlLTA1TDE4MS41NTYgLTEuNTYwOTllLTA1TDE4MS41NTYgNS45OTk5OFpNMTkzLjU5NCAtMS42NjYyMmUtMDVMMTkwLjU5NCAtMS42NGUtMDVMMTkwLjU5NCA1Ljk5OTk4TDE5My41OTQgNS45OTk5OEwxOTMuNTk0IC0xLjY2NjIyZS0wNVpNMTk3LjYwNiA1Ljk5OTk4TDIwMC42MDYgNS45OTk5OEwyMDAuNjA2IC0xLjcyNzUzZS0wNUwxOTcuNjA2IC0xLjcwMTNlLTA1TDE5Ny42MDYgNS45OTk5OFpNMjA5LjY0NCAtMS44MDY1NGUtMDVMMjA2LjY0NCAtMS43ODAzMWUtMDVMMjA2LjY0NCA1Ljk5OTk4TDIwOS42NDQgNS45OTk5OEwyMDkuNjQ0IC0xLjgwNjU0ZS0wNVpNMjEzLjY1NiA1Ljk5OTk4TDIxNi42NTYgNS45OTk5OEwyMTYuNjU2IC0xLjg2Nzg0ZS0wNUwyMTMuNjU2IC0xLjg0MTYyZS0wNUwyMTMuNjU2IDUuOTk5OThaTTIyNS42OTQgLTEuOTQ2ODVlLTA1TDIyMi42OTQgLTEuOTIwNjJlLTA1TDIyMi42OTQgNS45OTk5OEwyMjUuNjk0IDUuOTk5OThMMjI1LjY5NCAtMS45NDY4NWUtMDVaTTIyOS43MDYgNS45OTk5OEwyMzIuNzA2IDUuOTk5OThMMjMyLjcwNiAtMi4wMDgxNmUtMDVMMjI5LjcwNiAtMS45ODE5M2UtMDVMMjI5LjcwNiA1Ljk5OTk4Wk0yNDEuNzQ0IC0yLjA4NzE2ZS0wNUwyMzguNzQ0IC0yLjA2MDk0ZS0wNUwyMzguNzQ0IDUuOTk5OThMMjQxLjc0NCA1Ljk5OTk4TDI0MS43NDQgLTIuMDg3MTZlLTA1Wk0yNDUuNzU2IDUuOTk5OThMMjQ4Ljc1NiA1Ljk5OTk4TDI0OC43NTYgLTIuMTQ4NDdlLTA1TDI0NS43NTYgLTIuMTIyMjRlLTA1TDI0NS43NTYgNS45OTk5OFpNMjU3Ljc5NCAtMi4yMjc0OGUtMDVMMjU0Ljc5NCAtMi4yMDEyNWUtMDVMMjU0Ljc5NCA1Ljk5OTk4TDI1Ny43OTQgNS45OTk5OEwyNTcuNzk0IC0yLjIyNzQ4ZS0wNVpNMjYxLjgwNiA1Ljk5OTk4TDI2NC44MDYgNS45OTk5OEwyNjQuODA2IC0yLjI4ODc4ZS0wNUwyNjEuODA2IC0yLjI2MjU2ZS0wNUwyNjEuODA2IDUuOTk5OThaTTI3My44NDQgLTIuMzY3NzllLTA1TDI3MC44NDQgLTIuMzQxNTZlLTA1TDI3MC44NDQgNS45OTk5OEwyNzMuODQ0IDUuOTk5OThMMjczLjg0NCAtMi4zNjc3OWUtMDVaTTI3Ny44NTYgNS45OTk5OEwyODAuODU2IDUuOTk5OThMMjgwLjg1NiAtMi40MjkxZS0wNUwyNzcuODU2IC0yLjQwMjg3ZS0wNUwyNzcuODU2IDUuOTk5OThaTTI4OS44OTQgLTIuNTA4MTFlLTA1TDI4Ni44OTQgLTIuNDgxODhlLTA1TDI4Ni44OTQgNS45OTk5OEwyODkuODk0IDUuOTk5OTdMMjg5Ljg5NCAtMi41MDgxMWUtMDVaTTI5My45MDYgNS45OTk5N0wyOTYuOTA2IDUuOTk5OTdMMjk2LjkwNiAtMi41Njk0MWUtMDVMMjkzLjkwNiAtMi41NDMxOGUtMDVMMjkzLjkwNiA1Ljk5OTk3Wk0zMDUuOTQ0IC0yLjY0ODQyZS0wNUwzMDIuOTQ0IC0yLjYyMjE5ZS0wNUwzMDIuOTQ0IDUuOTk5OTdMMzA1Ljk0NCA1Ljk5OTk3TDMwNS45NDQgLTIuNjQ4NDJlLTA1Wk0zMDkuOTU2IDUuOTk5OTdMMzEyLjk1NiA1Ljk5OTk3TDMxMi45NTYgLTIuNzA5NzJlLTA1TDMwOS45NTYgLTIuNjgzNWUtMDVMMzA5Ljk1NiA1Ljk5OTk3Wk0zMjEuOTk0IC0yLjc4ODczZS0wNUwzMTguOTk0IC0yLjc2MjUxZS0wNUwzMTguOTk0IDUuOTk5OTdMMzIxLjk5NCA1Ljk5OTk3TDMyMS45OTQgLTIuNzg4NzNlLTA1Wk0zIDNMMyA2TDUuMDA2MjUgNkw1LjAwNjI1IDNMNS4wMDYyNSAtMS43NTM5MmUtMDdMMyAwTDMgM1pNMTcuMDQzOCAzTDE3LjA0MzggNkwyMS4wNTYzIDZMMjEuMDU2MyAzTDIxLjA1NjMgLTEuNTc4NTNlLTA2TDE3LjA0MzggLTEuMjI3NzRlLTA2TDE3LjA0MzggM1pNMzMuMDkzOCAzTDMzLjA5MzggNkwzNy4xMDYzIDZMMzcuMTA2MyAzTDM3LjEwNjMgLTIuOTgxNjZlLTA2TDMzLjA5MzggLTIuNjMwODhlLTA2TDMzLjA5MzggM1pNNDkuMTQzOCAzTDQ5LjE0MzggNkw1My4xNTYzIDZMNTMuMTU2MyAzTDUzLjE1NjMgLTQuMzg0OGUtMDZMNDkuMTQzOCAtNC4wMzQwMmUtMDZMNDkuMTQzOCAzWk02NS4xOTM4IDIuOTk5OTlMNjUuMTkzOCA1Ljk5OTk5TDY5LjIwNjMgNS45OTk5OUw2OS4yMDYzIDIuOTk5OTlMNjkuMjA2MyAtNS43ODc5M2UtMDZMNjUuMTkzOCAtNS40MzcxNWUtMDZMNjUuMTkzOCAyLjk5OTk5Wk04MS4yNDM4IDIuOTk5OTlMODEuMjQzOCA1Ljk5OTk5TDg1LjI1NjIgNS45OTk5OUw4NS4yNTYyIDIuOTk5OTlMODUuMjU2MiAtNy4xOTEwN2UtMDZMODEuMjQzOCAtNi44NDAyOWUtMDZMODEuMjQzOCAyLjk5OTk5Wk05Ny4yOTM3IDIuOTk5OTlMOTcuMjkzNyA1Ljk5OTk5TDEwMS4zMDYgNS45OTk5OUwxMDEuMzA2IDIuOTk5OTlMMTAxLjMwNiAtOC41OTQyZS0wNkw5Ny4yOTM3IC04LjI0MzQyZS0wNkw5Ny4yOTM3IDIuOTk5OTlaTTExMy4zNDQgMi45OTk5OUwxMTMuMzQ0IDUuOTk5OTlMMTE3LjM1NiA1Ljk5OTk5TDExNy4zNTYgMi45OTk5OUwxMTcuMzU2IC05Ljk5NzM0ZS0wNkwxMTMuMzQ0IC05LjY0NjU2ZS0wNkwxMTMuMzQ0IDIuOTk5OTlaTTEyOS4zOTQgMi45OTk5OUwxMjkuMzk0IDUuOTk5OTlMMTMzLjQwNiA1Ljk5OTk5TDEzMy40MDYgMi45OTk5OUwxMzMuNDA2IC0xLjE0MDA1ZS0wNUwxMjkuMzk0IC0xLjEwNDk3ZS0wNUwxMjkuMzk0IDIuOTk5OTlaTTE0NS40NDQgMi45OTk5OUwxNDUuNDQ0IDUuOTk5OTlMMTQ5LjQ1NiA1Ljk5OTk5TDE0OS40NTYgMi45OTk5OUwxNDkuNDU2IC0xLjI4MDM2ZS0wNUwxNDUuNDQ0IC0xLjI0NTI4ZS0wNUwxNDUuNDQ0IDIuOTk5OTlaTTE2MS40OTQgMi45OTk5OUwxNjEuNDk0IDUuOTk5OTlMMTY1LjUwNiA1Ljk5OTk5TDE2NS41MDYgMi45OTk5OUwxNjUuNTA2IC0xLjQyMDY3ZS0wNUwxNjEuNDk0IC0xLjM4NTZlLTA1TDE2MS40OTQgMi45OTk5OVpNMTc3LjU0NCAyLjk5OTk4TDE3Ny41NDQgNS45OTk5OEwxODEuNTU2IDUuOTk5OThMMTgxLjU1NiAyLjk5OTk4TDE4MS41NTYgLTEuNTYwOTllLTA1TDE3Ny41NDQgLTEuNTI1OTFlLTA1TDE3Ny41NDQgMi45OTk5OFpNMTkzLjU5NCAyLjk5OTk4TDE5My41OTQgNS45OTk5OEwxOTcuNjA2IDUuOTk5OThMMTk3LjYwNiAyLjk5OTk4TDE5Ny42MDYgLTEuNzAxM2UtMDVMMTkzLjU5NCAtMS42NjYyMmUtMDVMMTkzLjU5NCAyLjk5OTk4Wk0yMDkuNjQ0IDIuOTk5OThMMjA5LjY0NCA1Ljk5OTk4TDIxMy42NTYgNS45OTk5OEwyMTMuNjU2IDIuOTk5OThMMjEzLjY1NiAtMS44NDE2MmUtMDVMMjA5LjY0NCAtMS44MDY1NGUtMDVMMjA5LjY0NCAyLjk5OTk4Wk0yMjUuNjk0IDIuOTk5OThMMjI1LjY5NCA1Ljk5OTk4TDIyOS43MDYgNS45OTk5OEwyMjkuNzA2IDIuOTk5OThMMjI5LjcwNiAtMS45ODE5M2UtMDVMMjI1LjY5NCAtMS45NDY4NWUtMDVMMjI1LjY5NCAyLjk5OTk4Wk0yNDEuNzQ0IDIuOTk5OThMMjQxLjc0NCA1Ljk5OTk4TDI0NS43NTYgNS45OTk5OEwyNDUuNzU2IDIuOTk5OThMMjQ1Ljc1NiAtMi4xMjIyNGUtMDVMMjQxLjc0NCAtMi4wODcxNmUtMDVMMjQxLjc0NCAyLjk5OTk4Wk0yNTcuNzk0IDIuOTk5OThMMjU3Ljc5NCA1Ljk5OTk4TDI2MS44MDYgNS45OTk5OEwyNjEuODA2IDIuOTk5OThMMjYxLjgwNiAtMi4yNjI1NmUtMDVMMjU3Ljc5NCAtMi4yMjc0OGUtMDVMMjU3Ljc5NCAyLjk5OTk4Wk0yNzMuODQ0IDIuOTk5OThMMjczLjg0NCA1Ljk5OTk4TDI3Ny44NTYgNS45OTk5OEwyNzcuODU2IDIuOTk5OThMMjc3Ljg1NiAtMi40MDI4N2UtMDVMMjczLjg0NCAtMi4zNjc3OWUtMDVMMjczLjg0NCAyLjk5OTk4Wk0yODkuODk0IDIuOTk5OTdMMjg5Ljg5NCA1Ljk5OTk3TDI5My45MDYgNS45OTk5N0wyOTMuOTA2IDIuOTk5OTdMMjkzLjkwNiAtMi41NDMxOGUtMDVMMjg5Ljg5NCAtMi41MDgxMWUtMDVMMjg5Ljg5NCAyLjk5OTk3Wk0zMDUuOTQ0IDIuOTk5OTdMMzA1Ljk0NCA1Ljk5OTk3TDMwOS45NTYgNS45OTk5N0wzMDkuOTU2IDIuOTk5OTdMMzA5Ljk1NiAtMi42ODM1ZS0wNUwzMDUuOTQ0IC0yLjY0ODQyZS0wNUwzMDUuOTQ0IDIuOTk5OTdaTTMyMS45OTQgMi45OTk5N0wzMjEuOTk0IDUuOTk5OTdMMzI0IDUuOTk5OTdMMzI0IDIuOTk5OTdMMzI0IC0yLjgwNjI3ZS0wNUwzMjEuOTk0IC0yLjc4ODczZS0wNUwzMjEuOTk0IDIuOTk5OTdaIiBmaWxsPSIjRTlFQkVFIi8+Cjwvc3ZnPgo=);
  }

  .discount-item-item {
    padding: 6px 12px;
    font-size: 14px;
    border-radius: 6px;
  }

  .discount-item-text {
    margin-bottom: 20px;
    font-size: 16px;
  }

  .discount-item-title {
    font-size: 20px;
  }

  .discount-item-box {
    padding: 28px;
  }
}

@media screen and (max-width: 1024px) {
  .discount-item-box {
    padding: calc(24px + (28 - 24) * ((100vw - 393px) / (1024 - 393)));
  }

  .discount-item-text {
    margin-bottom: calc(16px + (20 - 16) * ((100vw - 393px) / (1024 - 393)));
  }

  .discount-item-bottom {
    padding: calc(8px + (12 - 8) * ((100vw - 393px) / (1024 - 393)));
  }

  .discount-item-date {
    grid-gap: calc(16px + (8 - 16) * ((100vw - 393px) / (1024 - 393)));
    padding: 0 calc(16px + (20 - 16) * ((100vw - 393px) / (1024 - 393)));
  }
}

/* AND discount-item */

/* start policy */
.policy__content {
  max-width: 1024px;
  width: 100%;
}

.policy__subtitle {
  font-weight: 700;
  /* font-size: 40px; */
  line-height: 135%;
}

.policy__section-title {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 40px;
  font-weight: 700;
  font-size: 32px;
  line-height: 1.3;
}

.policy__section-title span {
  width: 32px;
}

.policy__section:has(.subsection) {
  counter-increment: section;
}

.policy__text {
  font-size: 20px;
  line-height: 1.5;
  color: var(--base-gray-color-08);
}

.policy__text ul,
.policy__text ol {
  margin: 0;
  padding: 0;
}

.policy__text ol {
  list-style: none;
}

.policy__text ol>li {
  position: relative;
  padding-left: 40px;
  counter-increment: section;
}

.policy__text ol>li:before {
  content: counter(section) ".";
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  display: inline-block;
  text-align: left;
  font-weight: 700;
  color: var(--primary-brand-color);
}

.policy__text ol>li:not(:last-child) {
  margin-bottom: 32px;
}

.policy__text ol>li ul {
  padding-left: 1.2rem;
}

.policy__text ol>li ul>li:not(:last-child) {
  margin-bottom: 20px;
}

.policy__text ol.subsection>li {
  counter-increment: subsection;
}

.policy__text ol.subsection>li:before {
  content: counter(section) "." counter(subsection) ".";
}

.policy__text ol.subsection>li ul>li:not(:last-child) {
  margin-bottom: 16px;
}

.policy__text ul {
  list-style: disc;
}

.policy__text ul li::marker {
  color: var(--primary-brand-color);
}

.policy__text p:not(:last-child) {
  margin-bottom: 20px;
}

.policy__text .step-item__row .step-item__link {
  margin-left: 24px;
  margin-right: 0;
}

@media screen and (max-width: 1920px) {
  .policy__content {
    max-width: calc(872px + (1024 - 872) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .policy__section-title {
    margin-bottom: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .policy__section-title span {
    width: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .policy__text {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .policy__text ol>li {
    padding-left: calc(36px + (40 - 36) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .policy__text ol>li:before {
    width: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .policy__text ol>li:not(:last-child) {
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .policy__text ol>li ul>li:not(:last-child) {
    margin-bottom: calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .policy__text p:not(:last-child) {
    margin-bottom: calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .policy__text .step-item__row .step-item__link {
    margin-left: calc(16px + (24 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .policy__content {
    max-width: calc(792px + (872 - 792) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .policy__section-title {
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .policy__section-title span {
    width: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .policy__text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .policy__text ol>li {
    padding-left: calc(32px + (36 - 32) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .policy__text ol>li:before {
    width: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .policy__text ol>li:not(:last-child) {
    margin-bottom: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .policy__text ol>li ul li:not(:last-child) {
    margin-bottom: 16px;
  }

  .policy__text p:not(:last-child) {
    margin-bottom: 16px;
  }

  .policy__text .step-item__row .step-item__link {
    margin-left: calc(8px + (16 - 8) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .policy__content {
    max-width: 792px;
  }

  .policy__section-title {
    margin-bottom: calc(20px + (24 - 20) * ((100vw - 1024px) / (1366 - 1024)));
    font-size: calc(20px + (24 - 20) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .policy__section-title span {
    width: calc(20px + (24 - 20) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .policy__text {
    font-size: 16px;
  }

  .policy__text ol>li {
    padding-left: 32px;
  }

  .policy__text ol>li:before {
    width: 24px;
  }

  .policy__text ol>li:not(:last-child) {
    margin-bottom: calc(16px + (20 - 16) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .policy__text .step-item__row .step-item__link {
    margin-left: 8px;
  }
}

@media screen and (max-width: 1024px) {
  .policy__content {
    max-width: 100%;
  }

  .policy__section-title {
    margin-bottom: calc(16px + (20 - 16) * ((100vw - 393px) / (1024 - 393)));
    font-size: calc(18px + (20 - 18) * ((100vw - 393px) / (1024 - 393)));
  }

  .policy__section-title span {
    width: 20px;
  }

  .policy__text ol>li:not(:last-child) {
    margin-bottom: 16px;
  }
}

/* AND policy */

/* start laying-types */
.laying-types__slider-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 56px;
}

.laying-types__slider-pagination {
  position: unset;
  max-width: 496px;
  width: 100%;
  height: 8px !important;
  overflow: hidden;
  border-radius: 4px;
  background-color: var(--base-gray-color-02);
}

.laying-types__slider-pagination>.swiper-scrollbar-drag {
  overflow: hidden;
  border-radius: 4px;
  background-color: var(--base-black-color);
}

.laying-types__slider-navigation {
  display: flex;
  align-items: center;
  gap: 16px;
}

.laying-types__slider-navigation-btn.swiper-button-disabled {
  opacity: 0.6;
  pointer-events: none;
}

.laying-types__slide {
  height: auto;
  padding: 28px 24px;
  border-radius: 20px;
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
  background-color: var(--base-white-color);
}

.laying-types__slide-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.laying-types__slide-pic {
  height: 320px;
  overflow: hidden;
  border-radius: 16px;
  background-color: var(--base-gray-color-01);
  cursor: pointer;
}

.laying-types__slide-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.laying-types__slide-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.laying-types__slide-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.5;
  color: var(--base-gray-color-07);
}

.laying-types__slide-desc {
  font-size: 18px;
  line-height: 1.5;
  color: var(--base-gray-color-06);
}

@media screen and (max-width: 1920px) {
  .laying-types__slider-bottom {
    margin-top: calc(40px + (56 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .laying-types__slider-pagination {
    max-width: calc(424px + (496 - 424) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .laying-types__slide {
    padding: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536))) 24px;
    border-radius: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .laying-types__slide-pic {
    height: calc(280px + (320 - 280) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .laying-types__slide-title {
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .laying-types__slide-desc {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .laying-types__slider-bottom {
    margin-top: calc(32px + (40 - 32) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .laying-types__slider-pagination {
    max-width: calc(388px + (424 - 388) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .laying-types__slide {
    padding: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .laying-types__slide-wrap {
    gap: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .laying-types__slide-pic {
    height: calc(240px + (280 - 240) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .laying-types__slide-body {
    gap: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .laying-types__slide-title {
    font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .laying-types__slide-desc {
    font-size: 16px;
  }
}

@media screen and (max-width: 1366px) {
  .laying-types__slider-bottom {
    margin-top: 32px;
  }

  .laying-types__slider-pagination {
    max-width: 388px;
    height: 6px !important;
  }

  .laying-types__slide {
    padding: 20px;
    border-radius: 16px;
  }

  .laying-types__slide-wrap,
  .laying-types__slide-body {
    gap: 12px;
  }

  .laying-types__slide-pic {
    height: 240px;
    border-radius: 14px;
  }

  .laying-types__slide-title {
    font-size: 18px;
  }
}

/* AND laying-types */

/* start transport */
.transport__wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}

.transport__item {
  padding: 40px;
  border-radius: 24px;
  box-shadow: 0px 4px 12px 0px rgba(141, 177, 195, 0.08);
  background-color: var(--base-white-color);
}

.transport__item-wrapper {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.transport__item-pic {
  height: 460px;
  border-radius: 20px;
  overflow: hidden;
}

.transport__item-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.transport__item-body {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.transport__item-title {
  font-weight: 700;
  font-size: 32px;
  line-height: 1.3;
}

.transport__item-desc {
  font-size: 20px;
  line-height: 1.5;
  color: var(--base-gray-color-08);
}

.transport__item-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.transport__item-info_wrap {
  display: grid;
  grid-template-columns: 1fr 280px;
  align-items: end;
  gap: 8px;
  font-size: 18px;
  line-height: 1.5;
}

.transport__item-info_label {
  display: flex;
  align-items: baseline;
  gap: 8px;
  white-space: nowrap;
  color: var(--base-gray-color-05);
}

.transport__item-info_label:after {
  content: "";
  flex: 1;
  height: 1px;
  border-bottom: 1px solid var(--base-gray-color-02);
}

@media screen and (max-width: 1920px) {
  .transport__wrapper {
    gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .transport__item {
    padding: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .transport__item-wrapper {
    gap: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .transport__item-pic {
    height: calc(420px + (460 - 420) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .transport__item-body {
    gap: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .transport__item-title {
    font-size: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .transport__item-desc {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .transport__item-info_wrap {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .transport__wrapper {
    gap: calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .transport__item {
    padding: calc(28px + (32 - 28) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .transport__item-wrapper {
    gap: calc(28px + (32 - 28) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .transport__item-pic {
    height: calc(380px + (420 - 380) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: 16px;
  }

  .transport__item-body {
    gap: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .transport__item-title {
    font-size: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .transport__item-desc {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .transport__item-info {
    gap: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .transport__item-info_wrap {
    font-size: 16px;
    grid-template-columns: 1fr 260px;
  }
}

@media screen and (max-width: 1366px) {
  .transport__wrapper {
    gap: 16px;
  }

  .transport__item {
    padding: calc(24px + (28 - 24) * ((100vw - 1024px) / (1366 - 1024)));
    border-radius: calc(16px + (18 - 16) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .transport__item-wrapper {
    gap: calc(24px + (28 - 24) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .transport__item-pic {
    height: calc(340px + (380 - 340) * ((100vw - 1024px) / (1366 - 1024)));
    border-radius: calc(12px + (16 - 12) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .transport__item-body {
    gap: 16px;
  }

  .transport__item-title {
    font-size: calc(20px + (24 - 20) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .transport__item-desc {
    font-size: 16px;
  }

  .transport__item-info {
    gap: 12px;
  }

  .transport__item-info_wrap {
    grid-template-columns: 1fr 240px;
  }
}

@media screen and (max-width: 1024px) {
  .transport__item {
    padding: calc(20px + (24 - 20) * ((100vw - 393px) / (1024 - 393)));
    border-radius: 16px;
  }

  .transport__item-wrapper {
    gap: calc(20px + (24 - 20) * ((100vw - 393px) / (1024 - 393)));
  }

  .transport__item-pic {
    height: calc(280px + (340 - 280) * ((100vw - 393px) / (1024 - 393)));
    border-radius: 12px;
  }

  .transport__item-title {
    font-size: calc(18px + (20 - 18) * ((100vw - 393px) / (1024 - 393)));
  }

  .transport__item-info_wrap {
    grid-template-columns: 1fr 114px;
  }

  .transport__item-info_label {
    white-space: normal;
  }
}

@media screen and (max-width: 768px) {
  .transport__wrapper {
    grid-template-columns: 1fr;
  }

  .transport__item-info_wrap {
    grid-template-columns: 1fr 100px;
  }
}

/* AND transport */

/* start sale*/
.sale__wrapper {
  display: flex;
  gap: 32px;
}

.sale__content {
  flex: 0 1 100%;
  padding-right: 56px;
}

.sale__aside {
  max-width: 628px;
  width: 100%;
}

.sale__info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
}

.sale__time .discount-item-date {
  padding: 8px 24px 12px;
  background-color: var(--base-white-color);
}

.sale__expire {
  font-size: 18px;
  line-height: 1.5;
  color: #686871;
}

.sale__expire b {
  color: #282829;
  font-weight: 500;
}

.sale__text {
  font-size: 20px;
  line-height: 1.5;
}

.sale__text p:not(:last-child) {
  margin-bottom: 32px;
}

.sale__box {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 32px 40px;
  border-radius: 20px;
  box-shadow: 0px 4px 12px 0px rgba(141, 177, 195, 0.12);
  background-color: var(--base-white-color);
}

.sale__box:not(:last-child) {
  margin-bottom: 16px;
}

.sale__box-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sale__box-discount {
  max-width: 202px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.sale__box-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.5;
}

.sale__box-num {
  padding: 6px 16px 8px;
  font-weight: 700;
  font-size: 28px;
  line-height: 1.4;
  border-radius: 12px;
  background-color: var(--yellow-color);
}

.sale__box-desc {
  font-size: 18px;
  line-height: 1.5;
}

.sale__form {
  padding: 40px;
  border-radius: 24px;
  border-top-left-radius: 0;
  background-color: var(--base-white-color);
}

.sale__form-title {
  margin-bottom: 32px;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.5;
}

@media screen and (max-width: 1920px) {
  .sale__wrapper {
    gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .sale__content {
    padding-right: calc(48px + (56 - 48) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .sale__aside {
    max-width: calc(536px + (628 - 536) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .sale__info {
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .sale__time .discount-item-date {
    padding-top: calc(6px + (8 - 6) * ((100vw - 1536px) / (1920 - 1536)));
    padding-bottom: calc(8px + (12 - 8) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .sale__expire {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .sale__text p:not(:last-child) {
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .sale__box {
    padding: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536))) calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .sale__box-discount {
    max-width: calc(168px + (202 - 168) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .sale__box-title {
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .sale__box-desc {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .sale__box-num {
    font-size: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .sale__form {
    padding: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .sale__form-title {
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .sale__wrapper {
    gap: 24px;
  }

  .sale__content {
    padding-right: 48px;
  }

  .sale__aside {
    max-width: calc(489px + (536 - 489) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .sale__info {
    margin-bottom: 24px;
  }

  .sale__time .discount-item-date {
    padding: 4px 20px 10px;
  }

  .sale__expire {
    font-size: 16px;
  }

  .sale__text {
    font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .sale__text p:not(:last-child) {
    margin-bottom: 24px;
  }

  .sale__box {
    padding: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366))) calc(24px + (32 - 24) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .sale__box-discount {
    max-width: calc(150px + (168 - 150) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .sale__box-title {
    font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .sale__box-desc {
    font-size: 16px;
  }

  .sale__box-num {
    font-size: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .sale__form {
    padding: calc(28px + (32 - 28) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .sale__form-title {
    margin-bottom: calc(28px + (32 - 28) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .sale__aside {
    max-width: 489px;
  }

  .sale__text {
    font-size: 18px;
  }

  .sale__box {
    padding: 20px 24px;
    border-radius: 16px;
  }

  .sale__box-discount {
    max-width: 150px;
  }

  .sale__box-title {
    font-size: 18px;
  }

  .sale__box-num {
    font-size: 20px;
  }

  .sale__form {
    padding: 28px;
  }
}

@media screen and (max-width: 1200px) {
  .sale__wrapper {
    flex-wrap: wrap;
    gap: 48px;
  }

  .sale__aside {
    max-width: 100%;
  }

  .sale__content {
    padding-right: 0;
  }

  .sale__title {
    max-width: 564px;
    width: 100%;
  }

  .sale__box-discount {
    max-width: 244px;
  }
}

@media screen and (max-width: 1024px) {
  .sale__wrapper {
    gap: calc(40px + (48 - 40) * ((100vw - 393px) / (1024 - 393)));
  }

  .sale__info {
    margin-bottom: calc(20px + (24 - 20) * ((100vw - 393px) / (1024 - 393)));
  }

  .sale__text p:not(:last-child) {
    margin-bottom: calc(20px + (24 - 20) * ((100vw - 393px) / (1024 - 393)));
  }

  .sale__box {
    padding: calc(16px + (20 - 16) * ((100vw - 393px) / (1024 - 393))) calc(20px + (24 - 20) * ((100vw - 393px) / (1024 - 393)));
  }

  .sale__form {
    padding: calc(24px + (28 - 24) * ((100vw - 393px) / (1024 - 393)));
  }

  .sale__form-title {
    margin-bottom: calc(24px + (28 - 24) * ((100vw - 393px) / (1024 - 393)));
    font-size: calc(18px + (20 - 18) * ((100vw - 393px) / (1024 - 393)));
  }
}

@media screen and (max-width: 768px) {
  .sale__info {
    flex-wrap: wrap;
    gap: 16px;
  }

  .sale__expire {
    flex: 0 1 100%;
  }

  .sale__time .discount-item-date {
    padding: 4px 16px 10px;
  }

  .sale__box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, auto);
  }

  .sale__box-main {
    grid-area: 1/1/2/3;
  }

  .sale__box-main .sale__box-desc {
    display: none;
  }

  .sale__box-discount:nth-child(2) {
    grid-area: 2/1/3/2;
  }

  .sale__box-discount:nth-child(3) {
    grid-area: 2/2/3/3;
  }
}

/* AND sale*/

/* start other-discounts */
.other-discounts__heading,
.discount-products__heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.other-discounts__slider-item,
.discount-products__slider-item {
  height: auto;
}

.other-discounts__slider-item .discount-item,
.discount-products__slider-item .discount-item {
  width: 100%;
}

@media screen and (max-width: 768px) {

  .other-discounts,
  .discount-products {
    position: relative;
    padding-bottom: 72px;
  }

  .other-discounts__link,
  .discount-products__link {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}

/* AND other-discounts */

/* start not-found */
.not-found {
  padding-top: 208px;
}

.not-found__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.not-found__content {
  max-width: 628px;
  width: 100%;
}

.not-found__title {
  margin-bottom: 32px;
}

.not-found__desc {
  margin-bottom: 56px;
  font-size: 24px;
  line-height: 1.5;
  color: var(--base-gray-color-06);
}

.not-found__video {
  max-width: 775px;
  width: 100%;
  height: 475px;
}

.not-found__video img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 1920px) {
  .not-found {
    padding-top: calc(168px + (208 - 168) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .not-found__content {
    max-width: calc(536px + (628 - 536) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .not-found__title {
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .not-found__desc {
    margin-bottom: calc(48px + (56 - 48) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .not-found__video {
    max-width: calc(536px + (775 - 536) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(403px + (475 - 403) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .not-found {
    padding-top: calc(156px + (168 - 156) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .not-found__content {
    max-width: calc(440px + (536 - 440) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .not-found__title {
    margin-bottom: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .not-found__desc {
    margin-bottom: calc(40px + (48 - 40) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .not-found__video {
    max-width: calc(489px + (536 - 489) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(367px + (403 - 367) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .not-found {
    padding-top: calc(112px + (156 - 112) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .not-found__content {
    max-width: 440px;
  }

  .not-found__title {
    margin-bottom: calc(16px + (20 - 16) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .not-found__desc {
    margin-bottom: 40px;
    font-size: 18px;
  }

  .not-found__video {
    max-width: 489px;
    height: 367px;
  }
}

@media screen and (max-width: 1200px) {
  .not-found__wrapper {
    flex-direction: column-reverse;
    gap: 40px;
  }
}

@media screen and (max-width: 1024px) {
  .not-found {
    padding-top: calc(88px + (112 - 88) * ((100vw - 393px) / (1024 - 393)));
  }

  .not-found__content {
    text-align: center;
  }

  .not-found__video {
    max-width: calc(393px + (604 - 393) * ((100vw - 393px) / (1024 - 393)));
    height: calc(241px + (370 - 241) * ((100vw - 393px) / (1024 - 393)));
  }

  .not-found__title {
    margin-bottom: calc(12px + (16 - 12) * ((100vw - 393px) / (1024 - 393)));
  }

  .not-found__desc {
    margin-bottom: calc(32px + (40 - 32) * ((100vw - 393px) / (1024 - 393)));
  }
}

/* AND not-found */



/*start product-withstand*/
.product-withstand__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 32px;
  align-items: center;
}

.product-withstand__image img {
  width: 100%;
}

.product-withstand__content {}

.product-withstand__text-big {
  margin-top: 56px;
  color: #282829;
  font-size: 24px;
  line-height: 150%;
}

.product-withstand__text-big b {
  font-weight: 600;
}

.product-withstand__text-mini {
  margin-top: 32px;
  color: #444446;
  font-size: 20px;
  line-height: 150%;
}

.product-withstand__text-mini b {
  font-weight: 600;
}

.product-withstand__image {
  display: flex;
  /* justify-content: center; */
}

.product-withstand__image-tile {
  width: 660px;
  height: 635px;
  /* height: 300px; */
  /* background: url('/local/templates/nobetec/css/../img/test.png') center/cover no-repeat; */
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
}

.product-withstand__image-ice {
  position: absolute;
  inset: 0;
  /* background: url('/local/templates/nobetec/css/../img/texture-1.png') center/cover repeat; */
  background-position: center;
  background-size: 110%;
  background-repeat: repeat;
  opacity: 0.9;
  mix-blend-mode: screen;
  filter: contrast(1.2) brightness(1.1);
  pointer-events: none;
  animation-name: example;
  animation-duration: 15s;
  animation-iteration-count: infinite;
}

@keyframes example {
  0% {
    opacity: 0;
  }

  40% {
    opacity: 0.9;
  }

  60% {
    opacity: 0.9;
  }

  100% {
    opacity: 0;
  }
}

@media (max-width: 1920px) {
  .product-withstand__text-big {
    margin-top: calc(40px + (56 - 40) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .product-withstand__text-mini {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    margin-top: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .product-withstand__inner {
    grid-gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    /* grid-template-columns: 1fr calc(
            650px + (760 - 650) * ((100vw - 1536px) / (1920 - 1536))
          ); */
  }

  .product-withstand__image-tile {
    height: calc(580px + (635 - 580) * ((100vw - 1536px) / (1920 - 1536)));
    width: calc(560px + (660 - 560) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .product-withstand__text-big {
    font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
    margin-top: calc(32px + (40 - 32) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .product-withstand__text-mini {
    margin-top: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .product-withstand__inner {
    grid-gap: calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
    /* grid-template-columns: 1fr calc(
            590px + (650 - 590) * ((100vw - 1366px) / (1536 - 1366))
          ); */
  }

  .product-withstand__image-tile {
    width: calc(490px + (560 - 490) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(510px + (580 - 510) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .product-withstand__text-big {
    margin-top: 32px;
    font-size: 18px;
  }

  .product-withstand__text-mini {
    margin-top: 20px;
    font-size: 16px;
  }

  .product-withstand__inner {
    grid-gap: 16px;
  }
}

@media (max-width: 1200px) {
  .product-withstand__inner {
    grid-template-columns: 1fr;
    grid-gap: 56px;
  }

  .product-withstand__image-tile {
    width: 395px;
    height: 410px;
  }

  .product-withstand__image {
    justify-content: center;
  }
}

@media (max-width: 1024px) {
  .product-withstand__text-big {
    margin-top: calc(24px + (32 - 24) * ((100vw - 390px) / (1024 - 390)));
  }

  .product-withstand__text-mini {
    margin-top: calc(16px + (20 - 16) * ((100vw - 390px) / (1024 - 390)));
  }

  .product-withstand__inner {
    grid-gap: calc(40px + (56 - 40) * ((100vw - 390px) / (1024 - 390)));
  }

  .product-withstand__image-tile {
    width: calc(280px + (395 - 280) * ((100vw - 390px) / (1024 - 390)));
    height: calc(290px + (410 - 290) * ((100vw - 390px) / (1024 - 390)));
  }
}

@media (max-width: 390px) {
  .product-withstand__text-big {
    margin-top: 24px;
  }

  .product-withstand__text-mini {
    margin-top: 16px;
  }

  .product-withstand__inner {
    grid-gap: 40px;
  }
}

/*end product-withstand*/

.test-input {
  position: relative;
}

.test-input__suggestions {
  border: 1px solid #ccc;
  max-width: 300px;
  position: absolute;
  background: white;
  z-index: 1000;
}

.test-input__suggestions div {
  padding: 5px;
  cursor: pointer;
}

.test-input__suggestions div:hover {
  background-color: #eee;
}

/*start order-registration*/
.order-registration__wrapper {
  margin-top: 244px;
}

.order-registration__back {
  display: flex;
}

.order-registration__back-btn {
  display: flex;
  grid-gap: 8px;
  position: relative;
  align-items: center;
}

.order-registration__title {
  margin-bottom: 56px;
}

.order-registration__back-btn::before {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
}

.order-registration__back-img {
  display: flex;
}

.order-registration__back-text {
  color: #37383a;
  font-size: 16px;
  line-height: 150%;
}

.order-registration__inner {
  display: grid;
  grid-template-columns: 1fr 470px;
  grid-gap: 56px;
}

.order-registration__step {
  border-radius: 24px;
  background: #fff;
  padding: 48px;
  box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);
}

.order-registration__step+.order-registration__step {
  margin-top: 16px;
}

.order-registration__step-top {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
  grid-gap: 24px;
}

.order-registration__step-num {
  border-radius: 16px;
  background: #fff2e8;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ff6800;
  font-size: 24px;
  font-weight: 600;
  line-height: 150%;
}

.order-registration__step-title {
  color: #282829;
  font-size: 28px;
  font-weight: 600;
  line-height: 140%;
}

.order-registration__user-label {
  padding-top: 16px;
  display: flex;
}

.order-registration__result-block .basket-result__box {
  margin-bottom: 0;
}

.order-registration__content {
  /* overflow: hidden; */
}

.order-registration__receiving-check {
  display: flex;
  grid-gap: 20px;
  color: #37383a;
  font-size: 18px;
  align-items: center;
  line-height: 150%;
}

.order-registration__user-items .contact-form-base__wrap {
  grid-gap: 16px;
}

@media (max-width: 1920px) {
  .order-registration__inner {
    grid-gap: calc(40px + (56 - 40) * ((100vw - 1536px) / (1920 - 1536)));
    grid-template-columns: 1fr calc(410px + (470 - 410) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .order-registration__title {
    margin-bottom: calc(40px + (56 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .order-registration__step {
    padding: calc(40px + (48 - 40) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .order-registration__step-num {
    width: calc(52px + (56 - 52) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(52px + (56 - 52) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .order-registration__step-top {
    margin-bottom: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
    grid-gap: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .order-registration__step-title {
    font-size: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .order-registration__wrapper {
    margin-top: calc(216px + (244 - 216) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .order-registration__back-text {
    font-size: calc(14px + (16 - 14) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .order-registration__receiving-check {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    grid-gap: calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .order-registration__receiving-check {
    font-size: 16px;
    grid-gap: 16px;
  }

  .order-registration__back-text {
    font-size: 14px;
  }

  .order-registration__inner {
    grid-gap: calc(32px + (40 - 32) * ((100vw - 1366px) / (1536 - 1366)));
    grid-template-columns: 1fr calc(370px + (410 - 370) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .order-registration__title {
    margin-bottom: calc(32px + (40 - 32) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .order-registration__step {
    padding: calc(32px + (40 - 32) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .order-registration__step-num {
    width: calc(48px + (52 - 48) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(48px + (52 - 48) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .order-registration__step-top {
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 1366px) / (1536 - 1366)));
    grid-gap: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .order-registration__step-title {
    font-size: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .order-registration__wrapper {
    margin-top: calc(182px + (216 - 182) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .order-registration__inner {
    grid-gap: 32px;
  }

  .order-registration__title {
    margin-bottom: 32px;
  }

  .order-registration__step {
    padding: calc(24px + (32 - 24) * ((100vw - 1024px) / (1366 - 1024)));
    border-radius: calc(16px + (18 - 16) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .order-registration__step-num {
    width: 48px;
    height: 48px;
    font-size: 18px;
    border-radius: 12px;
  }

  .order-registration__step-top {
    grid-gap: 16px;
    margin-bottom: 24px;
  }

  .order-registration__step-title {
    font-size: 20px;
  }

  .order-registration__wrapper {
    margin-top: 182px;
  }
}

@media (max-width: 1300px) {
  .order-registration__inner {
    grid-template-columns: 1fr;
    grid-gap: 32px;
  }
}

@media (max-width: 1024px) {
  .order-registration__step {
    border-radius: 16px;
    padding: calc(20px + (24 - 20) * ((100vw - 390px) / (1024 - 390)));
  }

  .order-registration__title {
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 390px) / (1024 - 390)));
  }

  .order-registration__step-top {
    margin-bottom: calc(20px + (24 - 20) * ((100vw - 390px) / (1024 - 390)));
  }

  .order-registration__wrapper {
    margin-top: calc(108px + (182 - 108) * ((100vw - 390px) / (1024 - 390)));
  }

  .order-registration__back {
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 390px) / (1024 - 390))) !important;
  }
}

@media (max-width: 390px) {
  .order-registration__back {
    margin-bottom: 24px !important;
  }

  .order-registration__wrapper {
    margin-top: 108px;
  }

  .order-registration__title {
    margin-bottom: 24px;
  }

  .order-registration__step {
    padding: 20px;
  }

  .order-registration__step-top {
    margin-bottom: 24px;
  }
}

/*end order-registration*/

/*start tabs-project */
.tabs-project {
  display: flex;
  overflow: hidden;
}

.calculator-page__top-nav .tabs-project__buttons.swiper {
  background: #FFF;
  box-shadow: 0px 2px 6px 0px #8DB1C31F;
}

.calculator-page__top-nav .tabs-project__button.active {
  background: #F3F4F6;
}

.tabs-project__buttons.swiper {
  border-radius: 12px;
  background: #f3f4f6;
  padding: 6px;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}

.tabs-project__buttons .swiper-slide {
  width: auto;
}

.tabs-project__buttons .swiper-slide:last-child {
  margin-right: 0 !important;
}

.tabs-project__button {
  border-radius: 8px;
  transition: 0.3s;
  padding: 12px 24px;
  color: #444446;
  font-size: 18px;
  cursor: pointer;
  /* font-weight: 600; */
  font-weight: 700;
  /* line-height: 150%; */
  line-height: 28px;
}

.tabs-project__button:hover {
  background-color: #fff;
}

.tabs-project__button.active {
  background-color: #fff;
  color: #282829;
}

.tabs-project-inner__item {
  display: none;
}

.tabs-project-inner__item.active {
  display: block;
}

@media (max-width: 1920px) {
  .tabs-project__button {
    padding: 12px calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .tabs-project__buttons.swiper {
    padding: calc(4px + (6 - 4) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .tabs-project__button {
    padding: 12px calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
    line-height: calc(20px + (28 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .tabs-project__buttons.swiper {
    padding: 4px;
  }
}

@media (max-width: 1366px) {
  .tabs-project__button {
    padding: 12px 16px;
    font-size: 14px;
    line-height: 20px;
  }
}

@media (max-width: 1024px) {
  .tabs-project__button:hover {
    background-color: transparent;
  }

  .tabs-project__button.active:hover {
    background-color: #fff;
  }
}

/*end tabs-project*/

.comparison-tabs .tabs-project__buttons.swiper {
  background: #fff;
}

.comparison-tabs .tabs-project__button.active {
  background-color: #f3f4f6;
}

.comparison-tabs .tabs-project__button:hover {
  background-color: #f3f4f6;
}

/*start address-field*/
.address-field__text {
  color: #444446;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  margin-bottom: 8px;
}

.address-field__box {
  position: relative;
}

.address-field__item {
  z-index: 2;
  position: relative;
}

.address-field__wrap {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  width: 100%;

  z-index: 2;
  border-radius: 16px;
  border: 1px solid #e9ebee;
  background: #fff;
  padding: 12px;
  box-shadow: 0 4px 20px 0 rgba(141, 177, 195, 0.16);
  display: none;
}

.address-field__wrap.active {
  display: block;
}

.address-field__wrap-link {
  border-radius: 12px;
  padding: 12px 16px;
  color: #444446;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  cursor: pointer;
  transition: 0.3s;
}

.address-field__wrap-links {
  max-height: 300px;
  overflow-y: auto;
}

.address-field__wrap-links::-webkit-scrollbar {
  width: 4px;
  background-color: #e9ebee;
}

.address-field__wrap-links::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #444446;
}

.address-field__wrap-link:hover {
  background-color: #f3f4f6;
  color: #282829;
}

.address-field__input {
  border-radius: 12px;
  border: 1px solid #e9ebee;
  background: #f8f9fb;
  width: 100%;
  padding-right: 56px;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 24px;
  color: #282829;
  font-size: 18px;
  font-weight: 500;
  /* font-weight: 700; второй раз меняю */
  line-height: 150%;
  transition: 0.3s;
}

.address-field__input:hover {
  background: #f3f4f6;
  color: #282829;
}

.address-field__input.active {
  background-color: #f8f9fb;
  border-color: #e9ebee;
}

.address-field__input:focus {
  background-color: #f8f9fb;
  border-color: #e9ebee;
}

.address-field__placyholder {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 25px;
  right: 60px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  pointer-events: none;
  color: #93969c;
  font-size: 18px;
  line-height: 150%;
}

.address-field__box-icon {
  display: flex;
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.order-registration__receiving-check {
  margin-top: 40px;
}

.order-registration__receiving-address {
  margin-top: 40px;
}

.order-registration__receiving-address-check {
  margin-top: 16px;
  display: flex;
}

.order-registration__receiving-address-check .check-base__label::after {
  display: none !important;
}

.order-registration__receiving-delivery {
  display: none;
}

.order-registration__receiving-delivery.active {
  display: block;
}

.receiving-delivery__item {
  display: flex;
  align-items: flex-start;
  grid-gap: 12px;
}

.receiving-delivery__item .check-base__label::after {
  display: none !important;
}

.receiving-delivery__tooltip-icon {
  display: flex;
  cursor: pointer;
  position: relative;
  transform: translateY(3px);
}

.receiving-delivery__tooltip-icon::after {
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: 5px;
  content: "";
  position: absolute;
}

.receiving-delivery__tooltip-icon svg path {
  transition: 0.3s;
}

.receiving-delivery__tooltip-icon:hover svg path[stroke] {
  stroke: #282829;
}

.receiving-delivery {
  padding-top: 32px;
}

.receiving-delivery__result {
  margin-top: 32px;
  padding-top: 32px;
  border-top: 1px solid #f3f4f6;
}

.receiving-delivery__result-text {
  color: #282829;
  font-size: 20px;
  line-height: 150%;
}

.receiving-delivery__result-text b {
  font-weight: 600;
}

.receiving-delivery__result-links {
  margin-top: 24px;
}

.receiving-delivery__result-link {
  display: grid;
  grid-gap: 14px;

  align-items: flex-end;
  grid-template-columns: min-content minmax(30px, 1fr) min-content;
}

.receiving-delivery__result-link+.receiving-delivery__result-link {
  margin-top: 20px;
}

.receiving-delivery__result-opis {
  color: #686871;
  font-size: 18px;
  line-height: 150%;
  white-space: nowrap;
}

.receiving-delivery__result-line {
  height: 1px;
  background-color: #e9ebee;
}

.receiving-delivery__result-num {
  color: #282829;
  font-size: 18px;
  white-space: nowrap;
  font-weight: 600;
  line-height: 150%;
}

.receiving-delivery__result-all {
  margin-top: 24px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.receiving-delivery__top {
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
  grid-gap: 24px;
}

.receiving-delivery__result-all-opis {
  color: #686871;
  font-size: 24px;
  line-height: 150%;
}

.receiving-delivery__tooltip-element {
  max-width: 460px;
}

.receiving-delivery__result-all-num {
  color: #282829;
  font-size: 36px;
  font-weight: 600;
  line-height: 130%;
}

.receiving-pickup {
  padding-top: 40px;
}

.receiving-pickup__text {
  color: #282829;
  font-size: 20px;
  line-height: 150%;
}

.receiving-pickup__address {
  margin-top: 32px;
}

.receiving-pickup__address-title {
  color: #282829;
  font-size: 24px;
  margin-bottom: 20px;
  font-weight: 600;
  line-height: 150%;
}

.receiving-pickup__address-bottom {
  display: flex;
  grid-gap: 15px;
  align-items: center;
  justify-content: space-between;
}

.receiving-pickup__address-text.tooltip-project {
  cursor: pointer;
}

.receiving-pickup__address-text {
  color: #686871;
  font-size: 20px;
  line-height: 150%;
  display: flex;
  align-items: center;
  grid-gap: 8px;
}

.receiving-pickup__address-icon {
  display: flex;
  transform: translateY(2px);
}

.receiving-pickup__address-icon svg path {
  transition: 0.3s;
}

.receiving-pickup__address-icon:hover svg path {
  transition: 0.3s;
}

.receiving-pickup__address-text {
  transition: 0.3s;
}

.receiving-pickup__address-text:hover {
  color: #282829;
}

.receiving-pickup__address-text:hover .receiving-pickup__address-icon svg path[stroke] {
  stroke: #282829;
}

.receiving-pickup__condition {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  grid-gap: 16px;
}

.form-block__files {
  margin-top: 40px;
}

.form-block__files.active {
  /* background-color: red; */
}

.form-block__files-add {
  border-radius: 20px;
  border: 1px dashed #acadb0;
  position: relative;
  display: flex;
  padding: 40px;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}

.form-block__files-box-title {
  display: flex;
  grid-gap: 8px;
  align-items: center;
  color: #282829;
  justify-content: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 150%;
  margin-bottom: 12px;
}

.form-block__files-box-icon {
  display: flex;
}

.form-block__files-box-text {
  color: #686871;
  text-align: center;
  font-size: 18px;
  line-height: 150%;
}

.form-block__files-add:hover {
  border-color: #93969c;
  background: #f8f9fb;
}

.form-block__files-add.color {
  background: #f6f7ff;
  border-color: #8da1fd;
}

.form-block__files-add.active {
  display: none;
}

.form-block__add-input {
  position: absolute;
  top: 0;
  opacity: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 2;
}

.form-block__files-items.active {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 16px;
  align-items: center;
}

.form-block__files-items .file-attachment {
  margin-bottom: 0;
}

.form-block__files-items.active {
  margin-bottom: 40px;
}

.form-block__files-item {
  border-radius: 10px;
  border: 1px solid #f6f7ff;
  background: #fff;
  box-shadow: -3px 8px 20px 2px rgba(238, 242, 255, 0.4);
  display: grid;
  grid-template-columns: 32px 1fr 16px;
  grid-gap: 12px;
  align-items: center;
  padding: 12px 14px;
}

.form-block__files-item-img img {
  width: 32px;
}

.form-block__files-item-title {
  color: #434343;
  font-size: 16px;
  line-height: 140%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.form-block__files-item-box {
  overflow: hidden;
}

.form-block__files-item-size {
  color: #a2a8c5;
  font-size: 14px;
  line-height: 140%;
}

.form-block__files-item-delete span {
  width: 16px;
  height: 16px;
  display: block;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNzk2ODggNC4wMDA2N0gzLjEzMDY0TTYuOTk3MiA2LjgwMDg0VjExLjg2NzVNOS42NjQxOSA2LjgwMDg0VjExLjg2NzVNNS4xMzA2NCA0LjAwMDY3VjMuNDY3MzRWMi42Njc0NUM1LjEzMDY0IDEuNjM2NTIgNS45NjYzOCAwLjgwMDc4MSA2Ljk5NzMxIDAuODAwNzgxSDkuNjYzOThDMTAuNjk0OSAwLjgwMDc4MSAxMS41MzA2IDEuNjM2NTIgMTEuNTMwNiAyLjY2NzQ1VjMuNDY3MzRWNC4wMDA2N00zLjEzMDY0IDQuMDAwNjdIMTQuODYzNUgxMy41MzA2VjQuNTM0MDFWMTMuMzM0MUMxMy41MzA2IDE0LjM2NSAxMi42OTQ5IDE1LjIwMDggMTEuNjY0IDE1LjIwMDhINC45OTczMUMzLjk2NjM4IDE1LjIwMDggMy4xMzA2NCAxNC4zNjUgMy4xMzA2NCAxMy4zMzQxVjQuNTM0MDFWNC4wMDA2N1oiIHN0cm9rZT0iI0JFQkVFMCIgc3Ryb2tlLXdpZHRoPSIxLjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.form-block__files-item-delete {
  padding: 20px 10px;
  margin: -20px -10px;
  cursor: pointer;
}

@media (max-width: 1920px) {
  .order-registration__receiving-check {
    margin-top: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .order-registration__receiving-address {
    margin-top: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .receiving-pickup {
    padding-top: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .receiving-pickup__text {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .receiving-pickup__address {
    margin-top: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .receiving-pickup__address-title {
    margin-bottom: calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .receiving-pickup__address-text {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .receiving-pickup__condition {
    margin-top: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .receiving-delivery__top {
    grid-gap: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .receiving-delivery {
    padding-top: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .receiving-delivery__result {
    padding-top: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    margin-top: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .receiving-delivery__result-text {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .receiving-delivery__result-links {
    margin-top: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .receiving-delivery__result-num {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .receiving-delivery__result-opis {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .receiving-delivery__result-all {
    margin-top: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .receiving-delivery__result-all-opis {
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .receiving-delivery__result-all-num {
    font-size: calc(32px + (36 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .form-block__files-add {
    padding: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .form-block__files-box-title {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .form-block__files-box-text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .form-block__files-box-icon svg {
    width: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .form-block__files-items.active {
    margin-bottom: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .address-field__wrap-link {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .address-field__wrap {
    padding: calc(8px + (12 - 8) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .address-field__text {
    font-size: calc(14px + (16 - 14) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .address-field__input {
    padding-top: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    padding-bottom: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    padding-left: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    padding-right: calc(52px + (60 - 52) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .address-field__box-icon {
    right: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .address-field__box-icon svg {
    width: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .address-field__placyholder {
    right: calc(52px + (60 - 52) * ((100vw - 1536px) / (1920 - 1536)));
    left: calc(21px + (25 - 21) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .form-block__files {
    margin-top: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .address-field__placyholder {
    right: 52px;
    left: 21px;
    font-size: 16px;
  }

  .address-field__box-icon {
    right: 20px;
  }

  .address-field__box-icon svg {
    width: 20px;
    height: 20px;
  }

  .address-field__input {
    padding-left: 20px;
    padding-right: 52px;
    font-size: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .address-field__text {
    font-size: 14px;
  }

  .address-field__wrap-link {
    font-size: 16px;
  }

  .address-field__wrap {
    padding: 8px;
  }

  .form-block__files-box-icon svg {
    width: 20px;
    height: 20px;
  }

  .form-block__files-box-text {
    font-size: 16px;
  }

  .form-block__files-box-title {
    font-size: 18px;
    margin-bottom: calc(8px + (12 - 8) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .receiving-delivery__result-all-num {
    font-size: 32px;
  }

  .receiving-delivery__result-all-opis {
    font-size: 20px;
  }

  .receiving-delivery__result-all {
    margin-top: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .receiving-delivery__result-num {
    font-size: 16px;
  }

  .receiving-delivery__result-opis {
    font-size: 16px;
  }

  .order-registration__receiving-check {
    margin-top: calc(24px + (32 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .order-registration__receiving-address {
    margin-top: calc(24px + (32 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .receiving-pickup {
    padding-top: calc(24px + (32 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .receiving-pickup__text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .receiving-pickup__address {
    margin-top: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .receiving-pickup__address-title {
    margin-bottom: 16px;
    font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .receiving-pickup__address-text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .receiving-pickup__condition {
    margin-top: calc(24px + (32 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .receiving-pickup__condition {
    grid-gap: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .receiving-delivery__top {
    grid-gap: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .receiving-delivery {
    padding-top: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .receiving-delivery__result {
    padding-top: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
    margin-top: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .receiving-delivery__result-text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .receiving-delivery__result-links {
    margin-top: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .form-block__files-add {
    padding: calc(24px + (32 - 24) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .form-block__files-items.active {
    grid-gap: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .form-block__files {
    margin-top: calc(24px + (32 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .form-block__files {
    margin-top: 24px;
  }

  .form-block__files-items.active {
    margin-bottom: 24px;
    grid-gap: 12px;
  }

  .form-block__files-box-title {
    margin-bottom: 8px;
  }

  .form-block__files-add {
    padding: 24px;
    border-radius: 16px;
  }

  .receiving-delivery__result-all {
    margin-top: 16px;
  }

  .receiving-delivery__result-links {
    margin-top: 16px;
  }

  .receiving-delivery__result-text {
    font-size: 16px;
  }

  .receiving-delivery__result {
    padding-top: 20px;
    margin-top: 20px;
  }

  .receiving-pickup__condition {
    grid-gap: 12px;
  }

  .receiving-pickup__address-text {
    font-size: 16px;
  }

  .receiving-pickup__address-title {
    font-size: 18px;
  }

  .order-registration__receiving-check {
    margin-top: 24px;
  }

  .order-registration__receiving-address {
    margin-top: 24px;
  }

  .receiving-pickup {
    padding-top: 24px;
  }

  .receiving-pickup__text {
    font-size: 16px;
  }

  .receiving-pickup__address {
    margin-top: 20px;
  }

  .receiving-pickup__condition {
    margin-top: 24px;
  }

  .receiving-delivery__top {
    grid-gap: 16px;
    justify-content: space-between;
  }

  .receiving-delivery {
    padding-top: 20px;
  }
}

@media (max-width: 1024px) {
  .order-registration__receiving-check {
    margin-top: calc(20px + (24 - 20) * ((100vw - 390px) / (1024 - 390)));
  }

  .order-registration__receiving-address {
    margin-top: calc(20px + (24 - 20) * ((100vw - 390px) / (1024 - 390)));
  }

  .receiving-pickup {
    padding-top: calc(20px + (24 - 20) * ((100vw - 390px) / (1024 - 390)));
  }

  .receiving-pickup__address {
    margin-top: calc(16px + (20 - 16) * ((100vw - 390px) / (1024 - 390)));
  }

  .receiving-pickup__condition {
    margin-top: calc(20px + (24 - 20) * ((100vw - 390px) / (1024 - 390)));
  }

  .receiving-delivery {
    padding-top: calc(16px + (20 - 16) * ((100vw - 390px) / (1024 - 390)));
  }

  .receiving-delivery__result {
    padding-top: calc(16px + (20 - 16) * ((100vw - 390px) / (1024 - 390)));
    margin-top: calc(16px + (20 - 16) * ((100vw - 390px) / (1024 - 390)));
  }

  .receiving-delivery__result-num {
    font-size: calc(14px + (16 - 14) * ((100vw - 390px) / (1024 - 390)));
  }

  .receiving-delivery__result-opis {
    font-size: calc(14px + (16 - 14) * ((100vw - 390px) / (1024 - 390)));
  }

  .receiving-delivery__result-all-opis {
    font-size: calc(18px + (20 - 18) * ((100vw - 390px) / (1024 - 390)));
  }

  .receiving-delivery__result-all-num {
    font-size: calc(28px + (32 - 28) * ((100vw - 390px) / (1024 - 390)));
  }

  .form-block__files-box-text {
    font-size: calc(14px + (16 - 14) * ((100vw - 390px) / (1024 - 390)));
  }

  .form-block__files-items.active {
    margin-bottom: calc(20px + (24 - 20) * ((100vw - 390px) / (1024 - 390)));
  }

  .form-block__files {
    margin-top: calc(20px + (24 - 20) * ((100vw - 390px) / (1024 - 390)));
  }

  .address-field__input:hover {
    background: #f8f9fb;
    color: #282829;
  }

  .form-block__files-add:hover {
    border-color: #acadb0;
    background: transparent;
  }

  .address-field__wrap-link:hover {
    background-color: transparent;
    color: #444446;
  }
}

@media (max-width: 800px) {
  .receiving-pickup__address-bottom {
    grid-gap: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .receiving-delivery__top {
    flex-direction: column;
    grid-gap: 16px;
    align-items: flex-start;
  }

  .receiving-delivery__tooltip-element {
    max-width: 350px;
  }

  .receiving-delivery {
    padding-top: 28px;
  }

  .form-block__files-box-title {
    flex-direction: column;
  }

  .form-block__files-add {
    padding: 24px 20px;
  }
}

@media (max-width: 390px) {
  .form-block__files {
    margin-top: 20px;
  }

  .form-block__files-items.active {
    margin-bottom: 20px;
  }

  .form-block__files-box-text {
    font-size: 14px;
  }

  .receiving-delivery__result-all-num {
    font-size: 28px;
  }

  .receiving-delivery__result-all-opis {
    font-size: 18px;
  }

  .receiving-delivery__result-num {
    font-size: 14px;
  }

  .receiving-delivery__result-opis {
    font-size: 14px;
  }

  .receiving-delivery__result {
    padding-top: 16px;
    margin-top: 16px;
  }

  .receiving-delivery {
    /* padding-top: 16px; */
  }

  .receiving-pickup__condition {
    margin-top: 20px;
  }

  .order-registration__receiving-check {
    margin-top: 20px;
  }

  .order-registration__receiving-address {
    margin-top: 20px;
  }

  .receiving-pickup {
    padding-top: 20px;
  }

  .receiving-pickup__address {
    margin-top: 16px;
  }
}

/*end address-field*/

/*start button-quantity*/
.button-quantity {
  border-radius: 12px;
  border: 1px solid #e9ebee;
  background: #f8f9fb;
  width: 160px;
  padding: 3px;
  display: grid;
  grid-template-columns: min-content 1fr min-content;
  align-items: center;
  grid-gap: 4px;
}

.button-quantity__link {
  width: 40px;
  cursor: pointer;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: #fff;
  border: none;
  padding: 0;
  transition: 0.3s;
}

.button-quantity__link:hover {
  background-color: #ff6800;
}

.button-quantity__link svg path {
  transition: 0.3s;
}

.button-quantity__link:hover svg path[stroke] {
  stroke: #fff;
}

.button-quantity__link.disable {
  pointer-events: none;
}

.button-quantity__link.disable svg path[stroke] {
  stroke: #93969c;
}

.button-quantity__link-icon {
  display: flex;
}

.button-quantity__item {
  display: flex;
  align-items: center;
  justify-content: center;
}

.button-quantity__item-value {
  color: #282829;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  cursor: default;
}

@media (max-width: 1920px) {
  .button-quantity__link {
    width: calc(36px + (40 - 36) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(36px + (40 - 36) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .button-quantity__item-value {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .button-quantity {
    width: calc(152px + (160 - 152) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .button-quantity__link {
    width: 36px;
    height: 36px;
  }

  .button-quantity__item-value {
    font-size: 16px;
  }

  .button-quantity {
    width: 152px;
  }
}

@media (max-width: 1024px) {
  .button-quantity__link:hover {
    background-color: #fff;
  }

  .button-quantity__link:hover svg path[stroke] {
    stroke: #282829;
  }

  .button-quantity__link.disable:hover svg path[stroke] {
    stroke: #93969c;
  }
}

/*end button-quantity*/

/*start calculator-page*/
.calculator-page__top {
  display: flex;
  grid-gap: 20px;
  align-items: center;
  margin-bottom: 32px;
  justify-content: space-between;
}

.calculator-delivery-page .calculator-page__top {
  margin-bottom: 0;
}

@media (max-width: 1920px) {
  .calculator-page__top {
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .calculator-page__top {
    margin-bottom: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .calculator-page__top {
    margin-bottom: 20px;
  }
}

@media (max-width: 900px) {
  .calculator-page__top {
    flex-direction: column;
    align-items: flex-start;
    grid-gap: 20px;
  }
}

/*end calculator-page*/

/*start calculator-project*/
.calculator-project {
  max-width: 1664px;
  margin-left: auto;
  margin-right: auto;
  padding: 64px 58px;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 2px 6px 0 rgba(141, 177, 195, 0.12);
}

.calculator-project__inner {
  align-items: flex-end;
  display: grid;
  grid-template-columns: 760px 1fr;
  grid-gap: 80px;
}

.calculator-project__wrap {
  overflow: hidden;
  margin-bottom: auto;
}

.calculator-project__top {
  display: flex;
  grid-gap: 15px;
  margin-bottom: 32px;
  align-items: center;
  justify-content: space-between;
}

.calculator-project__select-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.calculator-project__select-delete {
  position: relative;
  display: flex;
  cursor: pointer;
  margin-right: 24px;
  opacity: 0;
  pointer-events: none;
}

.calculator-project__select-delete.active {
  opacity: 1;
  pointer-events: initial;
}

.calculator-project__select-delete svg path {
  transition: 0.3s;
}

.calculator-project__select-delete:hover svg path[stroke] {
  stroke: #282829;
}

.calculator-project__select-delete:hover svg path[fill] {
  fill: #282829;
}

.calculator-project__select-delete::before {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
}

.calculator-project__top-title {
  color: #282829;
  font-size: 32px;
  font-weight: 600;
  line-height: 130%;
}

.calculator-project__select-text {
  color: #444446;
  font-size: 16px;
  line-height: 150%;
  font-weight: 500;
}

.calculator-project__select-item {
  position: relative;
  cursor: pointer;
  overflow: hidden;
}

.calculator-project__select-check {
  border-radius: 12px;
  border: 1px solid #e9ebee;
  height: 64px;
  background: #f8f9fb;
  width: 100%;
  padding: 18px 50px 18px 24px;
  color: #93969c;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  transition: 0.3s;
  overflow: hidden;
}

.calculator-project__select-check:hover {
  background-color: var(--base-gray-color-01);
}

.calculator-project__select-drop {
  display: block;
  transform: translateY(15px);
  opacity: 0;
  transition: transform 0.3s, opacity 0.3s;
  pointer-events: none;
  position: fixed;
  z-index: 3;
  left: 0;
  right: 0;
  /* top: calc(100% + 6px); */
  border-radius: 16px;
  border: 1px solid #e9ebee;
  background: #fff;
  overflow: hidden;
  box-shadow: 0px 4px 20px 0px rgba(141, 177, 195, 0.16);
}

.calculator-project__select-drop.active {
  transform: translateY(0);
  opacity: 1;
  pointer-events: initial;
}

.calculator-project__select {
  position: relative;
}

.calculator-project__select-item.active .calculator-project__select-arrow {
  transform: rotate(180deg) translateY(50%);
}

.calculator-project__select-search.active-value .search-project__icon svg path[stroke] {
  stroke: #444446;
}

.calculator-project__select-arrow {
  position: absolute;
  right: 10px;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  right: 24px;
  display: flex;
  transition: 0.3s;
}

.calculator-project__select--locked .calculator-project__select-check {
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: default;
}

.calculator-project__select-tooltip {
  display: none;
  position: absolute;
  left: 0;
  top: -25%;
  z-index: 10;
  max-width: 100%;
  padding: 16px;
  font-size: 16px;
  line-height: 24px;
  color: #282829;
  border-radius: 12px;
  background: #fff;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  box-sizing: border-box;
  box-shadow: 0px 4px 12px 0px #7C8A9B29;
  border: 1px solid #E9EBEE;
  pointer-events: none;
}

@media (max-width: 1920px) {
  .calculator-project__select-tooltip {
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1920 - 1366)));
    line-height: calc(20px + (24 - 20) * ((100vw - 1366px) / (1920 - 1366)));
  }
}

@media (max-width: 1366px) {
  .calculator-project__select-tooltip {
    font-size: 14px;
    line-height: 20px;
  }
}

.calculator-project__select-tooltip.active {
  display: block;
}

.calculator-project__select-drop .search-project__link {
  cursor: pointer;
}

.calculator-project__select-inner {
  max-height: 30vh;
  overflow-y: auto;
}

.calculator-project__select-inner::-webkit-scrollbar {
  width: 4px;
  background-color: #e9ebee;
}

.calculator-project__select-inner::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #444446;
}

.calculator-project__select-inner .search-project__link.active {
  background-color: #f8f9fb;
}

.calculator-project__select-placyholder {
  color: #93969c;
  font-size: 18px;
  line-height: 150%;
  position: absolute;
  left: 25px;
  top: 50%;
  right: 60px;
  transform: translateY(-50%);
}

.calculator-project__select-drop {
  padding: 24px 12px 12px;
}

.calculator-project__select-search {
  margin-bottom: 12px;
  margin-left: 16px;
  margin-right: 16px;
}

.calculator-project__pole {
  white-space: nowrap;
  grid-gap: 14px;
  margin-top: 32px;
  display: grid;
  grid-template-columns: min-content minmax(15px, 1fr) min-content;
}

.calculator-project__pole-text {
  color: #282829;
  font-size: 18px;
  line-height: 150%;
}

.calculator-project__pole-num {
  color: #282829;
  font-size: 18px;
  font-weight: 600;
  line-height: 150%;
}

.calculator-project__pole-line {
  background-color: #e9ebee;
  height: 1px;
  margin-top: auto;
  margin-bottom: 2px;
  width: 100%;
}

.calculator-project__zapas-tooltip-element {
  color: #282829;
}

.zapas-el__list {
  margin-top: 12px;
  margin-left: 30px;
}

.calculator-project__zapas-item .check-base__label {
  color: #282829;
}

.calculator-project__zapas {
  display: flex;
  align-items: center;
  margin-top: 32px;
  grid-gap: 24px;
}

.calculator-project__deleteall {
  display: flex;
  margin-top: 32px;
}

.calculator-project__deleteall-btn {
  opacity: 0;
  pointer-events: none;
  transition: color 0.3s;
}

.calculator-project__deleteall-btn.active {
  opacity: 1;
  pointer-events: initial;
}

.calculator-project__total-area {
  margin-top: 32px;
}

.calculator-project__total-area .inp-base {
  padding-bottom: 0;
}

.calculator-project__square {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 16px;
}

.calculator-project__total-area .inp-base__label:after {
  display: none;
}

.calculator-project__images {
  display: flex;
  justify-content: center;
}

.calculator-project__images img {
  width: 347px;
}

.calculator-project__all {
  border-radius: 20px;
  background: #f8f9fb;
  padding: 32px;
  z-index: 2;
  position: relative;
  /* margin-top: -70px; */
}

.calculator-project__all-bottom {
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.calculator-project__all-price {
  display: flex;
  grid-gap: 16px;
  align-items: flex-end;
}

.calculator-project__all-price-text {
  color: #282829;
  font-size: 20px;
  line-height: 150%;
  margin-bottom: 3px;
}

.calculator-project__all-price-num {
  color: #282829;
  font-size: 36px;
  font-weight: 600;
  line-height: 130%;
}

.calculator-project__all-btn .home-product__calculator-button {
  height: 64px;
}

.calculator-project__tovar-img {
  height: 300px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.calculator-project__tovar-empty {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 0;
  flex-direction: column;
}

.calculator-project__images {
  /* padding-top: 50px; */
  display: none;
}

.calculator-project__images img {
  transform: translateY(70px);
}

.calculator-project__tovar-empty {
  /* display: none; */
}

.calculator-project__tovar-empty-img {
  display: flex;
  justify-content: center;
}

.calculator-project__tovar-empty-img img {
  width: 245px;
}

.calculator-project__tovar-empty-text {
  color: #686871;
  font-size: 18px;
  line-height: 150%;
  margin-top: 40px;
}

.calculator-project__select-drop-top {
  display: none;
}

.calculator-project__select-drop-save {
  display: none;
}

.popup-project.popup-calculator .popup-project__box {
  padding: 0;
  width: 1664px;
}

.popup-project.popup-calculator .popup-project__close {
  display: none;
}

.calculator-project__select-drop.calculator-project__select--popup-drop {
  /* z-index: 20; */
  z-index: 101;
}

.popup-calculator .calculator-project {
  max-width: 100%;
}

@media (max-width: 1920px) {
  .calculator-project {
    max-width: calc(1416px + (1664 - 1416) * ((100vw - 1536px) / (1920 - 1536)));
    padding: calc(56px + (64 - 56) * ((100vw - 1536px) / (1920 - 1536))) calc(48px + (56 - 48) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .calculator-project__top-title {
    font-size: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .calculator-project__top {
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .calculator-project__inner {
    grid-template-columns:
      calc(650px + (760 - 650) * ((100vw - 1536px) / (1920 - 1536))) 1fr;
    grid-gap: calc(64px + (80 - 64) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .calculator-project__pole {
    margin-top: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .calculator-project__pole-num,
  .calculator-project__pole-text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .calculator-project__total-area {
    margin-top: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .calculator-project__zapas {
    margin-top: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .calculator-project__tovar-img {
    height: calc(245px + (300 - 245) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .calculator-project__tovar-empty-img img {
    width: calc(210px + (245 - 210) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .calculator-project__tovar-empty-text {
    margin-top: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .calculator-project__all {
    padding: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .calculator-project__all-bottom {
    margin-top: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .calculator-project__all-price-text {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .calculator-project__all-price-num {
    font-size: calc(32px + (36 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .calculator-project__all-btn .home-product__calculator-button {
    height: calc(56px + (64 - 56) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .calculator-project__images img {
    width: calc(295px + (345 - 295) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .calculator-project__select-check {
    height: calc(58px + (64 - 58) * ((100vw - 1536px) / (1920 - 1536)));
    padding-top: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    padding-bottom: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    padding-left: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .calculator-project__select-arrow {
    right: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .calculator-project__select-arrow svg {
    width: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .calculator-project__select-text {
    font-size: calc(14px + (16 - 14) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .calculator-project__select-check .search-project__link-title {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .calculator-project__select-drop {
    padding: calc(16px + (24 - 16) * ((100vw - 1536px) / (1920 - 1536))) calc(8px + (12 - 8) * ((100vw - 1536px) / (1920 - 1536))) calc(8px + (12 - 8) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .calculator-project__select-search {
    margin-bottom: calc(8px + (12 - 8) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .popup-project.popup-calculator .popup-project__box {
    width: calc(1416px + (1664 - 1416) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .popup-project.popup-calculator .popup-project__box {
    width: calc(1275px + (1416 - 1275) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .calculator-project__tovar-empty-text {
    margin-top: 32px;
    font-size: 16px;
  }

  .calculator-project__tovar-empty-img img {
    width: 210px;
  }

  .calculator-project__zapas {
    margin-top: 24px;
  }

  .calculator-project__top {
    margin-bottom: 24px;
  }

  .calculator-project__total-area {
    margin-top: 24px;
  }

  .calculator-project__pole {
    margin-top: 24px;
  }

  .calculator-project {
    border-radius: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
    max-width: calc(1276px + (1416 - 1276) * ((100vw - 1366px) / (1536 - 1366)));
    padding: calc(48px + (56 - 48) * ((100vw - 1366px) / (1536 - 1366))) calc(40px + (48 - 40) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .calculator-project__top-title {
    font-size: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .calculator-project__inner {
    grid-template-columns:
      calc(590px + (650 - 590) * ((100vw - 1366px) / (1536 - 1366))) 1fr;
    grid-gap: calc(56px + (64 - 56) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .calculator-project__pole-num,
  .calculator-project__pole-text {
    font-size: 16px;
  }

  .calculator-project__tovar-img {
    height: calc(265px + (245 - 265) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .calculator-project__all {
    padding: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .calculator-project__all-bottom {
    margin-top: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .calculator-project__all-price-text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .calculator-project__all-price-num {
    font-size: calc(28px + (32 - 28) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .calculator-project__all-btn .home-product__calculator-button {
    height: calc(48px + (56 - 48) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .calculator-project__deleteall-btn {
    font-size: 16px;
  }

  .calculator-project__images img {
    width: calc(280px + (295 - 280) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .receiving-delivery__tooltip-element {
    max-width: 400px;
  }

  .calculator-project__select-check {
    height: 58px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 20px;
    font-size: 16px;
  }

  .calculator-project__select-arrow {
    right: 20px;
  }

  .calculator-project__select-arrow svg {
    width: 20px;
    height: 20px;
  }

  .calculator-project__select-text {
    font-size: 14px;
  }

  .calculator-project__select-check .search-project__link-title {
    font-size: 16px;
  }

  .calculator-project__select-drop .search-project__link {
    padding: 12px 16px;
  }

  .calculator-project__select-drop .search-project__link-title {
    font-size: 16px;
  }

  .calculator-project__select-drop .search-project__link-price {
    font-size: 16px;
  }

  .calculator-project__select-drop .search-project__link-action-new {
    font-size: 16px;
  }

  .calculator-project__select-drop .search-project__link-action-old {
    font-size: 14px;
  }

  .calculator-project__select-drop {
    padding: 16px 8px 8px;
  }

  .calculator-project__select-search {
    margin-bottom: 8px;
  }

  .calculator-project__select-drop .search-project__input {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .search-project__placyholder {
    font-size: 16px;
  }
}

@media (max-width: 1366px) {
  .calculator-project__images img {
    width: 280px;
  }

  .calculator-project__all {
    padding: 24px;
  }

  .calculator-project {
    border-radius: 20px;
    padding: calc(40px + (48 - 40) * ((100vw - 1024px) / (1366 - 1024))) calc(48px + (40 - 48) * ((100vw - 1024px) / (1366 - 1024)));
    max-width: calc(1008px + (1276 - 1008) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .calculator-project__top-title {
    font-size: calc(20px + (24 - 20) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .calculator-project__inner {
    grid-gap: 56px;
  }

  .calculator-project__tovar-img {
    height: 265px;
  }

  .calculator-project__all-btn .home-product__calculator-button {
    height: 48px;
  }

  .calculator-project__all-price-text {
    font-size: 16px;
  }

  .calculator-project__all-price-num {
    font-size: 28px;
  }

  .calculator-project__all-bottom {
    margin-top: 16px;
  }

  .calculator-project__deleteall-btn {
    font-size: 16px;
  }

  .receiving-delivery__tooltip-element {
    font-size: 14px;
    max-width: 360px;
  }

  .calculator-project__select-check .search-project__link-title {
    font-size: 16px;
  }

  .calculator-project__select-drop .search-project__link {
    padding: 12px 16px;
  }

  .calculator-project__select-drop .search-project__link-title {
    font-size: 16px;
  }

  .calculator-project__select-drop .search-project__link-price {
    font-size: 16px;
  }

  .calculator-project__select-drop .search-project__link-action-new {
    font-size: 16px;
  }

  .calculator-project__select-drop .search-project__link-action-old {
    font-size: 14px;
  }

  .calculator-project__select-drop {
    padding: 16px 8px 8px;
  }

  .calculator-project__select-search {
    margin-bottom: 8px;
  }

  .calculator-project__select-drop .search-project__input {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .search-project__placyholder {
    font-size: 16px;
  }
}

@media (max-width: 1300px) {
  .calculator-project__all-btn .home-product__calculator-button .btn-project {
    width: auto;
  }
}

@media (max-width: 1200px) {
  .calculator-project__inner {
    grid-template-columns: 1fr;
  }

  .calculator-project__tovar-img {
    height: 192px;
  }

  .calculator-project__tovar-empty-text {
    margin-top: 24px;
  }

  .calculator-project__square {
    grid-gap: 24px;
  }

  .calculator-project__images img {
    transform: translateY(40px);
  }

  .calculator-project__select-drop {
    transform: translateY(-100%);
    height: 100vh;
    opacity: 0;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 100;
    transition: 0s;
  }

  .calculator-project__select-drop.active {
    transform: translateY(0);
    top: 0;
  }

  .calculator-project__select-drop-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 28px;
  }

  .calculator-project__select-drop-close {
    width: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    border-radius: 8px;
    background: #f3f4f6;
    cursor: pointer;
  }

  .calculator-project__select-drop {
    border-radius: 0;
    box-shadow: none;
    padding: 16px 56px 0;
  }

  .calculator-project__select-search {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .calculator-project__select-drop-title {
    color: #282829;
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
  }

  .calculator-project__select-inner {
    margin-left: -16px;
    /* padding-bottom: 70px; */
    margin-right: -16px;
    max-height: calc(100vh - 165px);
  }

  .calculator-project__select-drop-save {
    display: flex;
    cursor: pointer;
    justify-content: center;
    border-radius: 10px;
    background: #ff6800;
    position: absolute;
    left: 56px;
    right: 56px;
    padding: 14px;
    bottom: 30px;
    z-index: 2;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
  }

  .calculator-project__select-drop .search-project__link:last-child {
    margin-bottom: 80px;
  }

  .calculator-project__select-drop .search-project__link:hover {
    /* background-color: transparent; */
    background-color: #F3F4F6;
  }

  .calculator-project__select-inner .search-project__link.active:hover {
    background-color: #f8f9fb;
  }

  .popup-project.popup-calculator .popup-project__box {
    width: 100%;
  }

  .popup-calculator .popup-project__slide {
    padding: 0;
  }

  .popup-calculator .popup-project__box {
    height: 100%;
    border-radius: 0;
  }

  .popup-calculator .calculator-project__top {
    flex-direction: column;
    grid-gap: 32px;
    align-items: flex-start;
  }

  .popup-calculator .calculator-project {
    padding-left: 56px;
    padding-right: 56px;
    padding-top: 20px;
    box-shadow: none;
    border-radius: 0;
  }

  .popup-calculator .popup-project__box-close {
    right: 56px;
    top: 16px;
  }
}

@media (max-width: 1024px) {
  .calculator-project__select-inner {
    max-height: calc(100vh - calc(155px + (165 - 155) * ((100vw - 390px) / (1024 - 390))));
  }

  .calculator-project__select-drop-title {
    font-size: calc(20px + (24 - 20) * ((100vw - 390px) / (1024 - 390)));
  }

  .calculator-project__select-drop {
    padding-top: calc(10px + (16 - 10) * ((100vw - 390px) / (1024 - 390)));
    padding-left: calc(16px + (56 - 16) * ((100vw - 390px) / (1024 - 390)));
    padding-right: calc(16px + (56 - 16) * ((100vw - 390px) / (1024 - 390)));
  }

  .calculator-project__select-drop-save {
    left: calc(16px + (56 - 16) * ((100vw - 390px) / (1024 - 390)));
    right: calc(16px + (56 - 16) * ((100vw - 390px) / (1024 - 390)));
    bottom: calc(20px + (30 - 20) * ((100vw - 390px) / (1024 - 390)));
  }

  .calculator-project__top-title {
    font-size: 20px;
  }

  .calculator-project {
    max-width: calc(393px + (1008 - 393) * ((100vw - 390px) / (1024 - 390)));
    padding: calc(32px + (40 - 32) * ((100vw - 390px) / (1024 - 390))) calc(24px + (48 - 24) * ((100vw - 390px) / (1024 - 390)));
  }

  .calculator-project__inner {
    grid-gap: calc(40px + (56 - 40) * ((100vw - 390px) / (1024 - 390)));
  }

  .calculator-project__all {
    padding: calc(20px + (24 - 20) * ((100vw - 390px) / (1024 - 390)));
  }

  .calculator-project__all-price-num {
    font-size: calc(24px + (28 - 24) * ((100vw - 390px) / (1024 - 390)));
  }

  .calculator-project__tovar-empty-text {
    margin-top: calc(16px + (24 - 16) * ((100vw - 390px) / (1024 - 390)));
    font-size: calc(14px + (16 - 14) * ((100vw - 390px) / (1024 - 390)));
  }

  .calculator-project__tovar-empty-img img {
    width: calc(140px + (210 - 140) * ((100vw - 390px) / (1024 - 390)));
  }

  .calculator-project__tovar-img {
    height: calc(135px + (192 - 135) * ((100vw - 390px) / (1024 - 390)));
  }

  .calculator-project__images img {
    width: calc(220px + (280 - 220) * ((100vw - 390px) / (1024 - 390)));
  }

  .popup-calculator .calculator-project {
    padding-left: calc(16px + (56 - 16) * ((100vw - 390px) / (1024 - 390)));
    padding-right: calc(16px + (56 - 16) * ((100vw - 390px) / (1024 - 390)));
  }

  .popup-calculator .popup-project__box-close {
    display: flex;
    top: calc(10px + (16 - 10) * ((100vw - 390px) / (1024 - 390)));
    right: calc(16px + (56 - 16) * ((100vw - 390px) / (1024 - 390)));
  }
}

@media (max-width: 800px) {
  .calculator-project__all-btn .home-product__calculator-button .btn-project {
    height: auto;
  }
}

@media (max-width: 700px) {
  .calculator-project__zapas {
    flex-direction: column;
    align-items: flex-start;
  }

  .calculator-project__all-bottom {
    flex-direction: column;
    align-items: flex-start;
    grid-gap: 16px;
  }

  .calculator-project__all-btn .home-product__calculator-button .btn-project {
    width: 100%;
  }

  .calculator-project__all-btn {
    width: 100%;
  }

  .calculator-project__square {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .calculator-project__top {
    flex-direction: column;
    grid-gap: 16px;
    align-items: flex-start;
  }
}

@media (max-width: 390px) {
  .calculator-project__select-inner {
    max-height: calc(100vh - 155px);
  }

  .calculator-project__select-drop-title {
    font-size: 20px;
  }

  .calculator-project__select-drop {
    padding-top: 10px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .calculator-project__select-drop-save {
    left: 16px;
    right: 16px;
    bottom: 20px;
  }

  .calculator-project__images img {
    width: 220px;
  }

  .calculator-project__tovar-img {
    height: 135px;
  }

  .calculator-project__tovar-empty-img img {
    width: 140px;
  }

  .calculator-project__tovar-empty-text {
    font-size: 14px;
    margin-top: 16px;
  }

  .calculator-project__all-price-num {
    font-size: 24px;
  }

  .calculator-project__all {
    padding: 20px;
  }

  .calculator-project {
    max-width: 393px;
    padding: 32px 24px;
  }

  .calculator-project__inner {
    grid-gap: 40px;
  }
}

/*end calculator-project*/

/*start delivery-project*/
.delivery-project {
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 2px 6px 0 rgba(141, 177, 195, 0.12);
  max-width: 1664px;
  margin-left: auto;
  margin-right: auto;
  padding: 64px 56px;
}

.delivery-project__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.delivery-project__products {
  margin-top: 32px;
}

.delivery-project__products .delivery-project__product:not(:first-child) {
  /* margin-top: 16px; */
  margin-top: 32px;
}

.delivery-project__product-item {
  margin-top: 16px;
}

.delivery-project__add {
  display: flex;
  margin-top: 16px;
}

.delivery-project__add-btn {
  display: flex;
  grid-gap: 8px;
  align-items: center;
  cursor: pointer;
  border-radius: 8px;
  background: #f3f4f6;
  padding: 10px 20px;
  color: #444446;
  font-size: 18px;
  /* font-weight: 600; */
  font-weight: 500;
  line-height: 150%;
  transition: 0.3s;
}

.delivery-project__add-btn:hover {
  background-color: #e9ebee;
  color: #282829;
}

.delivery-project__add-btn svg path {
  transition: 0.3s;
}

.delivery-project__add-btn:hover path[stroke] {
  stroke: #282829;
}

.delivery-project__add-icon {
  display: flex;
}

.delivery-project__bottom {
  margin-top: 32px;
}

.delivery-project__inner {
  display: grid;
  align-items: flex-end;
  grid-gap: 80px;
  grid-template-columns: 736px 1fr;
}

.delivery-project__wrap {
  min-width: 0;
  overflow: hidden;
}

.delivery-project__result {
  min-width: 0;
}

.delivery-project__all-images {
  position: relative;
  height: 250px;
  overflow: hidden;
}

.delivery-project__all-images img {
  position: absolute;
  left: 50%;
  width: 517px;
  transform: translateX(-50%);
  bottom: 20px;
  transition: opacity 0.5s ease;
}

/* truck-1 (full) hidden by default, truck-2 (empty) visible */
.delivery-project__all-images img:first-child {
  opacity: 0;
}

.delivery-project__all-images img:last-child {
  opacity: 1;
}

/* When products are selected — show full truck, hide empty */
.delivery-project__all-images--loaded img:first-child {
  opacity: 1;
}

.delivery-project__all-images--loaded img:last-child {
  opacity: 0;
}

/* Truck drive-away animation (full truck exits right) */
@keyframes truckDriveAway {
  0% {
    transform: translateX(-50%);
    opacity: 1;
  }

  100% {
    transform: translateX(150%);
    opacity: 1;
  }
}

/* Truck arrive animation (empty truck enters from left) */
@keyframes truckArrive {
  0% {
    transform: translateX(-250%);
    opacity: 1;
  }

  100% {
    transform: translateX(-50%);
    opacity: 1;
  }
}

.delivery-project__all-images--drive-away img:first-child {
  animation: truckDriveAway 0.8s ease-in forwards;
}

.delivery-project__all-images--drive-away img:last-child {
  opacity: 0;
}

.delivery-project__all-images--arrive img:first-child {
  opacity: 0;
}

.delivery-project__all-images--arrive img:last-child {
  animation: truckArrive 0.8s ease-out forwards;
}


.delivery-project__all-text {
  color: #282829;
  font-size: 20px;
  line-height: 150%;
}

.delivery-project__result-links {
  margin-top: 24px;
}

.delivery-project__result-link {
  display: grid;
  white-space: nowrap;
  grid-template-columns: min-content minmax(15px, 1fr) min-content;
  grid-gap: 14px;
  align-items: flex-end;
}

.delivery-project__result-link-text {
  color: #686871;
  font-size: 18px;
  line-height: 150%;
}

.delivery-project__result-link-line {
  height: 1px;
  background-color: #e9ebee;
  width: 100%;
  margin-bottom: 2px;
}

.delivery-project__result-link-num {
  color: #282829;
  font-size: 18px;
  font-weight: 600;
  line-height: 150%;
}

.delivery-project__result-link+.delivery-project__result-link {
  margin-top: 20px;
}

.delivery-project__result-bottom .btn-project {
  /* height: 64px; */
  padding: 18px 32px;
  line-height: 150%;
}

.delivery-project__block .order-registration__receiving-address {
  margin-top: 32px;
}

/*start recalculation*/
.recalculation {
  border-radius: 12px;
  background: #fff;
  /* box-shadow: 0px 2px 6px 0px rgba(141, 177, 195, 0.12);  */
  box-shadow: none !important;
  display: flex;
  align-items: center;
  grid-gap: 8px;
  padding: 3px;
}

.recalculation__btn {
  border-radius: 12px;
  border: none;
  background: #f3f4f6;
  width: 56px;
  min-width: 56px;
  cursor: pointer;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}

.recalculation__btn:hover {
  background-color: #ff6800;
}

.recalculation__btn:hover svg path[stroke] {
  stroke: #fff;
}

.recalculation__btn svg path {
  transition: 0.3s;
}

.recalculation__btn.disable {
  pointer-events: none;
}

.recalculation__btn.disable svg path {
  stroke: #93969c;
}

.recalculation__inner {
  display: grid;
  grid-template-columns: 1fr min-content 1fr;
  align-items: center;
  width: 100%;
  justify-content: center;
  grid-gap: 8px;
}

.recalculation__inner.one-value {
  grid-template-columns: 1fr;
}

.recalculation__item {
  display: flex;
  overflow: hidden;
  justify-content: center;
}

.recalculation__link {
  display: flex;
  justify-content: center;
  align-items: center;
}

.recalculation__link.disable {
  pointer-events: none;
}

.recalculation__wrap {
  position: relative;
  display: flex;
}

.recalculation__wrap-input {
  border: none;
  background-color: transparent;
  outline: none;
  text-align: right;
  /* width: 40px; */
  color: #282829;
  font-family: "Retni Sans", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  max-width: 80px;
  /* max-width: max-content; */
  width: 100%;
  line-height: 140%;
}

.calculator-project__tovar .recalculation__wrap-input {
  max-width: 80px;
}

.recalculation__wrap-text {
  position: absolute;
  pointer-events: none;
  top: 0;
  opacity: 0;
  white-space: nowrap;
  height: 100%;
  color: #282829;
  font-family: "Retni Sans", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.recalculation__unit {
  color: #282829;
  font-family: "Retni Sans", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  margin-left: 3px;
}

.recalculation__arrow {
  width: 24px;
  min-width: 24px;
  transform: translateY(2px);
  display: flex;
}

@media (max-width: 1920px) {
  .recalculation__btn {
    width: calc(52px + (56 - 52) * ((100vw - 1536px) / (1920 - 1536)));
    min-width: calc(52px + (56 - 52) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(52px + (56 - 52) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(10px + (12 - 10) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .recalculation__wrap-input,
  .recalculation__unit,
  .recalculation__wrap-text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .delivery-project__products .delivery-project__product:not(:first-child) {
    margin-top: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .recalculation__btn {
    width: calc(48px + (52 - 48) * ((100vw - 1366px) / (1536 - 1366)));
    min-width: calc(48px + (52 - 48) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(48px + (52 - 48) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: 10px;
  }

  .delivery-project__products .delivery-project__product:not(:first-child) {
    margin-top: 24px;
  }

  .recalculation__wrap-input,
  .recalculation__unit,
  .recalculation__wrap-text {
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .recalculation__arrow {
    min-width: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
    width: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .recalculation__arrow svg {
    width: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .recalculation__btn svg {
    width: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .recalculation__btn {
    width: 48px;
    height: 48px;
    min-width: 48px;
  }

  .recalculation__arrow {
    width: 20px;
    min-width: 20px;
  }

  .recalculation__arrow svg {
    width: 20px;
    height: 20px;
  }

  .recalculation__btn svg {
    width: 20px;
    height: 20px;
  }

  .recalculation__wrap-input,
  .recalculation__unit,
  .recalculation__wrap-text {
    font-size: 14px;
  }

  .recalculation__link {}

  .recalculation__wrap-input {
    max-width: calc(60px + (80 - 60) * ((100vw - 390px) / (1366 - 390)));
  }

  .recalculation__arrow {
    transform: translateY(1px);
  }
}

@media (max-width: 1024px) {

  .recalculation__btn:hover,
  .recalculation__btn:active {
    background: #f3f4f6;
  }

  .recalculation__btn:hover svg path[stroke] {
    stroke: #282829;
  }

  .recalculation__wrap-input {
    /* width: calc(20px + (40 - 20) * ((100vw - 390px) / (1366 - 390))); */
    max-width: max-content;
    width: 100%;
  }
}

@media (max-width: 390px) {
  .recalculation__wrap-input {
    /* width: 20px; */
    max-width: max-content;
    width: 100%;
  }
}

/*end recalculation*/

.delivery-project__product-item .recalculation {
  background-color: #f8f9fb;
  max-width: 100%;
  overflow: hidden;
}

.delivery-project__product-item .recalculation__btn {
  background-color: #fff;
}

.delivery-project__product-item .recalculation__btn:hover {
  background-color: #ff6800;
}

@media (max-width: 1920px) {
  .delivery-project {
    padding: calc(56px + (64 - 56) * ((100vw - 1536px) / (1920 - 1536))) calc(48px + (56 - 48) * ((100vw - 1536px) / (1920 - 1536)));
    max-width: calc(1415px + (1664 - 1415) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .delivery-project__inner {
    grid-template-columns:
      calc(650px + (736 - 650) * ((100vw - 1536px) / (1920 - 1536))) 1fr;
    grid-gap: calc(64px + (80 - 64) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .delivery-project__block .order-registration__receiving-address {
    margin-top: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .delivery-project__products {
    margin-top: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .delivery-project__all-images {
    height: calc(230px + (250 - 230) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .delivery-project__all-text {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .delivery-project__result-links {
    margin-top: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .delivery-project__result-link-num,
  .delivery-project__result-link-text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .delivery-project__result-link+.delivery-project__result-link {
    margin-top: calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .delivery-project__result-bottom .btn-project {
    padding: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536))) calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .delivery-project__all-images img {
    width: calc(428px + (527 - 428) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .delivery-project__add-btn {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .delivery-project__add-icon svg {
    width: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .delivery-project__add-btn {
    grid-gap: calc(6px + (8 - 6) * ((100vw - 1366px) / (1536 - 1366)));
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .delivery-project__add-icon svg {
    width: 20px;
    height: 20px;
  }

  .delivery-project__all-images img {
    width: 428px;
  }

  .delivery-project__all-text {
    font-size: 18px;
  }

  .delivery-project__all-images {
    height: 230px;
  }

  .delivery-project__result-link-num,
  .delivery-project__result-link-text {
    font-size: 16px;
  }

  .delivery-project__result-bottom .btn-project {
    padding: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366))) calc(18px + (24 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .delivery-project__result-link+.delivery-project__result-link {
    margin-top: 16px;
  }

  .delivery-project__result-links {
    margin-top: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .delivery-project__block .order-registration__receiving-address {
    margin-top: 24px;
  }

  .delivery-project {
    padding: calc(48px + (56 - 48) * ((100vw - 1366px) / (1536 - 1366))) calc(40px + (48 - 40) * ((100vw - 1366px) / (1536 - 1366)));
    max-width: calc(1275px + (1415 - 1275) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .delivery-project__inner {
    grid-template-columns:
      calc(590px + (650 - 590) * ((100vw - 1366px) / (1536 - 1366))) 1fr;
    grid-gap: calc(56px + (64 - 56) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .delivery-project__products {
    margin-top: 24px;
  }
}

@media (max-width: 1366px) {
  .delivery-project__add-btn {
    grid-gap: 6px;
    font-size: 14px;
  }

  .delivery-project__result-links {
    margin-top: 16px;
  }

  .delivery-project__result-bottom .btn-project {
    padding: 14px 18px;
  }

  .delivery-project__inner {
    grid-gap: 56px;
  }

  .delivery-project {
    border-radius: 20px;
    padding: calc(40px + (48 - 40) * ((100vw - 1024px) / (1366 - 1024))) calc(48px + (40 - 48) * ((100vw - 1024px) / (1366 - 1024)));
    max-width: calc(1008px + (1275 - 1008) * ((100vw - 1024px) / (1366 - 1024)));
  }
}

@media (max-width: 1200px) {
  .delivery-project__inner {
    grid-template-columns: 1fr;
  }

  .delivery-project__all-images {
    height: 190px;
  }
}

@media (max-width: 1024px) {
  .delivery-project__inner {
    grid-gap: calc(40px + (56 - 40) * ((100vw - 390px) / (1024 - 390)));
  }

  .delivery-project {
    padding: calc(32px + (40 - 32) * ((100vw - 390px) / (1024 - 390))) calc(24px + (48 - 24) * ((100vw - 390px) / (1024 - 390)));
    max-width: calc(393px + (1008 - 393) * ((100vw - 390px) / (1024 - 390)));
  }

  .delivery-project__all-text {
    font-size: calc(16px + (18 - 16) * ((100vw - 390px) / (1024 - 390)));
  }

  .delivery-project__all-images {
    height: calc(135px + (190 - 135) * ((100vw - 390px) / (1024 - 390)));
  }

  .delivery-project__all-images img {
    width: calc(275px + (428 - 275) * ((100vw - 390px) / (1024 - 390)));
  }

  .delivery-project__add-btn:hover {
    background-color: #f3f4f6;
    color: #444446;
  }

  .delivery-project__add-btn:hover svg path[stroke] {
    stroke: #444446;
  }

  .delivery-project__product-item .recalculation__btn:hover {
    background-color: #fff;
  }

  .delivery-project__product-item .recalculation__wrap-input {
    max-width: 50px;
  }
}

@media (max-width: 800px) {
  .receiving-delivery__top {
    grid-gap: 24px;
  }
}

@media (max-width: 700px) {
  .delivery-project__result-bottom .btn-project {
    width: 100%;
  }

  .delivery-project__top {
    flex-direction: column;
    align-items: flex-start;
    grid-gap: 16px;
  }
}

@media (max-width: 390px) {
  .delivery-project__all-images {
    height: 135px;
  }

  .delivery-project__all-text {
    font-size: 16px;
  }

  .delivery-project__inner {
    grid-gap: 40px;
  }

  .delivery-project {
    padding: 32px 24px;
    max-width: 393px;
  }
}

/*end delivery-project*/

/*start comparison*/
.comparison {
  margin-left: auto;
  margin-right: auto;
  max-width: 1664px;
  position: relative;
}

.comparison__content {
  border-radius: 32px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 2px 6px 0 rgba(141, 177, 195, 0.12);
}

.comparison__wrapper {
  width: 100%;
  position: relative;
  background-color: #fff;
  overflow-x: auto;
}

.comparison__wrapper::-webkit-scrollbar {
  display: none;
}

.comparison-table {
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  position: relative;
  table-layout: fixed;
}

.comparison-table__td {
  margin: 0;
  border: none;
  padding: 0;
}

.comparison-table__td:first-child {
  width: 405px;
  /* min-width: 405px; */
}

.comparison-table__thead .comparison-table__tr:first-child .comparison-table__td {
  padding-top: 48px;
}

.comparison-table__tr .comparison-table__td:first-child {
  padding-left: 56px;
}

.comparison-table__td {
  /* min-width: 495px; */
  width: 495px;
  vertical-align: top;
}

.comparison-table__tbody .comparison-table__td {
  min-height: 76px;
}

.comparison-table__box-top {
  display: flex;
  align-items: center;
  grid-gap: 16px;
  color: #282829;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
}

.comparison-table__text {
  color: #686871;
  font-size: 18px;
  line-height: 150%;
}

.comparison-table__box-bottom {
  margin-top: 382px;
}

.comparison-table__tbody .comparison-table__tr:nth-child(odd) {
  background-color: #f8f9fb;
}

.comparison-table__product {
  position: relative;
  overflow: hidden;
}

.comparison-table__product-content {
  display: flex;
}

.comparison-table__product-images {
  height: 380px;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
  width: 100%;
}

.comparison-table__product-images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

.comparison-table__tbody .comparison-table__td {
  vertical-align: middle;
}

.comparison-table__tbody .comparison-table__tr.odd {
  background-color: #f8f9fb;
}

.comparison-table__tbody .comparison-table__tr.even {
  background-color: #fff;
}

.comparison-table__td-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px 0;
  padding-right: 32px;
  min-height: 76px;
  /* display: block; */
}

.comparison-table__product-settings .product-card__setting {
  opacity: 1;
}

.comparison-table__product-settings {
  top: 20px;
  right: 20px;
}

.comparison-table__product-t {
  height: 100%;
}

.comparison-table__product-title {
  color: #282829;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 24px;
  font-weight: 600;
  transition: opacity 0.3s;
  line-height: 150%;
  padding-right: 32px;
}

.comparison-table__produc-block {
  min-height: 185px;
  height: 100%;
  margin-top: 24px;
  display: flex;
  margin-bottom: 16px;
  flex-direction: column;
  justify-content: space-between;
  /* transition: 0.3s; */
}

.comparison-table__product.add-product .product-card__price {
  /* transform: translateY(-85px); */
}

.comparison-table__product.add-product .comparison-table__product-title {
  /* opacity: 0; */
  pointer-events: none;
}

.comparison-table__product .product-card__price {
  padding-bottom: 4px;
  transition: 0s;
}

.comparison-table__product .product-card__bottom {
  right: 32px;
  bottom: 16px;
}

.comparison-table__product.add-product .product-card__bottom {
  opacity: 0;
  pointer-events: none;
}

.comparison-table__product.add-product .recalculation {
  width: 100%;
  opacity: 1;
  pointer-events: initial;
}

.comparison-table__product .product-card__calculator {
  bottom: 16px;
  left: 0;
  right: 32px;
}

/* Стили для блока количества и удаления на странице сравнения */
.comparison-table__quantity {
  position: absolute;
  bottom: 16px;
  left: 0;
  right: 32px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}

.comparison-table__product.add-product .comparison-table__quantity {
  opacity: 1;
  pointer-events: initial;
}

.comparison-table__quantity .recalculation--compact {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f3f4f6;
  border-radius: 12px;
  padding: 8px;
}

.comparison-table__quantity .recalculation__inner--compact {
  display: flex;
  align-items: center;
  gap: 8px;
}

.comparison-table__quantity .recalculation__wrap-input {
  width: 60px;
  text-align: center;
  border: none;
  background: transparent;
  font-size: 16px;
  font-weight: 600;
  color: #282829;
}

.comparison-table__quantity .recalculation__unit {
  font-size: 14px;
  color: #93969c;
}

.comparison-table__quantity .recalculation__btn {
  width: 40px;
  /* height: 40px; */
  border-radius: 8px;
  background: #fff;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s;
}

.comparison-table__quantity .recalculation__btn:hover {
  background: #e5e7eb;
}

.comparison-table__opis {
  color: #282829;
  font-size: 18px;
  line-height: 150%;
}

.comparison-table__links {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 8px;
}

.comparison-table__opis-link {
  color: #282829;
  font-size: 18px;
  line-height: 150%;
  border-radius: 6px;
  background: #f3f4f6;
  padding: 8px 12px;
}

.comparison-table--fixed {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  height: 100%;
  bottom: 0;
  width: 405px;
  background-color: #fff;
  display: none;
}

.comparison__arrow.prev {
  left: -28px;
}

.comparison__arrow.next {
  right: -28px;
}

.comparison__arrow {
  display: none;
  position: absolute;
  top: 50vh;
  transform: translateY(-50%);
  z-index: 5;
  transition: background-color 0.3s, top 0.03s;
}

.comparison__arrow.disable {
  pointer-events: none;
}

.comparison-table.comparison-table--fixed {
  transition: box-shadow 0.2s;
  /* border-right: 1px solid transparent; */
}

.comparison-table.comparison-table--fixed.active {
  border-right: 1px solid #f3f4f6;
  box-shadow: 0 4px 20px 0 rgba(141, 177, 195, 0.16);
}

.comparison__arrow.disable svg path[stroke] {
  stroke: #93969c;
}

.comparison-table__td-mobile {
  display: none;
}

.comparison__mobile-btn {
  display: none;
}

.comparison-table.comparison-table--static .comparison-table__box-top .toggle-button {
  pointer-events: none;
}

@media (max-width: 1920px) {
  .comparison {
    max-width: calc(1416px + (1664 - 1416) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .comparison-table__thead .comparison-table__tr:first-child .comparison-table__td {
    padding-top: calc(40px + (48 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .comparison-table__tr .comparison-table__td:first-child {
    padding-left: calc(48px + (56 - 48) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .comparison-table__td:first-child {
    width: calc(360px + (405 - 360) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .comparison-table--fixed {
    width: calc(360px + (405 - 360) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .comparison-table__text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .comparison-table__box-top {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .comparison__content {
    border-radius: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .comparison-table__td-inner {
    padding-right: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .comparison-table__opis {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .comparison-table__opis-link {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .comparison-table__td {
    width: calc(425px + (490 - 425) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .comparison-table__product-images {
    height: calc(360px + (380 - 360) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536))) calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536))) 0 0;
  }

  .comparison-table__produc-block {
    margin-top: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .comparison-table__product-title {
    padding-right: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .comparison-table__produc-block {
    height: calc(160px + (185 - 160) * ((100vw - 1536px) / (1920 - 1536)));
    min-height: calc(160px + (185 - 160) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .comparison-table__product .product-card__bottom {
    right: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .comparison-table__box-bottom {
    margin-top: calc(355px + (382 - 355) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .comparison-table__product-settings {
    top: calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    right: calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .comparison-table__product .product-card__calculator {
    right: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .comparison-table__product .product-card__calculator {
    right: 28px;
  }

  .comparison-table__product-settings {
    top: 16px;
    right: 16px;
  }

  .comparison-table__box-bottom {
    margin-top: calc(316px + (355 - 316) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .comparison-table__product .product-card__bottom {
    right: 28px;
  }

  .comparison-table__produc-block {
    height: calc(155px + (160 - 155) * ((100vw - 1366px) / (1536 - 1366)));
    min-height: calc(155px + (160 - 155) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .comparison-table__produc-block {
    margin-top: 20px;
  }

  .comparison-table__product-images {
    border-radius: 18px 18px 0 0;
    height: calc(320px + (360 - 320) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .comparison-table__opis {
    font-size: 16px;
  }

  .comparison-table__opis-link {
    font-size: 16px;
  }

  .comparison-table__td-inner {
    padding-right: 24px;
  }

  .comparison__content {
    border-radius: 28px;
  }

  .comparison-table__box-top {
    font-size: 16px;
  }

  .comparison {
    max-width: calc(1276px + (1416 - 1276) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .comparison-table__thead .comparison-table__tr:first-child .comparison-table__td {
    padding-top: calc(32px + (40 - 32) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .comparison-table__tr .comparison-table__td:first-child {
    /* padding-left: calc(40px + (48 - 40) * ((100vw - 1366px) / (1536 - 1366))); */
    padding-left: 48px;
  }

  .comparison-table__td:first-child {
    width: calc(355px + (360 - 355) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .comparison-table--fixed {
    width: calc(355px + (360 - 355) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .comparison-table__text {
    font-size: 16px;
  }

  .comparison-table__td-inner {
    min-height: calc(80px + (76 - 80) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .comparison-table__td {
    width: calc(395px + (425 - 395) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .comparison-table__product-title {
    padding-right: 28px;
    font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .comparison-table__product.add-product .comparison-table__produc-block {
    margin-bottom: calc(85px + (95 - 85) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .comparison-table__product.add-product .comparison-table__produc-block {
    margin-bottom: 85px;
  }

  .comparison-table__box-bottom {
    margin-top: 316px;
  }

  .comparison-table__produc-block {
    height: 155px;
    min-height: 155px;
  }

  .comparison-table__product-title {
    font-size: 18px;
  }

  .comparison-table__product-images {
    height: 320px;
  }

  .comparison-table__td-inner {
    min-height: calc(56px + (80 - 56) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .comparison {
    max-width: calc(1008px + (1276 - 1008) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .comparison-table__thead .comparison-table__tr:first-child .comparison-table__td {
    padding-top: calc(24px + (32 - 24) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .comparison-table__tr .comparison-table__td:first-child {
    /* padding-left: calc(48px + (40 - 48) * ((100vw - 1024px) / (1366 - 1024))); */
    padding-left: 48px;
  }

  .comparison-table__td:first-child {
    width: calc(360px + (355 - 360) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .comparison-table--fixed {
    width: calc(360px + (355 - 360) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .comparison-table__td {
    width: 395px;
  }

  .comparison__arrow.prev {
    left: calc(0px + (-28 - (0)) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .comparison__arrow.next {
    right: calc(0px + (-28 - (0)) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .comparison-table__tbody .comparison-table__td {
    min-height: calc(56px + (76 - 56) * ((100vw - 1024px) / (1366 - 1024)));
  }
}

@media (max-width: 1100px) {

  .comparison__arrow.prev,
  .comparison__arrow.next {
    display: none !important;
  }
}

@media (max-width: 1024px) {
  .comparison-table__tbody .comparison-table__td {
    min-height: 56px;
  }

  .comparison-table__td-inner {
    min-height: 56px;
  }

  .comparison-table__tr .comparison-table__td:first-child {
    padding-left: 48px;
  }

  .comparison-table__td:first-child {
    width: 360px;
  }

  .comparison-table--fixed {
    width: 360px;
  }

  .comparison {
    max-width: calc(390px + (1008 - 390) * ((100vw - 390px) / (1024 - 390)));
  }

  .comparison-table__thead .comparison-table__tr:first-child .comparison-table__td {
    padding-top: calc(16px + (24 - 16) * ((100vw - 390px) / (1024 - 390)));
  }

  .comparison__content {
    border-radius: calc(24px + (28 - 24) * ((100vw - 390px) / (1024 - 390)));
  }

  .comparison-table__product-images {
    height: calc(280px + (320 - 280) * ((100vw - 390px) / (1024 - 390)));
    border-radius: calc(16px + (18 - 16) * ((100vw - 390px) / (1024 - 390))) calc(16px + (18 - 16) * ((100vw - 390px) / (1024 - 390))) 0 0;
  }

  .comparison-table__produc-block {
    margin-top: calc(16px + (20 - 16) * ((100vw - 390px) / (1024 - 390)));
    height: calc(150px + (155 - 150) * ((100vw - 390px) / (1024 - 390)));
    min-height: calc(150px + (155 - 150) * ((100vw - 390px) / (1024 - 390)));
  }

  .comparison-table__product .product-card__calculator {
    right: calc(24px + (28 - 24) * ((100vw - 390px) / (1024 - 390)));
  }

  .comparison-table__product .product-card__bottom {
    right: calc(24px + (28 - 24) * ((100vw - 390px) / (1024 - 390)));
  }

  .comparison-table__product-title {
    padding-right: calc(24px + (28 - 24) * ((100vw - 390px) / (1024 - 390)));
  }
}

@media (max-width: 1000px) {
  .comparison-table__td-mobile {
    display: block;
    color: #686871;
    margin-bottom: 6px;
    font-size: 16px;
    line-height: 150%;
  }

  .comparison-table.comparison-table--fixed {
    display: none !important;
  }

  .comparison-table.comparison-table--static .comparison-table__tr .comparison-table__td:first-child {
    display: none !important;
  }

  .comparison-table.comparison-table--static .comparison-table__tr .comparison-table__td:nth-child(2) {
    padding-left: 24px;
  }

  .comparison-table.comparison-table--static .comparison-table__tr .comparison-table__td:last-child .comparison-table__product-images {
    margin-right: 24px;
  }

  .comparison-table.comparison-table--static .comparison-table__tr .comparison-table__td:last-child .comparison-table__product-settings {
    right: 40px;
  }

  .comparison-table__td {
    width: 370px;
  }

  .comparison-table__product-images {
    /* width: 360px; */
  }

  .comparison-table__opis-link {
    font-size: 14px;
  }

  .comparison-table__tbody .comparison-table__td {
    min-height: 70px;
  }

  .comparison-table__tbody .comparison-table__td {
    vertical-align: baseline;
  }

  .comparison-table__td-inner {
    min-height: 70px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .comparison-table__box-top.comparison-table__box-top--edit {
    position: absolute;
    top: 24px;
    left: 24px;
    z-index: 4;
  }

  .comparison-table__thead .comparison-table__tr:first-child .comparison-table__td {
    padding-top: 66px;
  }
}

@media (max-width: 390px) {
  .comparison-table__product-title {
    padding-right: 24px;
  }

  .comparison-table__product .product-card__calculator {
    right: 24px;
  }

  .comparison-table__product .product-card__bottom {
    right: 24px;
  }

  .comparison-table__produc-block {
    margin-top: 16px;
    height: 150px;
  }

  .comparison-table__product-images {
    height: 280px;
    border-radius: 16px 16px 0 0;
  }

  .comparison-table__thead .comparison-table__tr:first-child .comparison-table__td {
    /* padding-top: 16px; */
  }

  .comparison {
    max-width: 390px;
  }

  .comparison__content {
    border-radius: 24px;
  }
}

/*end comparison*/

/*start reviews-project*/
.reviews-project__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  grid-gap: 15px;
}

.reviews-project__top-box {
  display: flex;
  grid-gap: 20px;
  align-items: center;
}

.reviews-project__top-num {
  color: #686871;
  font-size: 20px;
  line-height: 150%;
  transform: translateY(5px);
}

.reviews-project__sort .sorting-project__select {
  left: auto;
  right: 0;
}

.reviews-project__inner {
  display: grid;
  grid-template-columns: 1fr 495px;
  grid-gap: 32px;
}

.reviews-project__content {
  min-width: 0;
}

.reviews-project__box {
  min-width: 0;
}

.reviews-project__add {}

.leave-review {
  padding: 40px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 4px 12px 0 rgba(141, 177, 195, 0.12);
}

.leave-review__all {
  display: flex;
  align-items: center;
  grid-gap: 16px;
  margin-bottom: 8px;
}

.leave-review__all-num {
  color: #282829;
  font-size: 48px;
  font-weight: 700;
  line-height: 130%;
}

.rating-project.leave-review__stars {
  width: auto !important;
  padding: 0;
}

.rating-project.leave-review__stars svg {
  width: 40px;
  height: 40px;
}

.leave-review__text {
  color: #444446;
  font-size: 18px;
  line-height: 150%;
}

.leave-review__items {
  margin-top: 32px;
}

.leave-review__item {
  display: grid;
  grid-gap: 32px;
  align-items: center;
  grid-template-columns: min-content 282px 1fr;
}

.leave-review__item-box {
  display: flex;
  grid-gap: 4px;
}

.leave-review__item-box-text {
  width: 10px;
  font-size: 18px;
  line-height: 150%;
}

.leave-review__item-icon img {
  width: 24px;
}

.leave-review__item+.leave-review__item {
  margin-top: 12px;
}

.leave-review__bottom-btn {
  height: 56px;
}

.leave-review__item-line {
  border-radius: 100px;
  background: #e9ebee;
  position: relative;
  overflow: hidden;
  height: 6px;
}

.leave-review__bottom {
  margin-top: 32px;
  display: flex;
}

.leave-review__item-span {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  border-radius: 100px;
  background: #ffca12;
}

.leave-review__item-num {
  text-align: right;
  color: #686871;
  font-size: 18px;
  line-height: 155%;
}

.reviews-project__items {}

.reviews-project__item {
  border-radius: 20px;
  background: #fff;
  padding: 32px 40px;
  min-width: 0;
  overflow: hidden;
}

.reviews-project__item+.reviews-project__item {
  margin-top: 24px;
}

.reviews-project__item-top {
  display: grid;
  grid-template-columns: 1fr min-content;
  align-items: center;
  grid-gap: 24px;
  margin-bottom: 24px;
}

.reviews-project__item-user {
  display: flex;
  align-items: center;
  overflow: hidden;
  grid-gap: 24px;
}

.reviews-project__item-avatar {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ff6800;
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
  border-radius: 50%;
  background-color: #fff2e8;
}

.reviews-project__item-name {
  color: #282829;
  font-size: 24px;
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 150%;
}

.reviews-project__item-right {
  display: flex;
  align-items: center;
  grid-gap: 24px;
}

.reviews-project__item-date {
  color: #93969c;
  font-size: 18px;
  line-height: 150%;
}

.reviews-project__item-stars {
  width: auto !important;
  padding: 0;
}

.reviews-project__item-stars svg {
  width: 28px;
  height: 28px;
}

.reviews-project__item-content {}

.reviews-project__item-text {
  color: #282829;
  font-size: 24px;
  line-height: 150%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.reviews-project__item-bottom {
  margin-top: 32px;
}

.reviews-project__item-likes {
  display: flex;
  grid-gap: 16px;
}

.reviews-project__item-like {
  border-radius: 40px;
  border: 1px solid #e9ebee;
  background: #f8f9fb;
  cursor: pointer;
  padding: 8px 24px 8px 20px;
  display: flex;
  align-items: center;
  grid-gap: 8px;
  font-size: 18px;
  font-weight: 500;
  transition: 0.3s;
  line-height: 150%;
}

.reviews-project__item-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.reviews-project__item-text.active {
  -webkit-line-clamp: 999999;
}

.reviews-project__item-text-preview {
  display: flex;
  margin-top: 24px;
  display: none;
}

.reviews-project__item-text-btn {
  display: flex;
  align-items: center;
  grid-gap: 8px;
  transition: 0.3s;
  color: #444446;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  border-radius: 8px;
  padding: 10px 20px;
  cursor: pointer;
  background: #f3f4f6;
}

.reviews-project__item-text-btn svg,
.reviews-project__item-text-btn svg path[stroke] {
  transition: 0.3s;
}

.reviews-project__item-text-preview.active svg {
  transform: rotate(180deg);
}

.reviews-project__pagination {
  grid-template-columns: 1fr 495px;
  grid-gap: 32px;
  display: grid;
}

.reviews-project__tova-buttons {
  display: flex;
  align-items: center;
  grid-gap: 8px;
}

.reviews-project__tovar {
  border-radius: 12px;
  background: #f3f4f6;
  margin-top: 32px;
  padding: 12px 12px 12px 24px;
  display: grid;
  grid-template-columns: 1fr min-content;
  align-items: center;
  grid-gap: 12px;
}

.reviews-project__tovar-inner {
  display: grid;
  align-items: center;
  grid-gap: 12px;
  grid-template-columns: min-content 1fr;
  min-width: 0;
  text-decoration: none;
  color: inherit;
}

.reviews-project__tovar-img img {
  width: 32px;
  border-radius: 4px;
  object-fit: cover;
  height: 32px;
}

.reviews-project__tovar-box {
  white-space: nowrap;
}

.reviews-project__tovar-text {
  overflow: hidden;
  color: #282829;
  text-overflow: ellipsis;
  font-size: 18px;
  font-weight: 500;
  white-space: nowrap;
  line-height: 150%;
}

.reviews-project__tovar-price {
  display: flex;
  align-items: center;
  grid-gap: 12px;
}

.reviews-project__tovar-box {
  display: flex;
  grid-gap: 20px;
  align-items: center;
}

.reviews-project__tovar-old {
  color: #444446;
  font-size: 16px;
  line-height: 150%;
  position: relative;
}

.reviews-project__tovar-old::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background-color: #444446;
}

.reviews-project__tovar-new.bg-yellow {
  background: #ffdc42;
  padding: 2px 12px;
}

.reviews-project__tovar-new {
  color: #282829;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  border-radius: 8px;
}

.reviews-project__tova-buttons {}

@media (min-width: 1000px) {
  .reviews-project__item-text-btn:hover {
    background-color: #e9ebee;
    color: #282829;
  }

  .reviews-project__item-text-btn:hover svg path[stroke] {
    stroke: #282829;
  }
}

.btn-icon.btn-icon--secondary.reviews-project__tova-button--favorites.active svg path[fill] {
  fill: #ef1919;
}

.btn-icon.btn-icon--secondary.reviews-project__tova-button--favorites.active svg path[stroke] {
  stroke: #ef1919;
}

@media (min-width: 1000px) {
  .reviews-project__item-like:hover {
    background-color: #f3f4f6;
  }

  .btn-icon.btn-icon--secondary.reviews-project__tova-button--favorites:hover svg path[fill] {
    fill: #ff6800;
  }

  .btn-icon.btn-icon--secondary.reviews-project__tova-button--favorites.active:hover svg path[fill] {
    fill: #ef1919;
  }
}

.reviews-project__item-like svg path {
  transition: 0.3s;
}

.reviews-project__item-like.active svg path[stroke] {
  stroke: #ff6800;
}

.reviews-project__item-like.active {
  color: #ff6800;
  border: 1px solid rgba(255, 104, 0, 0.16);
  background: #fff2e8;
}

.reviews-project__images {
  margin-top: 32px;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 16px;
}

.reviews-project__images-item {
  width: 80px;
  height: 80px;
  overflow: hidden;
  cursor: pointer;
  border-radius: 12px;
}

.reviews-project__images-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.reviews-project__photos {
  margin-top: 32px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.reviews-project__photo {
  width: 80px;
  height: 80px;
  overflow: hidden;
  cursor: pointer;
  border-radius: 12px;
  flex-shrink: 0;
  display: block;
}

.reviews-project__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 1920px) {
  .reviews-project__inner {
    grid-template-columns: 1fr calc(425px + (495 - 425) * ((100vw - 1536px) / (1920 - 1536)));
    grid-gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .leave-review {
    padding: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536))) calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536))) 40px;
  }

  .leave-review__all-num {
    font-size: calc(40px + (48 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .rating-project.leave-review__stars svg {
    width: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .leave-review__text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .leave-review__items {
    margin-top: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .leave-review__bottom {
    margin-top: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .leave-review__item-box-text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .leave-review__item {
    grid-template-columns:
      min-content calc(242px + (282 - 242) * ((100vw - 1536px) / (1920 - 1536))) 1fr;
    grid-gap: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .leave-review__item-num {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .leave-review__item+.leave-review__item {
    margin-top: calc(8px + (12 - 8) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .leave-review__bottom-btn {
    height: calc(52px + (56 - 52) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .reviews-project__top-num {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .reviews-project__item {
    padding: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536))) calc(32px + (40 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .reviews-project__item-avatar {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    width: calc(48px + (60 - 48) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(48px + (60 - 48) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .reviews-project__item-user {
    grid-gap: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .reviews-project__item-name {
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .reviews-project__item-date {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .reviews-project__item-stars svg {
    width: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .reviews-project__item-top {
    margin-bottom: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .reviews-project__item-text {
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .reviews-project__item-bottom {
    margin-top: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .reviews-project__item-like {
    padding-right: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    padding-left: calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .reviews-project__item-like svg {
    width: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .reviews-project__item-text-btn {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .reviews-project__item-text-btn svg {
    width: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .reviews-project__item-text-preview {
    margin-top: calc(16px + (24 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .reviews-project__tovar {
    margin-top: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    padding-left: calc(16px + (24 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .reviews-project__tovar-img img {
    width: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .reviews-project__tovar-text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .reviews-project__tovar-old {
    font-size: calc(14px + (16 - 14) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .reviews-project__tovar-new.bg-yellow {
    padding: 2px calc(10px + (12 - 10) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .reviews-project__tovar-new {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .reviews-project__tovar-price {
    grid-gap: calc(8px + (12 - 8) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .reviews-project__item+.reviews-project__item {
    margin-top: calc(16px + (24 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .reviews-project__images {
    margin-top: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .reviews-project__images-item {
    width: calc(72px + (80 - 72) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(72px + (80 - 72) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .reviews-project__images {
    margin-top: 24px;
  }

  .reviews-project__images-item {
    width: 72px;
    height: 72px;
  }

  .reviews-project__item+.reviews-project__item {
    margin-top: 16px;
  }

  .reviews-project__item-bottom {
    margin-top: 24px;
  }

  .reviews-project__item-likes {
    grid-gap: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .reviews-project__item-like {
    padding-right: 20px;
    padding-left: 16px;
    font-size: 16px;
  }

  .reviews-project__item-like svg {
    width: 20px;
    height: 20px;
  }

  .reviews-project__item {
    border-radius: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
    padding: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366))) calc(28px + (32 - 28) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .leave-review__item+.leave-review__item {
    margin-top: 8px;
  }

  .reviews-project__inner {
    grid-gap: calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
    grid-template-columns: 1fr calc(390px + (425 - 390) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .leave-review__text {
    font-size: 16px;
  }

  .leave-review__all-num {
    font-size: calc(36px + (40 - 36) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .leave-review__item {
    grid-gap: 24px;
    grid-template-columns:
      min-content calc(214px + (242 - 214) * ((100vw - 1366px) / (1536 - 1366))) 1fr;
  }

  .rating-project.leave-review__stars svg {
    width: 32px;
    height: 32px;
  }

  .leave-review__items {
    margin-top: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .leave-review__bottom {
    margin-top: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .leave-review__item-num {
    font-size: 16px;
  }

  .leave-review {
    padding: calc(28px + (32 - 28) * ((100vw - 1366px) / (1536 - 1366))) calc(28px + (32 - 28) * ((100vw - 1366px) / (1536 - 1366))) calc(28px + (40 - 28) * ((100vw - 1366px) / (1536 - 1366)));
    border-radius: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .leave-review__bottom-btn {
    height: calc(48px + (52 - 48) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .leave-review__item-box-text {
    font-size: 16px;
  }

  .reviews-project__top-num {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .reviews-project__item-avatar {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
    width: calc(40px + (48 - 40) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(40px + (48 - 40) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .reviews-project__item-user {
    grid-gap: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .reviews-project__item-name {
    font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .reviews-project__item-date {
    font-size: 16px;
  }

  .reviews-project__item-stars svg {
    width: 24px;
    height: 24px;
  }

  .reviews-project__item-top {
    margin-bottom: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .reviews-project__item-text {
    font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .reviews-project__item-text-btn {
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .reviews-project__item-text-btn svg {
    width: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .reviews-project__item-text-preview {
    margin-top: 16px;
  }

  .reviews-project__tovar {
    margin-top: 24px;
    padding-left: 16px;
  }

  .reviews-project__tovar-img img {
    width: 28px;
    height: 28px;
  }

  .reviews-project__tovar-text {
    font-size: 16px;
  }

  .reviews-project__tovar-old {
    font-size: 14px;
  }

  .reviews-project__tovar-new.bg-yellow {
    padding: 2px 10px;
    font-size: 16px;
  }

  .reviews-project__tovar-new {
    font-size: 16px;
  }

  .reviews-project__tovar-price {
    grid-gap: 8px;
  }
}

@media (max-width: 1366px) {
  .reviews-project__item-text-btn {
    font-size: 14px;
  }

  .reviews-project__item-text-btn svg {
    width: 18px;
    height: 18px;
  }

  .reviews-project__item {
    border-radius: 16px;
    padding: 24px 28px;
  }

  .reviews-project__item-avatar {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }

  .reviews-project__item-user {
    grid-gap: 16px;
  }

  .reviews-project__item-top {
    margin-bottom: 16px;
  }

  .reviews-project__item-text {
    font-size: 18px;
  }

  .reviews-project__item-name {
    font-size: 18px;
  }

  .reviews-project__top-num {
    font-size: 16px;
  }

  .leave-review__bottom-btn {
    height: 48px;
  }

  .leave-review {
    padding: 28px;
    border-radius: 16px;
  }

  .reviews-project__inner {
    grid-gap: 16px;
  }

  .leave-review__items {
    margin-top: 20px;
  }

  .leave-review__all-num {
    font-size: calc(32px + (36 - 32) * ((100vw - 1024px) / (1366 - 1024)));
  }

  .leave-review__bottom {
    margin-top: 20px;
  }

  .reviews-project__item-likes {
    grid-gap: 12px;
  }

  .leave-review__bottom-btn svg {
    width: calc(18px + (20 - 18) * ((100vw - 1024px) / (1366 - 1024)));
    height: calc(18px + (20 - 18) * ((100vw - 1024px) / (1366 - 1024)));
  }
}

@media (max-width: 1200px) {
  .reviews-project__box {
    order: -1;
  }

  .reviews-project__inner {
    grid-template-columns: 1fr;
    grid-gap: 32px;
  }

  .reviews-project__pagination {
    grid-template-columns: 1fr;
  }

  .leave-review__item {
    grid-template-columns: min-content 1fr 32px;
  }
}

@media (max-width: 1024px) {
  .leave-review__bottom-btn svg {
    width: 18px;
    height: 18px;
  }

  .reviews-project__item {
    padding: calc(20px + (24 - 20) * ((100vw - 390px) / (1024 - 390))) calc(20px + (28 - 20) * ((100vw - 390px) / (1024 - 390)));
  }

  .leave-review__all-num {
    font-size: 32px;
  }

  .reviews-project__top-num {
    font-size: calc(14px + (16 - 14) * ((100vw - 390px) / (1024 - 390)));
  }

  .leave-review {
    padding: calc(24px + (28 - 24) * ((100vw - 390px) / (1024 - 390)));
  }

  .reviews-project__item-text {
    font-size: calc(16px + (18 - 16) * ((100vw - 390px) / (1024 - 390)));
  }

  .reviews-project__item-date {
    font-size: calc(14px + (16 - 14) * ((100vw - 390px) / (1024 - 390)));
  }

  .reviews-project__item-stars svg {
    width: calc(20px + (24 - 20) * ((100vw - 390px) / (1024 - 390)));
    height: calc(20px + (24 - 20) * ((100vw - 390px) / (1024 - 390)));
  }

  .reviews-project__images-item {
    width: calc(80px + (72 - 80) * ((100vw - 390px) / (1024 - 390)));
    height: calc(80px + (72 - 80) * ((100vw - 390px) / (1024 - 390)));
    border-radius: calc(8px + (12 - 8) * ((100vw - 390px) / (1024 - 390)));
  }
}

@media (max-width: 800px) {
  .reviews-project__tovar {
    grid-template-columns: 1fr;
  }

  .reviews-project__tovar-img img {
    width: 40px;
    height: 40px;
  }

  .reviews-project__tovar-text {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: wrap;
    text-overflow: ellipsis;
  }

  .reviews-project__tovar-box {
    justify-content: space-between;
  }
}

@media (max-width: 700px) {
  .reviews-project__top-box {
    flex-direction: column;
    grid-gap: 11px;
    align-items: flex-start;
  }

  .reviews-project__top {
    align-items: flex-start;
  }

  .reviews-project__item-top {
    position: relative;
    grid-template-columns: 1fr;
    grid-gap: 16px;
  }

  .reviews-project__item-right {
    flex-wrap: wrap;
  }

  .reviews-project__item-date {
    position: absolute;
    right: 0;
    top: 10px;
  }

  .reviews-project__photos {
    margin-top: 24px;
    gap: 12px;
  }

  .reviews-project__photo {
    width: 72px;
    height: 72px;
    border-radius: 8px;
  }
}

@media (max-width: 390px) {
  .reviews-project__images-item {
    width: 80px;
    height: 80px;
    border-radius: 8px;
  }

  .reviews-project__item {
    padding: 20px;
  }

  .reviews-project__item-stars svg {
    width: 20px;
    height: 20px;
  }

  .reviews-project__item-date {
    font-size: 14px;
  }

  .reviews-project__item-text {
    font-size: 16px;
  }

  .reviews-project__top-num {
    font-size: 14px;
  }
}

/* reviews on product detail page */
.reviews-project--detail .reviews-project__items {
  max-height: none;
}

.reviews-project__all-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #282829;
  font-size: 18px;
  font-weight: 600;
  line-height: 150%;
  text-decoration: none;
  margin-top: 24px;
  transition: color 0.3s;
}

.reviews-project__all-link:hover {
  color: #ff6800;
}

.reviews-project__all-link.btn-project:hover {
  color: #FFF;
}

.reviews-project__all-link svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

@media (max-width: 1024px) {
  .reviews-project__all-link {
    font-size: 16px;
    margin-top: 20px;
  }
}

/*end reviews-project*/

/*start popup-project-reviews*/
.popup-project-reviews {}

.popup-project-reviews__starts {
  display: flex;
  align-items: center;
  grid-gap: 24px;
  margin-bottom: 36px;
}

.popup-project-reviews__starts-text {
  color: #93969c;
  font-size: 16px;
  line-height: 150%;
}

.reviews-rating--error .popup-project-reviews__starts-text span::before {
  background-color: var(--danger-color) !important;
}

.popup-project-reviews__starts-text span {
  position: relative;
  padding-right: 14px;
}

.popup-project-reviews__starts-text span::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  transform: rotate(45deg);
  background-color: #dadde2;
  width: 6px;
  height: 6px;
}

.popup-project-reviews__starts-items {
  width: auto !important;
  padding: 0;
}

.popup-project-reviews__starts-items svg {
  width: 48px;
  height: 48px;
}

.popup-project-reviews__file {
  margin-bottom: 32px;
}

.popup-project-reviews__wrap {
  margin-top: 16px;
}

.popup-project-reviews__inp .inp-base__inp {
  height: 140px;
  overflow-y: auto;
}

.popup-project-reviews .popup-project__close {
  display: none;
}

.popup-project-reviews__wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  overflow: hidden;
  grid-gap: 32px;
}

.popup-project-reviews__wrap .calculator-project__select {
  overflow: hidden;
}

.popup-project-reviews__select {
  /* padding-bottom: 24px; */
}

@media (min-width: 1201px) {
  .popup-project-reviews__select-drop {
    width: 500px !important;
  }
}

@media (max-width: 1920px) {
  .popup-project-reviews__starts-items svg {
    width: calc(40px + (48 - 40) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(40px + (48 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .popup-project-reviews__starts-text {
    font-size: calc(14px + (16 - 14) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .popup-project-reviews__starts {
    margin-bottom: calc(32px + (36 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .popup-project-reviews__inp .inp-base__inp {
    height: calc(128px + (140 - 128) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .popup-project-reviews__select {
    padding-bottom: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .popup-project-reviews__file {
    margin-bottom: calc(24px + (32 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1536px) {
  .popup-project-reviews__starts-items svg {
    width: calc(32px + (40 - 32) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(32px + (40 - 32) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .popup-project-reviews__starts {
    grid-gap: calc(16px + (24 - 16) * ((100vw - 1366px) / (1536 - 1366)));
    margin-bottom: calc(28px + (32 - 28) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .popup-project-reviews__inp .inp-base__inp {
    height: 128px;
  }

  .popup-project-reviews__starts-text {
    font-size: 14px;
  }

  .popup-project-reviews__select {
    padding-bottom: 20px;
  }

  .popup-project-reviews__file {
    margin-bottom: 24px;
  }

  .popup-project__box-inner .contact-form-base__checks {
    margin-top: 24px;
  }

  .popup-project-reviews__wrap {
    grid-gap: calc(24px + (32 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .popup-project-reviews__wrap {
    grid-gap: 24px;
  }

  .popup-project-reviews__starts-items svg {
    width: 32px;
    height: 32px;
  }

  .popup-project-reviews__starts {
    grid-gap: 16px;
    margin-bottom: 28px;
  }

  .popup-project-reviews__wrap {
    margin-top: calc(12px + (16 - 12) * ((100vw - 1024px) / (1366 - 1024)));
  }
}

@media (max-width: 1024px) {
  .popup-project-reviews__wrap {
    margin-top: 32px;
  }

  .container {
    /* padding: 0 calc(16px + (56 - 16) * ((100vw - 390px) / (1024 - 390))); */
  }

  .popup-project-reviews .popup-project__close {
    display: flex;
  }
}

@media (max-width: 800px) {
  .popup-project-reviews__starts {
    flex-direction: column;
    align-items: flex-start;
    grid-gap: 12px;
    margin-bottom: 16px;
  }

  .popup-project-reviews__wrap {
    /* grid-gap: 12px; */
    grid-gap: 32px;
    margin-bottom: 16px;
    grid-template-columns: 1fr;
  }

  .popup-project-reviews__select {
    padding-bottom: 0;
  }
}

/*end popup-project-reviews*/

/*start reviews-user*/
.reviews-user .popup-project__box {
  width: 100%;
  max-width: 100%;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 56px;
  padding-bottom: 32px;
  height: 100vh;
}

.reviews-user .popup-project__close {
  display: none;
}

.reviews-user .popup-project__slide {
  padding: 0;
  border-radius: 0;
}

.reviews-user__block-inner {
  position: relative;
}

.reviews-user__block-item {
  position: relative;
  display: grid;
  grid-template-columns: 860px 1fr;
  grid-gap: 64px;
}

.reviews-user .popup-project__box-close {
  top: 32px;
  right: 32px;
  z-index: 3;
}

.reviews-user__arrow.prev {
  left: -152px;
  position: absolute;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
}

.reviews-user__arrow.next {
  right: -152px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

.swiper.reviews-user__images {
  width: 100%;
  /* max-height: calc(100vh - 300px); */
}

.swiper.reviews-user__images .siper-slide {
  height: 100%;
  width: 100%;
}

.reviews-user__box {
  overflow: auto;
  padding-right: 32px;
  margin-right: -32px;
  /* max-height: calc(100vh - 300px); */
}

.reviews-user__box::-webkit-scrollbar {
  width: 6px;
  background-color: #f3f4f6;
}

.reviews-user__box::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #444446;
}

.reviews-user__data {
  /* overflow: auto; */
}

.reviews-user__block-item {
  /* max-height: calc(100vh - 300px); */
}

.reviews-user__block-item {
  display: none;
  /* overflow: hidden; */
}

.reviews-user__block {
  max-height: calc(100vh - 300px);
}

.reviews-user__block-item.active {
  display: grid;
}

.swiper-slide {}

.reviews-user__content {
  height: 100%;
}

.reviews-user__block {
  height: 100%;
}

.reviews-user__block .container {
  height: 100%;
}

.reviews-user__block-inner {
  height: 100%;
}

.reviews-user__block-items {
  height: 100%;
}

.reviews-user__block-item {
  height: 100%;
}

.swiper {}

.reviews-user__images {}

.swiper-wrapper {}

.swiper-slide {}

.reviews-user__image {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  height: 100%;
}

.reviews-user__image img {
  width: 100%;
  object-fit: contain;
  height: 100%;
}

.reviews-user__box {}

.reviews-user__data {}

.reviews-project__item-top {}

.reviews-project__item-user {}

.reviews-project__item-avatar {}

.reviews-project__item-name {}

.reviews-project__item-right {}

.reviews-project__item-date {}

.rating-project {}

.reviews-project__item-stars {}

.reviews-project__item-content-box {}

.reviews-project__item-text {}

.reviews-project__item-text-preview {}

.reviews-project__item-text-btn {}

.reviews-project__images {}

.reviews-project__images-item {}

.reviews-user__arrows {}

.slider-project__arrow {}

.reviews-user__arrow {}

.reviews-user__bottom {
  margin-top: 32px;
}

.reviews-user__bottom-title {
  color: #282829;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 16px;
  line-height: 150%;
}

.reviews-user__bottom-item {
  cursor: pointer;
  width: 108px;
  height: 108px;
  border-radius: 16px;
  /* overflow: hidden; */
  transition: border 0.3s, padding 0.3s;
  border: 1px solid transparent;
}

.reviews-user__bottom-slide.active .reviews-user__bottom-item {
  border: 1px solid #282829;
  padding: 4px;
}

.reviews-user__bottom-item-img {
  border-radius: 12px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.reviews-user__bottom-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 1920px) {
  .reviews-user .popup-project__box {
    padding-top: calc(40px + (56 - 40) * ((100vw - 1536px) / (1920 - 1536)));
    padding-bottom: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .reviews-user__block-item {
    grid-gap: calc(48px + (64 - 48) * ((100vw - 1536px) / (1920 - 1536)));
    grid-template-columns: calc(735px + (860 - 735) * ((100vw - 1536px) / (1920 - 1536))) 1fr;
  }

  .reviews-user__bottom {
    margin-top: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .reviews-user__bottom-title {
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    margin-bottom: calc(12px + (16 - 12) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .reviews-user__bottom-item {
    width: calc(92px + (102 - 92) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(92px + (102 - 92) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .reviews-user__arrow.next {
    right: calc(-84px + (-152 - (-84)) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .reviews-user__arrow.prev {
    left: calc(-84px + (-152 - (-84)) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .reviews-user .popup-project__box-close {
    top: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    right: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .reviews-user__block {
    max-height: calc(100vh - calc(225px + (300 - 225) * ((100vw - 1536px) / (1920 - 1536))));
  }

  .reviews-user__box {
    margin-right: calc(-10px + (-32 - (-10)) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .reviews-user__box {
    margin-right: -10px;
  }

  .reviews-user__block {
    max-height: calc(100vh - calc(190px + (225 - 190) * ((100vw - 1366px) / (1536 - 1366))));
  }

  .reviews-user .popup-project__box {
    padding-top: calc(32px + (40 - 32) * ((100vw - 1366px) / (1536 - 1366)));
    padding-bottom: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .reviews-user__block-item {
    grid-template-columns: calc(665px + (735 - 665) * ((100vw - 1366px) / (1536 - 1366))) 1fr;
    grid-gap: calc(40px + (48 - 40) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .reviews-user__bottom {
    margin-top: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .reviews-user__bottom-title {
    margin-bottom: 12px;
    font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .reviews-user__bottom-item {
    width: calc(80px + (92 - 80) * ((100vw - 1366px) / (1536 - 1366)));
    height: calc(80px + (92 - 80) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .reviews-user__arrow.next {
    right: calc(-74px + (-84 - (-74)) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .reviews-user__arrow.prev {
    left: calc(-74px + (-84 - (-74)) * ((100vw - 1366px) / (1536 - 1366)));
  }

  .reviews-user .popup-project__box-close {
    top: 24px;
    right: 24px;
  }
}

@media (max-width: 1366px) {
  .reviews-user .popup-project__box {
    padding-top: 32px;
    padding-bottom: 20px;
  }

  .reviews-user__bottom-item {
    width: 80px;
    height: 80px;
  }

  .reviews-user__bottom-title {
    font-size: 18px;
  }

  .reviews-user__bottom {
    margin-top: 20px;
  }
}

@media (max-width: 1300px) {
  .reviews-user__box {
    margin-right: 0;
    padding-right: 0;
  }

  .reviews-user__block {
    height: auto;
  }

  .reviews-user__block .container {
    height: auto;
  }

  .reviews-user__block-item {
    height: auto;
  }

  .reviews-user__block-items {
    height: auto;
  }

  .reviews-user__block-inner {
    height: auto;
  }

  .swiper.reviews-user__images {
    height: 780px;
  }

  .reviews-user__block {
    max-height: 100%;
  }

  .reviews-user .popup-project__box {
    height: auto;
  }

  .reviews-user__box {
    overflow: initial;
  }

  .reviews-user .popup-project__box {
    padding-bottom: 64px;
  }

  .reviews-user__arrow.next {
    display: none;
  }

  .reviews-user__arrow.prev {
    display: none;
  }

  .reviews-user__block-item {
    grid-template-columns: 1fr;
    grid-gap: 32px;
  }

  .reviews-user__bottom-item {
    width: 92px;
    height: 92px;
    border-radius: 12px;
  }

  .reviews-user__bottom-item-img {
    border-radius: 10px;
  }

  .reviews-user .popup-project__box-close {
    top: 16px;
    right: 56px;
  }
}

@media (max-width: 1024px) {
  .reviews-user__bottom-title {
    margin-bottom: calc(8px + (12 - 8) * ((100vw - 390px) / (1024 - 390)));
  }

  .reviews-user__bottom-item {
    width: calc(72px + (92 - 72) * ((100vw - 390px) / (1024 - 390)));
    height: calc(72px + (92 - 72) * ((100vw - 390px) / (1024 - 390)));
    border-radius: calc(8px + (12 - 8) * ((100vw - 390px) / (1024 - 390)));
  }

  .reviews-user__bottom-item-img {
    border-radius: calc(6px + (10 - 6) * ((100vw - 390px) / (1024 - 390)));
  }

  .reviews-user__image {
    border-radius: calc(16px + (20 - 16) * ((100vw - 390px) / (1024 - 390)));
  }

  .reviews-user .popup-project__box {
    padding-top: calc(24px + (32 - 24) * ((100vw - 390px) / (1024 - 390)));
  }

  .reviews-user .popup-project__box-close {
    top: calc(10px + (16 - 10) * ((100vw - 390px) / (1024 - 390)));
    right: calc(16px + (56 - 16) * ((100vw - 390px) / (1024 - 390)));
  }

  .swiper.reviews-user__images {
    height: calc(400px + (780 - 400) * ((100vw - 390px) / (1024 - 390)));
  }

  .reviews-user .popup-project__box-close {
    display: flex;
  }
}

@media (max-width: 390px) {
  .reviews-user .popup-project__box-close {
    top: 10px;
    right: 16px;
  }

  .reviews-user .popup-project__box {
    padding-top: 24px;
  }

  .reviews-user__image {
    border-radius: 16px;
  }

  .reviews-user__bottom-item-img {
    border-radius: 6px;
  }

  .reviews-user__bottom-item {
    width: 72px;
    height: 72px;
    border-radius: 8px;
  }

  .reviews-user__bottom-title {
    margin-bottom: 8px;
  }
}

/*end reviews-user*/
.align-items-center {
  align-items: center;
}

.os-order__errors--form {
  display: none;
}

#reviews-product-trigger .calculator-project__select-check {
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #282829;
}

@media (max-width: 1024px) {
  .page-first-screen--delivery .page-first-screen__title br {
    display: none;
  }
}

.is-loading {
  opacity: 0.6;
  pointer-events: none;
}

.basket-done-img {
  width: 378px;
}

.basket-done-img svg {
  width: 100%;
  height: auto;
}

.basket-section__empty-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.order-registration .os-order__errors {
  display: none;
}

#reviews-form-content .calculator-project__select {
  padding-bottom: 0;
}

@media (max-width: 1920px) {
  .basket-done-img {
    width: calc(340px + (378 - 340) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .basket-done-img {
    width: calc(264px + (340 - 264) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .basket-done-img {
    width: 254px;
  }
}

@media (max-width: 1024px) {
  .basket-done-img {
    width: calc(187px + (254 - 187) * ((100vw - 390px) / (1024 - 390)));
  }
}

.main-contacts-title mark {
  background-color: inherit;
  color: inherit;
}

.reviews-add-to-cart {
  position: relative;
}

.reviews-add-to-cart svg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transition: opacity 0.3s;
}

.reviews-add-to-cart .no-cart {
  opacity: 1;
}

.reviews-add-to-cart .in-cart {
  opacity: 0;
}

.reviews-add-to-cart.active .no-cart {
  opacity: 0;
}

.reviews-add-to-cart.active .in-cart {
  opacity: 1;
}

.visualizer__descr {
  font-size: 20px;
  line-height: 30px;
  color: #282829;
}

@media (max-width: 1920px) {
  .visualizer__descr {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .visualizer__descr {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
  }
}

@media (max-width: 1366px) {
  .visualizer__descr {
    font-size: 16px;
    line-height: 24px;
  }
}

/* === Cement swatch (offer selector for cement type) === */
.cement-swatch--grey {
  background: #6e6e6e1c;
}

.cement-swatch--white {
  background: white;
}
/* End */


/* Start:/local/components/mibazarow/favorites.add/templates/.default/style.css?17785810982265*/
#favorites_popup_wrap{
    /*width: 600px!important;*/
    min-height: 100%;
    padding: 0px;
    position: relative;
    display: inline-block;
    color: #4d4c4c;
}
#favorites_popup_wrap .modal-header {
    min-height: 16.42857143px;
    padding: 0px 0px;
    border: none;
    font-size: 30px;
}
#favorites_popup_wrap .modal-body{
	position: relative;
    padding: 30px;
    font-size: 18px;
}
#favorites_popup_wrap .modal-body p{
	
}
#favorites_popup_wrap .form-row{
	max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    margin: 10px 0;
}
#favorites_popup_wrap .form-row:after {
    content: "";
    display: table;
    clear: both;
}
#favorites_popup_wrap .form-row:first-child {
    margin-top: 0; 
}
#favorites_popup_wrap .form-cell-3 {
    float: left;
    display: block;
    margin-right: 2%;
    width: 30%;
}
#favorites_popup_wrap .form-cell-3:last-child {
    margin-right: 0; 
}
#favorites_popup_wrap .form-cell-9 {
    float: left;
    display: block;
    margin-right: 2%;
    width: 68%;
}
#favorites_popup_wrap .form-cell-9:last-child {
    margin-right: 0; 
}
#favorites_popup_wrap label{
	font-weight: normal;
	font-size: 18px;
 	
}
#favorites_popup_wrap input[type=text]{
	height: 32px;
}
#favorites_popup_wrap input[type=text].error{
	box-shadow: 0 0 0 1px red;
}
#favorites_popup_wrap textarea{
	height: 112px;
}
#favorites_popup_wrap input[type=text], #favorites_popup_wrap textarea{
	width: 100%;
	border: 1px #b7b7b7 solid;
  	padding: 0px 5px;
  	transition: all .25s;
 	-webkit-transition: all .25s;
    -o-transition: all .25s;
}
#favorites_popup_wrap .button_wrap{
	text-align: right;
}
#favorites_popup_wrap button{
	font-size: 18px;
	border: none;
	background-color: rgb(221, 221, 221);
	transition: all .25s;
 	-webkit-transition: all .25s;
    -o-transition: all .25s;
}
#favorites_popup_wrap button:hover {
    box-shadow: 0 0 0 3px rgba(204,204,204,1);
}
#favorites_popup_wrap small.error{
	color: red;
}
@media screen and (min-width: 600px){
	#favorites_popup_wrap{
		width: 600px;
	}
}
@media screen and (max-width: 600px){
	#favorites_popup_wrap .form-cell-3{
		float: none;
	}
	#favorites_popup_wrap .form-cell-9{
		float: none;
		width: 100%;
	}
	#favorites_popup_wrap .modal-header{
		font-size: 25px;
	}
}
/* End */


/* Start:/local/templates/nobetec/components/bitrix/search.suggest.input/default/style.css?1778581099501*/
input.search-suggest {}
div.search-popup{border: 1px solid #333333;background: #FFFFFF;padding: 2px;margin: 0px;}
div.search-popup-row, div.search-popup-row-active{position: relative; padding: 2px 4px;margin: 0px;cursor: hand;cursor: pointer;}
div.search-popup-row{background:#FFFFFF;}
div.search-popup-row-active{background:#EEEEEE;}
div.search-popup-el-name, div.search-popup-el-cnt{position: relative; margin:0px;padding:0px;text-align:left;}
div.search-popup-el-cnt{text-align:right; float:right;}
/* End */


/* Start:/local/components/mibazarow/favorites.line/templates/.default/style.css?177858109840*/


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

/* End */


/* Start:/local/templates/nobetec/components/bitrix/sale.basket.basket.line/.default/style.css?17785810994847*/
.bx-basket {}


.bx-basket-block {
	margin: auto;
	position: relative;
	padding-bottom: 5px;
	padding-left: 20px;
	white-space: nowrap;
	font-size: 12px;
}

.bx-basket-block>.fa {
	position: absolute;
	top: 3px;
	left: 0;
	width: 12px;
	color: #97a1ab;
}

.bx-basket-block a {
	margin-right: 10px;
}

/*FIXED BASKET*/

@media (min-width: 768px) {
	.bx-basket-fixed {
		position: fixed;
		z-index: 100;
		overflow: hidden;
		padding-top: 10px;
		width: 200px;
		border: 1px solid #f0f0f0;
		border-radius: 1px;
		background: #fff;
		box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
	}

	.bx-basket-fixed.top {
		top: 10px
	}

	.bx-basket-fixed.right {
		right: 10px
	}

	.bx-basket-fixed.bottom {
		bottom: 10px
	}

	.bx-basket-fixed.left {
		left: 10px
	}

	.bx-basket-fixed.bx-max-height {
		top: 10px;
		bottom: 10px;
	}

	.block-store-catalog-list .bx-basket-fixed.bottom {
		bottom: 70px
	}
}

@media (min-width: 768px) and (width <=992px) {
	.block-store-catalog-list .bx-basket-fixed.bottom {
		bottom: 90px
	}
}

@media (max-width: 767px) {
	.bx-basket-fixed {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 100;
		overflow: hidden;
		padding-top: 10px;
		border: 1px solid #f0f0f0;
		border-radius: 1px;
		background: #fff;
		box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
	}

	.bx-basket-item-list {
		display: none;
	}

	.block-wrapper .bx-basket-fixed {
		padding-top: 0;
	}

	.block-wrapper .bx-basket-fixed .bx-hdr-profile {
		display: flex;
		justify-content: space-between;
	}

	.block-wrapper .bx-basket-fixed .bx-hdr-profile .bx-basket-block {
		padding-bottom: 0;
	}

	/*.bx-basket-fixed */
}

.bx-basket-item-list {
	position: relative;
	overflow: hidden;
	padding-bottom: 20px;
	border-top: 1px solid #f7f7f7;
}

.bx-opener .bx-basket-item-list {
	padding-bottom: 75px;
}

.bx-max-height .bx-basket-item-list {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
}

.bx-closed .bx-basket-item-list {
	overflow: hidden;
	height: 20px;
}

.bx-basket-item-list-action {
	display: none;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 120;
	padding: 3px 0;
	height: 20px;
	background: #f7f7f7;
	color: #4f4f4f;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	line-height: 14px;
	cursor: pointer;
}

.bx-basket-item-list-button-container {
	position: absolute;
	right: 0;
	bottom: 20px;
	left: 0;
	padding: 10px 0;
	border-top: 1px solid #f7f7f7;
	background: #fff;
	text-align: center;
}

.bx-basket-item-list-container {
	overflow-y: auto;
	max-height: 100%
}

.bx-basket-item-list-item {
	position: relative;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom: 1px solid #f7f7f7;
}

.bx-basket-item-list-container .bx-basket-item-list-item:last-child {
	margin-bottom: 0;
	border-bottom: none;
}

.bx-basket-item-list-item-status {
	margin: 0 10px 20px;
	padding: 3px;
	border-radius: 3px;
	background: #ebebeb;
	text-align: center;
	white-space: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
}

.bx-basket-item-list-item-img {
	position: relative;
	padding-bottom: 5px;
	text-align: center;
}

.bx-basket-item-list-item-img img {
	max-width: 90px;
	height: auto;
	border: 1px solid #e6e6e6;
}

.bx-basket-item-list-item-name {
	padding-bottom: 5px;
}

.bx-basket-item-list-item-name a {
	font-size: 13px;
	line-height: 16px;
}

.bx-basket-item-list-item-remove {
	position: absolute;
	top: -7px;
	right: 10px;
	width: 20px;
	height: 20px;
	opacity: .5;
	cursor: pointer;
	transition: 250ms linear all;
}

.bx-basket-item-list-item-remove:after,
.bx-basket-item-list-item-remove:before {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 10px;
	height: 2px;
	border-radius: 1px;
	background-color: #333;
	content: '';
	transform: translate(-50%, -50%);
}

.bx-basket-item-list-item-remove:after {
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-moz-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	-o-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}

.bx-basket-item-list-item-remove:before {
	-webkit-transform: translate(-50%, -50%) rotate(135deg);
	-moz-transform: translate(-50%, -50%) rotate(135deg);
	-ms-transform: translate(-50%, -50%) rotate(135deg);
	-o-transform: translate(-50%, -50%) rotate(135deg);
	transform: translate(-50%, -50%) rotate(135deg);
}

.bx-basket-item-list-item-remove:hover {
	opacity: .7;
}

.bx-basket-item-list-item-price-block {
	padding-bottom: 5px;
	font-size: 12px;
}

.bx-basket-item-list-item-price {
	display: inline-block;
	margin-right: 5px;
}

.bx-basket-item-list-item-price-old {
	display: inline-block;
	margin-right: 5px;
	color: #b0b0b0;
	text-decoration: line-through
}

.bx_cart_login_top .bx-hdr-profile {
	line-height: 1.44em;
}
/* End */


/* Start:/local/templates/nobetec/components/bitrix/menu/footerMenu/style.css?1778581099581*/
/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	margin-bottom:8px;
	position: relative; /*IE bug*/
}

ul.left-menu li
{
	padding: 10px 16px;
	background:#F5F5F5 url(/local/templates/nobetec/components/bitrix/menu/footerMenu/images/left_menu_bg.gif) top repeat-x;
}

ul.left-menu li a
{
	font-size:100%;
	color:#BC262C;
	font-weight:bold;
	text-decoration:none;
}

ul.left-menu li a:visited
{
	color:#BC262C;
}

ul.left-menu li a:hover
{
	color:#BC262C;
}


ul.left-menu li a.selected:link,
ul.left-menu li a.selected:visited,
ul.left-menu li a.selected:active,
ul.left-menu li a.selected:hover
{
	color:#FC8D3D;
}




/* End */
/* /local/templates/nobetec/css/reset.css?17785811016564 */
/* /local/templates/nobetec/css/swiper-bundle.min.css?177858110116466 */
/* /local/templates/nobetec/fonts/stylesheet.css?17785811012664 */
/* /local/templates/nobetec/css/nouislider.min.css?17785811014220 */
/* /local/templates/nobetec/css/simplebar.css?17785811014237 */
/* /local/templates/nobetec/css/jquery.rateyo.min.css?1778581101711 */
/* /local/templates/nobetec/css/style.css?1779451611702726 */
/* /local/components/mibazarow/favorites.add/templates/.default/style.css?17785810982265 */
/* /local/templates/nobetec/components/bitrix/search.suggest.input/default/style.css?1778581099501 */
/* /local/components/mibazarow/favorites.line/templates/.default/style.css?177858109840 */
/* /local/templates/nobetec/components/bitrix/sale.basket.basket.line/.default/style.css?17785810994847 */
/* /local/templates/nobetec/components/bitrix/menu/footerMenu/style.css?1778581099581 */