/* Start:/local/templates/.default/assets/css/libs.css?171338858041142*/
/*! 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.
 */

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 {
  font-size: 2em;
  margin: 0.67em 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;
}

/**
 * 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: bolder;
}

/**
 * 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 {
  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 */
}

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

button,
input { /* 1 */
  overflow: visible;
}

/**
 * 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;
}

body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/**
 * Swiper 9.2.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 21, 2023
 */

@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,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{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{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-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.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-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,swiper-container: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-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:var(--swiper-navigation-top-offset,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:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,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:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);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:var(--swiper-pagination-bullet-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:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);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,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,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:var(--swiper-pagination-progressbar-size,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:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,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:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-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;touch-action:none}.swiper .swiper-notification,swiper-container .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}
/*======================================
  Selectric v1.13.0
======================================*/

.selectric-wrapper {
  position: relative;
  cursor: pointer;
}

.selectric-responsive {
  width: 100%;
}

.selectric {
  border: 1px solid #DDD;
  border-radius: 0px;
  background: #F8F8F8;
  position: relative;
  overflow: hidden;
}

.selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 38px 0 10px;
  font-size: 12px;
  line-height: 38px;
  color: #444;
  height: 38px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectric .button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 38px;
  height: 38px;
  line-height: 38px;
  background-color: #F8f8f8;
  color: #BBB;
  text-align: center;
  font: 0/0 a;
  *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial;
}

.selectric .button:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #BBB;
  border-bottom: none;
}

.selectric-focus .selectric {
  border-color: #aaaaaa;
}

.selectric-hover .selectric {
  border-color: #c4c4c4;
}

.selectric-hover .selectric .button {
  color: #a2a2a2;
}

.selectric-hover .selectric .button:after {
  border-top-color: #a2a2a2;
}

.selectric-open {
  z-index: 9999;
}

.selectric-open .selectric {
  border-color: #c4c4c4;
}

.selectric-open .selectric-items {
  display: block;
}

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}

.selectric-hide-select select {
  position: absolute;
  left: -100%;
}

.selectric-hide-select.selectric-is-native {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.selectric-hide-select.selectric-is-native select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  z-index: 1;
  box-sizing: border-box;
  opacity: 0;
}

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}

/* Items box */
.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #F8F8F8;
  border: 1px solid #c4c4c4;
  z-index: -1;
  box-shadow: 0 0 10px -6px;
}

.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto;
}

.selectric-above .selectric-items {
  top: auto;
  bottom: 100%;
}

.selectric-items ul, .selectric-items li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  min-height: 20px;
}

.selectric-items li {
  display: block;
  padding: 10px;
  color: #666;
  cursor: pointer;
}

.selectric-items li.selected {
  background: #E0E0E0;
  color: #444;
}

.selectric-items li.highlighted {
  background: #D0D0D0;
  color: #444;
}

.selectric-items li:hover {
  background: #D5D5D5;
  color: #444;
}

.selectric-items .disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default !important;
  background: none !important;
  color: #666 !important;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 10px;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: none;
  color: #444;
}

.selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1;
}

.selectric-items .selectric-group li {
  padding-left: 25px;
}

/* End */


/* Start:/local/templates/.default/assets/css/bootstrap-utilities.css?1743695053107823*/
/*!
 * Bootstrap Utilities v5.3.4 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root,
[data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: #6ea8fe;
  --bs-secondary-text-emphasis: #a7acb1;
  --bs-success-text-emphasis: #75b798;
  --bs-info-text-emphasis: #6edff6;
  --bs-warning-text-emphasis: #ffda6a;
  --bs-danger-text-emphasis: #ea868f;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #031633;
  --bs-secondary-bg-subtle: #161719;
  --bs-success-bg-subtle: #051b11;
  --bs-info-bg-subtle: #032830;
  --bs-warning-bg-subtle: #332701;
  --bs-danger-bg-subtle: #2c0b0e;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #084298;
  --bs-secondary-border-subtle: #41464b;
  --bs-success-border-subtle: #0f5132;
  --bs-info-border-subtle: #087990;
  --bs-warning-border-subtle: #997404;
  --bs-danger-border-subtle: #842029;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #6ea8fe;
  --bs-link-hover-color: #8bb9fe;
  --bs-link-color-rgb: 110, 168, 254;
  --bs-link-hover-color-rgb: 139, 185, 254;
  --bs-code-color: #e685b5;
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: #664d03;
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success {
  color: #fff !important;
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info {
  color: #000 !important;
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}

.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-primary:hover, .link-primary:focus {
  color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
}

.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary:hover, .link-secondary:focus {
  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
}

.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-success:hover, .link-success:focus {
  color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
}

.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-info:hover, .link-info:focus {
  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
}

.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning:hover, .link-warning:focus {
  color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
}

.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger:hover, .link-danger:focus {
  color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
}

.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-light:hover, .link-light:focus {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}

.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark:hover, .link-dark:focus {
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
}

.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis:hover, .link-body-emphasis:focus {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}

.focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}

.icon-link {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-underline-offset: 0.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.icon-link > .bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: 0.2s ease-in-out transform;
}
@media (prefers-reduced-motion: reduce) {
  .icon-link > .bi {
    transition: none;
  }
}

.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
  transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}

.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}

.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020;
}

.sticky-bottom {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 1020;
}

@media (min-width: 576px) {
  .sticky-sm-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vr {
  display: inline-block;
  align-self: stretch;
  width: var(--bs-border-width);
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

.float-none {
  float: none !important;
}

.object-fit-contain {
  -o-object-fit: contain !important;
  object-fit: contain !important;
}

.object-fit-cover {
  -o-object-fit: cover !important;
  object-fit: cover !important;
}

.object-fit-fill {
  -o-object-fit: fill !important;
  object-fit: fill !important;
}

.object-fit-scale {
  -o-object-fit: scale-down !important;
  object-fit: scale-down !important;
}

.object-fit-none {
  -o-object-fit: none !important;
  object-fit: none !important;
}

.opacity-0 {
  opacity: 0 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.overflow-x-auto {
  overflow-x: auto !important;
}

.overflow-x-hidden {
  overflow-x: hidden !important;
}

.overflow-x-visible {
  overflow-x: visible !important;
}

.overflow-x-scroll {
  overflow-x: scroll !important;
}

.overflow-y-auto {
  overflow-y: auto !important;
}

.overflow-y-hidden {
  overflow-y: hidden !important;
}

.overflow-y-visible {
  overflow-y: visible !important;
}

.overflow-y-scroll {
  overflow-y: scroll !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-inline-grid {
  display: inline-grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.shadow {
  box-shadow: var(--bs-box-shadow) !important;
}

.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}

.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

.top-0 {
  top: 0 !important;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}

.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}

.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}

.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}

.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}

.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}

.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}

.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}

.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}

.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}

.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}

.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}

.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}

.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}

.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}

.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}

.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-5 {
  border-width: 5px !important;
}

.border-opacity-10 {
  --bs-border-opacity: 0.1;
}

.border-opacity-25 {
  --bs-border-opacity: 0.25;
}

.border-opacity-50 {
  --bs-border-opacity: 0.5;
}

.border-opacity-75 {
  --bs-border-opacity: 0.75;
}

.border-opacity-100 {
  --bs-border-opacity: 1;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.row-gap-0 {
  row-gap: 0 !important;
}

.row-gap-1 {
  row-gap: 0.25rem !important;
}

.row-gap-2 {
  row-gap: 0.5rem !important;
}

.row-gap-3 {
  row-gap: 1rem !important;
}

.row-gap-4 {
  row-gap: 1.5rem !important;
}

.row-gap-5 {
  row-gap: 3rem !important;
}

.column-gap-0 {
  -moz-column-gap: 0 !important;
  column-gap: 0 !important;
}

.column-gap-1 {
  -moz-column-gap: 0.25rem !important;
  column-gap: 0.25rem !important;
}

.column-gap-2 {
  -moz-column-gap: 0.5rem !important;
  column-gap: 0.5rem !important;
}

.column-gap-3 {
  -moz-column-gap: 1rem !important;
  column-gap: 1rem !important;
}

.column-gap-4 {
  -moz-column-gap: 1.5rem !important;
  column-gap: 1.5rem !important;
}

.column-gap-5 {
  -moz-column-gap: 3rem !important;
  column-gap: 3rem !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
}

.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
}

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}

.text-opacity-25 {
  --bs-text-opacity: 0.25;
}

.text-opacity-50 {
  --bs-text-opacity: 0.5;
}

.text-opacity-75 {
  --bs-text-opacity: 0.75;
}

.text-opacity-100 {
  --bs-text-opacity: 1;
}

.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}

.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}

.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}

.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}

.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}

.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}

.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}

.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}

.link-opacity-10 {
  --bs-link-opacity: 0.1;
}

.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1;
}

.link-opacity-25 {
  --bs-link-opacity: 0.25;
}

.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25;
}

.link-opacity-50 {
  --bs-link-opacity: 0.5;
}

.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5;
}

.link-opacity-75 {
  --bs-link-opacity: 0.75;
}

.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75;
}

.link-opacity-100 {
  --bs-link-opacity: 1;
}

.link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}

.link-offset-1 {
  text-underline-offset: 0.125em !important;
}

.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}

.link-offset-2 {
  text-underline-offset: 0.25em !important;
}

.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}

.link-offset-3 {
  text-underline-offset: 0.375em !important;
}

.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}

.link-underline-primary {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-success {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-info {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-warning {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-danger {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-light {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-dark {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-underline-opacity-0 {
  --bs-link-underline-opacity: 0;
}

.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}

.link-underline-opacity-10 {
  --bs-link-underline-opacity: 0.1;
}

.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}

.link-underline-opacity-25 {
  --bs-link-underline-opacity: 0.25;
}

.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}

.link-underline-opacity-50 {
  --bs-link-underline-opacity: 0.5;
}

.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}

.link-underline-opacity-75 {
  --bs-link-underline-opacity: 0.75;
}

.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}

.link-underline-opacity-100 {
  --bs-link-underline-opacity: 1;
}

.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}

.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
  --bs-bg-opacity: 1;
}

.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}

.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}

.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}

.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}

.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}

.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}

.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}

.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  user-select: all !important;
}

.user-select-auto {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  user-select: auto !important;
}

.user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}

.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}

.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}

.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.z-n1 {
  z-index: -1 !important;
}

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

.z-1 {
  z-index: 1 !important;
}

.z-2 {
  z-index: 2 !important;
}

.z-3 {
  z-index: 3 !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-sm-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-sm-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-sm-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  .column-gap-sm-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-md-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-md-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-md-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-md-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  .column-gap-md-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-md-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-lg-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-lg-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-lg-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  .column-gap-lg-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-xl-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-xl-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-xl-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xl-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xxl-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-xxl-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}

/*# sourceMappingURL=bootstrap-utilities.css.map */
/* End */


/* Start:/local/templates/.default/assets/css/main.css?1749787941592628*/
:root {
    --index: calc(1vw + 1vh);
    --fs-default: 62.5%;
    --line-height: 1.5;
    --container-width: 1870px;
    --container-padding: 35px;
    --font-default: "Roboto", sans-serif;
    --font-additional: "Inter", sans-serif;
    --transition: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    --transition2: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    --transition3: cubic-bezier(0.715, -0.235, 0.12, 1.3);
    --bg-body: #fff;
    --color-text: #373737;
    --color-white: #fff;
    --color-whiteRGBA10: hsla(0, 0%, 100%, 0.1);
    --color-whiteRGBA30: hsla(0, 0%, 100%, 0.3);
    --color-whiteRGBA50: hsla(0, 0%, 100%, 0.5);
    --color-whiteRGBA60: hsla(0, 0%, 100%, 0.6);
    --color-black: #000;
    --color-blacklight: #323232;
    --color-blacklight2: #373737;
    --color-gray: #d9d9d9;
    --color-grayRGBA34: hsla(0, 0%, 85%, 0.34);
    --color-gray2: #f4f4f4;
    --color-gray3: #eaeaea;
    --color-gray4: #5e5e5e;
    --color-gray5: #f6f6f6;
    --color-gray6: #737171;
    --color-gray7: #454545;
    --color-gray8: #464d51;
    --color-gray9: #444;
    --color-gray10: #3d3c3c;
    --color-gray11: #ededed;
    --color-gray12: #c7c7c7;
    --color-gray13: #494949;
    --color-gray14: #f1f1f1;
    --color-gray15: #888;
    --color-gray16: #1e1e1e;
    --color-gray17: #636363;
    --color-gray18: #7c7c7c;
    --color-gray19: #d7d6d6;
    --color-gray20: #d7d7d7;
    --color-gray21: #aeaeae;
    --color-gray22: #8d8d8d;
    --color-gray23: #383838;
    --color-gray24: #f5f5f5;
    --color-gray25: #797979;
    --color-gray26: #8a8a8a;
    --color-gray27: #706e6e;
    --color-gray28: #a8a8a8;
    --color-gray29: #939292;
    --color-gray30: #676767;
    --color-gray31: #cecece;
    --color-gray32: #bcbcbc;
    --color-gray33: #a0a0a0;
    --color-gray34: #d0d0d0;
    --color-gray35: #c5c5c5;
    --color-gray36: #c1c1c1;
    --color-gray37: #d1d1d1;
    --color-gray38: #e3e3e3;
    --color-gray39: #f8f8f8;
    --color-gray40: #e6e6e6;
    --color-gray41: #838383;
    --color-gray42: #d6d6d6;
    --color-gray43: #181818;
    --color-gray44: #b0bec5;
    --color-gray45: #868686;
    --color-gray46: #7d7d7d;
    --color-gray47: #e4e4e4;
    --color-gray48: #e8e8e8;
    --color-gray49: #757575;
    --color-gray50: #878787;
    --color-gray51: #2c2c2c;
    --color-gray52: #222a28;
    --color-gray53: #707070;
    --color-gray54: #7f7f7f;
    --color-gray55: #a5a5a5;
    --color-orange: #fc921d;
    --color-orange2: #fd9827;
    --color-orange3: #ffe3c3;
    --color-orange4: #ffdb47;
    --color-orange5: #feb54c;
    --color-orange6: #ffa94a;
    --color-orange7: #ffefdb;
    --color-orange8: #f9a426;
    --color-orange9: #ffefdd;
    --color-orange10: #fcf6f1;
    --color-orange11: #da761d;
    --color-orange12: hsla(33, 53%, 90%, 0.5);
    --color-orange13: #f3e7d8;
    --color-orange14: #fcf8f0;
    --color-orange15: #f4efeb;
    --color-orange16: #f4832d;
    --color-orange17: #ffc07a;
    --color-orange-washed: #FF6633;
    --color-red: #e43434;
    --color-redRGBA20: rgba(228, 52, 52, 0.2);
    --color-red2: #fe0000;
    --color-red3: #e64f42;
    --color-metro: #e4271b;
    --color-purple: #334679;
    --color-blue: #2c80e3;
    --color-blue2: #7bade8;
    --color-blue3: #2293c4;
    --color-blue4: #3e94b9;
    --color-blue5: #dce7ee;
    --color-blue6: #1a78a1;
    --color-blue7: #29b6f6;
    --color-blue8: #7bc0df;
    --color-blue9: #b4c8ee;
    --color-blue10: #c9e4f2;
    --color-blue11: #397ea3;
    --color-blue12: #6db8df;
    --color-blue13: #9ecce5;
    --color-blue14: #19709f;
    --color-blue15: #0f79b1;
    --color-green: #afc866;
    --color-green2: #b8cd7c;
    --color-green3: #b3e7af;
    --color-green4: #a1c554;
    --color-green5: #40c351;
    --color-green6: #6d8503;
    --color-green7: #c5ec78;
    --color-violet: #752ed5;
    --swiper-theme-color: #fc921d;
}
@media screen and (max-width: 768px) {
    :root {
        --container-padding: 13px;
    }
}
@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src: url(/local/templates/.default/assets/css/../fonts/Roboto/Robotothin.woff2) format("woff2");
}
@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 100;
    src: url(/local/templates/.default/assets/css/../fonts/Roboto/Robotothinitalic.woff2) format("woff2");
}
@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: url(/local/templates/.default/assets/css/../fonts/Roboto/Robotolight.woff2) format("woff2");
}
@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 300;
    src: url(/local/templates/.default/assets/css/../fonts/Roboto/Robotolightitalic.woff2) format("woff2");
}
@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: url(/local/templates/.default/assets/css/../fonts/Roboto/Roboto.woff2) format("woff2");
}
@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    src: url(/local/templates/.default/assets/css/../fonts/Roboto/Robotoitalic.woff2) format("woff2");
}
@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: url(/local/templates/.default/assets/css/../fonts/Roboto/Robotomedium.woff2) format("woff2");
}
@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 500;
    src: url(/local/templates/.default/assets/css/../fonts/Roboto/Robotomediumitalic.woff2) format("woff2");
}
@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: url(/local/templates/.default/assets/css/../fonts/Roboto/Robotobold.woff2) format("woff2");
}
@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    src: url(/local/templates/.default/assets/css/../fonts/Roboto/Robotobolditalic.woff2) format("woff2");
}
@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src: url(/local/templates/.default/assets/css/../fonts/Roboto/Robotoblack.woff2) format("woff2");
}
@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 900;
    src: url(/local/templates/.default/assets/css/../fonts/Roboto/Robotoblackitalic.woff2) format("woff2");
}
@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    src: url(/local/templates/.default/assets/css/../fonts/Inter/Inter-Regular.woff2) format("woff2");
}
@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    src: url(/local/templates/.default/assets/css/../fonts/Inter/Inter-Medium.woff2) format("woff2");
}
@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    src: url(/local/templates/.default/assets/css/../fonts/Inter/Inter-SemiBold.woff2) format("woff2");
}
@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    src: url(/local/templates/.default/assets/css/../fonts/Inter/Inter-Bold.woff2) format("woff2");
}
*,
:after,
:before {
    box-sizing: border-box;
    margin: 0;
    outline: none !important;
    padding: 0;
}
:where(ul, ol):where([class]) {
    padding-left: 0;
}
:where(ul[class]) {
    list-style: none;
}
:where(blockquote, figure):where([class]),
body {
    margin: 0;
}
:where(h1, h2, h3, h4, h5, h6, p, ul, ol, dl):where([class]) {
    margin-block: 0;
}
:where(dd[class]) {
    margin-left: 0;
}
:where(fieldset[class]) {
    border: none;
    margin-left: 0;
    padding: 0;
}
p {
    --paragraphMarginBottom: 24px;
    margin-block: 0;
}
p:where(:not([class]):not(:last-child)) {
    margin-bottom: var(--paragraphMarginBottom);
}
img {
    display: block;
    max-width: 100%;
}
a,
button,
input,
select,
textarea {
    font: inherit;
    outline: none !important;
}
input:focus {
    outline: none;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    display: none;
}
input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
    -webkit-box-shadow: inset 0 0 0 1000px none;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
}
html {
    font-size: var(--fs-default);
    height: 100%;
    scroll-behavior: smooth;
}
body {
    line-height: var(--line-height);
    min-height: 100%;
    min-width: 320px;
}
svg [fill] {
    fill: currentColor;
}
svg [stroke] {
    stroke: currentColor;
}
svg * {
    transition-property: fill, stroke;
}
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}
body {
    background: var(--bg-body);
    color: var(--color-text);
    font-family: var(--font-default);
    position: relative;
}
@media screen and (max-width: 768px) {
    body {
        padding-top: 35px;
    }
}
body.no-scroll {
    overflow: hidden;
}
@media screen and (max-width: 992px) {
    body.no-scroll {
        padding-right: 0;
    }
}
body._load .widget-soc {
    opacity: 1;
    transform: translateY(0);
}
@media screen and (min-width: 480px) {
    .desctop-hidden {
        display: none !important;
    }
}
@media screen and (max-width: 480px) {
    .mobile-hidden {
        display: none !important;
    }
}
@media screen and (max-width: 1280px) {
    .laptop-hidden {
        display: none !important;
    }
}
@media screen and (max-width: 992px) {
    .tablet-hidden {
        display: none;
    }
}
.tablet-visible {
    display: none;
}
@media screen and (max-width: 992px) {
    .tablet-visible {
        display: block;
    }
}
.visually-hidden {
    clip: rect(0 0 0 0);
    border: 0;
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
.container {
    margin-inline: auto;
    max-width: calc(var(--container-width) + var(--container-padding) * 2);
    padding-inline: var(--container-padding);
    width: 100%;
}
.hidden {
    display: none;
}
.page-wrapper {
    margin-bottom: 51px;
    padding-top: 26px;
}
@media screen and (min-width: 1200px) {
    .main-header--fixed ~ .page-wrapper {
        padding-top: calc(75px + 2rem);
    }
}
@media screen and (max-width: 768px) {
    .page-wrapper {
        margin-bottom: 36px;
        padding-top: 13px;
    }
}
.page-columns {
    display: flex;
}
.page-sidebar {
    margin-right: 76px;
    width: 240px;
}
@media screen and (max-width: 1680px) {
    .page-sidebar {
        margin-right: 42px;
        width: 220px;
    }
}
@media screen and (max-width: 1200px) {
    .page-sidebar {
        display: none;
    }
}
.page-sidebar .pannel-search {
    margin-bottom: 23px;
}
.page-sidebar .page-sidebar__inner {
    position: sticky;
    top: 1rem;
    overflow-y: auto;
    max-height: calc(100vh - 2rem); /* 1rem for top offset + 1rem for bottom buffer */
}
.page-sidebar + div {
    width: calc(100% - 316px);
}
@media screen and (max-width: 1680px) {
    .page-sidebar + div {
        width: calc(100% - 262px);
    }
}
@media screen and (max-width: 1200px) {
    .page-sidebar + div {
        width: 100%;
    }
}
.page-sidebar + div .main-container {
    width: 100%;
}
@media screen and (max-width: 1680px) {
    .page-sidebar + div .main-container {
        width: 100%;
    }
}
@media screen and (max-width: 1200px) {
    .page-sidebar + div .main-container {
        width: 100%;
    }
}
.main-header--fixed ~ .page-wrapper .page-sidebar__inner {
    top: calc(75px + 2rem);
    /* max-height needs to be adjusted for the new 'top' value */
    max-height: calc(100vh - (75px + 2rem) - 1rem); /* (75px + 2rem) for top offset + 1rem for bottom buffer */
}
.main-container {
    width: calc(100% - 316px);
}
@media screen and (max-width: 1680px) {
    .main-container {
        width: calc(100% - 262px);
    }
}
@media screen and (max-width: 1200px) {
    .main-container {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .main-container.main-container__home .home-top {
        order: 1;
    }
    .main-container.main-container__home .home-video {
        order: 1;
    }
    .main-container.main-container__home .home-banners {
        order: 2;
    }
    .main-container.main-container__home .block-exhibitions,
    .main-container.main-container__home .banner-exhibitions,
    .main-container.main-container__home .banner--order-in-winter {
        order: 4;
    }
    .main-container.main-container__home .sec-product-hit {
        order: 5;
    }
    .main-container.main-container__home .section-catalog {
        order: 3;
    }
    .main-container.main-container__home .winter-building {
        order: 4;
    }
    .main-container.main-container__home .project-banner {
        order: 5;
    }
    .main-container.main-container__home .feedback-banner {
        order: 6;
    }
    .main-container.main-container__home [class*="banner--warranty"] {
        order: 7;
    }
    .main-container.main-container__home .sec-video-product {
        order: 8;
    }
    .main-container.main-container__home .section-whywe {
        order: 9;
    }
    .main-container.main-container__home .sec-reviews {
        order: 10;
    }
    .main-container.main-container__home .section-video-reviews {
        order: 11;
    }
    .main-container.main-container__home .sec-thank-letters {
        order: 12;
    }
    .main-container.main-container__home .description-seo {
        order: 13;
    }
    .main-container.main-container__home .sec-product-sezon {
        display: none;
    }
}
.description-seo._open .description-seo__content:before {
    opacity: 0;
}
.description-seo .description-seo__content {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    max-height: 306px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s var(--transition);
}
@media screen and (max-width: 768px) {
    .description-seo .description-seo__content {
        font-size: 14px;
        max-height: 222px;
    }
}
.description-seo .description-seo__content:before {
    background: linear-gradient(1turn, #fff, hsla(0, 0%, 100%, 0));
    bottom: 0;
    content: "";
    height: 70%;
    left: 0;
    position: absolute;
    transition: all 0.3s var(--transition);
    width: 100%;
    z-index: 2;
}
.description-seo .description-seo__content p {
    margin-bottom: 10px;
}
.description-seo .description-seo__content ol,
.description-seo .description-seo__content ul {
    list-style-position: inside;
    margin-bottom: 10px;
}
.description-seo .description-seo__content ol li,
.description-seo .description-seo__content ul li {
    margin-bottom: 10px;
}
.description-seo .description-seo__content h2,
.description-seo .description-seo__content h3,
.description-seo .description-seo__content h4 {
    font-size: 18px;
    font-weight: 500;
    margin: 16px 0 10px;
}
.description-seo .description-seo__btn {
    padding-top: 10px;
}
@media screen and (max-width: 768px) {
    .description-seo .description-seo__btn {
        padding-top: 7px;
    }
}
.description-seo .description-seo__btn button {
    background: none;
    border: 0;
    color: var(--color-blue4);
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    transition: color 0.3s var(--transition);
}
@media screen and (max-width: 768px) {
    .description-seo .description-seo__btn button {
        font-size: 14px;
    }
}
@media (hover: hover) {
    .description-seo .description-seo__btn button:hover {
        color: var(--color-blue);
    }
}
@media (hover: none) {
    .description-seo .description-seo__btn button:active {
        color: var(--color-blue);
    }
}
@media screen and (max-width: 1200px) {
    .laptop-hidden {
        display: none !important;
    }
}
@media screen and (max-width: 768px) {
    .mobile-hidden {
        display: none !important;
    }
}
@media screen and (min-width: 1200px) {
    .visible-laptop {
        display: none !important;
    }
}
.btn {
    background: var(--color-white);
    border: none;
    border-radius: 5px;
    color: var(--color-blacklight2);
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    height: 45px;
    line-height: 45px;
    padding: 0 24px;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s var(--transition);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
}
@media screen and (max-width: 768px) {
    .btn {
        height: 38px;
        line-height: 38px;
    }
}
@media (hover: hover) {
    .btn:hover {
        background: var(--color-white);
        color: var(--color-orange);
    }
}
@media (hover: none) {
    .btn:active {
        background: var(--color-white);
        color: var(--color-orange);
    }
}
.btn.btn-orange {
    background: var(--color-orange);
    color: var(--color-white);
}
@media screen and (max-width: 768px) {
    .btn.btn-orange {
        color: var(--color-white);
    }
}
@media (hover: hover) {
    .btn.btn-orange:hover {
        background: var(--color-orange6);
    }
}
@media (hover: none) {
    .btn.btn-orange:active {
        background: var(--color-orange6);
    }
}
.btn.btn-green {
    background: var(--color-green);
    color: var(--color-white);
}
@media screen and (max-width: 768px) {
    .btn.btn-green {
        color: var(--color-white);
    }
}
@media (hover: hover) {
    .btn.btn-green:hover {
        background: var(--color-green2);
        color: var(--color-white);
    }
}
@media (hover: none) {
    .btn.btn-green:active {
        background: var(--color-green2);
        color: var(--color-white);
    }
}
@media (hover: hover) {
    .btn.btn-green.btn-big:hover {
        color: var(--color-white);
    }
}
@media (hover: none) {
    .btn.btn-green.btn-big:active {
        color: var(--color-white);
    }
}
.btn.btn-blue {
    background: var(--color-blue);
    color: var(--color-white);
}
@media (hover: hover) {
    .btn.btn-blue:hover {
        background: var(--color-blue2);
        color: var(--color-white);
    }
}
@media (hover: none) {
    .btn.btn-blue:active {
        background: var(--color-blue2);
        color: var(--color-white);
    }
}
.btn.btn-blue-cold {
    background: var(--color-blue15);
    color: var(--color-white);
}
@media (hover: hover) {
    .btn.btn-blue-cold:hover {
        background: var(--color-blue12);
        color: var(--color-white);
    }
}
@media (hover: none) {
    .btn.btn-blue-cold:active {
        background: var(--color-blue12);
        color: var(--color-white);
    }
}
.btn.btn-big {
    font-size: 20px;
    font-weight: 400;
    height: 56px;
    line-height: 56px;
}
@media screen and (max-width: 768px) {
    .btn.btn-big {
        font-size: 14px;
        height: 38px;
        line-height: 38px;
        padding: 0 16px;
    }
}
@media screen and (hover: hover) and (max-width: 768px) {
    .btn.btn-big:hover {
        color: var(--color-orange);
    }
}
@media screen and (hover: none) and (max-width: 768px) {
    .btn.btn-big:active {
        color: var(--color-orange);
    }
}
.btn.btn-big.btn-orange {
    color: var(--color-white);
}
@media (hover: hover) {
    .btn.btn-big.btn-orange:hover {
        background: var(--color-orange6);
    }
}
@media (hover: none) {
    .btn.btn-big.btn-orange:active {
        background: var(--color-orange6);
    }
}
.btn.btn-radius {
    border-radius: 20px;
    font-size: 16px;
    font-weight: 400;
    height: 38px;
    line-height: 38px;
}
@media screen and (max-width: 768px) {
    .btn.btn-radius {
        font-size: 12px;
        height: 26px;
        line-height: 26px;
        padding: 0 21px;
    }
}
.btn.btn-middle {
    font-size: 20px;
    font-weight: 500;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
}
@media screen and (max-width: 1200px) {
    .btn.btn-middle {
        font-size: 16px;
        height: 44px;
        line-height: 44px;
    }
}
@media screen and (max-width: 768px) {
    .btn.btn-middle {
        font-size: 12px;
        height: 29px;
        line-height: 29px;
    }
}
.btn.btn-middle.btn-radius {
    border-radius: 25px;
}
.btn.btn-min {
    font-size: 16px;
    font-weight: 400;
    height: 39px;
    line-height: 39px;
    padding: 0 19px;
}
@media screen and (max-width: 768px) {
    .btn.btn-min {
        font-size: 12px;
        height: 32px;
        letter-spacing: 0.02em;
        line-height: 32px;
        padding: 0 20px;
    }
}
.btn.btn-border {
    background: transparent;
    border: 1px solid var(--color-orange);
    color: var(--color-text);
    font-weight: 400;
}
.btn.btn-border.btn-middle {
    line-height: 48px;
}
@media screen and (max-width: 1200px) {
    .btn.btn-border.btn-middle {
        line-height: 42px;
    }
}
@media screen and (max-width: 768px) {
    .btn.btn-border.btn-middle {
        line-height: 27px;
    }
}
.btn.btn-border:hover {
    color: var(--color-orange);
}
.btn-question {
    align-items: center;
    color: var(--color-white);
    display: flex;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    transition: color 0.3s var(--transition);
    white-space: nowrap;
}
@media (hover: hover) {
    .btn-question:hover {
        color: var(--color-orange);
    }
    .btn-question:hover .icon svg path {
        fill: var(--color-orange);
    }
}
@media (hover: none) {
    .btn-question:active {
        color: var(--color-orange);
    }
    .btn-question:active .icon svg path {
        fill: var(--color-orange);
    }
}
.btn-question .icon {
    height: 20px;
    margin-right: 9px;
    width: 20px;
}
.btn-question .icon svg path {
    fill: var(--color-gray19);
    transition: fill 0.3s var(--transition);
}
.btn-scroll {
    color: var(--color-blue4);
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
@media screen and (max-width: 768px) {
    .btn-scroll {
        font-size: 14px;
    }
}
@media (hover: hover) {
    .btn-scroll:hover {
        color: var(--color-blue);
    }
}
@media (hover: none) {
    .btn-scroll:active {
        color: var(--color-blue);
    }
}
.fancybox-slide--html {
    padding: 13px;
}
.popup-block {
    background: var(--color-white);
    border-radius: 10px;
    max-width: 1100px;
    opacity: 0;
    padding: 44px 68px;
    transform: translateY(20px);
    transition: all 0.4s var(--transition);
    width: 100%;
}
@media screen and (max-width: 1200px) {
    .popup-block {
        max-width: 699px;
        padding: 24px 40px 40px;
    }
}
@media screen and (max-width: 768px) {
    .popup-block {
        padding: 16px 20px 20px;
    }
}
.popup-block .popup-block__title {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 12px;
    max-width: calc(100% - 70px);
}
@media screen and (max-width: 1200px) {
    .popup-block .popup-block__title {
        font-size: 28px;
        max-width: calc(100% - 50px);
    }
}
@media screen and (max-width: 768px) {
    .popup-block .popup-block__title {
        font-size: 16px;
        margin-bottom: 10px;
        max-width: 260px;
    }
}
.popup-block .popup-block__desc {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 36px;
}
@media screen and (max-width: 1200px) {
    .popup-block .popup-block__desc {
        font-size: 18px;
        margin-bottom: 21px;
    }
}
@media screen and (max-width: 768px) {
    .popup-block .popup-block__desc {
        font-size: 12px;
        margin-bottom: 13px;
    }
}
.popup-block .popup-block__content .block-input {
    margin-bottom: 18px;
    width: 100%;
}
@media screen and (max-width: 1200px) {
    .popup-block .popup-block__content .block-input {
        margin-bottom: 15px;
    }
}
@media screen and (max-width: 768px) {
    .popup-block .popup-block__content .block-input {
        margin-bottom: 12px;
    }
}
.popup-block .popup-block__content .selectric-wrapper + .selectric-wrapper {
    margin-top: 18px;
}
@media screen and (max-width: 1200px) {
    .popup-block .popup-block__content .selectric-wrapper + .selectric-wrapper {
        margin-top: 15px;
    }
}
@media screen and (max-width: 768px) {
    .popup-block .popup-block__content .selectric-wrapper + .selectric-wrapper {
        margin-top: 12px;
    }
}
.popup-block .popup-block__content .selectric-wrapper + .form-files {
    margin-top: 18px;
}
@media screen and (max-width: 1200px) {
    .popup-block .popup-block__content .selectric-wrapper + .form-files {
        margin-top: 15px;
    }
}
@media screen and (max-width: 768px) {
    .popup-block .popup-block__content .selectric-wrapper + .form-files {
        margin-top: 12px;
    }
}
.popup-block .popup-block__content .agree-form {
    margin-bottom: 38px;
    margin-top: 31px;
}
@media screen and (max-width: 1200px) {
    .popup-block .popup-block__content .agree-form {
        margin-bottom: 30px;
        margin-top: 29px;
    }
}
@media screen and (max-width: 768px) {
    .popup-block .popup-block__content .agree-form {
        margin-bottom: 13px;
        margin-top: 18px;
    }
}
.popup-block .popup-block__bottom {
    text-align: center;
}
.popup-block .popup-block__bottom .btn {
    height: 51px;
    line-height: 51px;
    max-width: 258px;
    width: 100%;
}
@media screen and (max-width: 1200px) {
    .popup-block .popup-block__bottom .btn {
        font-size: 18px;
        height: 45px;
        line-height: 45px;
        max-width: 210px;
    }
}
@media screen and (max-width: 768px) {
    .popup-block .popup-block__bottom .btn {
        font-size: 12px;
        height: 31px;
        line-height: 31px;
        max-width: 140px;
    }
}
.popup-block .fancybox-close-small {
    border: 2px solid var(--color-gray22);
    border-radius: 50%;
    color: var(--color-gray22);
    height: 44px;
    padding: 2px;
    right: 25px;
    top: 23px;
    transition: all 0.3s var(--transition);
    width: 44px;
}
@media screen and (max-width: 1200px) {
    .popup-block .fancybox-close-small {
        height: 36px;
        right: 26px;
        top: 22px;
        width: 36px;
    }
}
@media screen and (max-width: 768px) {
    .popup-block .fancybox-close-small {
        border-width: 1px;
        height: 23px;
        right: 14px;
        top: 11px;
        width: 23px;
    }
}
.popup-thanks {
    background: var(--color-white);
    border-radius: 10px;
    max-width: 1100px;
    opacity: 0;
    overflow: hidden;
    padding: 50px 68px;
    transform: translateY(20px);
    transition: all 0.4s var(--transition);
    width: 100%;
}
@media screen and (max-width: 1200px) {
    .popup-thanks {
        max-width: 699px;
        padding: 24px 40px 40px;
    }
}
@media screen and (max-width: 768px) {
    .popup-thanks {
        padding: 16px 21px 21px;
    }
}
.popup-thanks.popup-block__big {
    padding-bottom: 215px;
}
@media screen and (max-width: 1200px) {
    .popup-thanks.popup-block__big {
        padding-bottom: 205px;
    }
}
@media screen and (max-width: 768px) {
    .popup-thanks.popup-block__big {
        padding-bottom: 141px;
    }
}
.popup-thanks.popup-block__big:before {
    background: url(/local/templates/.default/assets/css/../img/popup-thanks__bg.webp) no-repeat bottom;
    background-size: 100% auto;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 1;
}
@media screen and (max-width: 1200px) {
    .popup-thanks.popup-block__big:before {
        width: 180%;
    }
}
.popup-thanks.popup-block__big:after {
    background: url(/local/templates/.default/assets/css/../img/popup-block__img.webp) no-repeat bottom;
    background-size: contain;
    bottom: 0;
    content: "";
    height: 100%;
    max-width: 663px;
    pointer-events: none;
    position: absolute;
    right: 69px;
    width: 100%;
    z-index: 2;
}
@media screen and (max-width: 1200px) {
    .popup-thanks.popup-block__big:after {
        max-width: 578px;
    }
}
@media screen and (max-width: 768px) {
    .popup-thanks.popup-block__big:after {
        max-width: 340px;
        right: -10px;
    }
}
@media screen and (max-width: 1200px) {
    .popup-thanks.popup-block__big .popup-thanks__desc {
        font-size: 18px;
    }
}
@media screen and (max-width: 768px) {
    .popup-thanks.popup-block__big .popup-thanks__desc {
        font-size: 12px;
        max-width: 205px;
    }
}
.popup-thanks .popup-thanks__title {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 15px;
    max-width: calc(100% - 70px);
    position: relative;
    z-index: 4;
}
@media screen and (max-width: 1200px) {
    .popup-thanks .popup-thanks__title {
        font-size: 28px;
        max-width: calc(100% - 50px);
    }
}
@media screen and (max-width: 768px) {
    .popup-thanks .popup-thanks__title {
        font-size: 16px;
        margin-bottom: 10px;
        max-width: 240px;
    }
}
.popup-thanks .popup-thanks__desc {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3;
    position: relative;
    z-index: 4;
}
@media screen and (max-width: 1200px) {
    .popup-thanks .popup-thanks__desc {
        font-size: 20px;
        max-width: 617px;
    }
}
@media screen and (max-width: 768px) {
    .popup-thanks .popup-thanks__desc {
        font-size: 12px;
    }
}
.popup-thanks .fancybox-close-small {
    border: 2px solid var(--color-gray22);
    border-radius: 50%;
    color: var(--color-gray22);
    height: 44px;
    padding: 2px;
    right: 25px;
    top: 23px;
    transition: all 0.3s var(--transition);
    width: 44px;
}
@media screen and (max-width: 1200px) {
    .popup-thanks .fancybox-close-small {
        height: 36px;
        right: 26px;
        top: 22px;
        width: 36px;
    }
}
@media screen and (max-width: 768px) {
    .popup-thanks .fancybox-close-small {
        border-width: 1px;
        height: 23px;
        right: 14px;
        top: 11px;
        width: 23px;
    }
}
.popup-region {
    background: var(--color-white);
    border-radius: 10px;
    max-width: 970px;
    opacity: 0;
    padding: 35px 35px 28px;
    transform: translateY(20px);
    transition: all 0.4s var(--transition);
    width: 100%;
}
@media screen and (max-width: 1200px) {
    .popup-region {
        max-width: 699px;
        padding: 22px 20px 30px;
    }
}
.popup-region .popup-region__title {
    color: var(--color-text);
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.02em;
    margin-bottom: 22px;
}
@media screen and (max-width: 1200px) {
    .popup-region .popup-region__title {
        font-size: 20px;
        margin-bottom: 20px;
    }
}
.popup-region .popup-region__columns {
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 0 50px;
    column-gap: 0 50px;
    counter-reset: columns;
}
@media screen and (max-width: 1200px) {
    .popup-region .popup-region__columns {
        -moz-column-gap: 0 20px;
        column-gap: 0 20px;
    }
}
.popup-region .popup-region__columns li {
    counter-increment: columns;
    margin-bottom: 0;
}
.popup-region .popup-region__columns li.__active a {
    color: var(--color-orange);
    font-weight: 500;
}
.popup-region .popup-region__columns li a {
    color: var(--color-text);
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.02em;
    padding: 5px 0;
    text-decoration: none;
    transition: color 0.3s var(--transition);
}
@media screen and (max-width: 1200px) {
    .popup-region .popup-region__columns li a {
        font-size: 14px;
    }
}
.popup-region .popup-region__columns li a:before {
    content: counter(columns) ". ";
}
@media (hover: hover) {
    .popup-region .popup-region__columns li a:hover {
        color: var(--color-orange);
    }
}
@media (hover: none) {
    .popup-region .popup-region__columns li a:active {
        color: var(--color-orange);
    }
}
.popup-region .fancybox-close-small {
    border: 2px solid var(--color-gray22);
    border-radius: 50%;
    color: var(--color-gray22);
    height: 44px;
    padding: 2px;
    right: 25px;
    top: 23px;
    transition: all 0.3s var(--transition);
    width: 44px;
}
@media screen and (max-width: 1200px) {
    .popup-region .fancybox-close-small {
        height: 36px;
        right: 20px;
        top: 15px;
        width: 36px;
    }
}
@media screen and (max-width: 768px) {
    .popup-region .fancybox-close-small {
        border-width: 1px;
        height: 23px;
        right: 14px;
        top: 11px;
        width: 23px;
    }
}
.fancybox-bg {
    background: var(--color-gray23);
}
.fancybox-is-open .fancybox-bg {
    opacity: 0.64;
}
.fancybox-slide--current .popup-block,
.fancybox-slide--current .popup-region,
.fancybox-slide--current .popup-thanks,
.fancybox-slide--current .project-element__popup {
    opacity: 1;
    transform: translateY(0);
}
.custom-fancybox .fancybox-toolbar {
    display: none !important;
}
.custom-fancybox .fancybox-slide--image {
    padding: var(--container-padding) var(--container-padding) calc(var(--container-padding) * 3) var(--container-padding);
}
.custom-fancybox .fancybox-content {
    max-height: 770px;
    max-width: 1150px;
    width: calc(100% - 60px);
}
.custom-fancybox .fancybox-content img {
    max-height: 770px;
}
.custom-fancybox .fancybox-navigation {
    height: 52px;
    left: 50%;
    max-width: 1440px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 99997;
}
@media screen and (max-width: 1500px) {
    .custom-fancybox .fancybox-navigation {
        max-width: 1260px;
    }
}
@media screen and (max-width: 1300px) {
    .custom-fancybox .fancybox-navigation {
        bottom: var(--container-padding);
        display: flex;
        gap: 0 110px;
        height: auto;
        justify-content: center;
        left: 0;
        margin: 0;
        max-width: 100%;
        top: auto;
        transform: translate(0);
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .custom-fancybox .fancybox-navigation {
        gap: 0 48px;
    }
}
@media screen and (max-width: 1300px) {
    .custom-fancybox .fancybox-navigation .fancybox-button {
        margin: 0;
        position: relative;
        top: auto;
    }
}
.custom-fancybox .fancybox-button--arrow_right {
    background: var(--color-white);
    border-radius: 50%;
    box-shadow: 0 2px 9px 1px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    height: 51px;
    padding: 0;
    pointer-events: all;
    width: 51px;
}
@media screen and (max-width: 1300px) {
    .custom-fancybox .fancybox-button--arrow_right {
        height: 43px;
        width: 43px;
    }
}
@media screen and (max-width: 768px) {
    .custom-fancybox .fancybox-button--arrow_right {
        height: 32px;
        padding: 5px;
        width: 32px;
    }
}
@media (hover: hover) {
    .custom-fancybox .fancybox-button--arrow_right:hover {
        cursor: pointer;
        opacity: 1;
    }
    .custom-fancybox .fancybox-button--arrow_right:hover:before {
        background: url(/local/templates/.default/assets/css/../img/slider-arrow_active.svg) no-repeat 50%;
        background-size: contain;
    }
}
@media (hover: none) {
    .custom-fancybox .fancybox-button--arrow_right:active {
        cursor: pointer;
        opacity: 1;
    }
    .custom-fancybox .fancybox-button--arrow_right:active:before {
        background: url(/local/templates/.default/assets/css/../img/slider-arrow_active.svg) no-repeat 50%;
        background-size: contain;
    }
}
.custom-fancybox .fancybox-button--arrow_right:before {
    background: url(/local/templates/.default/assets/css/../img/slider-arrow.svg) no-repeat 50%;
    background-size: contain;
    content: "";
    height: 19px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 12px;
}
@media screen and (max-width: 768px) {
    .custom-fancybox .fancybox-button--arrow_right:before {
        height: 15px;
        width: 9px;
    }
}
.custom-fancybox .fancybox-button--arrow_right div {
    display: none;
}
.custom-fancybox .fancybox-button--arrow_left {
    background: var(--color-white);
    border-radius: 50%;
    box-shadow: 0 2px 9px 1px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    height: 51px;
    padding: 0;
    pointer-events: all;
    width: 51px;
}
@media screen and (max-width: 1300px) {
    .custom-fancybox .fancybox-button--arrow_left {
        height: 43px;
        width: 43px;
    }
}
@media screen and (max-width: 768px) {
    .custom-fancybox .fancybox-button--arrow_left {
        height: 32px;
        width: 32px;
    }
}
@media (hover: hover) {
    .custom-fancybox .fancybox-button--arrow_left:hover {
        cursor: pointer;
        opacity: 1;
    }
    .custom-fancybox .fancybox-button--arrow_left:hover:before {
        background: url(/local/templates/.default/assets/css/../img/slider-arrow_active.svg) no-repeat 50%;
        background-size: contain;
    }
}
@media (hover: none) {
    .custom-fancybox .fancybox-button--arrow_left:active {
        cursor: pointer;
        opacity: 1;
    }
    .custom-fancybox .fancybox-button--arrow_left:active:before {
        background: url(/local/templates/.default/assets/css/../img/slider-arrow_active.svg) no-repeat 50%;
        background-size: contain;
    }
}
.custom-fancybox .fancybox-button--arrow_left:before {
    background: url(/local/templates/.default/assets/css/../img/slider-arrow.svg) no-repeat 50%;
    background-size: contain;
    content: "";
    height: 19px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-180deg);
    width: 12px;
}
@media screen and (max-width: 768px) {
    .custom-fancybox .fancybox-button--arrow_left:before {
        height: 15px;
        width: 9px;
    }
}
.custom-fancybox .fancybox-button--arrow_left div {
    display: none;
}
.custom-fancybox .fancybox-close-small {
    background: var(--color-white);
    border: 2px solid var(--color-gray22);
    border-radius: 50%;
    color: var(--color-gray22);
    height: 44px;
    padding: 2px;
    right: 25px;
    top: 23px;
    transition: all 0.3s var(--transition);
    width: 44px;
}
@media (hover: hover) {
    .custom-fancybox .fancybox-close-small:hover {
        color: var(--color-orange);
        opacity: 1;
    }
}
@media (hover: none) {
    .custom-fancybox .fancybox-close-small:active {
        color: var(--color-orange);
        opacity: 1;
    }
}
@media screen and (max-width: 1200px) {
    .custom-fancybox .fancybox-close-small {
        height: 36px;
        right: 20px;
        top: 15px;
        width: 36px;
    }
}
@media screen and (max-width: 768px) {
    .custom-fancybox .fancybox-close-small {
        border-width: 1px;
        height: 23px;
        right: 14px;
        top: 11px;
        width: 23px;
    }
}
.custom-fancybox.fancybox-is-scaling .fancybox-close-small,
.custom-fancybox.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: block;
}
.palettes-fancybox .fancybox-slide--current .fancybox-content {
    opacity: 1;
    transform: translateY(0);
}
.palettes-fancybox .fancybox-toolbar {
    display: none !important;
}
.palettes-fancybox .fancybox-slide--html {
    padding: var(--container-padding) var(--container-padding) calc(var(--container-padding) * 3) var(--container-padding);
}
.palettes-fancybox .fancybox-content {
    background: var(--color-white);
    max-height: 770px;
    max-width: 1150px;
    opacity: 0;
    padding: 24px 34px 34px;
    transform: translateY(20px);
    transition: all 0.4s var(--transition);
    width: calc(100% - 60px);
}
@media screen and (max-width: 1200px) {
    .palettes-fancybox .fancybox-content {
        padding: 21px 29px 23px;
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .palettes-fancybox .fancybox-content {
        padding: 14px;
    }
}
.palettes-fancybox .fancybox-content img {
    max-height: 770px;
}
@media screen and (max-width: 1200px) {
    .palettes-fancybox .fancybox-content img {
        max-height: 480px;
    }
}
.palettes-fancybox .palettes-popup__top {
    font-size: 22px;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 28px;
    max-width: calc(100% - 55px);
}
@media screen and (max-width: 1200px) {
    .palettes-fancybox .palettes-popup__top {
        font-size: 18px;
        margin-bottom: 24px;
    }
}
@media screen and (max-width: 768px) {
    .palettes-fancybox .palettes-popup__top {
        font-size: 12px;
        margin-bottom: 16px;
        max-width: calc(100% - 36px);
    }
}
.palettes-fancybox .palettes-popup__content {
    height: 500px;
}
@media screen and (max-width: 1200px) {
    .palettes-fancybox .palettes-popup__content {
        height: 480px;
    }
}
@media screen and (max-width: 768px) {
    .palettes-fancybox .palettes-popup__content {
        height: 290px;
    }
}
.palettes-fancybox .palettes-popup__content img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
}
.palettes-fancybox .palettes-popup__content._color {
    border: 1px solid var(--color-gray18);
}
.palettes-fancybox .fancybox-navigation {
    height: 52px;
    left: 50%;
    max-width: 1440px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 99997;
}
@media screen and (max-width: 1500px) {
    .palettes-fancybox .fancybox-navigation {
        max-width: 1260px;
    }
}
@media screen and (max-width: 1300px) {
    .palettes-fancybox .fancybox-navigation {
        bottom: var(--container-padding);
        display: flex;
        gap: 0 110px;
        height: auto;
        justify-content: center;
        left: 0;
        margin: 0;
        max-width: 100%;
        top: auto;
        transform: translate(0);
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .palettes-fancybox .fancybox-navigation {
        gap: 0 48px;
    }
}
@media screen and (max-width: 1300px) {
    .palettes-fancybox .fancybox-navigation .fancybox-button {
        margin: 0;
        position: relative;
        top: auto;
    }
}
.palettes-fancybox .fancybox-button--arrow_right {
    background: var(--color-white);
    border-radius: 50%;
    box-shadow: 0 2px 9px 1px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    height: 51px;
    padding: 0;
    pointer-events: all;
    width: 51px;
}
@media screen and (max-width: 1300px) {
    .palettes-fancybox .fancybox-button--arrow_right {
        height: 43px;
        width: 43px;
    }
}
@media screen and (max-width: 768px) {
    .palettes-fancybox .fancybox-button--arrow_right {
        height: 32px;
        padding: 5px;
        width: 32px;
    }
}
@media (hover: hover) {
    .palettes-fancybox .fancybox-button--arrow_right:hover {
        cursor: pointer;
        opacity: 1;
    }
    .palettes-fancybox .fancybox-button--arrow_right:hover:before {
        background: url(/local/templates/.default/assets/css/../img/slider-arrow_active.svg) no-repeat 50%;
        background-size: contain;
    }
}
@media (hover: none) {
    .palettes-fancybox .fancybox-button--arrow_right:active {
        cursor: pointer;
        opacity: 1;
    }
    .palettes-fancybox .fancybox-button--arrow_right:active:before {
        background: url(/local/templates/.default/assets/css/../img/slider-arrow_active.svg) no-repeat 50%;
        background-size: contain;
    }
}
.palettes-fancybox .fancybox-button--arrow_right:before {
    background: url(/local/templates/.default/assets/css/../img/slider-arrow.svg) no-repeat 50%;
    background-size: contain;
    content: "";
    height: 19px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 12px;
}
@media screen and (max-width: 768px) {
    .palettes-fancybox .fancybox-button--arrow_right:before {
        height: 15px;
        width: 9px;
    }
}
.palettes-fancybox .fancybox-button--arrow_right div {
    display: none;
}
.palettes-fancybox .fancybox-button--arrow_left {
    background: var(--color-white);
    border-radius: 50%;
    box-shadow: 0 2px 9px 1px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    height: 51px;
    padding: 0;
    pointer-events: all;
    width: 51px;
}
@media screen and (max-width: 1300px) {
    .palettes-fancybox .fancybox-button--arrow_left {
        height: 43px;
        width: 43px;
    }
}
@media screen and (max-width: 768px) {
    .palettes-fancybox .fancybox-button--arrow_left {
        height: 32px;
        padding: 5px;
        width: 32px;
    }
}
@media (hover: hover) {
    .palettes-fancybox .fancybox-button--arrow_left:hover {
        cursor: pointer;
        opacity: 1;
    }
    .palettes-fancybox .fancybox-button--arrow_left:hover:before {
        background: url(/local/templates/.default/assets/css/../img/slider-arrow_active.svg) no-repeat 50%;
        background-size: contain;
    }
}
@media (hover: none) {
    .palettes-fancybox .fancybox-button--arrow_left:active {
        cursor: pointer;
        opacity: 1;
    }
    .palettes-fancybox .fancybox-button--arrow_left:active:before {
        background: url(/local/templates/.default/assets/css/../img/slider-arrow_active.svg) no-repeat 50%;
        background-size: contain;
    }
}
.palettes-fancybox .fancybox-button--arrow_left:before {
    background: url(/local/templates/.default/assets/css/../img/slider-arrow.svg) no-repeat 50%;
    background-size: contain;
    content: "";
    height: 19px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-180deg);
    width: 12px;
}
@media screen and (max-width: 768px) {
    .palettes-fancybox .fancybox-button--arrow_left:before {
        height: 15px;
        width: 9px;
    }
}
.palettes-fancybox .fancybox-button--arrow_left div {
    display: none;
}
.palettes-fancybox .fancybox-close-small {
    border: 2px solid var(--color-gray22);
    border-radius: 50%;
    color: var(--color-gray22);
    cursor: pointer;
    height: 44px;
    padding: 2px;
    right: 34px;
    top: 16px;
    transition: all 0.3s var(--transition);
    width: 44px;
}
@media (hover: hover) {
    .palettes-fancybox .fancybox-close-small:hover {
        color: var(--color-orange);
        opacity: 1;
    }
}
@media (hover: none) {
    .palettes-fancybox .fancybox-close-small:active {
        color: var(--color-orange);
        opacity: 1;
    }
}
@media screen and (max-width: 1200px) {
    .palettes-fancybox .fancybox-close-small {
        height: 36px;
        right: 20px;
        top: 15px;
        width: 36px;
    }
}
@media screen and (max-width: 768px) {
    .palettes-fancybox .fancybox-close-small {
        border-width: 1px;
        height: 23px;
        right: 14px;
        top: 11px;
        width: 23px;
    }
}
.palettes-fancybox .fancybox-close-small.fancybox-is-scaling .fancybox-close-small,
.palettes-fancybox .fancybox-close-small.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: block;
}
.breadcrumbs-wrapper {
    margin-bottom: 34px;
}
@media screen and (max-width: 1200px) {
    .breadcrumbs-wrapper {
        display: none;
    }
}
.breadcrumbs {
    align-items: center;
    color: var(--color-gray28);
    display: flex;
    font-size: 14px;
    list-style: none;
}
.breadcrumbs .breadcrumbs__item {
    margin-right: 12px;
    position: relative;
}
.breadcrumbs .breadcrumbs__item:last-child {
    margin-right: 0;
}
.breadcrumbs .breadcrumbs__item:last-child:after {
    display: none;
}
.breadcrumbs .breadcrumbs__item:after {
    color: var(--color-gray28);
    content: "-";
    position: absolute;
    right: -8px;
    top: 0;
}
.breadcrumbs a {
    color: var(--color-orange);
    text-decoration: none;
    transition: color 0.3s var(--transition);
}
@media (hover: hover) {
    .breadcrumbs a:hover {
        color: var(--color-orange2);
    }
}
@media (hover: none) {
    .breadcrumbs a:active {
        color: var(--color-orange2);
    }
}
.mobile-pannel {
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 50;
}
@media screen and (max-width: 1200px) {
    .mobile-pannel {
        display: block;
    }
}
.mobile-pannel__btn {
    display: grid;
    align-content: space-between;
    justify-content: center;
    align-items: center;
}
.mobile-pannel .mobile-pannel__btn .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 20px;
    height: 50px;
    line-height: 1;
    width: 350px;
    margin-bottom: 20px;
    border-radius: 30px;
}
@media screen and (max-width: 768px) {
    .mobile-pannel .mobile-pannel__btn .btn {
        font-size: 14px;
        height: 32px;
        width: 176px;
        margin-bottom: 12px;
    }
}
.mobile-nav {
    display: flex;
    list-style: none;
    padding: 8px var(--container-padding) 30px var(--container-padding);
    background: var(--color-white);
}
@media screen and (max-width: 768px) {
    .mobile-nav {
        justify-content: space-between;
        padding: 9px var(--container-padding) 10px var(--container-padding);
    }
}
.mobile-nav .mobile-nav__item {
    width: 20%;
}
@media screen and (max-width: 768px) {
    .mobile-nav .mobile-nav__item {
        width: auto;
    }
}
.mobile-nav .mobile-nav__item .mobile-nav__link {
    align-items: center;
    color: var(--color-blacklight);
    display: flex;
    flex-direction: column;
    font-size: 12px;
    text-decoration: none;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .mobile-nav .mobile-nav__item .mobile-nav__link {
        font-size: 9px;
    }
}
.mobile-nav .mobile-nav__item .mobile-nav__link i {
    align-items: center;
    display: flex;
    height: 34px;
    margin-bottom: 4px;
}
@media screen and (max-width: 768px) {
    .mobile-nav .mobile-nav__item .mobile-nav__link i {
        height: 22px;
        margin-bottom: 0;
    }
}
.mobile-nav .mobile-nav__item .mobile-nav__link i.icon-catalog svg {
    height: 30px;
    line-height: 0px;
    width: 32px;
}
@media screen and (max-width: 768px) {
    .mobile-nav .mobile-nav__item .mobile-nav__link i.icon-catalog svg {
        height: 19px;
        width: auto;
    }
}
.mobile-nav .mobile-nav__item .mobile-nav__link i.icon-catalog svg rect {
    fill: var(--color-gray26);
}
.mobile-nav .mobile-nav__item .mobile-nav__link i.icon-home {
    height: 22px;
    margin-bottom: 0;
    width: 25px;
}
.mobile-nav .mobile-nav__item .mobile-nav__link i.icon-home svg {
    height: 20px;
    line-height: 0px;
    width: 25px;
}
.mobile-nav .mobile-nav__item .mobile-nav__link i.icon-home svg path {
    fill: var(--color-gray26);
}
.mobile-nav .mobile-nav__item .mobile-nav__link i.icon-whatsapp {
    background: url(/local/templates/.default/assets/css/../img/widget-soc__whatsapp.png) no-repeat 50%;
    background-size: contain;
    height: 34px;
    width: 35px;
}
@media screen and (max-width: 768px) {
    .mobile-nav .mobile-nav__item .mobile-nav__link i.icon-whatsapp {
        background-size: auto 22px;
        height: 22px;
        margin-bottom: 0;
    }
}
.mobile-nav .mobile-nav__item .mobile-nav__link i.icon-telegram {
    background: url(/local/templates/.default/assets/css/../img/widget-soc__telegram.png) no-repeat 50%;
    background-size: contain;
    height: 34px;
    width: 35px;
}
@media screen and (max-width: 768px) {
    .mobile-nav .mobile-nav__item .mobile-nav__link i.icon-telegram {
        background-size: auto 22px;
        height: 22px;
        margin-bottom: 0;
    }
}
.mobile-nav .mobile-nav__item .mobile-nav__link i.icon-phone svg {
    height: 30px;
    width: 30px;
}
@media screen and (max-width: 768px) {
    .mobile-nav .mobile-nav__item .mobile-nav__link i.icon-phone svg {
        height: 19px;
        width: 19px;
    }
}
.mobile-nav .mobile-nav__item .mobile-nav__link i.icon-phone svg path:first-child {
    fill: var(--color-orange-washed);
}
.mobile-nav .mobile-nav__item .mobile-nav__link i.icon-phone svg path:nth-child(2) {
    stroke: var(--color-orange-washed);
}
.mobile-nav .mobile-nav__item .mobile-nav__link i.icon-burger svg {
    height: 29px;
    width: 36px;
}
@media screen and (max-width: 768px) {
    .mobile-nav .mobile-nav__item .mobile-nav__link i.icon-burger svg {
        height: 17px;
        width: 21px;
    }
}
.mobile-nav .mobile-nav__item .mobile-nav__link i.icon-burger svg rect {
    fill: var(--color-gray26);
}
.mobile-block {
    background: var(--color-white);
    display: flex;
    flex-direction: column;
    height: calc(100% - 192px);
    opacity: 0;
    padding: 23px var(--container-padding);
    pointer-events: none;
    position: fixed;
    top: 52px;
    transform: translateY(50px);
    transition: all 0.2s var(--transition);
    visibility: hidden;
    width: 100%;
    z-index: 50;
}
@media screen and (max-width: 768px) {
    .mobile-block {
        height: calc(100% - 92px);
        padding: 12px var(--container-padding);
        top: 41px;
        transition: all 0.2s var(--transition);
    }
}
.mobile-block._open {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0);
    visibility: visible;
}
.mobile-block.mobile-block__catalog .mobile-block__top {
    margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
    .mobile-block.mobile-block__catalog .mobile-block__top {
        margin-bottom: 17px;
    }
}
.mobile-block.mobile-block__menu .mobile-block__top {
    padding-top: 5px;
}
.mobile-block .mobile-block__close {
    border: 1px solid var(--color-gray27);
    border-radius: 50%;
    color: var(--color-gray27);
    content: "";
    cursor: pointer;
    height: 36px;
    opacity: 0.8;
    padding: 2px;
    position: absolute;
    right: var(--container-padding);
    top: 27px;
    transition: opacity 0.3s var(--transition);
    width: 36px;
}
@media screen and (max-width: 768px) {
    .mobile-block .mobile-block__close {
        height: 23px;
        top: 13px;
        width: 23px;
    }
}
@media (hover: hover) {
    .mobile-block .mobile-block__close:hover {
        opacity: 1;
    }
}
@media (hover: none) {
    .mobile-block .mobile-block__close:active {
        opacity: 1;
    }
}
.mobile-block .mobile-block__top {
    margin-bottom: 31px;
    width: calc(100% - 50px);
}
.mobile-block .pannel-search {
    max-width: 430px;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .mobile-block .pannel-search {
        max-width: 262px;
    }
}
.mobile-block .pannel-search input[type="search"] {
    background: var(--color-white);
    border: 1px solid var(--color-blacklight2);
    border-radius: 5px;
    height: 45px;
}
@media screen and (max-width: 768px) {
    .mobile-block .pannel-search input[type="search"] {
        font-size: 12px;
        height: 27px;
    }
}
.mobile-block .pannel-search button[type="submit"] {
    display: none;
}
.mobile-block .mobile-block__title {
    color: var(--color-text);
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1.1;
}
@media screen and (max-width: 768px) {
    .mobile-block .mobile-block__title {
        font-size: 16px;
    }
}
.mobile-block .mobile-block__container {
    overflow-y: auto;
}
.mobile-block .mobile-block__container::-webkit-scrollbar {
    width: 12px;
}
.mobile-block .mobile-block__container::-webkit-scrollbar-track {
    background: var(--color-white);
}
.mobile-block .mobile-block__container::-webkit-scrollbar-thumb {
    background-color: var(--color-gray5);
    border: 4px solid var(--color-white);
    border-radius: 20px;
}
.mobile-block .mobile-block__container .mobile-block__title {
    margin-bottom: 26px;
}
@media screen and (max-width: 768px) {
    .mobile-block .mobile-block__container .mobile-block__title {
        margin-bottom: 12px;
    }
}
.mobile-block .catalog-menu {
    padding-bottom: 20px;
}
.mobile-block .catalog-menu .catalog-menu__link {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0.02em;
}
@media screen and (max-width: 768px) {
    .mobile-block .catalog-menu .catalog-menu__link .catalog-menu__icon {
        height: 30px;
        margin-right: 17px;
        width: 30px;
    }
    .mobile-block .catalog-menu .catalog-menu__link {
        font-size: 14px;
    }
}
.mobile-block .mobile-block__region {
    margin-bottom: 48px;
}
@media screen and (max-width: 768px) {
    .mobile-block .mobile-block__region {
        margin-bottom: 23px;
    }
}
.mobile-block .mobile-block__region .change-region {
    font-size: 22px;
}
@media screen and (max-width: 768px) {
    .mobile-block .mobile-block__region .change-region {
        display: none;
        font-size: 16px;
    }
}
.mobile-block .mobile-block__region .change-region .icon svg {
    height: 22px;
    width: 15px;
}
@media screen and (max-width: 768px) {
    .mobile-block .mobile-block__region .change-region .icon svg {
        height: 18px;
        width: 12px;
    }
}
.mobile-block .mobile-menu {
    margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
    .mobile-block .mobile-menu {
        margin-bottom: 9px;
    }
}
.mobile-block .mobile-menu:last-child {
    margin-bottom: 12px;
}
.mobile-menu .mobile-menu__item {
    border-bottom: 2px solid var(--color-gray);
}
@media screen and (max-width: 768px) {
    .mobile-menu .mobile-menu__item {
        border-width: 1px;
    }
}
.mobile-menu .mobile-menu__item:first-child .mobile-menu__link {
    padding-top: 0;
}
@media screen and (max-width: 768px) {
    .mobile-menu .mobile-menu__item:first-child .mobile-menu__link {
        padding-top: 0;
    }
}
.mobile-menu .mobile-menu__link {
    color: var(--color-text);
    display: inline-block;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 1.1;
    padding: 12px 0 16px;
    text-decoration: none;
    transition: color 0.3s var(--transition);
}
@media screen and (max-width: 768px) {
    .mobile-menu .mobile-menu__link {
        font-size: 16px;
        padding: 9px 0 10px;
    }
}
@media (hover: hover) {
    .mobile-menu .mobile-menu__link:hover {
        color: var(--color-orange);
    }
}
@media (hover: none) {
    .mobile-menu .mobile-menu__link:active {
        color: var(--color-orange);
    }
}
.mobile-region {
    display: none;
}
@media screen and (max-width: 768px) {
    .mobile-region {
        display: block;
    }
}
.mobile-region .change-region {
    display: inline-flex !important;
    margin-bottom: 9px;
}
.mobile-region .change-region._active .corner {
    transform: rotate(-180deg);
}
.mobile-region .mobile-region__wrapper {
    background: var(--color-gray5);
    border-radius: 3px;
    display: none;
    max-height: 520px;
    overflow-y: auto;
    padding: 15px;
}
.mobile-region .mobile-region__title {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 16px;
}
.mobile-region .mobile-region__list {
    counter-reset: columns;
    list-style: none;
}
.mobile-region .mobile-region__list li {
    counter-increment: columns;
}
.mobile-region .mobile-region__list li:first-child a {
    padding-top: 0;
}
.mobile-region .mobile-region__list li.__active a {
    color: var(--color-orange);
}
.mobile-region .mobile-region__list a {
    color: var(--color-text);
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    padding: 4px 0;
    text-decoration: none;
}
.mobile-region .mobile-region__list a:before {
    content: counter(columns) ". ";
}
.corner {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #333;
    height: 0;
    width: 0;
}
.block-input {
    display: block;
    position: relative;
}
.block-input.block-input__br .block-input__val {
    border: 1px solid var(--color-gray21);
    height: 53px;
    padding: 0 30px;
    transition: border 0.3s var(--transition);
}
@media screen and (max-width: 1200px) {
    .block-input.block-input__br .block-input__val {
        height: 50px;
        padding: 0 21px;
    }
}
@media screen and (max-width: 768px) {
    .block-input.block-input__br .block-input__val {
        font-size: 10px;
        height: 29px;
        padding: 0 14px;
    }
}
.block-input.block-input__br .block-input__val:focus {
    border-color: var(--color-blacklight);
}
.block-input._error input {
    border-color: var(--color-red2);
}
.block-input._error .block-input__error {
    display: block;
}
.block-input .block-input__val {
    background: var(--color-white);
    border: none;
    border-radius: 5px;
    color: var(--color-text);
    display: block;
    font-family: var(--font-default);
    font-size: 16px;
    font-weight: 400;
    height: 59px;
    padding: 0 22px;
    width: 100%;
}
@media screen and (max-width: 1200px) {
    .block-input .block-input__val {
        font-size: 14px;
        height: 50px;
    }
}
@media screen and (max-width: 768px) {
    .block-input .block-input__val {
        font-size: 12px;
        height: 34px;
        padding: 0 16px;
    }
}
.block-input .block-input__val.placeholder {
    color: var(--color-text);
}
.block-input .block-input__val:-moz-placeholder,
.block-input .block-input__val::-moz-placeholder {
    color: var(--color-text);
}
.block-input .block-input__val:-ms-input-placeholder {
    color: var(--color-text);
}
.block-input .block-input__val::-webkit-input-placeholder {
    color: var(--color-text);
}
.block-input .block-input__error {
    color: var(--color-red3);
    display: none;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    padding-top: 8px;
}
@media screen and (max-width: 768px) {
    .block-input .block-input__error {
        font-size: 9px;
        padding-top: 4px;
    }
}
.block-textarea {
    display: block;
    position: relative;
    margin-bottom: 18px;
}
.block-textarea.block-textarea__br .block-textarea__val {
    border: 1px solid var(--color-gray21);
    padding: 18px 30px;
    transition: border 0.3s var(--transition);
}
@media screen and (max-width: 1200px) {
    .block-textarea.block-textarea__br .block-textarea__val {
        padding: 14px 21px;
    }
}
@media screen and (max-width: 768px) {
    .block-textarea.block-textarea__br .block-textarea__val {
        padding: 9px 14px;
    }
}
.block-textarea.block-textarea__br .block-textarea__val:focus {
    border-color: var(--color-blacklight);
}
.block-textarea._error input {
    border-color: var(--color-red2);
}
.block-textarea._error .block-textarea__error {
    display: block;
}
.block-textarea .block-textarea__val {
    background: var(--color-white);
    border: none;
    border-radius: 5px;
    color: var(--color-text);
    display: block;
    font-family: var(--font-default);
    font-size: 16px;
    font-weight: 400;
    height: 125px;
    padding: 14px 22px;
    resize: none;
    width: 100%;
}
@media screen and (max-width: 1200px) {
    .block-textarea .block-textarea__val {
        font-size: 14px;
        padding: 14px 21px;
    }
}
@media screen and (max-width: 768px) {
    .block-textarea .block-textarea__val {
        font-size: 12px;
        height: 70px;
        padding: 14px;
    }
}
.block-textarea .block-textarea__val.placeholder {
    color: var(--color-text);
}
.block-textarea .block-textarea__val:-moz-placeholder,
.block-textarea .block-textarea__val::-moz-placeholder {
    color: var(--color-text);
}
.block-textarea .block-textarea__val:-ms-input-placeholder {
    color: var(--color-text);
}
.block-textarea .block-textarea__val::-webkit-input-placeholder {
    color: var(--color-text);
}
.block-textarea .block-textarea__error {
    color: var(--color-red3);
    display: none;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    padding-top: 8px;
}
@media screen and (max-width: 768px) {
    .block-textarea .block-textarea__error {
        font-size: 9px;
        padding-top: 4px;
    }
}
.agree-form {
    align-items: center;
    color: var(--color-gray16);
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    min-height: 28px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
@media screen and (max-width: 1200px) {
    .agree-form {
        font-size: 12px;
        min-height: 24px;
    }
}
@media screen and (max-width: 768px) {
    .agree-form {
        font-size: 10px;
    }
}
.agree-form._error .agree-form__label:before,
.agree-form .agree-form__check._error~.agree-form__label:before {
    border-color: var(--color-red);
    box-shadow: 0 0 5px var(--color-redRGBA20);
}
.agree-form .agree-form__check {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
}
.agree-form .agree-form__check:checked + span:after {
    opacity: 1;
}
.agree-form .agree-form__label {
    display: block;
    padding-left: 49px;
    position: relative;
}
@media screen and (max-width: 1200px) {
    .agree-form .agree-form__label {
        padding-left: 39px;
    }
}
.agree-form .agree-form__label:before {
    border: 1px solid var(--color-gray15);
    border-radius: 4px;
    content: "";
    height: 28px;
    left: 0;
    margin-top: -14px;
    position: absolute;
    top: 50%;
    width: 28px;
}
@media screen and (max-width: 1200px) {
    .agree-form .agree-form__label:before {
        height: 24px;
        margin-top: -12px;
        width: 24px;
    }
}
@media screen and (max-width: 768px) {
    .agree-form .agree-form__label:before {
        height: 22px;
        margin-top: -11px;
        width: 22px;
    }
}
.agree-form .agree-form__label:after {
    background: url(/local/templates/.default/assets/css/../img/checked.svg) no-repeat 50%;
    background-size: 17px 13px;
    border: 1px solid transparent;
    content: "";
    height: 28px;
    left: 0;
    margin-top: -14px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transition: all 0.3s var(--transition);
    width: 28px;
}
@media screen and (max-width: 1200px) {
    .agree-form .agree-form__label:after {
        height: 24px;
        margin-top: -12px;
        width: 24px;
    }
}
@media screen and (max-width: 768px) {
    .agree-form .agree-form__label:after {
        background-size: 12px 9px;
        height: 22px;
        margin-top: -11px;
        width: 22px;
    }
}
.agree-form .agree-form__label a {
    color: var(--color-orange);
}
.selectric-custom-select.selectric-open .selectric .button:after {
    margin-top: -10px;
    transform: rotate(-180deg);
}
.selectric-custom-select .selectric {
    background: transparent;
    border: 1px solid var(--color-gray21);
    border-radius: 5px;
}
.selectric-custom-select .selectric .label {
    color: var(--color-text);
    font-family: var(--font-default);
    font-size: 16px;
    font-weight: 400;
    height: 51px;
    line-height: 51px;
    margin-left: 30px;
}
@media screen and (max-width: 1200px) {
    .selectric-custom-select .selectric .label {
        font-size: 14px;
        height: 50px;
        line-height: 50px;
        margin-left: 21px;
    }
}
@media screen and (max-width: 768px) {
    .selectric-custom-select .selectric .label {
        font-size: 10px;
        height: 29px;
        line-height: 29px;
        margin-left: 14px;
    }
}
.selectric-custom-select .selectric .button {
    background: transparent;
    color: var(--color-text);
    height: 100%;
}
@media screen and (max-width: 768px) {
    .selectric-custom-select .selectric .button {
        width: 26px;
    }
}
.selectric-custom-select .selectric .button:after {
    border: 7px solid transparent;
    border-top: 7px solid var(--color-text);
    margin-top: -3px;
    top: 50%;
}
@media screen and (max-width: 768px) {
    .selectric-custom-select .selectric .button:after {
        border: 4px solid transparent;
        border-top: 4px solid var(--color-text);
        margin-top: -1px;
    }
}
.selectric-custom-select .selectric-items {
    background: var(--color-white);
    border: none;
    border-radius: 5px;
    box-shadow: 0 2px 9px 1px rgba(0, 0, 0, 0.2);
    top: calc(100% + 15px);
}
.selectric-custom-select .selectric-items .selectric-scroll ul {
    padding: 14px 0;
}
@media screen and (max-width: 1200px) {
    .selectric-custom-select .selectric-items .selectric-scroll ul {
        padding: 9px 0;
    }
}
.selectric-custom-select .selectric-items .selectric-scroll ul li {
    font-family: var(--font-default);
    font-size: 16px;
    padding: 7px 30px;
    transition: color 0.3s var(--transition);
}
@media screen and (max-width: 1200px) {
    .selectric-custom-select .selectric-items .selectric-scroll ul li {
        font-size: 14px;
        padding: 6px 21px;
    }
}
@media screen and (max-width: 768px) {
    .selectric-custom-select .selectric-items .selectric-scroll ul li {
        font-size: 10px;
        padding: 5px 14px;
    }
}
.selectric-custom-select .selectric-items .selectric-scroll ul li.disabled {
    display: none;
}
.selectric-custom-select .selectric-items .selectric-scroll ul li.highlighted {
    background: transparent;
}
.selectric-custom-select .selectric-items .selectric-scroll ul li:hover {
    background: transparent;
    color: var(--color-orange);
}
.selectric-custom-select .selectric-items .selectric-scroll ul li.selected {
    color: var(--color-orange5);
}
.form-files.file-resume .form-files__btn i {
    background: url(/local/templates/.default/assets/css/../img/file-resume.svg) no-repeat 50%;
    background-size: contain;
    height: 32px;
    width: 32px;
}
.form-files.file-resume .form-files__btn span {
    text-align: center;
    width: calc(100% - 47px);
}
.form-files .form-files__btn {
    align-items: center;
    background: var(--color-green3);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    height: 49px;
    line-height: 1.4;
    padding: 1px 15px 0 14px;
    transition: all 0.3s var(--transition);
    width: 240px;
}
@media screen and (max-width: 768px) {
    .form-files .form-files__btn {
        font-size: 12px;
        height: 34px;
        margin-bottom: 20px;
        padding: 0 11px 0 10px;
        width: auto;
    }
}
@media (hover: hover) {
    .form-files .form-files__btn:hover {
        background: var(--color-green2);
    }
}
@media (hover: none) {
    .form-files .form-files__btn:active {
        background: var(--color-green2);
    }
}
.form-files .form-files__btn i {
    background: url(/local/templates/.default/assets/css/../img/icon-photo.png) no-repeat 50%;
    background-size: contain;
    content: "";
    display: block;
    height: 23px;
    margin-right: 15px;
    width: 29px;
}
@media screen and (max-width: 768px) {
    .form-files .form-files__btn i {
        height: 17px;
        margin-right: 7px;
        width: 21px;
    }
}
.form-files .form-files__row {
    align-items: center;
    display: flex;
    justify-content: space-between;
}
@media screen and (max-width: 768px) {
    .form-files .form-files__row {
        align-items: flex-start;
        flex-direction: column;
    }
}
.form-files .form-files__count {
    display: none;
    font-size: 16px;
    font-weight: 400;
    text-align: right;
}
@media screen and (max-width: 768px) {
    .form-files .form-files__count {
        font-size: 12px;
    }
}
.form-files .form-files__count._has-files {
    display: block;
}
.form-files .form-files__count button {
    background: transparent;
    border: none;
    color: var(--color-blue3);
    cursor: pointer;
    transition: all 0.3s var(--transition);
}
@media screen and (max-width: 768px) {
    .form-files .form-files__count button {
        margin-left: 5px;
    }
}
@media (hover: hover) {
    .form-files .form-files__count button:hover {
        color: var(--color-blue);
    }
}
@media (hover: none) {
    .form-files .form-files__count button:active {
        color: var(--color-blue);
    }
}
.file-popup {
    border-radius: 10px;
    max-width: 1100px;
    padding: 44px 70px;
    width: 100%;
}
@media screen and (max-width: 1200px) {
    .file-popup {
        padding: 24px 40px 40px;
    }
}
@media screen and (max-width: 768px) {
    .file-popup {
        padding: 16px 20px 20px;
    }
}
.file-popup .file-popup__title {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 29px;
}
@media screen and (max-width: 1200px) {
    .file-popup .file-popup__title {
        font-size: 28px;
        margin-bottom: 28px;
    }
}
@media screen and (max-width: 768px) {
    .file-popup .file-popup__title {
        font-size: 16px;
        margin-bottom: 14px;
        width: calc(100% - 40px);
    }
}
.file-popup .drop-area {
    border: 1px solid var(--color-gray21);
    border-radius: 5px;
    margin-bottom: 50px;
    min-height: 340px;
    padding: 24px 26px 80px;
    position: relative;
    width: 100%;
}
@media screen and (max-width: 1200px) {
    .file-popup .drop-area {
        margin-bottom: 37px;
        min-height: 240px;
    }
}
@media screen and (max-width: 768px) {
    .file-popup .drop-area {
        margin-bottom: 22px;
        min-height: 150px;
        padding: 18px 10px;
    }
}
.file-popup .drop-area._filled .drop-area__content {
    opacity: 0;
}
.file-popup .drop-area .drop-area__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 20px;
    font-weight: 400;
    gap: 24px 0;
    justify-content: center;
    left: 0;
    line-height: 1.3;
    padding: 0 20px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: 60px;
    transition: all 0.1s var(--transition);
    width: 100%;
}
@media screen and (max-width: 1200px) {
    .file-popup .drop-area .drop-area__content {
        font-size: 18px;
        top: 50px;
    }
}
@media screen and (max-width: 768px) {
    .file-popup .drop-area .drop-area__content {
        font-size: 12px;
        gap: 11px;
        left: 50%;
        max-width: 190px;
        padding: 0;
        top: 30px;
        transform: translateX(-50%);
    }
}
.file-popup .drop-area .drop-area__content:before {
    background: url(/local/templates/.default/assets/css/../img/add-camera.png) no-repeat 50%;
    background-size: contain;
    content: "";
    display: block;
    height: 62px;
    width: 57px;
}
@media screen and (max-width: 1200px) {
    .file-popup .drop-area .drop-area__content:before {
        height: 54px;
        width: 49px;
    }
}
@media screen and (max-width: 768px) {
    .file-popup .drop-area .drop-area__content:before {
        height: 37px;
        width: 33px;
    }
}
.file-popup .drop-area .drop-area__bottom {
    bottom: 30px;
    font-size: 22px;
    font-weight: 500;
    left: 0;
    line-height: 1.2;
    padding: 0 20px;
    position: absolute;
    text-align: center;
    width: 100%;
}
@media screen and (max-width: 1200px) {
    .file-popup .drop-area .drop-area__bottom {
        display: none;
    }
}
.file-popup .file-popup__bottom {
    display: flex;
    justify-content: center;
}
.file-popup .file-popup__bottom .btn {
    font-size: 20px;
    height: 51px;
    letter-spacing: 0.03em;
    line-height: 51px;
    max-width: 260px;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .file-popup .file-popup__bottom .btn {
        font-size: 12px;
        height: 31px;
        line-height: 31px;
        max-width: 140px;
    }
}
.file-popup .fancybox-close-small {
    border: 2px solid var(--color-gray22);
    border-radius: 50%;
    color: var(--color-gray22);
    height: 44px;
    padding: 2px;
    right: 25px;
    top: 23px;
    transition: all 0.3s var(--transition);
    width: 44px;
}
@media screen and (max-width: 1200px) {
    .file-popup .fancybox-close-small {
        height: 36px;
        right: 26px;
        top: 22px;
        width: 36px;
    }
}
@media screen and (max-width: 768px) {
    .file-popup .fancybox-close-small {
        border-width: 1px;
        height: 23px;
        right: 14px;
        top: 11px;
        width: 23px;
    }
}
.drop-area.dragover {
    border-color: #000;
}
.file-list {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    text-align: left;
}
@media screen and (max-width: 768px) {
    .file-list {
        gap: 12px;
    }
}
.file-list .file-item {
    width: calc(50% - 9px);
}
@media screen and (max-width: 768px) {
    .file-list .file-item {
        width: 100%;
    }
}
.file-item {
    background: var(--color-gray5);
    border-radius: 5px;
    display: flex;
    padding: 10px 15px;
    position: relative;
}
@media screen and (max-width: 768px) {
    .file-item {
        padding: 10px;
    }
}
.file-item._video .file-item__img {
    background: var(--color-gray5) url(/local/templates/.default/assets/css/../img/logo.webp) no-repeat center;
    background-size: auto 50px;
}
.file-item._video .file-item__img:before {
    background: url(/local/templates/.default/assets/css/../img/play.svg) no-repeat 50%;
    background-size: contain;
    content: "";
    height: 20px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 28px;
}
.file-item._video .file-item__img img {
    display: none;
}
.file-item .file-item__img {
    height: 72px;
    margin-right: 24px;
    overflow: hidden;
    position: relative;
    width: 72px;
}
@media screen and (max-width: 768px) {
    .file-item .file-item__img {
        height: 49px;
        margin-right: 10px;
        width: 49px;
    }
}
.file-item .file-item__img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
}
.file-item .file-name {
    display: block;
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 9px;
    max-width: calc(100% - 30px);
    padding-top: 10px;
}
@media screen and (max-width: 768px) {
    .file-item .file-name {
        font-size: 12px;
        margin-bottom: 8px;
        padding-top: 7px;
    }
}
.file-item .file-size {
    color: var(--color-gray50);
    display: block;
    font-size: 14px;
    line-height: 1.2;
    text-align: right;
}
.file-item .file-item__content {
    width: calc(100% - 96px);
}
@media screen and (max-width: 768px) {
    .file-item .file-item__content {
        width: calc(100% - 59px);
    }
}
.file-item .file-remove {
    align-items: center;
    border: 1px solid var(--color-gray27);
    border-radius: 50%;
    display: flex;
    height: 20px;
    justify-content: center;
    position: absolute;
    right: 10px;
    top: 10px;
    transition: all 0.3s var(--transition);
    width: 20px;
}
@media (hover: hover) {
    .file-item .file-remove:hover {
        border-color: var(--color-red);
    }
    .file-item .file-remove:hover svg path {
        stroke: var(--color-red);
    }
}
@media (hover: none) {
    .file-item .file-remove:active {
        border-color: var(--color-red);
    }
    .file-item .file-remove:active svg path {
        stroke: var(--color-red);
    }
}
.file-item .file-remove svg path {
    stroke: var(--color-gray27);
    transition: all 0.3s var(--transition);
}
.s-form__error {
    display: none;
}
.main-banners {
    width: 100%;
}
.main-banner {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    height: 100%;
    width: 100%;
}
.main-banner__image {
    height: 100%;
    width: 100%;
}
.main-banner__image img,
.main-banner__image picture {
    object-fit: cover;
    object-position: bottom left;
    height: 100%;
    width: 100%;
}
.main-banner__content {
    position: absolute;
    top: 0;
    left: 0;
    padding: 26px 32px;
    box-sizing: content-box;
    max-width: 400px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    color: #393939;
}
.main-banner__title {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.2;
}
.main-banner__desc {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
}
.main-banner__link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
}
@media screen and (max-width: 1400px) {
    .main-banner__content {
        padding: 18px 20px;
        gap: 10px;
    }
    .main-banner__title {
        font-size: 22px;
    }
    .main-banner__desc {
        font-size: 16px;
    }
}
@media screen and (max-width: 1200px) {
    .main-banner__content {
        padding: 38px 24px;
        gap: 18px;
    }
    .main-banner__title {
        font-size: 34px;
    }
    .main-banner__desc {
        font-size: 24px;
    }
}
@media screen and (max-width: 768px) {
    .main-banner__content {
        padding: 12px 10px;
        gap: 12px;
    }
    .main-banner__title {
        font-size: 20px;
        font-weight: 500;
    }
    .main-banner__desc {
        font-size: 14px;
        font-weight: 400;
    }
}
.project-banner {
    background: url(/local/templates/.default/assets/css/../img/project-banner__bg.webp) no-repeat 50%;
    background-size: cover;
    border-radius: 10px;
    color: var(--color-white);
    display: block;
    overflow: hidden;
    padding: 23px 30px;
    position: relative;
    text-decoration: none;
}
@media screen and (max-width: 1400px) {
    .project-banner {
        padding: 16px;
    }
}
@media screen and (max-width: 1200px) {
    .project-banner {
        margin-bottom: 67px;
        padding: 24px 20px 54px;
    }
}
@media screen and (max-width: 768px) {
    .project-banner {
        margin-bottom: 34px;
        padding: 8px 20px 54px 14px;
    }
}
@media (hover: hover) {
    .project-banner:hover .btn {
        color: var(--color-green6);
    }
}
@media (hover: none) {
    .project-banner:active .btn {
        color: var(--color-green6);
    }
}
.project-banner .project-banner__triangle {
    background: url(/local/templates/.default/assets/css/../img/banner__triangle.svg) no-repeat 50%;
    background-size: cover;
    content: "";
    height: 105%;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(-4px, -4%) rotate(-1deg);
    width: 105%;
    z-index: 1;
}
@media screen and (max-width: 768px) {
    .project-banner .project-banner__triangle {
        background: url(/local/templates/.default/assets/css/../img/banner__triangle-mob.svg) no-repeat 100% 0;
        background-size: cover;
        height: 100%;
        left: auto;
        right: 4%;
        transform: translate(0) rotate(0deg);
        width: 100%;
    }
}
@media screen and (max-width: 488px) {
    .project-banner .project-banner__triangle {
        right: 10%;
    }
}
.project-banner .project-banner__title {
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 1.2;
    margin-bottom: 28px;
    max-width: 260px;
    position: relative;
    z-index: 3;
}
@media screen and (max-width: 1400px) {
    .project-banner .project-banner__title {
        font-size: 24px;
    }
}
@media screen and (max-width: 1200px) {
    .project-banner .project-banner__title {
        font-size: 30px;
        margin-bottom: 43px;
        max-width: 270px;
    }
}
@media screen and (max-width: 768px) {
    .project-banner .project-banner__title {
        font-size: 18px;
        margin-bottom: 19px;
        max-width: 160px;
    }
}
.project-banner .project-banner__btn {
    position: relative;
    z-index: 3;
}
.project-banner .project-banner__btn.btn {
    max-width: 185px;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .project-banner .project-banner__btn.btn {
        font-size: 12px;
        height: 28px;
        line-height: 28px;
        max-width: 112px;
    }
}
.project-banner .project-banner__img {
    bottom: 0;
    height: 56.6%;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 2;
}
@media screen and (max-width: 1200px) {
    .project-banner .project-banner__img {
        height: 90%;
    }
}
@media screen and (max-width: 768px) {
    .project-banner .project-banner__img {
        height: 75%;
    }
}
.project-banner .project-banner__img img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: right bottom;
    object-position: right bottom;
    width: 100%;
}
.banner-stokes {
    border-radius: 10px;
    margin-bottom: 76px;
    overflow: hidden;
    padding: 28px 32px 43px;
    position: relative;
}
.banner-stokes:before {
    background: linear-gradient(180deg, #b5d9f4, rgba(167, 201, 225, 0));
    height: calc(100% + 50px);
    left: 0;
    width: 100%;
    z-index: 1;
}
.banner-stokes:after,
.banner-stokes:before {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
}
.banner-stokes:after {
    background: url(/local/templates/.default/assets/css/../img/banner-stokes__cloud.webp) no-repeat top;
    background-size: contain;
    height: 272px;
    left: 42%;
    width: 352px;
    z-index: 2;
}
.banner-stokes .banner-stokes__content {
    max-width: 710px;
    position: relative;
    z-index: 5;
}
.banner-stokes .banner-stokes__content .btn {
    padding: 0 46px;
}
.banner-stokes .banner-stokes__title {
    color: var(--color-purple);
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 28px;
}
@media screen and (max-width: 1700px) {
    .banner-stokes .banner-stokes__title {
        font-size: 36px;
    }
}
@media screen and (max-width: 1380px) {
    .banner-stokes .banner-stokes__title {
        font-size: 29px;
        max-width: 520px;
    }
}
.banner-stokes .banner-stokes__title a {
    color: var(--color-purple);
    display: inline-block;
    text-decoration: none;
}
.banner-stokes .banner-stokes__desc {
    color: var(--color-gray8);
    font-size: 24px;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 60px;
    max-width: 665px;
}
@media screen and (max-width: 1700px) {
    .banner-stokes .banner-stokes__desc {
        font-size: 20px;
        max-width: 480px;
    }
}
.banner-stokes .banner-stokes__procent {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(180deg, #175094, rgba(123, 23, 148, 0.22));
    background-clip: text;
    -webkit-background-clip: text;
    bottom: 25px;
    font-size: 113px;
    font-weight: 900;
    left: 26%;
    line-height: 1.2;
    opacity: 0.43;
    position: absolute;
    z-index: 4;
}
@media screen and (max-width: 1700px) {
    .banner-stokes .banner-stokes__procent {
        bottom: 45px;
        font-size: 90px;
        left: 30%;
    }
}
@media screen and (max-width: 1380px) {
    .banner-stokes .banner-stokes__procent {
        bottom: 55px;
        font-size: 68px;
        left: 35%;
    }
}
.banner-stokes .banner-stokes__cubes {
    bottom: 0;
    content: "";
    height: 110px;
    left: 30.4%;
    pointer-events: none;
    position: absolute;
    width: 250px;
    z-index: 5;
}
.banner-stokes .banner-stokes__cubes span:first-child {
    background: url(/local/templates/.default/assets/css/../img/banner-stokes__cube1.webp) no-repeat 50%;
    background-size: contain;
    bottom: -68px;
    content: "";
    height: 176px;
    left: 7px;
    position: absolute;
    width: 196px;
}
.banner-stokes .banner-stokes__cubes span:nth-child(2) {
    background: url(/local/templates/.default/assets/css/../img/banner-stokes__cube2.webp) no-repeat 50%;
    background-size: contain;
    bottom: 12px;
    content: "";
    height: 83px;
    position: absolute;
    right: 0;
    width: 76px;
}
.banner-stokes .banner-stokes__img {
    content: "";
    height: 100%;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 57%;
    z-index: 3;
}
@media screen and (max-width: 1900px) {
    .banner-stokes .banner-stokes__img {
        width: 52%;
    }
}
.banner-stokes .banner-stokes__img:before {
    background: url(/local/templates/.default/assets/css/../img/banner-stokes__img-pannel.svg) no-repeat 0;
    background-size: auto 100%;
    bottom: 0;
    content: "";
    height: calc(100% + 10px);
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.banner-stokes .banner-stokes__img:after {
    background: url(/local/templates/.default/assets/css/../img/banner-stokes__img.webp) no-repeat 100% 100%;
    background-size: contain;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 2;
}
@media screen and (max-width: 1900px) {
    .banner-stokes .banner-stokes__img:after {
        width: 90%;
    }
}
@media screen and (max-width: 1700px) {
    .banner-stokes .banner-stokes__img:after {
        width: 95%;
    }
}
@media screen and (max-width: 1440px) {
    .banner-stokes .banner-stokes__img:after {
        width: 90%;
    }
}
.feedback-banner-wrapper {
    margin-bottom: 54px;
}
@media screen and (max-width: 1200px) {
    .feedback-banner-wrapper {
        margin-bottom: 46px;
    }
}
@media screen and (max-width: 768px) {
    .feedback-banner-wrapper {
        margin-bottom: 29px;
    }
}
.feedback-banner-wrapper .feedback-banner {
    margin-bottom: 0;
}
.feedback-banner-wrapper .feedback-banner-wrapper__title {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 20px;
}
@media screen and (max-width: 1200px) {
    .feedback-banner-wrapper .feedback-banner-wrapper__title {
        font-size: 28px;
        margin-bottom: 15px;
    }
}
@media screen and (max-width: 768px) {
    .feedback-banner-wrapper .feedback-banner-wrapper__title {
        font-size: 18px;
        margin-bottom: 10px;
    }
}
.feedback-banner-wrapper .feedback-banner-wrapper__title h1,
.feedback-banner-wrapper .feedback-banner-wrapper__title h2,
.feedback-banner-wrapper .feedback-banner-wrapper__title h3,
.feedback-banner-wrapper .feedback-banner-wrapper__title h4 {
    font-size: 30px;
    font-weight: 500;
    margin: 0;
}
@media screen and (max-width: 1200px) {
    .feedback-banner-wrapper .feedback-banner-wrapper__title h1,
    .feedback-banner-wrapper .feedback-banner-wrapper__title h2,
    .feedback-banner-wrapper .feedback-banner-wrapper__title h3,
    .feedback-banner-wrapper .feedback-banner-wrapper__title h4 {
        font-size: 28px;
    }
}
@media screen and (max-width: 768px) {
    .feedback-banner-wrapper .feedback-banner-wrapper__title h1,
    .feedback-banner-wrapper .feedback-banner-wrapper__title h2,
    .feedback-banner-wrapper .feedback-banner-wrapper__title h3,
    .feedback-banner-wrapper .feedback-banner-wrapper__title h4 {
        font-size: 18px;
    }
}
.feedback-banner-wrapper .feedback-banner-wrapper__desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
    .feedback-banner-wrapper .feedback-banner-wrapper__desc {
        font-size: 14px;
        line-height: 1.4;
        margin-bottom: 18px;
    }
}
.feedback-banner-wrapper .feedback-banner-wrapper__desc p {
    margin-bottom: 12px;
}
@media screen and (max-width: 1200px) {
    .feedback-banner-wrapper .feedback-banner-wrapper__desc p {
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 768px) {
    .feedback-banner-wrapper .feedback-banner-wrapper__desc p {
        margin-bottom: 8px;
    }
}
.feedback-banner-wrapper .feedback-banner-wrapper__desc p:last-child {
    margin-bottom: 0;
}
.feedback-banner {
    align-items: center;
    background: var(--color-gray14);
    border-radius: 10px;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 80px;
    overflow: hidden;
    padding: 33px 54px 36px 0;
    position: relative;
}
@media screen and (max-width: 1500px) {
    .feedback-banner {
        padding-right: 36px;
    }
}
@media screen and (max-width: 1200px) {
    .feedback-banner {
        border-radius: 0;
        justify-content: center;
        left: calc(var(--container-padding) * -1);
        padding: 29px var(--container-padding) 490px var(--container-padding);
        width: calc(100% + var(--container-padding) * 2);
    }
}
@media screen and (max-width: 768px) {
    .feedback-banner {
        margin-bottom: 37px;
        padding: 20px var(--container-padding) 276px var(--container-padding);
    }
}
.feedback-banner > .feedback-banner__cont {
    width: 100%;
}
.feedback-banner.exclusive-feedback {
    padding-right: 50px;
}
@media screen and (max-width: 1200px) {
    .feedback-banner.exclusive-feedback {
        padding-bottom: 35px;
        padding-right: var(--container-padding);
        padding-top: calc(var(--index) * 30.5 + 10px);
    }
}
@media screen and (max-width: 768px) {
    .feedback-banner.exclusive-feedback {
        padding-top: calc(var(--index) * 25.5);
    }
}
.feedback-banner.exclusive-feedback:before {
    background: url(/local/templates/.default/assets/css/../img/exclusive-feedback.webp) no-repeat 0 100%;
    background-size: contain;
    width: 100%;
}
@media screen and (max-width: 1200px) {
    .feedback-banner.exclusive-feedback:before {
        background-position: 0 0;
        height: calc(var(--index) * 30.5);
        left: 0;
        max-height: 580px;
        top: 0;
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .feedback-banner.exclusive-feedback:before {
        background: url(/local/templates/.default/assets/css/../img/exclusive-feedback_m.webp) no-repeat 0 0;
        background-size: contain;
        height: calc(var(--index) * 23.5);
    }
}
@media screen and (max-width: 480px) {
    .feedback-banner.exclusive-feedback:before {
        background-size: cover;
    }
}
.feedback-banner.exclusive-feedback .feedback-banner__cont {
    max-width: 660px;
}
@media screen and (max-width: 1200px) {
    .feedback-banner.exclusive-feedback .feedback-banner__cont {
        max-width: 100%;
        width: 100%;
    }
}
.feedback-banner.exclusive-feedback .feedback-banner__title {
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 11px;
}
@media screen and (max-width: 1200px) {
    .feedback-banner.exclusive-feedback .feedback-banner__title {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 8px;
        text-align: left;
    }
}
@media screen and (max-width: 768px) {
    .feedback-banner.exclusive-feedback .feedback-banner__title {
        font-size: 16px;
    }
}
.feedback-banner.exclusive-feedback .feedback-banner__desc {
    font-size: 20px;
}
@media screen and (max-width: 1200px) {
    .feedback-banner.exclusive-feedback .feedback-banner__desc {
        font-size: 16px;
        margin-bottom: 23px;
        text-align: left;
    }
}
@media screen and (max-width: 768px) {
    .feedback-banner.exclusive-feedback .feedback-banner__desc {
        font-size: 12px;
        margin-bottom: 12px;
    }
}
.feedback-banner.exclusive-feedback .form-files {
    margin-top: 35px;
}
@media screen and (max-width: 1200px) {
    .feedback-banner.exclusive-feedback .form-files {
        margin-top: 40px;
    }
}
@media screen and (max-width: 768px) {
    .feedback-banner.exclusive-feedback .form-files {
        margin-top: 24px;
    }
}
.feedback-banner.exclusive-feedback .form-files .form-files__btn {
    width: 234px;
}
@media screen and (max-width: 768px) {
    .feedback-banner.exclusive-feedback .form-files .form-files__btn {
        margin-bottom: 0;
        width: 187px;
    }
}
.feedback-banner.exclusive-feedback .form-files .form-files__btn span {
    text-align: center;
    width: calc(100% - 44px);
}
@media screen and (max-width: 768px) {
    .feedback-banner.exclusive-feedback .form-files .form-files__btn span {
        width: calc(100% - 28px);
    }
}
.feedback-banner.faq-feedback {
    padding-right: 50px;
}
@media screen and (max-width: 1200px) {
    .feedback-banner.faq-feedback {
        padding-bottom: 35px;
        padding-right: var(--container-padding);
        padding-top: calc(var(--index) * 30.5 + 10px);
    }
}
@media screen and (max-width: 768px) {
    .feedback-banner.faq-feedback {
        padding-top: calc(var(--index) * 24.5);
    }
}
.feedback-banner.faq-feedback:before {
    background: url(/local/templates/.default/assets/css/../img/faq-feedback.webp) no-repeat 0 100%;
    background-size: contain;
    width: 100%;
}
@media screen and (max-width: 1200px) {
    .feedback-banner.faq-feedback:before {
        background-position: 0 0;
        height: calc(var(--index) * 30.5);
        left: var(--container-padding);
        max-height: 580px;
        top: 0;
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .feedback-banner.faq-feedback:before {
        height: calc(var(--index) * 23.5);
    }
}
.feedback-banner.faq-feedback .feedback-banner__cont {
    max-width: 660px;
}
@media screen and (max-width: 1200px) {
    .feedback-banner.faq-feedback .feedback-banner__cont {
        max-width: 100%;
        width: 100%;
    }
}
.feedback-banner.faq-feedback .feedback-banner__title {
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 11px;
}
@media screen and (max-width: 1200px) {
    .feedback-banner.faq-feedback .feedback-banner__title {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 8px;
        text-align: left;
    }
}
@media screen and (max-width: 768px) {
    .feedback-banner.faq-feedback .feedback-banner__title {
        font-size: 16px;
    }
}
.feedback-banner.faq-feedback .feedback-banner__desc {
    font-size: 20px;
}
@media screen and (max-width: 1200px) {
    .feedback-banner.faq-feedback .feedback-banner__desc {
        font-size: 16px;
        margin-bottom: 23px;
        text-align: left;
    }
}
@media screen and (max-width: 768px) {
    .feedback-banner.faq-feedback .feedback-banner__desc {
        font-size: 12px;
        margin-bottom: 12px;
    }
}
.feedback-banner.faq-feedback .form-files {
    margin-top: 35px;
}
@media screen and (max-width: 1200px) {
    .feedback-banner.faq-feedback .form-files {
        margin-top: 40px;
    }
}
@media screen and (max-width: 768px) {
    .feedback-banner.faq-feedback .form-files {
        margin-top: 24px;
    }
}
.feedback-banner:before {
    background: url(/local/templates/.default/assets/css/../img/feedback__img.webp) no-repeat 0 100%;
    background-size: contain;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 53%;
    z-index: 1;
}
@media screen and (max-width: 1200px) {
    .feedback-banner:before {
        bottom: 0;
        max-height: 440px;
        top: auto;
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .feedback-banner:before {
        background-size: auto 100%;
        height: 250px;
    }
}
.feedback-banner .feedback-banner__cont {
    max-width: 590px;
    position: relative;
    width: 100%;
    z-index: 5;
}
@media screen and (max-width: 1700px) {
    .feedback-banner .feedback-banner__cont {
        max-width: 490px;
    }
}
@media screen and (max-width: 1500px) {
    .feedback-banner .feedback-banner__cont {
        max-width: 450px;
    }
}
@media screen and (max-width: 1200px) {
    .feedback-banner .feedback-banner__cont {
        margin: 0 auto;
        max-width: 700px;
    }
}
.feedback-banner .feedback-banner__title {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 7px;
}
@media screen and (max-width: 1500px) {
    .feedback-banner .feedback-banner__title {
        font-size: 24px;
    }
}
@media screen and (max-width: 1200px) {
    .feedback-banner .feedback-banner__title {
        font-size: 30px;
        margin-bottom: 14px;
        text-align: center;
    }
}
@media screen and (max-width: 768px) {
    .feedback-banner .feedback-banner__title {
        font-size: 18px;
        margin-bottom: 7px;
    }
}
.feedback-banner .feedback-banner__desc {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 27px;
}
@media screen and (max-width: 1500px) {
    .feedback-banner .feedback-banner__desc {
        font-size: 16px;
    }
}
@media screen and (max-width: 1200px) {
    .feedback-banner .feedback-banner__desc {
        font-size: 18px;
        margin-bottom: 41px;
        text-align: center;
    }
}
@media screen and (max-width: 768px) {
    .feedback-banner .feedback-banner__desc {
        font-size: 12px;
        margin-bottom: 28px;
    }
}
.feedback-banner form {
    display: block;
}
.feedback-banner .block-input {
    margin-bottom: 18px;
}
@media screen and (max-width: 1200px) {
    .feedback-banner .block-input {
        margin-bottom: 23px;
    }
}
@media screen and (max-width: 768px) {
    .feedback-banner .block-input {
        margin-bottom: 14px;
    }
}
.feedback-banner .agree-form {
    margin-bottom: 36px;
    margin-top: 31px;
}
@media screen and (max-width: 1200px) {
    .feedback-banner .agree-form {
        margin-bottom: 54px;
    }
}
@media screen and (max-width: 768px) {
    .feedback-banner .agree-form {
        margin-bottom: 22px;
        margin-top: 26px;
    }
}
.feedback-banner .btn {
    font-size: 20px;
    height: 52px;
    letter-spacing: 0.03em;
    line-height: 52px;
    max-width: 236px;
    width: 100%;
}
@media screen and (max-width: 1200px) {
    .feedback-banner .btn {
        display: block;
        margin: 0 auto;
    }
}
@media screen and (max-width: 768px) {
    .feedback-banner .btn {
        font-size: 16px;
        height: 38px;
        line-height: 38px;
        max-width: 180px;
    }
}
.banner-warranty {
    background: linear-gradient(90deg, #dff1fa, #acd5e9);
    border-radius: 10px;
    margin-bottom: 75px;
    overflow: hidden;
    padding: 30px 29px 41px 34px;
    position: relative;
}
@media screen and (max-width: 1200px) {
    .banner-warranty {
        margin-bottom: 50px;
        padding: 38px 26px 430px;
    }
}
@media screen and (max-width: 778px) {
    .banner-warranty {
        margin-bottom: 26px;
        padding: 13px 25px 230px 17px;
    }
}
.banner-warranty .banner-warranty__conteiner {
    max-width: 750px;
    position: relative;
    z-index: 4;
}
.banner-warranty .banner-warranty__title {
    align-items: center;
    color: var(--color-blue14);
    display: flex;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 13px;
}
@media screen and (max-width: 1500px) {
    .banner-warranty .banner-warranty__title {
        font-size: 40px;
    }
}
@media screen and (max-width: 1200px) {
    .banner-warranty .banner-warranty__title {
        line-height: 1.2;
        margin-bottom: 12px;
    }
}
@media screen and (max-width: 778px) {
    .banner-warranty .banner-warranty__title {
        font-size: 20px;
    }
}
@media screen and (max-width: 1200px) {
    .banner-warranty .banner-warranty__title br {
        display: none;
    }
}
.banner-warranty .banner-warranty__title span {
    padding-bottom: 7px;
}
.banner-warranty .banner-warranty__title strong {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(91deg, #6cb5da, #1a84bd);
    background-clip: text;
    -webkit-background-clip: text;
    display: block;
    font-size: 120px;
    font-weight: 700;
    letter-spacing: -0.06em;
    line-height: 1;
    padding-right: 27px;
    text-align: center;
}
@media screen and (max-width: 1500px) {
    .banner-warranty .banner-warranty__title strong {
        font-size: 112px;
    }
}
@media screen and (max-width: 778px) {
    .banner-warranty .banner-warranty__title strong {
        font-size: 65px;
        padding-right: 10px;
    }
}
.banner-warranty .banner-warranty__desc {
    color: var(--color-gray8);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 80px;
    max-width: 640px;
}
@media screen and (max-width: 1600px) {
    .banner-warranty .banner-warranty__desc {
        font-size: 18px;
    }
}
@media screen and (max-width: 1200px) {
    .banner-warranty .banner-warranty__desc {
        font-size: 22px;
        margin-bottom: 50px;
    }
}
@media screen and (max-width: 778px) {
    .banner-warranty .banner-warranty__desc {
        font-size: 14px;
        margin-bottom: 24px;
    }
}
.banner-warranty .banner-warranty__stiker {
    align-items: center;
    background: url(/local/templates/.default/assets/css/../img/banner-warranty__stiker.webp) no-repeat 50%;
    background-size: contain;
    bottom: 100px;
    color: var(--color-white);
    display: flex;
    font-size: 19px;
    font-weight: 500;
    height: 60px;
    justify-content: flex-start;
    left: 37.5%;
    letter-spacing: 0.01em;
    line-height: 1.11;
    padding-left: 36px;
    padding-top: 10px;
    position: absolute;
    width: 245px;
    z-index: 5;
}
@media screen and (max-width: 1600px) {
    .banner-warranty .banner-warranty__stiker {
        bottom: 70px;
        left: 40%;
    }
}
@media screen and (max-width: 1200px) {
    .banner-warranty .banner-warranty__stiker {
        background: url(/local/templates/.default/assets/css/../img/banner-warranty__stiker_m.svg) no-repeat 0 0;
        background-size: contain;
        bottom: -1px;
        font-size: 25px;
        height: 50px;
        left: auto;
        padding-left: 25px;
        padding-top: 0;
        right: 0;
        width: 210px;
    }
}
@media screen and (max-width: 778px) {
    .banner-warranty .banner-warranty__stiker {
        font-size: 12px;
        height: 28px;
        justify-content: center;
        padding-left: 0;
        padding-right: 5px;
        right: -5px;
        width: 116px;
    }
}
.banner-warranty .banner-warranty__stiker i {
    background: url(/local/templates/.default/assets/css/../img/banner-warranty__star.webp) no-repeat 50%;
    background-size: contain;
    content: "";
    height: 29px;
    position: absolute;
    right: 18px;
    top: 10px;
    width: 29px;
}
@media screen and (max-width: 1200px) {
    .banner-warranty .banner-warranty__stiker i {
        display: none;
    }
}
.banner-warranty .banner-warranty__btn {
    padding-left: 5px;
}
@media screen and (max-width: 1200px) {
    .banner-warranty .banner-warranty__btn {
        padding-left: 2px;
    }
}
.banner-warranty .banner-warranty__btn .btn {
    font-size: 20px;
    font-weight: 400;
    height: 56px;
    line-height: 56px;
    max-width: 266px;
    width: 100%;
}
@media screen and (max-width: 778px) {
    .banner-warranty .banner-warranty__btn .btn {
        font-size: 14px;
        height: 38px;
        line-height: 38px;
        max-width: 180px;
    }
}
.banner-warranty .banner-warranty__clouds {
    background: url(/local/templates/.default/assets/css/../img/banner-warranty__clouds.webp) no-repeat 100% 0;
    background-size: contain;
    content: "";
    height: 77%;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 57.6%;
    z-index: 1;
}
@media screen and (max-width: 778px) {
    .banner-warranty .banner-warranty__clouds {
        background: url(/local/templates/.default/assets/css/../img/banner-warranty__clouds_m.webp) no-repeat 100% 0;
        background-size: contain;
        bottom: 85px;
        height: 170px;
        top: auto;
        width: 100%;
    }
}
.banner-warranty .banner-warranty__home {
    background: url(/local/templates/.default/assets/css/../img/banner-warranty__home.webp) no-repeat 100% 100%;
    background-size: contain;
    bottom: 0;
    content: "";
    height: 95%;
    pointer-events: none;
    position: absolute;
    right: 20px;
    width: 63%;
    z-index: 3;
}
@media screen and (max-width: 1800px) {
    .banner-warranty .banner-warranty__home {
        transform: translateX(20%);
    }
}
@media screen and (max-width: 1200px) {
    .banner-warranty .banner-warranty__home {
        background: url(/local/templates/.default/assets/css/../img/banner-warranty__home_l.webp) no-repeat 100% 100%;
        background-size: auto 100%;
        height: 480px;
        transform: translateX(22%);
        width: 148%;
    }
}
@media screen and (max-width: 768px) {
    .banner-warranty .banner-warranty__home {
        height: 220px;
        right: 0;
        transform: translateX(0);
        width: 100%;
    }
}
.widget-soc {
    align-items: center;
    background: var(--color-white);
    border-radius: 15px;
    bottom: 120px;
    box-shadow: 0 4px 21px -3px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    gap: 11px;
    opacity: 0;
    padding: 10px;
    position: fixed;
    right: var(--container-padding);
    text-align: center;
    transform: translateY(40%);
    transition: all 0.5s var(--transition3) 0.4s;
    width: 101px;
    z-index: 20;
}
@media screen and (max-width: 1200px) {
    .widget-soc {
        bottom: 160px;
    }
}
@media screen and (max-width: 768px) {
    .widget-soc {
        bottom: 95px;
        padding: 8px;
        width: 61px;
    }
}
.widget-soc__item-name {
    display: inline-block;
    line-height: 1.2;
}
.widget-soc .widget-soc__item {
    color: var(--color-blacklight);
    font-size: 12px;
    text-decoration: none;
    transition: color 0.3s var(--transition);
}
@media screen and (max-width: 768px) {
    .widget-soc .widget-soc__item {
        font-size: 10px;
    }
}
@media (hover: hover) {
    .widget-soc .widget-soc__item:hover {
        color: var(--color-orange);
    }
    .widget-soc .widget-soc__item:hover > span:first-child:before {
        transform: scale(0.8);
    }
}
@media (hover: none) {
    .widget-soc .widget-soc__item:active {
        color: var(--color-orange);
    }
    .widget-soc .widget-soc__item:active > span:first-child:before {
        transform: scale(0.8);
    }
}
.widget-soc .widget-soc__whatsapp {
    display: block;
    height: 47px;
    margin: 0 auto 7px;
    position: relative;
    width: 51px;
}
@media screen and (max-width: 768px) {
    .widget-soc .widget-soc__whatsapp {
        height: 36px;
        margin-bottom: 5px;
        width: 40px;
    }
}
.widget-soc .widget-soc__whatsapp:before {
    background: url('/local/templates/.default/assets/css/../img/widget-soc__whatsapp.png') no-repeat 50%;
    background-size: contain;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s var(--transition);
    width: 100%;
}
.widget-soc .widget-soc__telegram {
    display: block;
    height: 47px;
    margin: 0 auto 7px;
    position: relative;
    width: 44px;
}
@media screen and (max-width: 768px) {
    .widget-soc .widget-soc__telegram {
        height: 34px;
        margin-bottom: 5px;
        width: 34px;
    }
}
.widget-soc .widget-soc__telegram:before {
    background: url('/local/templates/.default/assets/css/../img/widget-soc__telegram.png') no-repeat 50%;
    background-size: contain;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s var(--transition);
    width: 100%;
}
.widget-soc .widget-soc__callback {
    display: block;
    height: 47px;
    margin: 0 auto 7px;
    position: relative;
    width: 44px;
}
@media screen and (max-width: 768px) {
    .widget-soc .widget-soc__callback {
        height: 34px;
        margin-bottom: 5px;
        width: 34px;
    }
}
.widget-soc .widget-soc__callback:before {
    background: url('/local/templates/.default/assets/css/../img/widget-soc__callback.png') no-repeat 50%;
    background-size: contain;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s var(--transition);
    width: 100%;
}



.main-header {
    border-bottom: 1px solid var(--color-gray);
    padding: 9px 0;
    background: var(--color-white);
    z-index: 10;
}
.main-header--fixed {
    position: fixed;
    top: 0;
    width: 100%;
}
@media screen and (max-width: 1200px) {
    .main-header {
        background: var(--color-gray24);
        padding: 4px 0;
    }
}
@media screen and (max-width: 768px) {
    .main-header {
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 20;
    }
}
.main-header .container {
    align-items: center;
    display: flex;
    max-width: calc(1874px + var(--container-padding) * 2);
}
.main-header .logo {
    margin-right: 77px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
@media screen and (max-width: 1680px) {
    .main-header .logo {
        margin-right: 34px;
    }
}
@media screen and (max-width: 768px) {
    .main-header .logo {
        margin-right: 18px;
    }
}
@media screen and (max-width: 1200px) {
    .main-header .container {
        justify-content: space-between;
    }
    .main-header .main-menu {
        display: none;
    }
}
.main-header .change-region {
    margin-left: auto;
    margin-right: 53px;
}
@media screen and (max-width: 1620px) {
    .main-header .change-region {
        margin-right: 26px;
    }
}
@media screen and (max-width: 1320px) {
    .main-header .change-region {
        display: none;
    }
}
.main-header .element-whatsapp {
    display: none;
}
@media screen and (max-width: 1200px) {
    .main-header .element-whatsapp {
        display: block;
        margin-left: auto;
        margin-right: 18px;
    }
}
@media screen and (max-width: 768px) {
    .main-header .element-whatsapp {
        margin-right: 2px;
    }
}
@media screen and (max-width: 1320px) {
    .main-header .element-phone {
        margin-left: auto;
    }
}
@media screen and (max-width: 768px) {
    .main-header .element-phone i {
        display: none;
    }
}
.logo {
    align-items: center;
    color: var(--color-blacklight);
    display: flex;
    font-family: var(--font-additional);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;
    transition: color 0.3s var(--transition);
}
@media screen and (max-width: 1680px) {
    .logo {
        font-size: 16px;
    }
}
@media screen and (max-width: 1500px) {
    .logo {
        font-size: 12px;
        width: 220px;
    }
}
@media screen and (max-width: 1200px) {
    .logo {
        font-size: 16px;
    }
}
@media screen and (max-width: 768px) {
    .logo {
        font-size: 14px;
        width: auto;
    }
}
@media (hover: hover) {
    .logo:hover,
    .logo:hover .logo__text .logo__text-desc {
        color: var(--color-orange);
    }
}
@media (hover: none) {
    .logo:active,
    .logo:active .logo__text .logo__text-desc {
        color: var(--color-orange);
    }
}
.logo .logo__img {
    margin-right: 12px;
    width: 74px;
}
@media screen and (max-width: 1200px) {
    .logo .logo__img {
        margin-right: 9px;
        width: 57px;
    }
}
@media screen and (max-width: 768px) {
    .logo .logo__img {
        width: 43px;
    }
}
.logo .logo__img img {
    height: auto;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .logo .logo__text {
        position: relative;
        top: 1px;
    }
}
.logo .logo__text .logo__text-name {
    display: block;
}
.logo .logo__text .logo__text-desc {
    color: var(--color-gray53);
    display: block;
    font-size: 12px;
    font-weight: 400;
    margin-top: 3px;
    transition: color 0.3s var(--transition);
}
@media screen and (max-width: 1500px) {
    .logo .logo__text .logo__text-desc {
        font-size: 10px;
    }
}
@media screen and (max-width: 1200px) {
    .logo .logo__text .logo__text-desc {
        display: none;
    }
}
.main-menu {
    display: flex;
    list-style: none;
}
.main-menu .main-menu__item {
    margin-right: 47px;
}
@media screen and (max-width: 1800px) {
    .main-menu .main-menu__item {
        margin-right: 30px;
    }
}
@media screen and (max-width: 1560px) {
    .main-menu .main-menu__item {
        margin-right: 22px;
    }
}
.main-menu .main-menu__item._active .main-menu__link {
    color: var(--color-orange);
}
.main-menu .main-menu__link {
    color: var(--color-blacklight);
    display: block;
    font-family: var(--font-additional);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    padding: 5px 0;
    text-decoration: none;
    transition: color 0.3s var(--transition);
    white-space: nowrap;
}
@media screen and (max-width: 1500px) {
    .main-menu .main-menu__link {
        font-size: 14px;
    }
}
@media (hover: hover) {
    .main-menu .main-menu__link:hover {
        color: var(--color-orange);
    }
}
@media (hover: none) {
    .main-menu .main-menu__link:active {
        color: var(--color-orange);
    }
}
.main-menu .main-menu__link span {
    color: var(--color-orange);
}
.change-region {
    align-items: center;
    color: var(--color-blacklight);
    cursor: pointer;
    display: flex;
    font-family: var(--font-additional);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    position: relative;
    transition: color 0.3s var(--transition);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
}
@media screen and (max-width: 1620px) {
    .change-region {
        font-size: 14px;
    }
}
@media screen and (max-width: 1500px) {
    .change-region {
        font-size: 12px;
    }
}
@media (hover: hover) {
    .change-region:hover {
        color: var(--color-orange);
    }
    .change-region:hover .corner {
        transform: translateY(1px);
    }
}
@media (hover: none) {
    .change-region:active {
        color: var(--color-orange);
    }
    .change-region:active .corner {
        transform: translateY(1px);
    }
}
.change-region .icon {
    display: inline-block;
    line-height: 0px;
    margin-right: 8px;
}
.change-region .icon svg {
    height: 19px;
    width: 13px;
}
.change-region .icon svg path {
    fill: var(--color-orange2);
}
.change-region .icon svg circle {
    fill: var(--color-white);
}
.change-region .corner {
    margin-left: 7px;
    position: relative;
    top: 1px;
    transform: translateY(0);
    transition: transform 0.3s var(--transition);
}
.header-contacts {
    display: flex;
    gap: 10px;
}
.header-contacts > *:last-child {
    margin-left: 10px;
}
.element-phone {
    align-items: center;
    color: var(--color-blacklight);
    display: flex;
    font-family: var(--font-additional);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none;
    transition: color 0.3s var(--transition);
    white-space: nowrap;
    gap: 8px;
}
@media screen and (max-width: 1620px) {
    .element-phone {
        font-size: 14px;
    }
}
@media screen and (max-width: 1200px) {
    .element-phone {
        font-size: 16px;
    }
}
@media screen and (max-width: 768px) {
    .element-phone {
        font-size: 14px;
        font-weight: 500;
    }
}
@media (hover: hover) {
    .element-phone:hover {
        color: var(--color-orange);
    }
}
@media (hover: none) {
    .element-phone:active {
        color: var(--color-orange);
    }
}
.element-phone .icon {
    display: inline-block;
    line-height: 0px;
}
.element-phone .icon--messanger {
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
}
.element-phone .icon--whatsapp {
    background-image: url('/local/templates/.default/assets/css/../img/widget-soc__whatsapp.png');
    width: 22px;
    height: 21px;
}
.element-phone .icon--telegram {
    background-image: url('/local/templates/.default/assets/css/../img/widget-soc__telegram.png');
    width: 18px;
    height: 21px;
}
.element-phone .icon svg {
    height: 18px;
    width: 18px;
}
@media screen and (max-width: 1200px) {
    .element-phone .icon svg {
        height: 20px;
        width: 20px;
    }
}
@media screen and (max-width: 768px) {
    .element-phone .icon svg {
        height: 14px;
        width: 14px;
    }
}
.element-phone .icon svg path {
    fill: var(--color-orange);
    transition: fill 0.3s var(--transition);
}
.element-email {
    align-items: center;
    color: var(--color-blacklight);
    display: flex;
    font-family: var(--font-additional);
    font-size: 16px;
    line-height: 1.3;
    text-decoration: none;
    transition: color 0.3s var(--transition);
}
@media (hover: hover) {
    .element-email:hover {
        color: var(--color-orange);
    }
}
@media (hover: none) {
    .element-email:active {
        color: var(--color-orange);
    }
}
.element-email .icon {
    display: inline-block;
    line-height: 0px;
    margin-right: 9px;
}
.element-email .icon svg {
    height: 16px;
    width: 22px;
}
.element-email .icon svg path {
    fill: var(--color-orange);
    transition: fill 0.3s var(--transition);
}
.element-whatsapp {
    background: url('/local/templates/.default/assets/css/../img/icon-whatsapp.webp') no-repeat 50%;
    background-size: contain;
    display: block;
    height: 28px;
    line-height: 0px;
    width: 28px;
}
@media screen and (max-width: 768px) {
    .element-whatsapp {
        background-size: 18px 18px;
    }
}



.advantages-block {
    margin-bottom: 46px;
}
.advantages-block.advantages-block__v2 {
    margin-bottom: 0;
    margin-top: 60px;
}
@media screen and (max-width: 1200px) {
    .advantages-block.advantages-block__v2 {
        margin-top: 50px;
    }
}
.advantages-block.advantages-block__v2 .advantages-block__title {
    font-size: 30px;
    text-align: left;
}
@media screen and (max-width: 1200px) {
    .advantages-block.advantages-block__v2 .advantages-block__title {
        font-size: 28px;
        text-align: center;
    }
}
@media screen and (max-width: 768px) {
    .advantages-block.advantages-block__v2 .advantages-block__title {
        font-size: 18px;
        margin-bottom: 30px;
    }
}
.advantages-block.advantages-block__v2 .advantages-block__title h1,
.advantages-block.advantages-block__v2 .advantages-block__title h2,
.advantages-block.advantages-block__v2 .advantages-block__title h3,
.advantages-block.advantages-block__v2 .advantages-block__title h4,
.advantages-block.advantages-block__v2 .advantages-block__title h5 {
    font-size: 30px;
}
@media screen and (max-width: 1200px) {
    .advantages-block.advantages-block__v2 .advantages-block__title h1,
    .advantages-block.advantages-block__v2 .advantages-block__title h2,
    .advantages-block.advantages-block__v2 .advantages-block__title h3,
    .advantages-block.advantages-block__v2 .advantages-block__title h4,
    .advantages-block.advantages-block__v2 .advantages-block__title h5 {
        font-size: 28px;
    }
}
@media screen and (max-width: 768px) {
    .advantages-block.advantages-block__v2 .advantages-block__title h1,
    .advantages-block.advantages-block__v2 .advantages-block__title h2,
    .advantages-block.advantages-block__v2 .advantages-block__title h3,
    .advantages-block.advantages-block__v2 .advantages-block__title h4,
    .advantages-block.advantages-block__v2 .advantages-block__title h5 {
        font-size: 18px;
    }
}
.advantages-block.advantages-block__v2 .advantages-element .advantages-element__icon {
    height: 73px;
    top: -34px;
}
.advantages-block.advantages-block__mb {
    margin-bottom: 54px;
}
@media screen and (max-width: 1200px) {
    .advantages-block.advantages-block__mb {
        margin-bottom: 45px;
    }
}
@media screen and (max-width: 768px) {
    .advantages-block.advantages-block__mb {
        margin-bottom: 29px;
    }
}
.advantages-block .advantages-block__title {
    font-size: 26px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 49px;
    text-align: center;
}
.advantages-block .advantages-block__title h1,
.advantages-block .advantages-block__title h2,
.advantages-block .advantages-block__title h3,
.advantages-block .advantages-block__title h4,
.advantages-block .advantages-block__title h5 {
    font-size: 26px;
    font-weight: 500;
    margin: 0;
}
.advantages-list {
    display: flex;
    gap: 33px;
}
@media screen and (max-width: 1500px) {
    .advantages-list {
        gap: 14px;
    }
}
@media screen and (max-width: 1200px) {
    .advantages-list {
        flex-wrap: wrap;
        gap: 40px 14px;
    }
}
@media screen and (max-width: 768px) {
    .advantages-list {
        gap: 30px 0;
    }
}
.advantages-list .advantages-element {
    width: calc(25% - 24.75px);
}
@media screen and (max-width: 1500px) {
    .advantages-list .advantages-element {
        width: calc(25% - 10.5px);
    }
}
@media screen and (max-width: 1200px) {
    .advantages-list .advantages-element {
        width: calc(50% - 7px);
    }
}
@media screen and (max-width: 768px) {
    .advantages-list .advantages-element {
        width: 100%;
    }
}
.advantages-element {
    background: var(--color-gray5);
    border-radius: 10px;
    line-height: 1.4;
    padding: 55px 22px 16px;
    position: relative;
    text-align: center;
}
@media screen and (max-width: 1500px) {
    .advantages-element {
        padding: 55px 16px 16px;
    }
}
@media screen and (max-width: 768px) {
    .advantages-element {
        padding: 45px 16px 15px;
    }
}
.advantages-element .advantages-element__icon {
    align-items: flex-end;
    display: flex;
    height: 60px;
    justify-content: center;
    left: 0;
    position: absolute;
    top: -22px;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .advantages-element .advantages-element__icon {
        height: 50px;
        top: -30px;
    }
}
.advantages-element .advantages-element__icon img {
    max-height: 60px;
    width: auto;
}
@media screen and (max-width: 768px) {
    .advantages-element .advantages-element__icon img {
        max-height: 50px;
    }
}
.advantages-element .advantages-element__title {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.02em;
    margin-bottom: 10px;
}
@media screen and (max-width: 1500px) {
    .advantages-element .advantages-element__title {
        font-size: 16px;
    }
}
@media screen and (max-width: 768px) {
    .advantages-element .advantages-element__title {
        font-size: 14px;
    }
}
.advantages-element .advantages-element__desc {
    font-size: 16px;
    font-weight: 400;
}
@media screen and (max-width: 1500px) {
    .advantages-element .advantages-element__desc {
        font-size: 14px;
    }
}
@media screen and (max-width: 1200px) {
    .advantages-element .advantages-element__desc {
        font-size: 16px;
    }
}
@media screen and (max-width: 768px) {
    .advantages-element .advantages-element__desc {
        font-size: 12px;
        margin: 0 auto;
        max-width: 100%;
    }
}
.pannel-search {
    position: relative;
}
.pannel-search input[type="search"] {
    background: var(--color-gray2);
    border: 1px solid var(--color-gray3);
    border-radius: 5px;
    color: var(--color-blacklight);
    font-family: var(--second-additional);
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    padding: 0 40px 0 14px;
    transition: border 0.3s var(--transition);
    width: 100%;
}
.pannel-search input[type="search"].placeholder {
    color: var(--color-gray4);
}
.pannel-search input[type="search"]:-moz-placeholder,
.pannel-search input[type="search"]::-moz-placeholder {
    color: var(--color-gray4);
}
.pannel-search input[type="search"]:-ms-input-placeholder {
    color: var(--color-gray4);
}
.pannel-search input[type="search"]::-webkit-input-placeholder {
    color: var(--color-gray4);
}
.pannel-search input[type="search"]:active,
.pannel-search input[type="search"]:focus {
    border-color: var(--color-blacklight);
}
.pannel-search button {
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    z-index: 2;
}
@media (hover: hover) {
    .pannel-search button:hover svg circle {
        stroke: var(--color-orange);
    }
    .pannel-search button:hover svg rect {
        fill: var(--color-orange);
    }
}
@media (hover: none) {
    .pannel-search button:active svg circle {
        stroke: var(--color-orange);
    }
    .pannel-search button:active svg rect {
        fill: var(--color-orange);
    }
}
.pannel-search button svg {
    height: 17px;
    width: 17px;
}
.pannel-search button svg circle {
    stroke: var(--color-gray4);
    transition: stroke 0.3s var(--transition);
}
.pannel-search button svg rect {
    fill: var(--color-gray4);
    transition: fill 0.3s var(--transition);
}
.title-search-result {
    border: none;
    position: absolute;
    top: calc(100% + 18px);
    width: 100%;
    z-index: 2000;
}
@media screen and (max-width: 480px) {
    .title-search-result {
        padding-top: 0;
        top: calc(100% + 4px);
    }
}
.title-search-result .title-search-fader {
    display: none;
}
.title-search-result .pannel-search__result-table {
    background: var(--color-white);
    border-radius: 5px;
    box-shadow: 0 2px 14px 1px rgba(0, 0, 0, 0.2);
    max-height: 250px;
    overflow: hidden;
    overflow-y: auto;
    padding: 10px 0;
    position: relative;
}
.title-search-result .pannel-search__result-table::-webkit-scrollbar {
    width: 4px;
}
.title-search-result .pannel-search__result-table::-webkit-scrollbar-track {
    background: var(--color-white);
}
.title-search-result .pannel-search__result-table::-webkit-scrollbar-thumb {
    background-color: var(--color-gray5);
    border: 1px solid var(--color-white);
    border-radius: 20px;
}
.title-search-result .pannel-search__result-table .pannel-search__result-line {
    align-items: center;
    background: transparent;
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.title-search-result .pannel-search__result-table .pannel-search__result-img {
    display: none;
}
.title-search-result .pannel-search__result-table .pannel-search__result-title {
    font-size: 16px;
    line-height: 1.2;
    margin-right: 0;
    width: 100%;
}
@media screen and (max-width: 480px) {
    .title-search-result .pannel-search__result-table .pannel-search__result-title {
        font-size: 14px;
    }
}
.title-search-result .pannel-search__result-table .pannel-search__result-title a {
    color: var(--color-text);
    display: inline-block;
    padding: 6px 4px;
    text-decoration: none;
}
@media (hover: hover) {
    .title-search-result .pannel-search__result-table .pannel-search__result-title a:hover {
        color: var(--color-orange16);
        text-decoration: none;
    }
}
@media (hover: none) {
    .title-search-result .pannel-search__result-table .pannel-search__result-title a:active {
        color: var(--color-orange16);
        text-decoration: none;
    }
}

.search-block {
    margin-bottom: 20px;
}
.search-block__row {
    display: flex;
}
.search-block__input {
    font-size: 2rem;
    padding: 1rem 2rem;
    border-radius: 10px 0 0 10px;
    border-width: 1px;
}
.search-block__btn {
    padding: 10px 20px;
    border-width: 1px;
    border-radius: 0 10px 10px 0;
    margin-left: -1px;
    background-color: var(--color-orange);
    cursor: pointer;
}
.search-block__btn:hover {
    background-color: var(--color-orange2);
}


.catalog-menu {
    list-style: none;
}
.catalog-menu .catalog-menu__item {
    display: block;
}
.catalog-menu .catalog-menu__item:first-child .catalog-menu__link {
    padding-top: 0;
}
.catalog-menu .catalog-menu__item._active .catalog-menu__link {
    color: var(--color-orange);
}
.catalog-menu .catalog-menu__link {
    align-items: center;
    color: var(--color-black);
    display: flex;
    font-size: 16px;
    line-height: 1.1;
    padding: 2.5px 5px 2.5px 0;
    text-decoration: none;
    transition: color 0.3s var(--transition);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
@media (hover: hover) {
    .catalog-menu .catalog-menu__link:hover {
        color: var(--color-orange);
    }
}
@media (hover: none) {
    .catalog-menu .catalog-menu__link:active {
        color: var(--color-orange);
    }
}
.catalog-menu .catalog-menu__link .catalog-menu__icon {
    margin-right: 15px;
    min-width: 45px;
    width: 45px;
}
.catalog-menu .catalog-menu__link .catalog-menu__icon img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 100%;
}
.home-top {
    display: flex;
    margin-bottom: 55px;
    gap: 38px;
}
@media screen and (max-width: 1400px) {
    .home-top {
        gap: 24px;
    }
}
@media screen and (max-width: 1200px) {
    .home-top {
        margin-bottom: 47px;
        gap: 36px;
        flex-direction: column;
        align-items: flex-start;
    }
    .swiper-home-banners {
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .home-top {
        margin-bottom: 40px;
        gap: 20px;
    }
}
.video-banner {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.video-banner video {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom;
    position: absolute;
    top: 0;
    width: 100%;
}
@media screen and (max-width: 1200px) {
    .home-top .video-banner {
        width: 100%;
        min-height: 300px;
    }
}



.home-top .project-banner {
    max-height: 600px;
    width: 31.7%;
}
@media screen and (max-width: 1700px) {
    .home-top .project-banner {
        height: 430px;
    }
}
@media screen and (max-width: 1600px) {
    .home-top .project-banner {
        height: 400px;
    }
}
@media screen and (max-width: 1500px) {
    .home-top .project-banner {
        height: 370px;
        width: 33%;
    }
}
@media screen and (max-width: 1200px) {
    .home-top .project-banner {
        display: none;
        margin-bottom: 0;
    }
}


.home-top .banner {
    flex: 1.3;
}
.home-banners {
   flex-grow: 1;
   max-width: 500px;
   --swiper-pagination-color: var(--color-orange);
   position: relative;
}
.home-banners .swiper {
   height: 100%;
}
.home-banners .swiper-pagination {
   bottom: -20px;
}
.home-banner {
    background-image: url('/upload/banner/banner-2024-winter-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 26px 38px;
    height: 100%;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}
.home-banner--2 {
    background-image: url('/upload/banner/banner-2024-winter-bg-2.png');
}
.home-banner--3 {
    background-image: url('/upload/banner/banner-2024-winter-bg-3.png');
}
.home-banner--4 {
    background-image: url('/upload/banner/banner-2024-winter-bg-4.png');
}
.home-banner--5 {
    background-image: url('/upload/banner/banner-2024-winter-bg-5.png');
}
.home-banner__content {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    z-index: 10;
}
.home-banner__title {
    font-size: 38px;
    font-weight: 900;
    line-height: 1.1;
    padding-bottom: 30px;
}
.home-banner__title span {
    font-size: 1.5em;
}
.home-banner__subtitle {
    font-size: 20px;
    line-height: 1.1;
    padding-bottom: 16px;
}
.home-banner__paragraph {
    font-size: 16px;
    line-height: 1.2;
}
.home-banner__comment {
    font-size: 12px;
    line-height: 1.1;
    padding-top: 16px;
}
.home-banner__button {
    font-size: 20px;
    margin-top: auto;
    min-width: 230px;
}
.home-banner::before {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   pointer-events: none;
}
.home-banner--1::before {
    background-image: url('/upload/banner/banner-2024-winter-1.png');
    background-size: 272px 409px;
    background-position: right bottom;
}
.home-banner--2::before {
    background-image: url('/upload/banner/banner-2024-winter-2.png');
    background-size: 250px auto;
    background-position: right bottom;
}
.home-banner--3::before {
    background-image: url('/upload/banner/banner-2024-winter-3.png');
    background-size: 230px auto;
    background-position: right bottom;
}
.home-banner--4::before {
    background-image: url('/upload/banner/banner-2024-winter-4.png');
    background-size: 210px auto;
    background-position: right bottom;
}
.home-banner--5::before {
    background-image: url('/upload/banner/banner-2024-winter-5.png');
    background-size: 230px auto;
    background-position: right bottom;
}
@media screen and (max-width: 1900px) {
    .home-banner {
        padding: 16px;
        border-radius: 10px;
    }
    .home-banner__title {
        font-size: 28px;
        padding-bottom: 28px;
    }
    .home-banner__subtitle {
        font-size: 16px;
        padding-bottom: 10px;
    }
    .home-banner__paragraph {
        font-size: 14px;
    }
    .home-banner__comment {
        font-size: 12px;
        padding-top: 16px;
    }
    .home-banner__button {
        font-size: 16px;
    }
    .home-banner--1::before {
        background-size: 40% auto;
    }
    .home-banner--2::before {
        background-size: 40% auto;
    }
    .home-banner--3::before {
        background-size: 40% auto;
    }
    .home-banner--4::before {
        background-size: 40% auto;
    }
    .home-banner--5::before {
        background-size: 40% auto;
    }
}
@media screen and (max-width: 1900px) {
    .home-top .banner {
        flex: 1.35;
    }
    .home-banners {
        max-width: 325px;
    }
    .home-banner__button {
       min-width: 190px;
    }
    .home-banner--5::before {
        background-image: url('/upload/banner/banner-2024-winter-5-lg.png');
        background-size: 388px 339px;
        background-position: calc(100% + 20px) calc(100% + 50px);
    }
}
@media screen and (max-width: 1200px) {
    .home-banners {
        width: 100%;
        max-width: 100%;
    }
    .home-banner {
       background-image: url('/upload/banner/banner-2024-winter-snowflakes.png'), url('/upload/banner/banner-2024-winter-bg-md.png');
       background-position: center center, bottom center;
       background-size: cover, cover;
       padding: 26px 30px;
       min-height: 440px;
    }
    .home-banner--2 {
        background-image: url('/upload/banner/banner-2024-winter-bg-2-md.png');
    }
    .home-banner--3 {
        background-image: url('/upload/banner/banner-2024-winter-bg-3-md.png?v=3');
    }
    .home-banner--4 {
        background-image: url('/upload/banner/banner-2024-winter-bg-4-md.png');
    }
    .home-banner--5 {
        background-image: url('/upload/banner/banner-2024-winter-bg-5-md.png');
    }
    .home-banner__title {
        font-size: 30px;
        padding-bottom: 32px;
        line-height: 1.25;
    }
    .home-banner__subtitle {
        font-size: 24px;
        padding-bottom: 12px;
    }
    .home-banner__paragraph {
        font-size: 24px;
        display: none;
    }
    .home-banner__button {
        font-size: 18px;
        height: 45px;
        line-height: 45px;
        margin-top: auto;
    }
    .home-banner__comment {
        font-size: 16px;
        padding-top: 38px;
    }
    .home-banner--1::before {
        background-size: 310px 440px;
    }
    .home-banner--2::before {
        background-size: 310px auto;
    }
    .home-banner--3::before {
        background-size: 280px auto;
    }
    .home-banner--4::before {
        background-size: 260px auto;
    }
    .home-banner--5::before {
        background-size: auto;
        background-position: center right;
        background-image: url('/upload/banner/banner-2024-winter-5-md.png');
    }
}
@media screen and (max-width: 768px) {
    .home-banner {
        min-height: 280px;
    }
    .home-banner__content {
        max-width: clamp(160px, 100%, 40%);
    }
}
@media screen and (max-width: 480px) {
    .home-banner {
        padding: 14px;
        border-radius: 6px;
        min-height: 18px;
    }
    .home-banner__title {
        font-size: 18px;
        padding-bottom: 16px;
    }
    .home-banner__subtitle {
        font-size: 12px;
        padding-bottom: 8px;
    }
    .home-banner__paragraph {
        font-size: 12px;
    }
    .home-banner__comment {
        font-size: 10px;
        padding-top: 18px;
    }
    .home-banner__button {
        font-size: 12px;
        height: 28px;
        line-height: 28px;
        margin-top: auto;
        min-width: 110px;
    }
    .home-banner--1::before {
       background-size: 145px auto;
    }
    .home-banner--2::before {
       background-size: 145px auto;
    }
    .home-banner--3::before {
       background-size: 135px auto;
    }
    .home-banner--4::before {
       background-size: 120px auto;
    }
    .home-banner--5::before {
       background-size: contain;
       background-position: calc(100% + 40px) center;
    }
}

.home-laptop {
    align-items: flex-end;
    background: url('/local/templates/.default/assets/css/../img/home-laptop__bg.jpg?v=2') no-repeat 0;
    background-size: cover;
    border-radius: 10px;
    display: none;
    height: calc(100vh - 100px);
    max-height: 700px;
    overflow: hidden;
    padding: 37px 25px;
    position: relative;
    width: 100%;
}
@media screen and (max-width: 1200px) {
    .home-laptop {
        display: flex;
    }
}
@media screen and (max-width: 768px) {
    .home-laptop {
        max-height: 380px;
        padding: 21px 11px;
        background: url('/local/templates/.default/assets/css/../img/home-laptop__bg_xs.jpg?v=2') no-repeat 0;
    }
}
.home-laptop:before {
    background: linear-gradient(0deg, rgba(43, 43, 43, 0.78), rgba(43, 43, 43, 0.47) 75%, rgba(36, 36, 36, 0));
    bottom: 0;
    content: "";
    height: 50%;
    left: 0;
    max-height: 332px;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.home-laptop .home-laptop__content {
    color: var(--color-white);
    max-width: 570px;
    position: relative;
    z-index: 3;
}
@media screen and (max-width: 768px) {
    .home-laptop .home-laptop__content {
        max-width: 315px;
    }
}
.home-laptop .home-laptop__title {
    font-size: 34px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 21px;
}
@media screen and (max-width: 768px) {
    .home-laptop .home-laptop__title {
        font-size: 20px;
        margin-bottom: 10px;
    }
}
.home-laptop .home-laptop__title h1,
.home-laptop .home-laptop__title h2,
.home-laptop .home-laptop__title h3 {
    font-size: 34px;
    font-weight: 500;
}
@media screen and (max-width: 768px) {
    .home-laptop .home-laptop__title h1,
    .home-laptop .home-laptop__title h2,
    .home-laptop .home-laptop__title h3 {
        font-size: 20px;
    }
}
.home-laptop .home-laptop__desc {
    font-size: 22px;
    font-weight: 400;
    line-height: 1.4;
}
@media screen and (max-width: 768px) {
    .home-laptop .home-laptop__desc {
        font-size: 12px;
        max-width: 270px;
    }
}
.block-exhibitions {
    border-radius: 10px;
    color: var(--color-white);
    margin-bottom: 57px;
    overflow: hidden;
    padding: 23px 32px 32px;
    position: relative;
}
@media screen and (max-width: 1360px) {
    .block-exhibitions {
        background: linear-gradient(180deg, #d67d29, #de7f27 20.57%, #fc921d 88%, #f29f43);
    }
}
@media screen and (max-width: 1200px) {
    .block-exhibitions {
        margin-bottom: 51px;
        padding: 24px 24px 275px;
    }
}
@media screen and (max-width: 768px) {
    .block-exhibitions {
        margin-bottom: 36px;
        padding: 18px 15px 150px;
    }
}
.block-exhibitions:before {
    background: var(--color-orange);
    -webkit-clip-path: polygon(0 0, 70% 0, 96% 100%, 0 100%);
    clip-path: polygon(0 0, 70% 0, 96% 100%, 0 100%);
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 89%;
    z-index: 2;
}
@media screen and (max-width: 1360px) {
    .block-exhibitions:before {
        display: none;
    }
}
.block-exhibitions:after {
    background: linear-gradient(89.97deg, #de7f27 0.03%, rgba(210, 112, 41, 0.27) 78.98%, rgba(252, 123, 29, 0) 102.27%);
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 55%;
    z-index: 3;
}
@media screen and (max-width: 1200px) {
    .block-exhibitions.block-exhibitions__slide {
        padding-bottom: 18px;
        transition: padding 0.3s var(--transition) 0.1s;
    }
    .block-exhibitions.block-exhibitions__slide .block-exhibitions__title {
        cursor: pointer;
        max-width: 100%;
    }
    .block-exhibitions.block-exhibitions__slide .block-exhibitions__title p {
        max-width: 770px;
    }
}
@media screen and (max-width: 768px) {
    .block-exhibitions.block-exhibitions__slide .block-exhibitions__title p {
        max-width: 290px;
    }
}
@media screen and (max-width: 1200px) {
    .block-exhibitions.block-exhibitions__slide .block-exhibitions__img {
        opacity: 0;
        transform: translateY(40px);
        transition: all 0.2s var(--transition);
    }
    .block-exhibitions.block-exhibitions--collapsed.block-exhibitions__slide .block-exhibitions__container {
        display: none;
    }
    .block-exhibitions.block-exhibitions__slide .block-exhibitions__point {
        right: 24px;
        top: 41px;
    }
}
@media screen and (max-width: 768px) {
    .block-exhibitions.block-exhibitions__slide .block-exhibitions__point {
        right: 18px;
        top: 24px;
        width: 22px;
    }
}
@media screen and (max-width: 1200px) {
    .block-exhibitions.block-exhibitions__slide .block-exhibitions__point:before {
        left: -78px;
        top: 34px;
    }
}
@media screen and (max-width: 768px) {
    .block-exhibitions.block-exhibitions__slide .block-exhibitions__point:before {
        left: -39px;
        top: -3px;
    }
}
@media screen and (max-width: 1200px) {
    .block-exhibitions.block-exhibitions__slide .block-exhibitions__point:after {
        left: -61px;
        top: 59px;
    }
}
@media screen and (max-width: 768px) {
    .block-exhibitions.block-exhibitions__slide .block-exhibitions__point:after {
        left: -28px;
        top: 10px;
    }
}
@media screen and (max-width: 1200px) {
    .block-exhibitions.block-exhibitions__slide .block-exhibitions__point svg {
        display: none;
    }
    .block-exhibitions.block-exhibitions__slide .block-exhibitions__point span {
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-top: 28px solid var(--color-white);
        display: block;
        height: 0;
        width: 0;
    }
}
@media screen and (max-width: 768px) {
    .block-exhibitions.block-exhibitions__slide .block-exhibitions__point span {
        border-left: 11px solid transparent;
        border-right: 11px solid transparent;
        border-top: 14px solid var(--color-white);
    }
}
@media screen and (max-width: 1200px) {
    .block-exhibitions._slide {
        padding-bottom: 275px;
    }
}
@media screen and (max-width: 768px) {
    .block-exhibitions._slide {
        padding-bottom: 150px;
    }
}
@media screen and (max-width: 1200px) {
    .block-exhibitions._slide .block-exhibitions__img {
        opacity: 1;
        transform: translateY(0);
        transition: all 0.3s var(--transition) 0.5s;
    }
}
.block-exhibitions._slide .block-exhibitions__point span {
    transform: rotate(-180deg);
}
.block-exhibitions .block-exhibitions__title {
    font-size: 42px;
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 25px;
    max-width: 820px;
    position: relative;
    z-index: 5;
}
@media screen and (max-width: 1800px) {
    .block-exhibitions .block-exhibitions__title {
        font-size: 36px;
    }
}
@media screen and (max-width: 1600px) {
    .block-exhibitions .block-exhibitions__title {
        font-size: 32px;
    }
}
@media screen and (max-width: 1500px) {
    .block-exhibitions .block-exhibitions__title {
        font-size: 28px;
    }
}
@media screen and (max-width: 1200px) {
    .block-exhibitions .block-exhibitions__title {
        font-size: 44px;
        margin-bottom: 37px;
    }
}
@media screen and (max-width: 768px) {
    .block-exhibitions .block-exhibitions__title {
        font-size: 24px;
        margin-bottom: 23px;
        max-width: 290px;
    }
}
.block-exhibitions .block-exhibitions__title h2,
.block-exhibitions .block-exhibitions__title h3,
.block-exhibitions .block-exhibitions__title h4,
.block-exhibitions .block-exhibitions__title h5 {
    font-size: 42px;
    font-weight: 500;
    margin: 0;
}
@media screen and (max-width: 1800px) {
    .block-exhibitions .block-exhibitions__title h2,
    .block-exhibitions .block-exhibitions__title h3,
    .block-exhibitions .block-exhibitions__title h4,
    .block-exhibitions .block-exhibitions__title h5 {
        font-size: 36px;
    }
}
@media screen and (max-width: 1600px) {
    .block-exhibitions .block-exhibitions__title h2,
    .block-exhibitions .block-exhibitions__title h3,
    .block-exhibitions .block-exhibitions__title h4,
    .block-exhibitions .block-exhibitions__title h5 {
        font-size: 32px;
    }
}
@media screen and (max-width: 1200px) {
    .block-exhibitions .block-exhibitions__title h2,
    .block-exhibitions .block-exhibitions__title h3,
    .block-exhibitions .block-exhibitions__title h4,
    .block-exhibitions .block-exhibitions__title h5 {
        font-size: 44px;
    }
}
@media screen and (max-width: 768px) {
    .block-exhibitions .block-exhibitions__title h2,
    .block-exhibitions .block-exhibitions__title h3,
    .block-exhibitions .block-exhibitions__title h4,
    .block-exhibitions .block-exhibitions__title h5 {
        font-size: 24px;
    }
}
.block-exhibitions .block-exhibitions__list {
    display: flex;
    gap: 23px;
    margin-bottom: 26px;
    max-width: 76%;
    position: relative;
    z-index: 5;
}
@media screen and (max-width: 1360px) {
    .block-exhibitions .block-exhibitions__list {
        max-width: 100%;
    }
}
@media screen and (max-width: 1200px) {
    .block-exhibitions .block-exhibitions__list {
        flex-direction: column;
        gap: 31px;
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 768px) {
    .block-exhibitions .block-exhibitions__list {
        gap: 17px;
        margin-bottom: 18px;
    }
}
.block-exhibitions .block-exhibitions__item {
    color: var(--color-white);
    max-width: 630px;
    padding: 7px 16px 11px;
    position: relative;
    width: calc(46% - 19px);
    z-index: 1;
}
.block-exhibitions .block-exhibitions__list:has(.block-exhibitions__item:only-child) .block-exhibitions__item {
    max-width: 100%;
    width: 100%;
}
@media screen and (max-width: 1500px) {
    .block-exhibitions .block-exhibitions__item {
        width: calc(50% - 19px);
    }
}
@media screen and (max-width: 1200px) {
    .block-exhibitions .block-exhibitions__item {
        max-width: 100%;
        padding: 17px 24px 20px;
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .block-exhibitions .block-exhibitions__item {
        padding: 12px;
    }
}
.block-exhibitions .block-exhibitions__item:before {
    fill: hsla(0, 0%, 100%, 0.1);
    background: var(--color-whiteRGBA10);
    border-radius: 5px;
    box-shadow: inset 0 0 13px 0 hsla(0, 0%, 100%, 0.25);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
@media screen and (min-width: 1360px) {
    .block-exhibitions .block-exhibitions__item--svg:before {
        fill: transparent;
        border-radius: 0;
        box-shadow: none;
        background:url('data:image/svg+xml,<svg viewBox="0 0 1127 185" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_bi_3282_6748)"><path d="M0 179.934V5.78589C0 3.02447 2.23857 0.785889 4.99999 0.785889H1000.18C1001.82 0.785889 1003.35 1.58796 1004.29 2.93293L1125.29 177.081C1127.59 180.397 1125.22 184.934 1121.18 184.934H5C2.23858 184.934 0 182.696 0 179.934Z" fill="white" fill-opacity="0.1"/></g><defs><filter id="filter0_bi_3282_6748" x="-13.3142" y="-12.5283" width="1152.82" height="210.777" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feGaussianBlur in="BackgroundImageFix" stdDeviation="6.65711"/><feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_3282_6748"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_3282_6748" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset/><feGaussianBlur stdDeviation="6.65711"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0"/><feBlend mode="normal" in2="shape" result="effect2_innerShadow_3282_6748"/></filter></defs></svg>')
        ;
        background-repeat: no-repeat;
        background-size: 100%;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1;
    }
}
.block-exhibitions .block-exhibitions__item:nth-child(odd) {
    width: 53%;
}
@media screen and (max-width: 1500px) {
    .block-exhibitions .block-exhibitions__item:nth-child(odd) {
        width: 50%;
    }
}
@media screen and (max-width: 1200px) {
    .block-exhibitions .block-exhibitions__item:nth-child(odd) {
        width: 100%;
    }
}
.block-exhibitions .block-exhibitions__item:nth-child(2n + 2) {
    padding-right: 80px;
}
@media screen and (max-width: 1360px) {
    .block-exhibitions .block-exhibitions__item:nth-child(2n + 2) {
        padding-right: 24px;
    }
}
.block-exhibitions .block-exhibitions__item:nth-child(2n + 2):before {
    -webkit-clip-path: polygon(0 0, 75% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 75% 0, 100% 100%, 0 100%);
    width: 104%;
}
@media screen and (max-width: 1360px) {
    .block-exhibitions .block-exhibitions__item:nth-child(2n + 2):before {
        -webkit-clip-path: none;
        clip-path: none;
        width: 100%;
    }
}
.block-exhibitions .block-exhibitions__item .block-exhibitions__item-title {
    color: var(--color-white);
    display: block;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 6px;
    text-decoration: none;
}
@media (hover: hover) {
    .block-exhibitions .block-exhibitions__item .block-exhibitions__item-title:hover {
        color: var(--color-white);
    }
}
@media (hover: none) {
    .block-exhibitions .block-exhibitions__item .block-exhibitions__item-title:active {
        color: var(--color-white);
    }
}
@media screen and (max-width: 1940px) {
    .block-exhibitions .block-exhibitions__item .block-exhibitions__item-title {
        font-size: 24px;
    }
}
@media screen and (max-width: 1800px) {
    .block-exhibitions .block-exhibitions__item .block-exhibitions__item-title {
        font-size: 20px;
    }
}
@media screen and (max-width: 1500px) {
    .block-exhibitions .block-exhibitions__item .block-exhibitions__item-title {
        font-size: 18px;
    }
}
@media screen and (max-width: 1200px) {
    .block-exhibitions .block-exhibitions__item .block-exhibitions__item-title {
        font-size: 28px;
        line-height: 1.2;
        margin-bottom: 14px;
    }
}
@media screen and (max-width: 768px) {
    .block-exhibitions .block-exhibitions__item .block-exhibitions__item-title {
        font-size: 18px;
        margin-bottom: 8px;
    }
}
.block-exhibitions .block-exhibitions__item .block-exhibitions__item-title a {
    color: var(--color-white);
    text-decoration: none;
}
@media (hover: hover) {
    .block-exhibitions .block-exhibitions__item .block-exhibitions__item-title a:hover {
        color: var(--color-white);
    }
}
@media (hover: none) {
    .block-exhibitions .block-exhibitions__item .block-exhibitions__item-title a:active {
        color: var(--color-white);
    }
}
.block-exhibitions .block-exhibitions__item .block-exhibitions__item-address {
    color: var(--color-orange3);
    font-size: 18px;
    margin-bottom: 10px;
}
@media screen and (max-width: 1940px) {
    .block-exhibitions .block-exhibitions__item .block-exhibitions__item-address {
        font-size: 16px;
    }
}
@media screen and (max-width: 1800px) {
    .block-exhibitions .block-exhibitions__item .block-exhibitions__item-address {
        font-size: 14px;
    }
}
@media screen and (max-width: 1200px) {
    .block-exhibitions .block-exhibitions__item .block-exhibitions__item-address {
        font-size: 20px;
        line-height: 1.2;
        margin-bottom: 29px;
    }
}
@media screen and (max-width: 768px) {
    .block-exhibitions .block-exhibitions__item .block-exhibitions__item-address {
        font-size: 12px;
        margin-bottom: 16px;
    }
}
.block-exhibitions .block-exhibitions__item .block-exhibitions__item-address p {
    margin-bottom: 10px;
}
@media screen and (max-width: 1800px) {
    .block-exhibitions .block-exhibitions__item .block-exhibitions__item-address p {
        margin-bottom: 5px;
    }
}
.block-exhibitions .block-exhibitions__item .block-exhibitions__item-address p:last-child {
    margin-bottom: 0;
}
.block-exhibitions .block-exhibitions__item .block-exhibitions__item-phone {
    align-items: center;
    color: var(--color-white);
    display: inline-flex;
    font-size: 20px;
    font-weight: 500;
    text-decoration: none;
}
@media screen and (max-width: 1200px) {
    .block-exhibitions .block-exhibitions__item .block-exhibitions__item-phone {
        font-size: 24px;
    }
}
@media screen and (max-width: 768px) {
    .block-exhibitions .block-exhibitions__item .block-exhibitions__item-phone {
        font-size: 14px;
    }
}
.block-exhibitions .block-exhibitions__item .block-exhibitions__item-phone .icon {
    display: block;
    line-height: 0px;
    margin-right: 12px;
}
@media screen and (max-width: 1200px) {
    .block-exhibitions .block-exhibitions__item .block-exhibitions__item-phone .icon {
        margin-right: 16px;
    }
}
@media screen and (max-width: 768px) {
    .block-exhibitions .block-exhibitions__item .block-exhibitions__item-phone .icon {
        margin-right: 10px;
    }
}
.block-exhibitions .block-exhibitions__item .block-exhibitions__item-phone .icon svg {
    height: 22px;
    width: 22px;
}
@media screen and (max-width: 1200px) {
    .block-exhibitions .block-exhibitions__item .block-exhibitions__item-phone .icon svg {
        height: 28px;
        width: 28px;
    }
}
@media screen and (max-width: 768px) {
    .block-exhibitions .block-exhibitions__item .block-exhibitions__item-phone .icon svg {
        height: 17px;
        width: 17px;
    }
}
.block-exhibitions .block-exhibitions__btn {
    position: relative;
    z-index: 5;
}
@media screen and (max-width: 1200px) {
    .block-exhibitions .block-exhibitions__btn {
        text-align: center;
    }
}
.block-exhibitions .block-exhibitions__map {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: flex-end;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    width: 100%;
    z-index: 1;
    transform: scale(1.2);
    transform-origin: right;
}
@media screen and (max-width: 1500px) {
    .block-exhibitions .block-exhibitions__map {
        right: -60px;
    }
}
@media screen and (max-width: 1360px) {
    .block-exhibitions .block-exhibitions__map {
        display: none;
    }
}
.block-exhibitions .block-exhibitions__map img {
    height: 100%;
    width: auto;
}
.block-exhibitions .block-exhibitions__img {
    background: url('/local/templates/.default/assets/css/../img/block-exhibitions__img.png') no-repeat bottom;
    background-size: contain;
    bottom: 0;
    content: "";
    height: 100%;
    left: 21%;
    pointer-events: none;
    position: absolute;
    width: 860px;
    z-index: 6;
}
@media screen and (max-width: 1900px) {
    .block-exhibitions .block-exhibitions__img {
        width: 60%;
    }
}
@media screen and (max-width: 1700px) {
    .block-exhibitions .block-exhibitions__img {
        width: 55%;
        left: 25%;
    }
}
@media screen and (max-width: 1200px) {
    .block-exhibitions .block-exhibitions__img {
        background: url('/local/templates/.default/assets/css/../img/block-exhibitions__img_mob2.png') no-repeat 0 100%;
        background-size: contain;
        height: 100%;
        left: 0;
        max-height: 600px;
        width: 100%;
        z-index: 4;
    }
}
@media screen and (max-width: 992px) {
    .block-exhibitions .block-exhibitions__img {
        width: calc(100% + 220px);
    }
}
@media screen and (max-width: 768px) {
    .block-exhibitions .block-exhibitions__img {
        background: url('/local/templates/.default/assets/css/../img/block-exhibitions__img_mob2.png') no-repeat 0 100%;
        background-size: contain;
        width: 100%;
    }
}
.block-exhibitions .block-exhibitions__point {
    left: 58.5%;
    pointer-events: none;
    position: absolute;
    top: 23px;
    z-index: 4;
}
@media screen and (max-width: 1440px) {
    .block-exhibitions .block-exhibitions__point {
        left: 61%;
    }
}
@media screen and (max-width: 1360px) {
    .block-exhibitions .block-exhibitions__point {
        left: auto;
        right: 30px;
    }
}
@media screen and (max-width: 1200px) {
    .block-exhibitions .block-exhibitions__point {
        top: 95px;
    }
}
@media screen and (max-width: 768px) {
    .block-exhibitions .block-exhibitions__point {
        height: 53px;
        right: 15px;
        top: 60px;
        width: 48px;
    }
}
.block-exhibitions .block-exhibitions__point span {
    display: none;
    transition: all 0.3s var(--transition);
}
.block-exhibitions .block-exhibitions__point:before {
    background: var(--color-orange4);
    border-radius: 50%;
    bottom: 47px;
    content: "";
    height: 15px;
    left: -80px;
    position: absolute;
    width: 15px;
}
@media screen and (max-width: 1360px) {
    .block-exhibitions .block-exhibitions__point:before {
        bottom: 120px;
        height: 21px;
        left: -55px;
        width: 21px;
    }
}
@media screen and (max-width: 768px) {
    .block-exhibitions .block-exhibitions__point:before {
        bottom: 80px;
        height: 9px;
        left: -20px;
        width: 9px;
    }
}
.block-exhibitions .block-exhibitions__point:after {
    background: var(--color-orange5);
    border-radius: 50%;
    bottom: 34px;
    content: "";
    height: 10px;
    left: -63px;
    position: absolute;
    width: 10px;
}
@media screen and (max-width: 1360px) {
    .block-exhibitions .block-exhibitions__point:after {
        bottom: 100px;
        height: 13px;
        left: -30px;
        width: 13px;
    }
}
@media screen and (max-width: 768px) {
    .block-exhibitions .block-exhibitions__point:after {
        bottom: 70px;
        height: 6px;
        left: -10px;
        width: 6px;
    }
}
.block-exhibitions .block-exhibitions__point svg {
    height: 86px;
    width: 97px;
}
@media screen and (max-width: 1600px) {
    .block-exhibitions .block-exhibitions__point svg {
        height: 86px;
        width: 62px;
    }
}
@media screen and (max-width: 768px) {
    .block-exhibitions .block-exhibitions__point svg {
        height: 53px;
        width: 48px;
    }
}
.block-exhibitions .block-exhibitions__point svg circle {
    fill: var(--color-orange);
}
@media screen and (max-width: 768px) {
    .block-exhibitions .block-exhibitions__point svg circle {
        box-shadow: 0 5px 12px 0 hsla(0, 0%, 8%, 0.19);
    }
}

.block-exhibitions__note {
    font-size: 18px;
    max-width: 450px;
    margin-bottom: 30px;
    color: #FFE3C3;
    position: relative;
    z-index: 5;
}
@media screen and (max-width: 1200px) {
    .block-exhibitions__note {
        font-size: 22px;
        max-width: 100%;
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 768px) {
    .block-exhibitions__note {
        font-size: 13px;
        margin-bottom: 25px;
    }
}

@media screen and (min-width: 1200px) {
    .block-exhibitions--collapsed {
        height: 80px;
    }
    .block-exhibitions--collapsed::before {
        -webkit-clip-path: polygon(0 0, 78% 0, 90% 100%, 0 100%);
        clip-path: polygon(0 0, 78% 0, 90% 100%, 0 100%);
    }
    .block-exhibitions--collapsed .block-exhibitions__img {
        display: none;
    }
    .block-exhibitions--collapsed .block-exhibitions__map {
        height: 500px;
    }
    .block-exhibitions--collapsed .block-exhibitions__point {
        top: 0;
    }
}

.exhibitions-wrapper {
    margin-bottom: 80px;
    padding-top: 46px;
}
@media screen and (max-width: 1200px) {
    .exhibitions-wrapper {
        margin-bottom: 60px;
        padding-top: 40px;
    }
}
@media screen and (max-width: 768px) {
    .exhibitions-wrapper {
        margin-bottom: 38px;
        padding-top: 28px;
    }
}
.exhibitions-wrapper .exhibition {
    margin-bottom: 68px;
}
@media screen and (max-width: 1200px) {
    .exhibitions-wrapper .exhibition {
        margin-bottom: 44px;
    }
}
@media screen and (max-width: 768px) {
    .exhibitions-wrapper .exhibition {
        margin-bottom: 28px;
    }
}
.exhibitions-wrapper .exhibition:last-child {
    margin-bottom: 0;
}
.exhibition {
    background: var(--color-gray5);
    border-radius: 10px;
    padding: 12px 36px 36px;
}
@media screen and (max-width: 1600px) {
    .exhibition {
        padding: 20px 17px;
    }
}
@media screen and (max-width: 1200px) {
    .exhibition {
        display: flex;
        flex-direction: column;
    }
}
@media screen and (max-width: 768px) {
    .exhibition {
        padding: 15px 15px 20px;
    }
}
.exhibition .exhibition__title {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 24px;
}
@media screen and (max-width: 1200px) {
    .exhibition .exhibition__title {
        font-size: 24px;
        line-height: 1.4;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 768px) {
    .exhibition .exhibition__title {
        font-size: 16px;
        margin-bottom: 17px;
    }
}
.exhibition .exhibition__title h1,
.exhibition .exhibition__title h2,
.exhibition .exhibition__title h3 {
    font-size: 30px;
    font-weight: 500;
    margin: 0;
}
@media screen and (max-width: 1200px) {
    .exhibition .exhibition__title h1,
    .exhibition .exhibition__title h2,
    .exhibition .exhibition__title h3 {
        font-size: 24px;
    }
}
@media screen and (max-width: 768px) {
    .exhibition .exhibition__title h1,
    .exhibition .exhibition__title h2,
    .exhibition .exhibition__title h3 {
        font-size: 16px;
    }
}
.exhibition .exhibition__row {
    display: flex;
    gap: 0 40px;
    margin-bottom: 30px;
}
@media screen and (max-width: 1600px) {
    .exhibition .exhibition__row {
        gap: 0 20px;
    }
}
@media screen and (max-width: 1200px) {
    .exhibition .exhibition__row {
        flex-direction: column;
        margin-bottom: 20px;
        order: 1;
    }
}
@media screen and (max-width: 768px) {
    .exhibition .exhibition__row {
        margin-bottom: 17px;
    }
}
.exhibition .exhibition__row.exhibition__row-bottom {
    margin-bottom: 0;
}
@media screen and (max-width: 1200px) {
    .exhibition .exhibition__row.exhibition__row-bottom {
        display: contents;
    }
}
.exhibition .exhibition__row.exhibition__row-min .exhibition__scheme {
    padding-top: 26.4%;
}
@media screen and (max-width: 1200px) {
    .exhibition .exhibition__row.exhibition__row-min .exhibition__scheme {
        padding-top: 51%;
    }
}
@media screen and (max-width: 768px) {
    .exhibition .exhibition__row.exhibition__row-min .exhibition__scheme {
        padding-top: 0;
    }
}
.exhibition .exhibition__information {
    background: var(--color-white);
    border-radius: 10px;
    padding: 27px 14px 38px 20px;
    width: 565px;
}
@media screen and (max-width: 1600px) {
    .exhibition .exhibition__information {
        padding: 17px 20px;
        width: calc(50% - 10px);
    }
}
@media screen and (max-width: 1200px) {
    .exhibition .exhibition__information {
        order: 2;
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .exhibition .exhibition__information {
        padding: 15px 15px 17px;
    }
}
.exhibition .exhibition__information-title {
    font-size: 22px;
    font-weight: 400;
    line-height: 1.5;
    margin: 18px 0 12px;
}
@media screen and (max-width: 1600px) {
    .exhibition .exhibition__information-title {
        font-size: 18px;
        font-weight: 500;
    }
}
@media screen and (max-width: 768px) {
    .exhibition .exhibition__information-title {
        font-size: 16px;
        margin: 29px 0 10px;
    }
}
.exhibition .exhibition__information-title:first-child {
    margin-top: 0;
}
.exhibition .exhibition__information-title h2,
.exhibition .exhibition__information-title h3,
.exhibition .exhibition__information-title h4 {
    font-size: 22px;
    font-weight: 400;
    margin: 0;
}
@media screen and (max-width: 1600px) {
    .exhibition .exhibition__information-title h2,
    .exhibition .exhibition__information-title h3,
    .exhibition .exhibition__information-title h4 {
        font-size: 18px;
        font-weight: 500;
    }
}
@media screen and (max-width: 768px) {
    .exhibition .exhibition__information-title h2,
    .exhibition .exhibition__information-title h3,
    .exhibition .exhibition__information-title h4 {
        font-size: 16px;
    }
}
.exhibition .exhibition__information-address {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 16px;
    padding-left: 30px;
    position: relative;
}
@media screen and (max-width: 1600px) {
    .exhibition .exhibition__information-address {
        letter-spacing: -0.01em;
        margin-bottom: 12px;
    }
}
@media screen and (max-width: 768px) {
    .exhibition .exhibition__information-address {
        font-size: 14px;
        line-height: 1.4;
        padding-left: 26px;
    }
}
.exhibition .exhibition__information-address .exhibition__information-address-icon {
    display: block;
    left: 2px;
    line-height: 0px;
    position: absolute;
    top: 2px;
}
.exhibition .exhibition__information-address .exhibition__information-address-icon svg path {
    fill: var(--color-red3);
}
.exhibition .exhibition__information-phone {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 16px;
    padding-left: 30px;
    position: relative;
}
@media screen and (max-width: 1600px) {
    .exhibition .exhibition__information-phone {
        margin-bottom: 12px;
    }
}
@media screen and (max-width: 768px) {
    .exhibition .exhibition__information-phone {
        font-size: 14px;
        line-height: 1.4;
        padding-left: 26px;
    }
}
.exhibition .exhibition__information-phone a {
    color: var(--color-text);
    text-decoration: none;
    transition: color 0.3s var(--transition);
}
.exhibition .exhibition__information-phone a:hover {
    color: var(--color-green);
}
.exhibition .exhibition__information-phone .exhibition__information-phone-icon {
    display: block;
    left: 0;
    line-height: 0px;
    position: absolute;
    top: 2px;
}
@media screen and (max-width: 768px) {
    .exhibition .exhibition__information-phone .exhibition__information-phone-icon {
        top: 0;
    }
}
.exhibition .exhibition__information-phone .exhibition__information-phone-icon svg path {
    fill: var(--color-green);
}
.exhibition .exhibition__information-email {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 16px;
    padding-left: 30px;
    position: relative;
}
@media screen and (max-width: 1600px) {
    .exhibition .exhibition__information-email {
        margin-bottom: 12px;
    }
}
@media screen and (max-width: 768px) {
    .exhibition .exhibition__information-email {
        font-size: 14px;
        line-height: 1.4;
        padding-left: 26px;
    }
}
.exhibition .exhibition__information-email a {
    color: var(--color-text);
    text-decoration: none;
    transition: color 0.3s var(--transition);
}
.exhibition .exhibition__information-email a:hover {
    color: var(--color-green);
}
.exhibition .exhibition__information-email .exhibition__information-email-icon {
    display: block;
    left: 0;
    line-height: 0px;
    position: absolute;
    top: 4px;
}
@media screen and (max-width: 768px) {
    .exhibition .exhibition__information-email .exhibition__information-email-icon {
        top: 2px;
    }
}
.exhibition .exhibition__information-email .exhibition__information-email-icon svg {
    width: 18px;
}
.exhibition .exhibition__information-email .exhibition__information-email-icon svg path {
    fill: var(--color-orange11);
}
.exhibition .exhibition__information-mode {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    padding-left: 30px;
    position: relative;
}
@media screen and (max-width: 768px) {
    .exhibition .exhibition__information-mode {
        font-size: 14px;
        line-height: 1.4;
        padding-left: 26px;
    }
}
.exhibition .exhibition__information-mode span {
    color: var(--color-gray26);
}
@media screen and (max-width: 768px) {
    .exhibition .exhibition__information-mode span {
        display: block;
        font-size: 12px;
    }
}
.exhibition .exhibition__information-mode i {
    color: var(--color-gray26);
    display: block;
    font-size: 12px;
    font-style: normal;
    max-width: 320px;
}
.exhibition .exhibition__information-mode p {
    margin-bottom: 5px;
}
.exhibition .exhibition__information-mode p:last-child {
    margin-bottom: 0;
}
.exhibition .exhibition__information-mode .exhibition__information-mode-icon {
    display: block;
    left: 0;
    line-height: 0px;
    position: absolute;
    top: 2px;
}
.exhibition .exhibition__information-mode .exhibition__information-mode-icon svg path {
    fill: var(--color-orange11);
}
.exhibition .exhibition__route {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
    .exhibition .exhibition__route {
        font-size: 14px;
        line-height: 1.4;
    }
}
.exhibition .exhibition__route:last-child {
    margin-bottom: 0;
}
.exhibition .exhibition__route .exhibition__route-title {
    color: var(--color-gray26);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 10px;
}
@media screen and (max-width: 1600px) {
    .exhibition .exhibition__route .exhibition__route-title {
        margin-bottom: 8px;
    }
}
@media screen and (max-width: 768px) {
    .exhibition .exhibition__route .exhibition__route-title {
        margin-bottom: 6px;
    }
}
.exhibition .exhibition__img {
    border-radius: 10px;
    overflow: hidden;
    width: calc(100% - 605px);
}
@media screen and (max-width: 1600px) {
    .exhibition .exhibition__img {
        width: calc(50% - 10px);
    }
}
@media screen and (max-width: 1200px) {
    .exhibition .exhibition__img {
        margin-bottom: 20px;
        order: 1;
        padding-top: 57%;
        position: relative;
        width: 100%;
    }
}
.exhibition .exhibition__img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
}
@media screen and (max-width: 1200px) {
    .exhibition .exhibition__img img {
        left: 0;
        position: absolute;
        top: 0;
    }
}
.exhibition .exhibition__desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 26px;
}
@media screen and (max-width: 1200px) {
    .exhibition .exhibition__desc {
        line-height: 1.4;
        margin-bottom: 18px;
        order: 4;
    }
}
@media screen and (max-width: 768px) {
    .exhibition .exhibition__desc {
        font-size: 14px;
        line-height: 1.4;
    }
}
.exhibition .exhibition__desc h2,
.exhibition .exhibition__desc h3,
.exhibition .exhibition__desc h4 {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 12px;
}
@media screen and (max-width: 1200px) {
    .exhibition .exhibition__desc h2,
    .exhibition .exhibition__desc h3,
    .exhibition .exhibition__desc h4 {
        font-size: 18px;
        line-height: 1.4;
        margin-bottom: 18px;
    }
}
@media screen and (max-width: 768px) {
    .exhibition .exhibition__desc h2,
    .exhibition .exhibition__desc h3,
    .exhibition .exhibition__desc h4 {
        font-size: 16px;
        margin-bottom: 9px;
    }
}
.exhibition .exhibition__desc p {
    margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
    .exhibition .exhibition__desc p {
        margin-bottom: 3px;
    }
}
.exhibition .exhibition__desc p:last-child {
    margin-bottom: 0;
}
.exhibition .exhibition__scheme {
    background: var(--color-white);
    border-radius: 10px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    overflow: hidden;
    padding-top: 30.4%;
    position: relative;
    width: calc(50% - 20px);
}
@media screen and (max-width: 1200px) {
    .exhibition .exhibition__scheme {
        margin-bottom: 20px;
        order: 5;
        padding-top: 58%;
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .exhibition .exhibition__scheme {
        margin-bottom: 0;
        padding-top: 0;
    }
}
.exhibition .exhibition__scheme .exhibition__scheme-img {
    display: block;
    height: 100%;
    left: 0;
    line-height: 0px;
    position: absolute;
    text-decoration: none;
    top: 0;
    width: 100%;
    z-index: 1;
}
@media screen and (max-width: 768px) {
    .exhibition .exhibition__scheme .exhibition__scheme-img {
        position: relative;
    }
}
.exhibition .exhibition__scheme .exhibition__scheme-img picture {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .exhibition .exhibition__scheme .exhibition__scheme-img picture {
        position: relative;
    }
}
.exhibition .exhibition__scheme .exhibition__scheme-img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .exhibition .exhibition__scheme .exhibition__scheme-img img {
        -o-object-fit: contain;
        object-fit: contain;
    }
}
.exhibition .exhibition__map {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    width: calc(50% - 20px);
}
@media screen and (max-width: 1200px) {
    .exhibition .exhibition__map {
        height: 300px;
        margin-bottom: 34px;
        order: 3;
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .exhibition .exhibition__map {
        height: auto;
        margin-bottom: 24px;
        padding-top: 57%;
    }
}
.exhibition .exhibition__map iframe {
    height: 100%;
    left: 0;
    -o-object-position: center;
    object-position: center;
    position: absolute !important;
    top: 0;
    width: 100%;
}
.exhibition-form {
    align-items: center;
    background: var(--color-blue5);
    border-radius: 10px;
    display: flex;
    justify-content: center;
    padding: 56px 26px 39px;
    position: relative;
}
@media screen and (max-width: 1200px) {
    .exhibition-form {
        padding: 22px 37px 50px;
    }
}
@media screen and (max-width: 768px) {
    .exhibition-form {
        padding: 20px 15px 165px;
    }
}
.exhibition-form + .advantages-block {
    margin-bottom: 0;
    margin-top: 68px;
}
@media screen and (max-width: 1200px) {
    .exhibition-form + .advantages-block {
        margin-top: 47px;
    }
}
@media screen and (max-width: 768px) {
    .exhibition-form + .advantages-block {
        margin-top: 28px;
    }
}
.exhibition-form .exhibition-form__waves {
    content: "";
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.exhibition-form .exhibition-form__waves:before {
    background: url(/local/templates/.default/assets/css/../img/exhibition-form__waves.webp) no-repeat 50%;
    background-size: contain;
    content: "";
    height: 555px;
    left: 50%;
    max-width: 1012px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-45%, -46%);
    width: 100%;
    z-index: 1;
}
@media screen and (max-width: 1200px) {
    .exhibition-form .exhibition-form__waves:before {
        background: url(/local/templates/.default/assets/css/../img/exhibition-form__waves_l.webp) no-repeat 100% 100%;
        background-size: contain;
        left: -15px;
        max-width: 100%;
        transform: translateY(-65%);
    }
}
@media screen and (max-width: 768px) {
    .exhibition-form .exhibition-form__waves:before {
        background: url(/local/templates/.default/assets/css/../img/exhibition-form__waves_m.webp) no-repeat 0 100%;
        background-size: contain;
        bottom: 0;
        left: 0;
        top: auto;
        transform: translate(0);
    }
}
.exhibition-form .exhibition-form__left {
    border-radius: 0 0 0 10px;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    width: 50%;
    z-index: 2;
}
@media screen and (max-width: 768px) {
    .exhibition-form .exhibition-form__left {
        width: 100%;
    }
}
.exhibition-form .exhibition-form__left .exhibition-form__home {
    background: url(/local/templates/.default/assets/css/../img/exhibition-form__home_left.webp) no-repeat 100% 100%;
    background-size: contain;
    bottom: 0;
    content: "";
    height: 299px;
    left: 0;
    position: absolute;
    transform: translate(-47%, 33%);
    width: 682px;
}
@media screen and (max-width: 1600px) {
    .exhibition-form .exhibition-form__left .exhibition-form__home {
        height: 274px;
    }
}
@media screen and (max-width: 1200px) {
    .exhibition-form .exhibition-form__left .exhibition-form__home {
        height: 290px;
        transform: translate(-49%, 45%);
    }
}
@media screen and (max-width: 768px) {
    .exhibition-form .exhibition-form__left .exhibition-form__home {
        bottom: 0;
        height: 190px;
        left: 0;
        transform: translate(-6%, 10%);
        width: 365px;
    }
}
.exhibition-form .exhibition-form__left .exhibition-form__leaves {
    background: url(/local/templates/.default/assets/css/../img/exhibition-form__leaves1.webp) no-repeat 50%;
    background-size: contain;
    content: "";
    height: 150px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translateX(-57%);
    width: 113px;
}
@media screen and (max-width: 1200px) {
    .exhibition-form .exhibition-form__left .exhibition-form__leaves {
        bottom: 125px;
        height: 100px;
        top: auto;
        transform: translateX(-55%);
        width: 71px;
    }
}
@media screen and (max-width: 768px) {
    .exhibition-form .exhibition-form__left .exhibition-form__leaves {
        display: none;
    }
}
.exhibition-form .exhibition-form__left .exhibition-form__leaves2 {
    background: url(/local/templates/.default/assets/css/../img/exhibition-form__leaves2.webp) no-repeat 50%;
    background-size: contain;
    content: "";
    height: 143px;
    left: 25%;
    position: absolute;
    top: 0;
    width: 132px;
}
@media screen and (max-width: 1200px) {
    .exhibition-form .exhibition-form__left .exhibition-form__leaves2 {
        bottom: 100px;
        height: 110px;
        left: 30%;
        top: auto;
        width: 100px;
    }
}
@media screen and (max-width: 768px) {
    .exhibition-form .exhibition-form__left .exhibition-form__leaves2 {
        bottom: 130px;
        left: -7%;
    }
}
.exhibition-form .exhibition-form__right {
    border-radius: 0 10px 0 0;
    bottom: 0;
    content: "";
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    width: 50%;
    z-index: 2;
}
.exhibition-form .exhibition-form__right .exhibition-form__home {
    background: url(/local/templates/.default/assets/css/../img/exhibition-form__home_right.png) no-repeat 100% 100%;
    background-size: contain;
    bottom: 0;
    content: "";
    height: 260px;
    position: absolute;
    right: 0;
    width: 339px;
}
@media screen and (max-width: 1600px) {
    .exhibition-form .exhibition-form__right .exhibition-form__home {
        height: 190px;
    }
}
@media screen and (max-width: 1200px) {
    .exhibition-form .exhibition-form__right .exhibition-form__home {
        height: 160px;
    }
}
@media screen and (max-width: 768px) {
    .exhibition-form .exhibition-form__right .exhibition-form__home {
        display: none;
    }
}
.exhibition-form .exhibition-form__right .exhibition-form__leaves {
    background: url(/local/templates/.default/assets/css/../img/exhibition-form__leaves3.webp) no-repeat 50%;
    background-size: contain;
    content: "";
    height: 84px;
    position: absolute;
    right: 9%;
    top: 0;
    transform: translateY(-53%);
    width: 112px;
}
@media screen and (max-width: 1200px) {
    .exhibition-form .exhibition-form__right .exhibition-form__leaves {
        bottom: 150px;
        height: 63px;
        right: 13%;
        top: auto;
        transform: translateY(0);
        width: 85px;
    }
}
@media screen and (max-width: 768px) {
    .exhibition-form .exhibition-form__right .exhibition-form__leaves {
        right: 0;
    }
}
.exhibition-form .exhibition-form__content {
    position: relative;
    z-index: 6;
}
@media screen and (max-width: 768px) {
    .exhibition-form .exhibition-form__content form {
        display: flex;
        flex-direction: column;
    }
    .exhibition-form .exhibition-form__content form .exhibition-form__row {
        display: contents;
    }
    .exhibition-form .exhibition-form__content form .exhibition-form__row .exhibition-form__col {
        order: 1;
    }
    .exhibition-form .exhibition-form__content form .exhibition-form__row .exhibition-form__bottom {
        order: 2;
    }
    .exhibition-form .exhibition-form__content form .exhibition-form__row .exhibition-form__col-submit {
        order: 3;
    }
}
.exhibition-form .exhibition-form__title {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 8px;
    text-align: center;
}
@media screen and (max-width: 1200px) {
    .exhibition-form .exhibition-form__title {
        font-size: 24px;
    }
}
@media screen and (max-width: 768px) {
    .exhibition-form .exhibition-form__title {
        font-size: 20px;
        line-height: 1.2;
        margin-bottom: 12px;
    }
}
.exhibition-form .exhibition-form__desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 37px;
    text-align: center;
}
@media screen and (max-width: 1200px) {
    .exhibition-form .exhibition-form__desc {
        font-size: 14px;
        margin-bottom: 32px;
    }
}
@media screen and (max-width: 768px) {
    .exhibition-form .exhibition-form__desc {
        margin-bottom: 29px;
    }
}
.exhibition-form .exhibition-form__row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
@media screen and (max-width: 1200px) {
    .exhibition-form .exhibition-form__row {
        gap: 0 16px;
        justify-content: space-between;
    }
}
.exhibition-form .exhibition-form__row .exhibition-form__col.exhibition-form__col-input {
    margin-right: 20px;
    width: 300px;
}
@media screen and (max-width: 1200px) {
    .exhibition-form .exhibition-form__row .exhibition-form__col.exhibition-form__col-input {
        margin-right: 0;
        order: 1;
        width: calc(50% - 8px);
    }
}
@media screen and (max-width: 768px) {
    .exhibition-form .exhibition-form__row .exhibition-form__col.exhibition-form__col-input {
        margin-bottom: 12px;
        width: 100%;
    }
}
.exhibition-form .exhibition-form__row .exhibition-form__col.exhibition-form__col-submit {
    width: 180px;
}
@media screen and (max-width: 1200px) {
    .exhibition-form .exhibition-form__row .exhibition-form__col.exhibition-form__col-submit {
        display: flex;
        justify-content: center;
        order: 3;
        padding: 36px;
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .exhibition-form .exhibition-form__row .exhibition-form__col.exhibition-form__col-submit {
        padding-top: 31px;
    }
}
.exhibition-form .block-input .block-input__val {
    font-size: 12px;
    height: 34px;
    padding: 0 15px;
}
.exhibition-form .selectric-custom-select .selectric {
    background: var(--color-white);
    border: transparent;
}
.exhibition-form .selectric-custom-select .selectric .label {
    font-size: 12px;
    height: 34px;
    line-height: 34px;
    margin-left: 15px;
}
.exhibition-form .selectric-custom-select .selectric .button:after {
    border: 4px solid transparent;
    border-top: 4px solid var(--color-text);
}
.exhibition-form .btn {
    font-size: 14px;
    font-weight: 500;
    height: 34px;
    letter-spacing: 0.03em;
    line-height: 34px;
    width: 100%;
}
@media screen and (max-width: 1200px) {
    .exhibition-form .btn {
        height: 38px;
        line-height: 38px;
        max-width: 180px;
    }
}
.exhibition-form .exhibition-form__bottom {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-top: 26px;
    width: 100%;
}
@media screen and (max-width: 1200px) {
    .exhibition-form .exhibition-form__bottom {
        order: 2;
        padding-top: 22px;
    }
}
@media screen and (max-width: 768px) {
    .exhibition-form .exhibition-form__bottom {
        justify-content: flex-start;
        padding-top: 10px;
    }
}
.exhibition-form .agree-form .agree-form__label {
    font-size: 12px;
    padding-left: 32px;
}
.exhibition-form .agree-form .agree-form__label:before {
    height: 22px;
    margin-top: -11px;
    width: 22px;
}
.exhibition-form .agree-form .agree-form__label:after {
    background: url(/local/templates/.default/assets/css/../img/checked.svg) no-repeat 50%;
    background-size: 14px auto;
    height: 22px;
    margin-top: -11px;
    width: 22px;
}
.exhibition-form .agree-form .agree-form__label a {
    color: var(--color-text);
    text-decoration: underline;
    transition: all 0.3s var(--transition);
}
@media (hover: hover) {
    .exhibition-form .agree-form .agree-form__label a:hover {
        color: var(--color-orange);
    }
}
@media (hover: none) {
    .exhibition-form .agree-form .agree-form__label a:active {
        color: var(--color-orange);
    }
}
.product-element {
    background: var(--color-gray5);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
}
@media screen and (max-width: 1200px) {
    .product-element {
        border-radius: 5px;
    }
}
@media screen and (max-width: 768px) {
    .product-element {
        border-radius: 3px;
    }
}
.product-element.product-element__beams .product-element__content {
    padding-bottom: 26px;
}
@media screen and (max-width: 1200px) {
    .product-element.product-element__beams .product-element__content {
        padding-bottom: 19px;
        padding-top: 22px;
    }
}
@media screen and (max-width: 768px) {
    .product-element.product-element__beams .product-element__content {
        padding-bottom: 13px;
        padding-top: 13px;
    }
}
.product-element.product-element__beams .product-element__prices {
    align-items: center;
    gap: 12px;
}
.product-element.product-element__beams .product-element__specifications {
    min-height: auto;
}
.product-element .product-element__label {
    display: flex;
    gap: 6px;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: 2;
}
.product-element .product-element__img {
    border-radius: 10px;
    display: block;
    overflow: hidden;
    padding-top: 75%;
    position: relative;
}
@media screen and (max-width: 1200px) {
    .product-element .product-element__img {
        border-radius: 5px;
        padding-top: 55%;
    }
}
@media screen and (max-width: 768px) {
    .product-element .product-element__img {
        border-radius: 3px;
        padding-top: 69%;
    }
}
.product-element .product-element__img img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%;
}
.product-element .product-element__content {
    padding: 24px 14px 28px;
}
@media screen and (max-width: 1200px) {
    .product-element .product-element__content {
        padding: 20px 11px;
    }
}
@media screen and (max-width: 768px) {
    .product-element .product-element__content {
        padding: 14px 8px;
    }
}
.product-element .product-element__prices {
    align-items: flex-end;
    display: flex;
    gap: 18px;
    margin-bottom: 13px;
}
@media screen and (max-width: 1200px) {
    .product-element .product-element__prices {
        gap: 12px;
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 768px) {
    .product-element .product-element__prices {
        gap: 6px;
        margin-bottom: 7px;
    }
}
.product-element .product-element__prices .product-element__price {
    font-size: 26px;
    font-weight: 600;
    line-height: 1.3;
}
@media screen and (max-width: 1700px) {
    .product-element .product-element__prices .product-element__price {
        font-size: 20px;
    }
}
@media screen and (max-width: 768px) {
    .product-element .product-element__prices .product-element__price {
        font-size: 14px;
    }
}
.product-element .product-element__prices .product-element__oldprice {
    color: var(--color-gray6);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    padding-bottom: 4px;
    text-decoration: line-through;
}
@media screen and (max-width: 1200px) {
    .product-element .product-element__prices .product-element__oldprice {
        font-size: 14px;
    }
}
@media screen and (max-width: 768px) {
    .product-element .product-element__prices .product-element__oldprice {
        font-size: 12px;
        padding-bottom: 0;
    }
}
.product-element .product-element__prices .product-element__measurement {
    color: var(--color-gray22);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.1;
}
.product-element .product-element__title {
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 13px;
}
@media screen and (max-width: 1200px) {
    .product-element .product-element__title {
        font-size: 14px;
        margin-bottom: 27px;
    }
}
@media screen and (max-width: 768px) {
    .product-element .product-element__title {
        font-size: 12px;
        margin-bottom: 18px;
    }
}
.product-element .product-element__title a {
    color: var(--color-blacklight2);
    text-decoration: none;
    transition: color 0.3s var(--transition);
}
@media (hover: hover) {
    .product-element .product-element__title a:hover {
        color: var(--color-orange);
    }
}
@media (hover: none) {
    .product-element .product-element__title a:active {
        color: var(--color-orange);
    }
}
.product-element .product-element__specifications {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    list-style: none;
    min-height: 42px;
}
@media screen and (max-width: 1200px) {
    .product-element .product-element__specifications {
        color: var(--color-gray25);
        font-size: 12px;
        min-height: 36px;
    }
}
@media screen and (max-width: 768px) {
    .product-element .product-element__specifications {
        font-size: 11px;
        min-height: auto;
    }
}
.product-element .product-element__specifications li {
    margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
    .product-element .product-element__specifications li {
        margin-bottom: 1px;
    }
}
.product-element .product-element__specifications li:last-child {
    margin-bottom: 0;
}
.product-element .product-element__bottom {
    margin-top: auto;
    padding: 0 14px 20px;
}
@media screen and (max-width: 1200px) {
    .product-element .product-element__bottom {
        padding: 0 11px 19px;
    }
}
@media screen and (max-width: 768px) {
    .product-element .product-element__bottom {
        padding: 0 8px 12px;
    }
}
.product-element .product-element__bottom .btn {
    width: 100%;
}
@media screen and (max-width: 1200px) {
    .product-element .product-element__bottom .btn {
        font-size: 16px;
        height: 34px;
        line-height: 34px;
    }
}
@media screen and (max-width: 768px) {
    .product-element .product-element__bottom .btn {
        font-size: 12px;
        height: 25px;
        line-height: 25px;
    }
}
.product-element--banner {
    min-height: 400px;
}
.product-element--banner .product-element__content {
    padding: 24px 24px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(36deg, #70924E -2.53%, #96BB72 32.5%, #F8CE62 96.43%, #FFDF8D 117.73%);
}
.product-element--banner .product-element__content::before {
    content: '';
    background-image: url('/local/templates/.default/assets/css/../img/banner-custom-order-catalog.png');
    background-position: right center;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: contain;
}
.product-element--banner .product-element__title {
    font-size: 30px;
    color: var(--color-white);
}
.product-element--banner .product-element__bottom {
    z-index: 10;
}
@media screen and (max-width: 1400px) {
    .product-element--banner .product-element__content {
        padding: 18px 10px;
    }        
    .product-element--banner .product-element__title {
        font-size: 22px;
    }
}
@media screen and (max-width: 768px) {
    .product-element--banner {
        min-height: 300px;
    }
    .product-element--banner .product-element__content {
        padding: 14px 8px;
    }        
    .product-element--banner .product-element__title {
        font-size: 16px;
    }
}
.product-element--banner-last {
    order: 1;
}
.product-element--banner-standard-products .product-element__content {
    background-image: url('/upload/banner/banner-card-standard-products-1.png');
    background-position: center;
    background-repeat: no-repeat;
}
.product-element--banner-standard-products .product-element__content::before {
    content: '';
    background-image: url('/upload/banner/banner-card-standard-products-2.png');
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: contain;
    margin: 0 -24px;
}
.product-element--banner-standard-products .product-element__title {
    font-size: 36px;
    color: var(--color-text);
    line-height: 1.1;
    font-weight: 700;
    margin-bottom: 10px;
}
.product-element--banner-standard-products .product-element__subtitle {
    font-size: 22px;
    line-height: 1.1;
    font-weight: 500;
    color: var(--color-text);
}
@media screen and (max-width: 1800px) {
    .product-element--banner-standard-products .product-element__content {
        padding: 18px 10px;
    }
    .product-element--banner-standard-products .product-element__content::before {
        margin: 0 -10px;
    }
    .product-element--banner-standard-products .product-element__title {
        font-size: 24px;
    }
    .product-element--banner-standard-products .product-element__subtitle {
        font-size: 16px;
    }
}
@media screen and (max-width: 768px) {
    .product-element--banner-standard-products .product-element__content {
        padding: 14px 8px;
    }
    .product-element--banner-standard-products .product-element__content::before {
        margin: 0 -8px;
    }
    .product-element--banner-standard-products .product-element__title {
        font-size: 18px;
    }
    .product-element--banner-standard-products .product-element__subtitle {
        font-size: 12px;
    }
}

.label-hit {
    background: var(--color-red);
    border-radius: 5px 5px 5px 0;
    color: var(--color-white);
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    height: 29px;
    line-height: 29px;
    padding: 0 24px;
    text-align: center;
    white-space: nowrap;
}
@media screen and (max-width: 1200px) {
    .label-hit {
        border-radius: 2px 2px 2px 0;
        font-size: 12px;
        height: 23px;
        line-height: 23px;
        padding: 0 20px;
    }
}
@media screen and (max-width: 768px) {
    .label-hit {
        font-size: 8px;
        height: 13px;
        line-height: 13px;
        padding: 0 10px;
    }
}
.label-discount {
    background: var(--color-red);
    border-radius: 5px 5px 5px 0;
    color: var(--color-white);
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    height: 29px;
    line-height: 29px;
    padding: 0 19px;
    text-align: center;
    white-space: nowrap;
}
.label-discount.label-discount__mod {
    background: var(--color-violet);
}
@media screen and (max-width: 1200px) {
    .label-discount {
        border-radius: 2px 2px 2px 0;
        font-size: 12px;
        height: 23px;
        line-height: 23px;
        padding: 0 20px;
    }
}
@media screen and (max-width: 768px) {
    .label-discount {
        font-size: 8px;
        height: 13px;
        line-height: 13px;
        padding: 0 10px;
    }
}
.label-gift {
    background: var(--color-green7);
    border-radius: 5px 5px 5px 0;
    color: var(--color-gray51);
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    height: 29px;
    line-height: 29px;
    padding: 0 19px;
    text-align: center;
    white-space: nowrap;
}
@media screen and (max-width: 1200px) {
    .label-gift {
        border-radius: 2px 2px 2px 0;
        font-size: 12px;
        height: 23px;
        line-height: 23px;
        padding: 0 20px;
    }
}
@media screen and (max-width: 768px) {
    .label-gift {
        font-size: 8px;
        height: 13px;
        line-height: 13px;
        padding: 0 10px;
    }
}
@media screen and (max-width: 1200px) {
    .products-slider.products-slider__mod .swiper-wrapper {
        flex-wrap: wrap;
        gap: 22px 0;
        transform: translate(0) !important;
    }
}
@media screen and (max-width: 768px) {
    .products-slider.products-slider__mod .swiper-wrapper {
        gap: 12px 0;
    }
}
.products-slider.products-slider__mod .swiper-wrapper .swiper-slide {
    height: auto;
}
@media screen and (max-width: 1200px) {
    .products-slider.products-slider__mod .swiper-wrapper .swiper-slide {
        margin-right: 17px;
        width: calc(33.33333% - 11.3333px);
    }
}
@media screen and (max-width: 768px) {
    .products-slider.products-slider__mod .swiper-wrapper .swiper-slide {
        margin-right: 10px;
        width: calc(50% - 5px);
    }
}
@media screen and (max-width: 1200px) {
    .products-slider.products-slider__mod .swiper-wrapper .swiper-slide:nth-child(3n + 3) {
        margin-right: 0;
    }
}
@media screen and (max-width: 768px) {
    .products-slider.products-slider__mod .swiper-wrapper .swiper-slide:nth-child(3n + 3) {
        margin-right: 10px;
    }
    .products-slider.products-slider__mod .swiper-wrapper .swiper-slide:nth-child(2n + 2) {
        margin-right: 0;
    }
}
@media screen and (max-width: 1200px) {
    .products-slider.products-slider__mod + .section-slider__bottom {
        display: none;
    }
    .products-slider:not(.products-slider__mod) {
        left: calc(var(--container-padding) * -1);
        padding-left: var(--container-padding);
        padding-right: var(--container-padding);
        width: calc(100% + var(--container-padding) * 2);
    }
    .products-slider:not(.products-slider__mod) .swiper-wrapper .swiper-slide {
        height: auto;
        width: 222px;
    }
}
@media screen and (max-width: 768px) {
    .products-slider:not(.products-slider__mod) .swiper-wrapper .swiper-slide {
        width: 161px;
    }
}
@media screen and (max-width: 1200px) {
    .products-slider:not(.products-slider__mod) .swiper-wrapper .swiper-slide.product-element .product-element__img {
        padding-top: 76%;
    }
}
.product-page + .related-categories {
    padding-top: 56px;
}
@media screen and (max-width: 768px) {
    .product-page + .related-categories {
        padding-top: 40px;
    }
}
.product-page .product-page__main {
    display: flex;
    margin-bottom: 56px;
    position: relative;
}
@media screen and (max-width: 992px) {
    .product-page .product-page__main {
        flex-direction: column;
        margin-bottom: 51px;
    }
}
@media screen and (max-width: 768px) {
    .product-page .product-page__main {
        margin-bottom: 30px;
    }
}
.product-page .product-page__left {
    margin-right: 60px;
    position: relative;
    width: 55%;
}
@media screen and (max-width: 1800px) {
    .product-page .product-page__left {
        width: 60%;
    }
}
@media screen and (max-width: 1700px) {
    .product-page .product-page__left {
        margin-right: 30px;
    }
}
@media screen and (max-width: 992px) {
    .product-page .product-page__left {
        margin-bottom: 43px;
        margin-right: 0;
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .product-page .product-page__left {
        margin-bottom: 20px;
    }
}
.product-page .product-page__left .product-gallery-wrapper {
    display: flex;
    position: sticky;
    top: 14px;
}
@media screen and (max-width: 768px) {
    .product-page .product-page__left .product-gallery-wrapper {
        position: relative;
        top: 0;
    }
}
.product-page .product-page__left .product-gallery__nav {
    margin-right: 30px;
    width: 120px;
}
@media screen and (max-width: 1700px) {
    .product-page .product-page__left .product-gallery__nav {
        height: 420px;
        margin-right: 16px;
        width: 100px;
    }
}
@media screen and (max-width: 768px) {
    .product-page .product-page__left .product-gallery__nav {
        display: none;
    }
}
.product-page .product-page__left .product-gallery {
    width: calc(100% - 150px);
}
@media screen and (max-width: 1700px) {
    .product-page .product-page__left .product-gallery {
        height: 420px;
        width: calc(100% - 116px);
    }
}
@media screen and (max-width: 768px) {
    .product-page .product-page__left .product-gallery {
        height: auto;
        width: 100%;
    }
}
.product-page .product-page__right {
    display: flex;
    flex-direction: column;
    width: calc(45% - 60px);
}
@media screen and (max-width: 1800px) {
    .product-page .product-page__right {
        width: calc(40% - 60px);
    }
}
@media screen and (max-width: 1700px) {
    .product-page .product-page__right {
        width: calc(40% - 30px);
    }
}
@media screen and (max-width: 992px) {
    .product-page .product-page__right {
        width: 100%;
    }
}
.product-gallery__nav {
    overflow: hidden;
    position: relative;
}
.product-gallery__nav .swiper-slide {
    border-radius: 4px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}
.product-gallery__nav .swiper-slide:before {
    border: 0 solid var(--color-orange);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s var(--transition);
    width: 100%;
}
.product-gallery__nav .swiper-slide.swiper-slide-thumb-active:before {
    border-width: 4px;
}
@media screen and (max-width: 1700px) {
    .product-gallery__nav .swiper-slide.swiper-slide-thumb-active:before {
        border-width: 2px;
    }
}
.product-gallery__nav .swiper-slide img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
}
.product-gallery {
    overflow: hidden;
    position: relative;
}
@media screen and (max-width: 768px) {
    .product-gallery {
        padding-bottom: 23px;
    }
}
.product-gallery .product-gallery__item {
    align-items: center;
    background: var(--color-white);
    border-radius: 10px;
    display: flex;
    height: 100%;
    height: 580px;
    justify-content: center;
    overflow: hidden;
    text-align: center;
}
@media screen and (max-width: 1700px) {
    .product-gallery .product-gallery__item {
        height: 420px;
        min-height: auto;
    }
}
@media screen and (max-width: 768px) {
    .product-gallery .product-gallery__item {
        border-radius: 5px;
        height: calc(var(--index) * 28.5);
    }
}
.product-gallery .product-gallery__item img {
    max-width: none;
    height: 100%;
    width: 100%;
    object-fit: contain;
    background-color: #d9d9d9;
}
.product-gallery .swiper-button-prev {
    --swiper-navigation-size: 15px;
    background: var(--color-white);
    border-radius: 50%;
    box-shadow: 0 2px 9px 1px rgba(0, 0, 0, 0.2);
    color: var(--color-gray7);
    height: 40px;
    left: 11px;
    margin-top: -20px;
    transition: all 0.3s var(--transition);
    width: 40px;
}
@media screen and (max-width: 768px) {
    .product-gallery .swiper-button-prev {
        display: none;
    }
}
.product-gallery .swiper-button-prev:after {
    display: none;
}
.product-gallery .swiper-button-prev svg {
    left: -2px;
    position: relative;
    transform: rotate(-180deg);
}
@media (hover: hover) {
    .product-gallery .swiper-button-prev:hover {
        color: var(--color-orange);
    }
}
@media (hover: none) {
    .product-gallery .swiper-button-prev:active {
        color: var(--color-orange);
    }
}
.product-gallery .swiper-button-next {
    --swiper-navigation-size: 15px;
    background: var(--color-white);
    border-radius: 50%;
    box-shadow: 0 2px 9px 1px rgba(0, 0, 0, 0.2);
    color: var(--color-gray7);
    height: 40px;
    margin-top: -20px;
    right: 11px;
    transition: all 0.3s var(--transition);
    width: 40px;
}
@media screen and (max-width: 768px) {
    .product-gallery .swiper-button-next {
        display: none;
    }
}
.product-gallery .swiper-button-next:after {
    display: none;
}
.product-gallery .swiper-button-next svg {
    left: 1px;
    position: relative;
}
@media (hover: hover) {
    .product-gallery .swiper-button-next:hover {
        color: var(--color-orange);
    }
}
@media (hover: none) {
    .product-gallery .swiper-button-next:active {
        color: var(--color-orange);
    }
}
.product-gallery .swiper-pagination {
    display: none;
}
@media screen and (max-width: 768px) {
    .product-gallery .swiper-pagination {
        bottom: 0;
        display: flex;
        justify-content: center;
        width: 100%;
    }
}
.product-gallery .swiper-pagination .swiper-pagination-bullet {
    background: var(--color-gray);
    height: 10px;
    margin: 0 5px;
    opacity: 1;
    width: 10px;
}
.product-gallery .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--color-orange);
}
.product-labels {
    display: flex;
    left: 167px;
    pointer-events: none;
    position: absolute;
    top: 16px;
    z-index: 10;
}
@media screen and (max-width: 1700px) {
    .product-labels {
        left: 130px;
    }
}
@media screen and (max-width: 768px) {
    .product-labels {
        left: 11px;
        top: 11px;
    }
}
.product-labels .product-label {
    border-radius: 5px;
    font-size: 20px;
    font-weight: 700;
    height: 36px;
    line-height: 36px;
    padding: 0 22px;
}
@media screen and (max-width: 1700px) {
    .product-labels .product-label {
        font-size: 18px;
        padding: 0 16px;
    }
}
@media screen and (max-width: 768px) {
    .product-labels .product-label {
        font-size: 14px;
        height: 26px;
        line-height: 26px;
        padding: 0 12px;
    }
}
.product-labels .product-label.label-sale {
    background: var(--color-red);
    color: var(--color-white);
}
.product-title {
    font-size: 32px;
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 27px;
}
@media screen and (max-width: 1700px) {
    .product-title {
        font-size: 28px;
    }
}
@media screen and (max-width: 1500px) {
    .product-title {
        font-size: 24px;
    }
}
@media screen and (max-width: 992px) {
    .product-title {
        font-size: 32px;
        margin-bottom: 29px;
    }
}
@media screen and (max-width: 768px) {
    .product-title {
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 15px;
    }
}
.product-title h1,
.product-title h2,
.product-title h3 {
    font-size: 32px;
    font-weight: 500;
    margin: 0;
}
@media screen and (max-width: 1700px) {
    .product-title h1,
    .product-title h2,
    .product-title h3 {
        font-size: 28px;
    }
}
@media screen and (max-width: 1500px) {
    .product-title h1,
    .product-title h2,
    .product-title h3 {
        font-size: 24px;
    }
}
@media screen and (max-width: 992px) {
    .product-title h1,
    .product-title h2,
    .product-title h3 {
        font-size: 32px;
    }
}
@media screen and (max-width: 768px) {
    .product-title h1,
    .product-title h2,
    .product-title h3 {
        font-size: 18px;
        font-weight: 500;
    }
}
.product-chart {
    margin-bottom: 40px;
}
@media screen and (max-width: 1700px) {
    .product-chart {
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 992px) {
    .product-chart {
        margin-bottom: 52px;
    }
}
@media screen and (max-width: 768px) {
    .product-chart {
        margin-bottom: 24px;
    }
}
.product-chart li {
    color: var(--color-gray29);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 9px;
}
@media screen and (max-width: 1700px) {
    .product-chart li {
        font-size: 18px;
    }
}
@media screen and (max-width: 1500px) {
    .product-chart li {
        font-size: 16px;
    }
}
@media screen and (max-width: 992px) {
    .product-chart li {
        font-size: 24px;
    }
}
@media screen and (max-width: 768px) {
    .product-chart li {
        font-size: 14px;
        margin-bottom: 8px;
    }
}
.product-chart li strong {
    color: var(--color-text);
    font-weight: 400;
}
.product-chart li:last-child {
    margin-bottom: 0;
}
.product-detail-gray {
    display: flex;
    flex-direction: column;
}
@media screen and (max-width: 992px) {
    .product-detail-gray {
        background: var(--color-gray5);
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        margin-bottom: 39px;
        padding: 24px 35px 41px;
    }
}
@media screen and (max-width: 768px) {
    .product-detail-gray {
        margin-bottom: 16px;
        padding: 11px 17px 21px;
    }
}
.product-detail-gray .product-price {
    order: -1;
}
@media screen and (max-width: 992px) {
    .product-detail-gray .product-price {
        order: 1;
    }
    .product-detail-gray .product-page__main-btns {
        order: 3;
    }
}
.product-detail-gray .product-page__main-help {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
    text-align: left;
}
@media screen and (max-width: 1800px) {
    .product-detail-gray .product-page__main-help {
        font-size: 14px;
    }
}
@media screen and (max-width: 1500px) {
    .product-detail-gray .product-page__main-help {
        font-size: 12px;
    }
}
@media screen and (max-width: 1340px) {
    .product-detail-gray .product-page__main-help {
        font-size: 14px;
        width: 100%;
    }
}
.product-detail-gray .product-page__main-help p {
    margin: 0;
}
@media screen and (max-width: 992px) {
    .product-detail-gray .hint-element {
        order: 2;
    }
}
.product-price {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 24px;
}
@media screen and (max-width: 992px) {
    .product-price {
        margin-bottom: 32px;
    }
}
@media screen and (max-width: 768px) {
    .product-price {
        margin-bottom: 26px;
    }
}
.product-price .product-price__title {
    color: var(--color-gray30);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 15px;
    width: 100%;
}
@media screen and (max-width: 992px) {
    .product-price .product-price__title {
        font-size: 18px;
    }
}
@media screen and (max-width: 768px) {
    .product-price .product-price__title {
        font-size: 12px;
        margin-bottom: 10px;
    }
}
.product-price .product-price__current {
    font-size: 36px;
    font-weight: 500;
    line-height: 1.1;
    margin-right: 26px;
}
@media screen and (max-width: 992px) {
    .product-price .product-price__current {
        font-size: 40px;
    }
}
@media screen and (max-width: 768px) {
    .product-price .product-price__current {
        font-size: 24px;
        margin-right: 16px;
    }
}
.product-price .product-price__old {
    color: var(--color-gray30);
    font-size: 22px;
    font-weight: 400;
    line-height: 1.1;
    padding-bottom: 3px;
    text-decoration: line-through;
}
@media screen and (max-width: 992px) {
    .product-price .product-price__old {
        font-size: 28px;
    }
}
@media screen and (max-width: 768px) {
    .product-price .product-price__old {
        font-size: 16px;
    }
}
.product-page__main-btns {
    align-items: center;
    display: flex;
    gap: 20px;
    margin-bottom: 38px;
    max-width: 520px;
}
@media screen and (max-width: 1340px) {
    .product-page__main-btns {
        flex-direction: column;
        gap: 24px;
    }
}
@media screen and (max-width: 992px) {
    .product-page__main-btns {
        margin-bottom: 0;
        max-width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .product-page__main-btns {
        gap: 12px;
    }
}
.product-page__main-btns .btn {
    width: calc(50% - 10px);
}
@media screen and (max-width: 1340px) {
    .product-page__main-btns .btn {
        width: 100%;
    }
}
.product-page__main-btns .btn.btn-orange {
    font-size: 22px;
}
@media screen and (max-width: 768px) {
    .product-page__main-btns .btn.btn-green,
    .product-page__main-btns .btn.btn-orange {
        font-size: 18px;
        height: 40px;
        letter-spacing: 0.03em;
        line-height: 40px;
    }
}
.hint-element {
    color: var(--color-gray30);
    display: inline-flex;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 34px;
    position: relative;
}
@media screen and (max-width: 992px) {
    .hint-element {
        margin-bottom: 47px;
    }
}
@media screen and (max-width: 768px) {
    .hint-element {
        font-size: 12px;
        margin-bottom: 23px;
    }
}
.hint-element .hint-element__text {
    align-items: center;
    cursor: pointer;
    display: flex;
}
.hint-element._open i {
    background: var(--color-orange2);
}
.hint-element._open .hint-element__content {
    opacity: 1;
    pointer-events: all;
    transform: scale(1);
}
.hint-element._open .hint-element__overlay {
    pointer-events: all;
}
@media screen and (max-width: 768px) {
    .hint-element._open .hint-element__overlay {
        opacity: 0.64;
    }
}
.hint-element i {
    background: var(--color-orange);
    border-radius: 50%;
    color: var(--color-white);
    cursor: pointer;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 21px;
    letter-spacing: 0.02em;
    line-height: 21px;
    margin-right: 10px;
    min-width: 21px;
    order: -1;
    text-align: center;
    transition: all 0.3s var(--transition);
    width: 21px;
}
@media screen and (max-width: 768px) {
    .hint-element i {
        font-size: 13px;
        height: 15px;
        line-height: 15px;
        min-width: 15px;
        position: relative;
        top: -1px;
        width: 15px;
    }
}
.hint-element .hint-element__overlay {
    background: transparent;
    content: "";
    height: 20px;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .hint-element .hint-element__overlay {
        background: var(--color-gray23);
        height: 100%;
        left: 0;
        opacity: 0;
        position: fixed;
        top: 0;
        transition: all 0.3s var(--transition);
        width: 100%;
        z-index: 10;
    }
}
.hint-element .hint-element__content {
    background: var(--color-white);
    border-radius: 10px;
    box-shadow: 0 2px 14px 1px rgba(0, 0, 0, 0.2);
    color: var(--color-text);
    font-size: 16px;
    left: 0;
    line-height: 1.4;
    opacity: 0;
    padding: 21px;
    pointer-events: none;
    position: absolute;
    top: calc(100% + 18px);
    transform: scale(0.9);
    transition: all 0.3s var(--transition3);
    width: 305px;
    z-index: 5;
}
@media screen and (max-width: 768px) {
    .hint-element .hint-element__content {
        border-radius: 0;
        bottom: 0;
        font-size: 14px;
        left: 0;
        max-height: 90%;
        padding: 21px 13px 27px;
        position: fixed;
        top: auto;
        width: 100%;
        z-index: 55;
    }
}
.hint-element .hint-element__content strong {
    font-weight: 500;
}
.hint-element .hint-element__content p {
    margin-bottom: 11px;
}
@media screen and (max-width: 768px) {
    .hint-element .hint-element__content p {
        margin-bottom: 14px;
    }
}
.hint-element .hint-element__content p:last-child {
    margin-bottom: 0;
}
.hint-element .hint-element__content .js_close_hint {
    display: none;
}
@media screen and (max-width: 768px) {
    .hint-element .hint-element__content .js_close_hint {
        display: block;
    }
}
.product-mindesc .product-mindesc__title {
    color: var(--color-text);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 13px;
}
@media screen and (max-width: 992px) {
    .product-mindesc .product-mindesc__title {
        font-size: 24px;
        margin-bottom: 22px;
    }
}
@media screen and (max-width: 768px) {
    .product-mindesc .product-mindesc__title {
        font-size: 16px;
        letter-spacing: 0.03em;
        line-height: 1.3;
        margin-bottom: 10px;
    }
}
.product-mindesc .product-mindesc__content {
    color: var(--color-gray30);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 21px;
}
@media screen and (max-width: 992px) {
    .product-mindesc .product-mindesc__content {
        font-size: 20px;
    }
}
@media screen and (max-width: 768px) {
    .product-mindesc .product-mindesc__content {
        font-size: 14px;
        margin-bottom: 15px;
    }
}
.product-mindesc .product-mindesc__content p {
    margin-bottom: 8px;
}
@media screen and (max-width: 992px) {
    .product-mindesc .product-mindesc__content p {
        margin-bottom: 17px;
    }
}
@media screen and (max-width: 768px) {
    .product-mindesc .product-mindesc__content p {
        margin-bottom: 10px;
    }
}
.product-mindesc .product-mindesc__content p:last-child {
    margin-bottom: 0;
}
@media screen and (max-width: 992px) {
    .product-mindesc .product-mindesc__content p:last-child {
        margin-bottom: 0;
    }
}
.product-tabs .product-tab {
    display: none;
}
.product-tabs .product-tab._visible {
    display: block;
}
.product-tab-nav {
    background: var(--color-gray5);
    border-radius: 5px;
    margin-bottom: 31px;
    overflow: hidden;
    padding: 20px 40px;
    position: relative;
}
@media screen and (max-width: 1600px) {
    .product-tab-nav {
        padding: 20px;
    }
}
@media screen and (max-width: 1500px) {
    .product-tab-nav {
        padding: 14px;
    }
}
@media screen and (max-width: 1200px) {
    .product-tab-nav {
        background: none;
        left: calc(var(--container-padding) * -1);
        padding: 0;
        padding-left: var(--container-padding);
        padding-right: var(--container-padding);
        width: calc(100% + var(--container-padding) * 2);
    }
}
@media screen and (max-width: 768px) {
    .product-tab-nav {
        margin-bottom: 19px;
    }
}
@media screen and (min-width: 1200px) {
    .product-tab-nav .swiper-wrapper {
        border: 1px solid var(--color-gray31);
        border-radius: 5px;
        display: flex;
        overflow: hidden;
        transform: translate(0) !important;
    }
    .product-tab-nav .swiper-wrapper .swiper-slide {
        flex: 1 1 auto;
    }
}
@media screen and (max-width: 1200px) {
    .product-tab-nav .swiper-wrapper .swiper-slide {
        margin-right: 20px;
        width: auto;
    }
}
@media screen and (max-width: 768px) {
    .product-tab-nav .swiper-wrapper .swiper-slide {
        margin-right: 9px;
    }
}
@media screen and (min-width: 1200px) {
    .product-tab-nav .swiper-wrapper .swiper-slide:last-child .product-tab-btn {
        border-right: 0;
    }
}
.product-tab-btn {
    background: var(--color-white);
    border: none;
    border-right: 1px solid var(--color-gray31);
    color: var(--color-text);
    cursor: pointer;
    display: block;
    font-size: 22px;
    font-weight: 500;
    height: 51px;
    letter-spacing: 0.03em;
    line-height: 1.3;
    padding: 0 12px;
    text-align: center;
    transition: all 0.3s var(--transition);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 100%;
}
@media screen and (max-width: 1900px) {
    .product-tab-btn {
        font-size: 18px;
    }
}
@media screen and (max-width: 1700px) {
    .product-tab-btn {
        font-size: 16px;
    }
}
@media screen and (max-width: 1500px) {
    .product-tab-btn {
        font-size: 14px;
        height: 42px;
    }
}
@media screen and (max-width: 1200px) {
    .product-tab-btn {
        border: 2px solid var(--color-gray33);
        border-radius: 5px;
        font-size: 16px;
        height: 47px;
    }
}
@media screen and (max-width: 768px) {
    .product-tab-btn {
        border-width: 1px;
        font-size: 12px;
        height: 29px;
        line-height: 27px;
    }
}
.product-tab-btn._active {
    background: var(--color-gray32);
    color: var(--color-white);
}
@media screen and (max-width: 1200px) {
    .product-tab-btn._active {
        border-color: var(--color-gray32);
    }
}
@media (hover: hover) {
    .product-tab-btn._active:hover {
        color: var(--color-white);
    }
}
@media (hover: none) {
    .product-tab-btn._active:active {
        color: var(--color-white);
    }
}
@media (hover: hover) {
    .product-tab-btn:hover {
        color: var(--color-gray18);
    }
}
@media (hover: none) {
    .product-tab-btn:active {
        color: var(--color-gray18);
    }
}
.product-description {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}
@media screen and (max-width: 768px) {
    .product-description {
        font-size: 14px;
        line-height: 1.4;
    }
}
.product-description p {
    margin-bottom: 10px;
}
@media screen and (max-width: 1200px) {
    .product-description p {
        margin-bottom: 12px;
    }
}
@media screen and (max-width: 768px) {
    .product-description p {
        margin-bottom: 8px;
    }
}
.product-description p:last-child {
    margin-bottom: 0;
}
.product-description p strong {
    font-weight: 500;
}
.product-description a {
    color: var(--color-orange);
    text-decoration: none;
    transition: color 0.3s var(--transition);
}
@media (hover: hover) {
    .product-description a:hover {
        color: var(--color-orange2);
    }
}
@media (hover: none) {
    .product-description a:active {
        color: var(--color-orange2);
    }
}
.product-description ul {
    list-style-position: inside;
}
.product-description h2 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    margin: 13px 0 6px;
}
@media screen and (max-width: 768px) {
    .product-description h2 {
        font-size: 14px;
        margin: 17px 0 10px;
    }
}
.product-description h2:first-child {
    margin-top: 0;
}
.product-description h3 {
    font-size: 17px;
    font-weight: 500;
    line-height: 1.5;
    margin: 13px 0 6px;
}
@media screen and (max-width: 768px) {
    .product-description h3 {
        font-size: 14px;
        margin: 17px 0 10px;
    }
}
.product-description h4 {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    margin: 13px 0 6px;
}
@media screen and (max-width: 768px) {
    .product-description h4 {
        font-size: 14px;
        margin: 17px 0 10px;
    }
}
.product-description img {
    height: auto;
    margin-bottom: 6px;
    max-width: 100%;
    width: auto;
}
@media screen and (max-width: 768px) {
    .product-description img {
        margin-bottom: 8px;
    }
}
.product-description table {
    border: none;
    border-collapse: collapse;
    margin-bottom: 6px;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .product-description table {
        margin-bottom: 8px;
    }
}
.product-description table tr td {
    border-bottom: 1px solid var(--color-gray);
}
.product-equipment .product-equipment__title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 30px;
}
@media screen and (max-width: 1200px) {
    .product-equipment .product-equipment__title {
        font-size: 18px;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 768px) {
    .product-equipment .product-equipment__title {
        font-size: 14px;
        margin-bottom: 14px;
    }
}
.product-equipment .product-equipment__list {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
@media screen and (max-width: 992px) {
    .product-equipment .product-equipment__list {
        gap: 17px 0;
    }
}
@media screen and (max-width: 768px) {
    .product-equipment .product-equipment__list {
        gap: 12px 0;
    }
}
.product-equipment .product-equipment__item {
    background: var(--color-gray5);
    border-radius: 10px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    min-height: 95px;
    padding: 21px 24px 20px 73px;
    position: relative;
    width: calc(33.33333% - 16px);
}
@media screen and (max-width: 1500px) {
    .product-equipment .product-equipment__item {
        width: calc(50% - 12px);
    }
}
@media screen and (max-width: 992px) {
    .product-equipment .product-equipment__item {
        min-height: auto;
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .product-equipment .product-equipment__item {
        font-size: 14px;
        padding: 12px 20px 12px 50px;
    }
}
.product-equipment .product-equipment__item:before {
    background: var(--color-orange) url(/local/templates/.default/assets/css/../img/checked-white.svg) no-repeat center;
    background-size: auto 12px;
    border-radius: 50%;
    content: "";
    height: 32px;
    left: 23px;
    position: absolute;
    top: 20px;
    width: 32px;
}
@media screen and (max-width: 768px) {
    .product-equipment .product-equipment__item:before {
        background-size: auto 10px;
        height: 23px;
        left: 14px;
        top: 12px;
        width: 23px;
    }
}
.product-specifications .product-specifications__title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 36px;
}
@media screen and (max-width: 992px) {
    .product-specifications .product-specifications__title {
        display: none;
    }
}
.product-specifications .product-specifications__table .product-specifications__table-tr {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    padding: 11px 60px 11px 12px;
}
@media screen and (max-width: 992px) {
    .product-specifications .product-specifications__table .product-specifications__table-tr {
        align-items: flex-start;
        border: 1px solid var(--color-gray34);
        border-radius: 5px;
        flex-direction: column;
        margin-bottom: 23px;
        padding: 11px 17px;
    }
}
@media screen and (max-width: 768px) {
    .product-specifications .product-specifications__table .product-specifications__table-tr {
        font-size: 14px;
        line-height: 1.4;
        margin-bottom: 15px;
        padding: 10px 13px;
    }
}
.product-specifications .product-specifications__table .product-specifications__table-tr:nth-child(2n + 2) {
    background: var(--color-gray5);
}
@media screen and (max-width: 992px) {
    .product-specifications .product-specifications__table .product-specifications__table-tr:nth-child(2n + 2) {
        border-color: var(--color-gray5);
    }
    .product-specifications .product-specifications__table .product-specifications__table-tr:last-child {
        margin-bottom: 0;
    }
}
.product-specifications .product-specifications__table .product-specifications__table-tr .product-specifications__table-td:first-child {
    margin-right: 20px;
    width: 250px;
}
@media screen and (max-width: 992px) {
    .product-specifications .product-specifications__table .product-specifications__table-tr .product-specifications__table-td:first-child {
        font-size: 18px;
        font-weight: 500;
        line-height: 1.4;
        margin-bottom: 9px;
        margin-right: 0;
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .product-specifications .product-specifications__table .product-specifications__table-tr .product-specifications__table-td:first-child {
        font-size: 16px;
        margin-bottom: 4px;
    }
}
.product-specifications .product-specifications__table .product-specifications__table-tr .product-specifications__table-td:nth-child(2) {
    width: calc(100% - 270px);
}
@media screen and (max-width: 992px) {
    .product-specifications .product-specifications__table .product-specifications__table-tr .product-specifications__table-td:nth-child(2) {
        width: 100%;
    }
}
.product-specifications .product-specifications__table .product-specifications__table-tr .product-specifications__table-td p {
    margin-bottom: 0;
}
.product-palettes .product-palettes__top {
    margin-bottom: 52px;
}
@media screen and (max-width: 1200px) {
    .product-palettes .product-palettes__top {
        margin-bottom: 44px;
    }
}
@media screen and (max-width: 768px) {
    .product-palettes .product-palettes__top {
        margin-bottom: 21px;
    }
}
.product-palettes .product-palettes__title {
    color: var(--color-gray30);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 25px;
}
@media screen and (max-width: 1200px) {
    .product-palettes .product-palettes__title {
        font-size: 18px;
        margin-bottom: 19px;
    }
}
@media screen and (max-width: 768px) {
    .product-palettes .product-palettes__title {
        font-size: 12px;
        margin-bottom: 11px;
    }
}
@media screen and (max-width: 1200px) {
    .product-palettes__navs {
        left: calc(var(--container-padding) * -1);
        padding-left: var(--container-padding);
        padding-right: var(--container-padding);
        width: calc(100% + var(--container-padding) * 2);
    }
}
.product-palettes__navs .swiper-slide {
    margin-right: 16px;
    width: auto;
}
@media screen and (max-width: 768px) {
    .product-palettes__navs .swiper-slide {
        margin-right: 8px;
    }
}
.product-palettes__navs .product-palettes__nav {
    background: transparent;
    border: 2px solid var(--color-orange);
    border-radius: 5px;
    color: var(--color-text);
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    height: 42px;
    line-height: 38px;
    padding: 0 26px;
    text-align: center;
    transition: all 0.3s var(--transition);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
@media screen and (max-width: 768px) {
    .product-palettes__navs .product-palettes__nav {
        border-width: 1px;
        font-size: 12px;
        font-weight: 500;
        height: 29px;
        line-height: 27px;
        padding: 0 17px;
    }
}
.product-palettes__navs .product-palettes__nav._active {
    background: var(--color-orange);
    color: var(--color-white);
}
@media (hover: hover) {
    .product-palettes__navs .product-palettes__nav:hover {
        background: var(--color-orange);
        color: var(--color-white);
    }
}
@media (hover: none) {
    .product-palettes__navs .product-palettes__nav:active {
        background: var(--color-orange);
        color: var(--color-white);
    }
}
.product-palettes__tab {
    display: none;
}
.product-palettes__tab._visible {
    display: block;
}
.palettes-block {
    margin-bottom: 44px;
}
@media screen and (max-width: 1200px) {
    .palettes-block {
        margin-bottom: 38px;
    }
}
@media screen and (max-width: 768px) {
    .palettes-block {
        margin-bottom: 32px;
    }
}
.palettes-block:last-child {
    margin-bottom: 0;
}
.palettes-block.palettes-block__custom .palettes-block__list {
    background: transparent;
    gap: 0 6px;
    padding: 0;
}
@media screen and (max-width: 992px) {
    .palettes-block.palettes-block__custom .palettes-block__list {
        gap: 10px 12px;
    }
}
@media screen and (max-width: 768px) {
    .palettes-block.palettes-block__custom .palettes-block__list {
        gap: 0 4px;
    }
}
.palettes-block.palettes-block__custom .palettes-element {
    width: calc(16.66667% - 5px);
}
@media screen and (max-width: 992px) {
    .palettes-block.palettes-block__custom .palettes-element {
        width: calc(33.33333% - 8px);
    }
}
@media screen and (max-width: 768px) {
    .palettes-block.palettes-block__custom .palettes-element {
        width: calc(50% - 2px);
    }
}
.palettes-block.palettes-block__custom .palettes-element .palettes-element__img {
    padding-top: 64%;
}
.palettes-block.palettes-block__big .palettes-block__list {
    gap: 7px 20px;
}
@media screen and (max-width: 1500px) {
    .palettes-block.palettes-block__big .palettes-block__list {
        gap: 0;
    }
}
@media screen and (max-width: 1200px) {
    .palettes-block.palettes-block__big .palettes-block__list {
        gap: 10px 10px;
    }
}
@media screen and (max-width: 768px) {
    .palettes-block.palettes-block__big .palettes-block__list {
        gap: 10px 4px;
    }
}
.palettes-block.palettes-block__big .palettes-element {
    width: calc(25% - 15px);
}
@media screen and (max-width: 1500px) {
    .palettes-block.palettes-block__big .palettes-element {
        width: 25%;
    }
}
@media screen and (max-width: 1200px) {
    .palettes-block.palettes-block__big .palettes-element {
        width: calc(33.33333% - 6.666px);
    }
}
@media screen and (max-width: 768px) {
    .palettes-block.palettes-block__big .palettes-element {
        width: calc(50% - 2px);
    }
}
.palettes-block.palettes-block__big .palettes-element .palettes-element__title {
    font-size: 20px;
}
@media screen and (max-width: 1200px) {
    .palettes-block.palettes-block__big .palettes-element .palettes-element__title {
        font-size: 14px;
    }
}
@media screen and (max-width: 768px) {
    .palettes-block.palettes-block__big .palettes-element .palettes-element__title {
        font-size: 12px;
    }
}
.palettes-block .palettes-block__top {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
    .palettes-block .palettes-block__top {
        margin-bottom: 10px;
    }
}
.palettes-block .palettes-block__title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
}
@media screen and (max-width: 768px) {
    .palettes-block .palettes-block__title {
        font-size: 14px;
    }
}
.palettes-block .palettes-block__logos {
    align-items: center;
    display: flex;
    gap: 0 20px;
}
@media screen and (max-width: 1200px) {
    .palettes-block .palettes-block__logos {
        display: none;
    }
}
.palettes-block .palettes-block__logos img {
    max-height: 32px;
    width: auto;
}
.palettes-block .palettes-block__desc {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 26px;
}
@media screen and (max-width: 768px) {
    .palettes-block .palettes-block__desc {
        font-size: 14px;
        line-height: 1.4;
        margin-bottom: 19px;
    }
}
.palettes-block .palettes-block__desc p {
    margin-bottom: 11px;
}
@media screen and (max-width: 768px) {
    .palettes-block .palettes-block__desc p {
        margin-bottom: 8px;
    }
}
.palettes-block .palettes-block__desc p:last-child {
    margin-bottom: 0;
}
.palettes-block__list {
    background: var(--color-gray5);
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 0 12px;
    padding: 24px 24px 20px;
}
@media screen and (max-width: 1800px) {
    .palettes-block__list {
        gap: 0 10px;
        padding: 20px 14px;
    }
}
@media screen and (max-width: 1200px) {
    .palettes-block__list {
        border-radius: 5px;
        gap: 0 6px;
        padding: 25px 20px;
    }
}
@media screen and (max-width: 768px) {
    .palettes-block__list {
        gap: 0;
        padding: 13px 6px 9px;
    }
}
.palettes-block__list + .palettes-block__desc {
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 40px;
}
@media screen and (max-width: 1200px) {
    .palettes-block__list + .palettes-block__desc {
        font-size: 16px;
        margin-top: 32px;
    }
}
@media screen and (max-width: 768px) {
    .palettes-block__list + .palettes-block__desc {
        font-size: 14px;
        margin-top: 16px;
    }
}
.palettes-block__list .palettes-element {
    width: calc(10% - 10.8px);
}
@media screen and (max-width: 1800px) {
    .palettes-block__list .palettes-element {
        width: calc(10% - 9px);
    }
}
@media screen and (max-width: 1500px) {
    .palettes-block__list .palettes-element {
        width: calc(14.28571% - 8.571px);
    }
}
@media screen and (max-width: 992px) {
    .palettes-block__list .palettes-element {
        width: calc(20% - 4.8px);
    }
}
@media screen and (max-width: 768px) {
    .palettes-block__list .palettes-element {
        width: 20%;
    }
}
.palettes-element {
    color: var(--color-text);
    display: block;
    padding: 10px 10px 6px;
    text-decoration: none;
    transition: background 0.3s var(--transition);
}
@media screen and (max-width: 1200px) {
    .palettes-element {
        padding: 5px 5px 6px;
    }
}
@media screen and (max-width: 768px) {
    .palettes-element {
        padding: 4px;
    }
}
@media (hover: hover) {
    .palettes-element:hover {
        background: var(--color-white);
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
    }
    .palettes-element:hover .palettes-element__title {
        padding-left: 0;
        padding-right: 10px;
        text-align: left;
    }
    .palettes-element:hover .palettes-element__title svg {
        opacity: 1;
        right: 0;
    }
}
@media (hover: none) {
    .palettes-element:active {
        background: var(--color-white);
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
    }
    .palettes-element:active .palettes-element__title {
        padding-left: 0;
        padding-right: 10px;
        text-align: left;
    }
    .palettes-element:active .palettes-element__title svg {
        opacity: 1;
        right: 0;
    }
}
.palettes-element .palettes-element__img {
    margin-bottom: 14px;
    overflow: hidden;
    padding-top: 100%;
    position: relative;
}
@media screen and (max-width: 1200px) {
    .palettes-element .palettes-element__img {
        margin-bottom: 8px;
    }
}
@media screen and (max-width: 768px) {
    .palettes-element .palettes-element__img {
        margin-bottom: 4px;
    }
}
.palettes-element .palettes-element__img._color {
    border: 1px solid var(--color-gray18);
}
.palettes-element .palettes-element__img img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%;
}
.palettes-element .palettes-element__title {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    padding: 0 5px;
    position: relative;
    text-align: center;
    transition: all 0.3s var(--transition);
    width: auto;
}
@media screen and (max-width: 1200px) {
    .palettes-element .palettes-element__title {
        font-size: 12px;
    }
}
@media screen and (max-width: 768px) {
    .palettes-element .palettes-element__title {
        font-size: 8px;
    }
}
.palettes-element .palettes-element__title svg {
    margin-top: -7px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 5px;
    top: 50%;
    transition: all 0.3s var(--transition3);
}
.variants-execution {
    margin-bottom: 58px;
}
@media screen and (max-width: 1200px) {
    .variants-execution {
        margin-bottom: 50px;
    }
}
.variants-execution .variants-execution__title {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 29px;
}
@media screen and (max-width: 1200px) {
    .variants-execution .variants-execution__title {
        font-weight: 500;
        margin-bottom: 26px;
    }
}
@media screen and (max-width: 768px) {
    .variants-execution .variants-execution__title {
        font-size: 16px;
        margin-bottom: 24px;
    }
}
.variants-execution-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative;
}
@media screen and (max-width: 1200px) {
    .variants-execution-wrapper {
        display: block;
    }
}
.variants-execution-wrapper .swiper-button {
    --swiper-navigation-size: 15px;
    background: var(--color-white);
    border-radius: 50%;
    box-shadow: 0 2px 9px 1px rgba(0, 0, 0, 0.2);
    color: var(--color-gray7);
    content: "";
    height: 51px;
    left: auto;
    margin: 0;
    position: relative;
    right: auto;
    top: auto;
    transition: color 0.3s var(--transition);
    width: 51px;
}
@media screen and (max-width: 1300px) {
    .variants-execution-wrapper .swiper-button {
        display: none;
    }
}
@media (hover: hover) {
    .variants-execution-wrapper .swiper-button:hover {
        color: var(--color-orange);
    }
}
@media (hover: none) {
    .variants-execution-wrapper .swiper-button:active {
        color: var(--color-orange);
    }
}
.variants-execution-slider {
    margin: 0;
    max-width: calc(100% - 178px);
    overflow: hidden;
    position: relative;
    width: 100%;
}
@media screen and (max-width: 1300px) {
    .variants-execution-slider {
        max-width: 100%;
    }
}
@media screen and (max-width: 1200px) {
    .variants-execution-slider {
        left: calc(var(--container-padding) * -1);
        max-width: inherit;
        padding-left: var(--container-padding);
        padding-right: var(--container-padding);
        width: calc(100% + var(--container-padding) * 2);
    }
}
@media screen and (max-width: 1300px) {
    .variants-execution-slider .swiper-slide {
        width: 280px;
    }
}
@media screen and (max-width: 1200px) {
    .variants-execution-slider .swiper-slide {
        width: 390px;
    }
}
@media screen and (max-width: 768px) {
    .variants-execution-slider .swiper-slide {
        width: 280px;
    }
}
.variants-execution__item {
    border-radius: 5px;
    display: flex;
    height: 150px;
    overflow: hidden;
    width: 100%;
}
@media screen and (max-width: 1300px) {
    .variants-execution__item {
        height: 200px;
    }
}
@media screen and (max-width: 1200px) {
    .variants-execution__item {
        height: 280px;
    }
}
@media screen and (max-width: 768px) {
    .variants-execution__item {
        height: 200px;
    }
}
.variants-execution__item img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
}
.product-additional-options .product-additional-options__title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 33px;
}
@media screen and (max-width: 1500px) {
    .product-additional-options .product-additional-options__title {
        font-size: 18px;
        margin-bottom: 23px;
    }
}
@media screen and (max-width: 768px) {
    .product-additional-options .product-additional-options__title {
        font-size: 14px;
        margin-bottom: 18px;
    }
}
.product-additional-options__row {
    display: flex;
    flex-wrap: wrap;
    gap: 46px;
    margin-bottom: 38px;
}
@media screen and (max-width: 1500px) {
    .product-additional-options__row {
        gap: 22px;
    }
}
@media screen and (max-width: 768px) {
    .product-additional-options__row {
        gap: 19px;
        margin-bottom: 29px;
    }
}
.product-additional-options__row .additional-options {
    width: calc(50% - 33px);
}
@media screen and (max-width: 1500px) {
    .product-additional-options__row .additional-options {
        width: calc(50% - 11px);
    }
}
@media screen and (max-width: 1380px) {
    .product-additional-options__row .additional-options {
        width: 100%;
    }
}
.additional-options {
    background: var(--color-gray5);
    border-radius: 10px;
    padding: 24px 34px 36px;
}
@media screen and (max-width: 1500px) {
    .additional-options {
        padding: 18px 23px 30px;
    }
}
@media screen and (max-width: 768px) {
    .additional-options {
        padding: 12px 14px 20px;
    }
}
.additional-options .additional-options__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 33px;
}
@media screen and (max-width: 1500px) {
    .additional-options .additional-options__title {
        font-size: 22px;
        margin-bottom: 22px;
    }
}
@media screen and (max-width: 768px) {
    .additional-options .additional-options__title {
        font-size: 16px;
        margin-bottom: 12px;
    }
}
.additional-options .additional-options__content .additional-options__item {
    margin-bottom: 17px;
}
@media screen and (max-width: 1500px) {
    .additional-options .additional-options__content .additional-options__item {
        margin-bottom: 16px;
    }
}
.additional-options .additional-options__content .additional-options__item:last-child {
    margin-bottom: 0;
}
.additional-options .additional-options__item {
    cursor: pointer;
    display: flex;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .additional-options .additional-options__item {
        align-items: flex-end;
        line-height: 1.1;
        padding-left: 37px;
    }
}
.additional-options .additional-options__item input {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
}
.additional-options .additional-options__item input:checked + .check {
    background: var(--color-orange);
}
.additional-options .additional-options__item input:checked + .check:before {
    opacity: 1;
}
.additional-options .additional-options__item .check {
    background: var(--color-gray);
    border-radius: 3px;
    content: "";
    display: block;
    height: 30px;
    margin-right: 25px;
    min-width: 30px;
    position: relative;
    top: -2px;
    transition: background 0.3s var(--transition);
    width: 30px;
}
@media screen and (max-width: 1500px) {
    .additional-options .additional-options__item .check {
        height: 26px;
        margin-right: 20px;
        min-width: 26px;
        width: 26px;
    }
}
@media screen and (max-width: 768px) {
    .additional-options .additional-options__item .check {
        height: 21px;
        left: 0;
        line-height: 1.1;
        margin-right: 0;
        min-width: 21px;
        position: absolute;
        top: 0;
        width: 21px;
    }
}
.additional-options .additional-options__item .check:before {
    background: url(/local/templates/.default/assets/css/../img/checked-white.svg) no-repeat 50%;
    background-size: auto 16px;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 0.3s var(--transition);
    width: 100%;
}
@media screen and (max-width: 1500px) {
    .additional-options .additional-options__item .check:before {
        background-size: auto 12px;
    }
}
.additional-options .additional-options__item .title {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
}
@media screen and (max-width: 1500px) {
    .additional-options .additional-options__item .title {
        font-size: 16px;
    }
}
@media screen and (max-width: 768px) {
    .additional-options .additional-options__item .title {
        font-size: 14px;
        line-height: 1.1;
    }
}
.additional-options .additional-options__item .line {
    border-bottom: 1px dashed #e0e0e0;
    content: "";
    display: inline-block;
    flex: 1;
    margin: 0 10px;
    min-width: 15px;
    position: relative;
    top: -10px;
    width: auto;
}
@media screen and (max-width: 768px) {
    .additional-options .additional-options__item .line {
        top: -5px;
    }
}
.additional-options .additional-options__item .price {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    margin-left: auto;
    white-space: nowrap;
}
@media screen and (max-width: 1500px) {
    .additional-options .additional-options__item .price {
        font-size: 16px;
    }
}
@media screen and (max-width: 768px) {
    .additional-options .additional-options__item .price {
        line-height: 1.1;
    }
}
.additional-options-final {
    background: var(--color-gray5);
    border-radius: 10px;
    display: flex;
    gap: 0 70px;
    justify-content: space-between;
    padding: 24px 34px 36px;
}
@media screen and (max-width: 1380px) {
    .additional-options-final {
        gap: 0 30px;
    }
}
@media screen and (max-width: 1200px) {
    .additional-options-final {
        flex-direction: column;
        padding: 25px 23px 37px;
    }
}
@media screen and (max-width: 768px) {
    .additional-options-final {
        padding: 14px 14px 30px;
    }
}
.additional-options-final .additional-options-final__left {
    max-width: 800px;
}
@media screen and (max-width: 1200px) {
    .additional-options-final .additional-options-final__left {
        border-bottom: 1px solid var(--color-gray35);
        margin-bottom: 22px;
        max-width: 100%;
        padding-bottom: 40px;
    }
}
@media screen and (max-width: 768px) {
    .additional-options-final .additional-options-final__left {
        margin-bottom: 20px;
        padding-bottom: 19px;
    }
}
.additional-options-final .additional-options-final__right {
    display: flex;
    flex-direction: column;
    text-align: right;
}
@media screen and (max-width: 1200px) {
    .additional-options-final .additional-options-final__right {
        text-align: left;
        width: 100%;
    }
}
.additional-options-final .additional-options-final__right .additional-options-final__btn {
    margin-top: auto;
}
.additional-options-final .additional-options-final__title {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 20px;
}
@media screen and (max-width: 1500px) {
    .additional-options-final .additional-options-final__title {
        font-size: 20px;
        margin-bottom: 16px;
    }
}
@media screen and (max-width: 768px) {
    .additional-options-final .additional-options-final__title {
        font-size: 18px;
        line-height: 1.3;
        margin-bottom: 10px;
    }
}
.additional-options-final .additional-options-final__subtitle {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 10px;
}
@media screen and (max-width: 1500px) {
    .additional-options-final .additional-options-final__subtitle {
        font-size: 16px;
        margin-bottom: 12px;
    }
}
@media screen and (max-width: 768px) {
    .additional-options-final .additional-options-final__subtitle {
        line-height: 1.3;
        margin-bottom: 10px;
    }
}
.additional-options-final .additional-options-final__desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    max-width: 775px;
}
@media screen and (max-width: 1500px) {
    .additional-options-final .additional-options-final__desc {
        font-size: 14px;
    }
}
@media screen and (max-width: 768px) {
    .additional-options-final .additional-options-final__desc {
        line-height: 1.2;
    }
}
.additional-options-final .additional-options-final__desc p {
    margin-bottom: 0;
}
.additional-options-final .additional-options-final__price {
    font-size: 32px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 20px;
}
@media screen and (max-width: 1500px) {
    .additional-options-final .additional-options-final__price {
        font-size: 28px;
        margin-bottom: 28px;
    }
}
@media screen and (max-width: 768px) {
    .additional-options-final .additional-options-final__price {
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 33px;
    }
}
.additional-options-final .additional-options-final__btn .btn {
    max-width: 240px;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .additional-options-final .additional-options-final__btn .btn {
        max-width: 100%;
    }
}
.additional-options-increase .additional-options-increase__title {
    color: var(--color-gray30);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 43px;
}
@media screen and (max-width: 1500px) {
    .additional-options-increase .additional-options-increase__title {
        font-size: 12px;
        margin-bottom: 32px;
    }
}
@media screen and (max-width: 768px) {
    .additional-options-increase .additional-options-increase__title {
        border-bottom: 1px solid var(--color-gray35);
        font-size: 12px;
        margin-bottom: 12px;
        padding-bottom: 20px;
    }
}
.additional-options-increase__item {
    display: flex;
    margin-bottom: 15px;
}
@media screen and (max-width: 1500px) {
    .additional-options-increase__item {
        margin-bottom: 14px;
    }
}
@media screen and (max-width: 768px) {
    .additional-options-increase__item {
        align-items: center;
        flex-wrap: wrap;
        margin-bottom: 28px;
    }
}
.additional-options-increase__item:last-child {
    margin-bottom: 0;
}
.additional-options-increase__item .additional-options-increase__product {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    margin-right: 20px;
    width: calc(100% - 257px);
}
@media screen and (max-width: 1500px) {
    .additional-options-increase__item .additional-options-increase__product {
        font-size: 16px;
    }
}
@media screen and (max-width: 768px) {
    .additional-options-increase__item .additional-options-increase__product {
        font-size: 14px;
        margin-bottom: 14px;
        width: 100%;
    }
}
.additional-options-increase__item .additional-options-increase__count {
    margin-right: 20px;
    width: 124px;
}
@media screen and (max-width: 1500px) {
    .additional-options-increase__item .additional-options-increase__count {
        width: 105px;
    }
}
.additional-options-increase__item .additional-options-increase__price {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    text-align: right;
    width: 93px;
}
@media screen and (max-width: 1500px) {
    .additional-options-increase__item .additional-options-increase__price {
        font-size: 16px;
        width: 100px;
    }
}
@media screen and (max-width: 768px) {
    .additional-options-increase__item .additional-options-increase__price {
        text-align: left;
        width: auto;
    }
}
.changes-count {
    align-items: center;
    background: var(--color-white);
    border-radius: 3px;
    display: flex;
}
.changes-count .changes-count__btn {
    cursor: pointer;
    height: 30px;
    position: relative;
    width: 34px;
}
@media (hover: hover) {
    .changes-count .changes-count__btn:hover:before {
        background: var(--color-orange2);
    }
}
@media (hover: none) {
    .changes-count .changes-count__btn:active:before {
        background: var(--color-orange2);
    }
}
.changes-count .changes-count__btn:before {
    align-items: center;
    background: var(--color-orange);
    border-radius: 3px;
    color: var(--color-white);
    display: flex;
    font-size: 18px;
    font-weight: 400;
    height: calc(100% - 8px);
    justify-content: center;
    left: 6px;
    line-height: 1;
    position: absolute;
    text-align: center;
    top: 4px;
    transition: background 0.3s var(--transition);
    width: calc(100% - 12px);
}
.changes-count .changes-count__btn.changes-count__plus:before {
    content: "+";
}
.changes-count .changes-count__btn.changes-count__minus:before {
    content: "-";
}
.changes-count .changes-count__btn._disable {
    cursor: default;
    pointer-events: none;
}
.changes-count .changes-count__btn._disable:before {
    background: var(--color-gray);
}
.changes-count .changes-count__val {
    background: none;
    border: none;
    font-size: 18px;
    font-weight: 400;
    height: 30px;
    text-align: center;
    width: calc(100% - 68px);
}
@media screen and (max-width: 1500px) {
    .changes-count .changes-count__val {
        font-size: 16px;
    }
}
.related-categories .related-categories__title {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 38px;
}
@media screen and (max-width: 1200px) {
    .related-categories .related-categories__title {
        font-size: 28px;
        font-weight: 500;
        margin-bottom: 24px;
    }
}
@media screen and (max-width: 768px) {
    .related-categories .related-categories__title {
        font-size: 18px;
        margin-bottom: 15px;
    }
}
.related-categories__list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
@media screen and (max-width: 1700px) {
    .related-categories__list {
        gap: 14px;
    }
}
@media screen and (max-width: 1300px) {
    .related-categories__list {
        gap: 32px 22px;
    }
}
@media screen and (max-width: 768px) {
    .related-categories__list {
        gap: 22px 14px;
    }
}
.related-categories__item {
    align-items: flex-start;
    color: var(--color-text);
    display: flex;
    flex-direction: column;
    height: 290px;
    justify-content: space-between;
    overflow: hidden;
    padding: 18px 21px 16px;
    position: relative;
    text-decoration: none;
    transition: background 0.3s var(--transition);
    width: calc(20% - 24px);
}
@media screen and (max-width: 1700px) {
    .related-categories__item {
        height: 240px;
        padding: 12px 15px;
        width: calc(20% - 11.5px);
    }
}
@media screen and (max-width: 1300px) {
    .related-categories__item {
        height: 270px;
        padding: 0;
        width: calc(25% - 16.5px);
    }
}
@media screen and (max-width: 1200px) {
    .related-categories__item {
        width: calc(33.33333% - 14.6666px);
    }
}
@media screen and (max-width: 768px) {
    .related-categories__item {
        height: 198px;
        width: calc(33.33333% - 9.3333px);
    }
}
@media screen and (max-width: 530px) {
    .related-categories__item {
        width: calc(50% - 7px);
    }
}
@media (hover: hover) {
    .related-categories__item:hover {
        background: var(--color-gray2);
    }
    .related-categories__item:hover .related-categories__item-btn {
        background: var(--color-orange);
    }
}
@media (hover: none) {
    .related-categories__item:active {
        background: var(--color-gray2);
    }
    .related-categories__item:active .related-categories__item-btn {
        background: var(--color-orange);
    }
}
.related-categories__item .related-categories__item-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3;
    max-width: 200px;
    position: relative;
    z-index: 3;
}
@media screen and (max-width: 1700px) {
    .related-categories__item .related-categories__item-title {
        font-size: 18px;
    }
}
@media screen and (max-width: 1500px) {
    .related-categories__item .related-categories__item-title {
        font-size: 16px;
    }
}
@media screen and (max-width: 1300px) {
    .related-categories__item .related-categories__item-title {
        padding: 12px 15px 0;
    }
}
@media screen and (max-width: 768px) {
    .related-categories__item .related-categories__item-title {
        font-size: 14px;
        max-width: 97%;
        padding: 8px 10px 0;
    }
}
.related-categories__item .related-categories__item-btn {
    background: var(--color-orange8);
    border-radius: 5px;
    color: var(--color-white);
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    height: 33px;
    line-height: 33px;
    padding: 0 15px;
    position: relative;
    transition: background 0.3s var(--transition);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
    z-index: 3;
}
@media screen and (max-width: 1300px) {
    .related-categories__item .related-categories__item-btn {
        font-size: 14px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .related-categories__item .related-categories__item-btn {
        font-size: 12px;
        height: 28px;
        line-height: 28px;
    }
}
.related-categories__item picture {
    background: var(--color-gray11);
    border-radius: 10px;
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
@media screen and (max-width: 1300px) {
    .related-categories__item picture {
        border-radius: 5px;
        height: calc(100% - 50px);
    }
}
@media screen and (max-width: 768px) {
    .related-categories__item picture {
        height: calc(100% - 38px);
    }
}
.related-categories__item picture img {
    bottom: 0;
    height: auto;
    max-height: 290px;
    max-width: 100%;
    position: absolute;
    right: 0;
    width: auto;
}
@media screen and (max-width: 1700px) {
    .related-categories__item picture img {
        max-height: 200px;
        max-width: 80%;
    }
}
@media screen and (max-width: 1300px) {
    .related-categories__item picture img {
        max-height: 190px;
    }
}
@media screen and (max-width: 768px) {
    .related-categories__item picture img {
        max-height: 140px;
    }
}
@media screen and (max-width: 530px) {
    .related-categories__item picture img {
        max-height: 160px;
        max-width: 100%;
    }
}
.product-sku-wrapper {
    display: none;
    margin-bottom: 50px;
}
@media screen and (max-width: 992px) {
    .product-sku-wrapper {
        display: block;
    }
}
@media screen and (max-width: 768px) {
    .product-sku-wrapper {
        margin-bottom: 25px;
    }
}
.product-sku-wrapper .product-sku__title {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
    .product-sku-wrapper .product-sku__title {
        font-size: 12px;
        margin-bottom: 11px;
    }
}
.product-sku-wrapper .product-sku-list > * {
    margin-bottom: 0;
}
.product-sku-list > * {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
    margin-bottom: 48px;
    max-width: 520px;
}
@media screen and (max-width: 1700px) {
    .product-sku-list > * {
        gap: 13px 8px;
    }
}
@media screen and (max-width: 1500px) {
    .product-sku-list > * {
        gap: 13px 14px;
    }
}
@media screen and (max-width: 992px) {
    .product-sku-list > * {
        gap: 14px 20px;
    }
}
@media screen and (max-width: 768px) {
    .product-sku-list > * {
        gap: 8px;
    }
}
.product-sku-list .product-sku {
    border: 2px solid var(--color-gray36);
    border-radius: 8px;
    color: var(--color-text);
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    height: 50px;
    line-height: 46px;
    padding: 0 9px;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s var(--transition);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: calc(33.33333% - 8.666px);
}
@media screen and (max-width: 1700px) {
    .product-sku-list .product-sku {
        font-size: 14px;
        width: calc(33.33333% - 5.3333px);
    }
}
@media screen and (max-width: 1500px) {
    .product-sku-list .product-sku {
        width: calc(50% - 7px);
    }
}
@media screen and (max-width: 992px) {
    .product-sku-list .product-sku {
        width: calc(33.33333% - 13.333px);
    }
}
@media screen and (max-width: 768px) {
    .product-sku-list .product-sku {
        border-color: var(--color-gray12);
        border-radius: 5px;
        border-width: 1px;
        font-size: 12px;
        height: 29px;
        line-height: 27px;
        padding: 0 6px;
        width: calc(33.33333% - 5.333px);
    }
}
@media (hover: hover) {
    .product-sku-list .product-sku:hover {
        border-color: var(--color-orange);
    }
}
@media (hover: none) {
    .product-sku-list .product-sku:active {
        border-color: var(--color-orange);
    }
}
.product-sku-list .product-sku._active {
    border-color: var(--color-orange);
    font-weight: 500;
}
@media screen and (max-width: 768px) {
    .product-sku-list .product-sku._active {
        border-width: 2px;
        line-height: 25px;
    }
}
.product-specifications__rows {
    overflow-x: auto;
}
@media screen and (max-width: 1500px) {
    .product-specifications__rows {
        padding-bottom: 15px;
        width: calc(100% + var(--container-padding));
    }
}
@media screen and (max-width: 1200px) {
    .product-specifications__rows {
        left: calc(var(--container-padding) * -1);
        position: relative;
        width: calc(100% + var(--container-padding) * 2);
    }
}
.product-specifications__rows::-webkit-scrollbar {
    border-radius: 5px;
    height: 10px;
}
.product-specifications__rows::-webkit-scrollbar-track {
    background: var(--color-gray2);
}
.product-specifications__rows::-webkit-scrollbar-thumb {
    background-color: var(--color-gray12);
    border: 3px solid var(--color-gray2);
    border-radius: 20px;
}
@media screen and (max-width: 1500px) {
    .product-specifications__rows .product-specifications__row {
        padding-right: var(--container-padding);
    }
}
@media screen and (max-width: 1200px) {
    .product-specifications__rows .product-specifications__row {
        padding-left: var(--container-padding);
    }
}
.product-specifications__row {
    display: flex;
    gap: 24px;
    margin-bottom: 24px;
}
@media screen and (max-width: 1700px) {
    .product-specifications__row {
        gap: 15px;
        margin-bottom: 15px;
    }
}
@media screen and (max-width: 1500px) {
    .product-specifications__row {
        width: -moz-min-content;
        width: min-content;
    }
}
@media screen and (max-width: 768px) {
    .product-specifications__row {
        gap: 10px;
    }
}
.product-specifications__row:last-child {
    margin-bottom: 0;
}
.product-specifications__row .product-specifications__item {
    width: calc(25% - 18px);
}
@media screen and (max-width: 1700px) {
    .product-specifications__row .product-specifications__item {
        width: calc(25% - 11.25px);
    }
}
@media screen and (max-width: 1500px) {
    .product-specifications__row .product-specifications__item {
        min-width: 300px;
    }
}
@media screen and (max-width: 768px) {
    .product-specifications__row .product-specifications__item {
        min-width: 220px;
        width: calc(25% - 7.5px);
    }
}
.product-specifications__row .product-specifications__item:first-child .product-specifications__item-title {
    margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
    .product-specifications__row .product-specifications__item:first-child .product-specifications__item-title {
        padding: 0 20px;
    }
}
.product-specifications__item {
    border: 1px solid var(--color-gray37);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    padding: 24px 24px 30px;
}
@media screen and (max-width: 1700px) {
    .product-specifications__item {
        padding: 20px 18px;
    }
}
@media screen and (max-width: 768px) {
    .product-specifications__item {
        padding: 14px 14px 20px;
    }
}
.product-specifications__item.product-specifications__item-accent {
    background: var(--color-orange9);
    border-color: var(--color-orange9);
}
.product-specifications__item .product-specifications__item-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
}
@media screen and (max-width: 1700px) {
    .product-specifications__item .product-specifications__item-title {
        margin-bottom: 15px;
    }
}
@media screen and (max-width: 768px) {
    .product-specifications__item .product-specifications__item-title {
        font-size: 16px;
        margin-bottom: 8px;
    }
}
.product-specifications__item .product-specifications__item-img {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
}
.product-specifications__item .product-specifications__item-img img {
    height: auto;
    max-width: 100%;
    width: auto;
}
.product-specifications__item .product-specifications__item-desc {
    font-size: 16px;
    line-height: 1.5;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .product-specifications__item .product-specifications__item-desc {
        font-size: 14px;
    }
}
.product-specifications__item .product-specifications__item-desc p {
    margin-bottom: 14px;
}
@media screen and (max-width: 768px) {
    .product-specifications__item .product-specifications__item-desc p {
        margin-bottom: 6px;
    }
}
.product-specifications__item .product-specifications__item-desc p:last-child {
    margin-bottom: 0;
}
.product-specifications__item .product-specifications__item-desc strong {
    font-weight: 500;
}
.product-specifications__item .product-specifications__item-cencel {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .product-specifications__item .product-specifications__item-cencel svg {
        height: 46px;
        width: 46px;
    }
}
.product-specifications__item .product-specifications__item-cencel svg ellipse,
.product-specifications__item .product-specifications__item-cencel svg path {
    stroke: var(--color-gray27);
}
.additional-options-table table {
    border: none;
    border-collapse: collapse;
    margin-bottom: 6px;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .additional-options-table table {
        margin-bottom: 8px;
    }
}
.additional-options-table table tr:nth-child(2n + 3) {
    background-color: var(--color-gray39);
}
.additional-options-table table tr th {
    background: var(--color-gray38);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    padding: 18px 20px 14px 40px;
    text-align: left;
}
@media screen and (max-width: 1200px) {
    .additional-options-table table tr th {
        font-size: 16px;
        font-size: 14px;
        padding: 18px 20px 18px 37px;
        padding: 10px 15px;
    }
    .additional-options-table table tr th:nth-child(2) {
        padding: 18px 37px 18px 0;
        text-align: right;
    }
}
@media screen and (max-width: 768px) {
    .additional-options-table table tr th:nth-child(2) {
        padding: 10px 15px 10px 0;
    }
}
.additional-options-table table tr td {
    border-bottom: 1px solid var(--color-gray);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    padding: 16px 20px 16px 40px;
}
@media screen and (max-width: 1200px) {
    .additional-options-table table tr td {
        font-size: 16px;
        padding: 18px 20px 18px 37px;
    }
}
@media screen and (max-width: 768px) {
    .additional-options-table table tr td {
        font-size: 14px;
        line-height: 1.3;
        padding: 10px 15px;
    }
}
.additional-options-table table tr td:first-child {
    width: 62%;
}
@media screen and (max-width: 1200px) {
    .additional-options-table table tr td:first-child {
        width: 70%;
    }
}
.additional-options-table table tr td:nth-child(2) {
    width: 38%;
}
@media screen and (max-width: 1200px) {
    .additional-options-table table tr td:nth-child(2) {
        padding: 18px 37px 18px 0;
        text-align: right;
        width: 30%;
    }
}
@media screen and (max-width: 768px) {
    .additional-options-table table tr td:nth-child(2) {
        padding: 10px 15px 10px 0;
    }
}
.montage-element {
    background: var(--color-gray5);
    border-radius: 10px;
    margin-bottom: 32px;
    padding: 25px 30px;
}
@media screen and (max-width: 1200px) {
    .montage-element {
        margin-bottom: 22px;
        padding: 12px 18px 25px;
    }
}
@media screen and (max-width: 768px) {
    .montage-element {
        border-radius: 5px;
        margin-bottom: 18px;
        padding: 11px 14px 14px;
    }
}
.montage-element .montage-element__title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 17px;
}
@media screen and (max-width: 1200px) {
    .montage-element .montage-element__title {
        font-size: 18px;
        margin-bottom: 17px;
    }
}
@media screen and (max-width: 768px) {
    .montage-element .montage-element__title {
        font-size: 16px;
        margin-bottom: 14px;
    }
}
.montage-element .montage-element__content {
    font-size: 18px;
    line-height: 1.5;
}
@media screen and (max-width: 1200px) {
    .montage-element .montage-element__content {
        font-size: 16px;
    }
}
@media screen and (max-width: 768px) {
    .montage-element .montage-element__content {
        font-size: 14px;
        line-height: 1.3;
    }
}
.montage-element .montage-element__content p {
    margin-bottom: 10px;
}
.montage-element .montage-element__content p:last-child {
    margin-bottom: 0;
}
.montage-element .montage-element__content ul {
    font-size: 18px;
    list-style-position: inside;
    margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
    .montage-element .montage-element__content ul {
        font-size: 14px;
    }
    .montage-element .montage-element__content ul li {
        margin-bottom: 8px;
    }
    .montage-element .montage-element__content ul li:last-child {
        margin-bottom: 0;
    }
}
.montage-element .montage-element__content ul li::marker {
    font-size: 14px;
    line-height: 1.1;
}
.montage-element .montage-element__content ul:last-child {
    margin-bottom: 0;
}
.montage-element .montage-element__content ol {
    font-size: 18px;
    list-style-position: inside;
    margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
    .montage-element .montage-element__content ol {
        font-size: 14px;
    }
}
.montage-element .montage-element__content ol:last-child {
    margin-bottom: 0;
}
@media screen and (max-width: 768px) {
    .montage-element .montage-element__content ol li {
        margin-bottom: 8px;
    }
    .montage-element .montage-element__content ol li:last-child {
        margin-bottom: 0;
    }
}
.montage-element:last-child {
    margin-bottom: 0;
}
.product-specifications__list {
    margin-top: auto;
}
@media screen and (max-width: 992px) {
    .product-specifications__list {
        margin-top: 38px;
    }
}
@media screen and (max-width: 768px) {
    .product-specifications__list {
        margin-top: 26px;
    }
}
.product-specifications__list .product-specifications__list-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 13px;
}
@media screen and (max-width: 768px) {
    .product-specifications__list .product-specifications__list-title {
        font-size: 16px;
        letter-spacing: 0.03em;
        margin-bottom: 10px;
    }
}
.product-specifications__list .product-specifications__list-item {
    align-items: flex-start;
    color: var(--color-gray30);
    display: flex;
    font-size: 16px;
    font-weight: 400;
    justify-content: space-between;
    line-height: 1.3;
    margin-bottom: 8px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
@media screen and (max-width: 768px) {
    .product-specifications__list .product-specifications__list-item {
        font-size: 14px;
        margin-bottom: 5px;
    }
}
.product-specifications__list .product-specifications__list-item:before {
    bottom: 1px;
    color: var(--color-gray30);
    content: "............................................................................................................................................................................................................................................................................................................................................";
    font-size: 12px;
    font-weight: 400;
    left: 0;
    line-height: 1.4;
    position: absolute;
    white-space: nowrap;
    width: 100%;
    z-index: -1;
}
.product-specifications__list .product-specifications__list-item:last-child {
    margin-bottom: 0;
}
.product-specifications__list .product-specifications__list-name {
    background: var(--color-white);
    padding-right: 5px;
}
.product-specifications__list .product-specifications__list-val {
    background: var(--color-white);
    padding-left: 3px;
    text-align: right;
}
.product-detail-row {
    align-items: flex-start;
    display: flex;
    gap: 20px;
    margin-bottom: 24px;
    max-width: 520px;
    order: -1;
}
@media screen and (max-width: 1340px) {
    .product-detail-row {
        flex-direction: column;
        gap: 30px 0;
    }
}
@media screen and (max-width: 992px) {
    .product-detail-row {
        margin-bottom: 32px;
        max-width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .product-detail-row {
        gap: 16px 0;
        margin-bottom: 26px;
    }
}
.product-detail-row .product-price {
    flex-direction: column;
    margin-bottom: 0;
    order: 1;
    width: calc(50% - 10px);
}
@media screen and (max-width: 1340px) {
    .product-detail-row .product-price {
        width: 100%;
    }
}
.product-detail-row .product-price .product-price__current {
    margin-right: 0;
}
.product-detail-row .product-size {
    order: 2;
    width: calc(50% - 10px);
}
@media screen and (max-width: 1340px) {
    .product-detail-row .product-size {
        width: 100%;
    }
}
.product-size .product-size__title {
    color: var(--color-gray30);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 15px;
    width: 100%;
}
@media screen and (max-width: 992px) {
    .product-size .product-size__title {
        font-size: 18px;
    }
}
@media screen and (max-width: 768px) {
    .product-size .product-size__title {
        font-size: 12px;
        margin-bottom: 10px;
    }
}
.product-size .selectric-select-size.selectric-open .selectric .button:after {
    margin-top: -10px;
    transform: rotate(-180deg);
}
.product-size .selectric-select-size .selectric {
    background: transparent;
    background: var(--color-gray40);
    border: 1px solid var(--color-gray40);
    border-radius: 5px;
}
.product-size .selectric-select-size .selectric .label {
    color: var(--color-text);
    font-family: var(--font-default);
    font-size: 18px;
    font-weight: 400;
    height: 48px;
    line-height: 48px;
    margin-left: 12px;
}
@media screen and (max-width: 1200px) {
    .product-size .selectric-select-size .selectric .label {
        font-size: 20px;
        height: 53px;
        line-height: 53px;
        margin-left: 20px;
    }
}
@media screen and (max-width: 768px) {
    .product-size .selectric-select-size .selectric .label {
        font-size: 14px;
        height: 36px;
        line-height: 36px;
        margin-left: 11px;
    }
}
.product-size .selectric-select-size .selectric .button {
    background: transparent;
    color: var(--color-text);
    height: 100%;
}
@media screen and (max-width: 768px) {
    .product-size .selectric-select-size .selectric .button {
        width: 26px;
    }
}
.product-size .selectric-select-size .selectric .button:after {
    border: 7px solid transparent;
    border-top: 7px solid var(--color-text);
    margin-top: -3px;
    top: 50%;
}
@media screen and (max-width: 768px) {
    .product-size .selectric-select-size .selectric .button:after {
        border: 4px solid transparent;
        border-top: 4px solid var(--color-text);
        margin-top: -1px;
    }
}
.product-size .selectric-select-size .selectric-items {
    background: var(--color-white);
    border: none;
    border-radius: 5px;
    box-shadow: 0 2px 9px 1px rgba(0, 0, 0, 0.2);
    top: calc(100% + 15px);
}
.product-size .selectric-select-size .selectric-items .selectric-scroll ul {
    padding: 14px 0;
}
@media screen and (max-width: 1200px) {
    .product-size .selectric-select-size .selectric-items .selectric-scroll ul {
        padding: 9px 0;
    }
}
.product-size .selectric-select-size .selectric-items .selectric-scroll ul li {
    font-family: var(--font-default);
    font-size: 16px;
    padding: 7px 30px;
    transition: color 0.3s var(--transition);
}
@media screen and (max-width: 1200px) {
    .product-size .selectric-select-size .selectric-items .selectric-scroll ul li {
        font-size: 14px;
        padding: 6px 21px;
    }
}
@media screen and (max-width: 768px) {
    .product-size .selectric-select-size .selectric-items .selectric-scroll ul li {
        padding: 5px 14px;
    }
}
.product-size .selectric-select-size .selectric-items .selectric-scroll ul li.disabled {
    display: none;
}
.product-size .selectric-select-size .selectric-items .selectric-scroll ul li.highlighted {
    background: transparent;
}
.product-size .selectric-select-size .selectric-items .selectric-scroll ul li:hover {
    background: transparent;
    color: var(--color-orange);
}
.product-size .selectric-select-size .selectric-items .selectric-scroll ul li.selected {
    color: var(--color-orange5);
}
.product-mes {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 43px;
}
@media screen and (max-width: 1200px) {
    .product-mes {
        font-size: 18px;
        margin-bottom: 26px;
    }
}
@media screen and (max-width: 768px) {
    .product-mes {
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 30px;
    }
}
.product-equipment__grids {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}
@media screen and (max-width: 1500px) {
    .product-equipment__grids {
        gap: 22px;
    }
}
@media screen and (max-width: 768px) {
    .product-equipment__grids {
        gap: 18px 14px;
    }
}
.product-equipment__grids .product-equipment__grid {
    width: calc(25% - 30px);
}
@media screen and (max-width: 1500px) {
    .product-equipment__grids .product-equipment__grid {
        width: calc(25% - 16.5px);
    }
}
@media screen and (max-width: 1200px) {
    .product-equipment__grids .product-equipment__grid {
        width: calc(33.33333% - 14.6666px);
    }
}
@media screen and (max-width: 768px) {
    .product-equipment__grids .product-equipment__grid {
        width: calc(50% - 7px);
    }
}
.product-equipment__grid {
    line-height: 1.3;
    text-align: center;
}
.product-equipment__grid .product-equipment__grid-img {
    margin-bottom: 20px;
    padding-top: 62%;
    position: relative;
}
@media screen and (max-width: 1200px) {
    .product-equipment__grid .product-equipment__grid-img {
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 768px) {
    .product-equipment__grid .product-equipment__grid-img {
        margin-bottom: 8px;
    }
}
.product-equipment__grid .product-equipment__grid-img img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%;
}
.product-equipment__grid .product-equipment__grid-title {
    font-size: 20px;
    font-weight: 500;
}
@media screen and (max-width: 1500px) {
    .product-equipment__grid .product-equipment__grid-title {
        font-size: 16px;
    }
}
@media screen and (max-width: 1200px) {
    .product-equipment__grid .product-equipment__grid-title {
        font-size: 14px;
    }
}
@media screen and (max-width: 768px) {
    .product-equipment__grid .product-equipment__grid-title {
        font-size: 12px;
    }
}
.product-equipment__grid .product-equipment__grid-desc {
    color: var(--color-gray41);
    font-size: 18px;
    margin-top: 5px;
}
@media screen and (max-width: 1500px) {
    .product-equipment__grid .product-equipment__grid-desc {
        font-size: 14px;
    }
}
@media screen and (max-width: 1200px) {
    .product-equipment__grid .product-equipment__grid-desc {
        font-size: 12px;
        margin-top: 3px;
    }
}
@media screen and (max-width: 768px) {
    .product-equipment__grid .product-equipment__grid-desc {
        font-size: 10px;
        margin-top: 5px;
    }
}
.prices-table .prices-table__title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 33px;
}
@media screen and (max-width: 1200px) {
    .prices-table .prices-table__title {
        font-size: 18px;
        margin-bottom: 23px;
    }
}
@media screen and (max-width: 768px) {
    .prices-table .prices-table__title {
        font-size: 14px;
        margin-bottom: 24px;
    }
}
.prices-table .prices-table__bottom {
    color: var(--color-gray41);
    font-size: 18px;
    line-height: 1.3;
    margin-top: 30px;
}
@media screen and (max-width: 1200px) {
    .prices-table .prices-table__bottom {
        font-size: 16px;
        margin-top: 21px;
    }
}
@media screen and (max-width: 768px) {
    .prices-table .prices-table__bottom {
        font-size: 14px;
        margin-top: 12px;
    }
}
.prices-table.prices-table__big {
    overflow-x: auto;
    padding-bottom: 10px;
}
.prices-table.prices-table__big::-webkit-scrollbar {
    border-radius: 5px;
    height: 10px;
}
.prices-table.prices-table__big::-webkit-scrollbar-track {
    background: var(--color-gray2);
}
.prices-table.prices-table__big::-webkit-scrollbar-thumb {
    background-color: var(--color-gray12);
    border: 3px solid var(--color-gray2);
    border-radius: 20px;
}
.prices-table.prices-table__big table tr th {
    border-right: 2px solid var(--color-gray42);
    font-size: 16px;
    padding: 10px 16px;
    text-align: center;
}
@media screen and (max-width: 1200px) {
    .prices-table.prices-table__big table tr th {
        padding: 20px 16px 16px;
    }
}
@media screen and (max-width: 768px) {
    .prices-table.prices-table__big table tr th {
        font-size: 12px;
        padding: 10px 12px;
        white-space: nowrap;
    }
    .prices-table.prices-table__big table tr th:nth-child(2) {
        padding: 10px 12px;
    }
}
.prices-table.prices-table__big table tr th:last-child {
    border-right: 0;
}
.prices-table.prices-table__big table tr td {
    border-right: 2px solid var(--color-gray42);
    font-size: 18px;
    padding: 8px 16px;
    text-align: center;
}
@media screen and (max-width: 1200px) {
    .prices-table.prices-table__big table tr td {
        font-size: 16px;
        padding: 16px;
    }
}
@media screen and (max-width: 768px) {
    .prices-table.prices-table__big table tr td {
        font-size: 14px;
        padding: 10px 12px;
        white-space: nowrap;
    }
    .prices-table.prices-table__big table tr td:nth-child(2) {
        padding: 10px 12px;
    }
}
.prices-table.prices-table__big table tr td:last-child {
    border-right: 0;
}
.prices-table.prices-table__big table tr td:first-child,
.prices-table.prices-table__big table tr td:nth-child(2) {
    width: auto;
}
.prices-table table {
    border: none;
    border-collapse: collapse;
    margin-bottom: 6px;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .prices-table table {
        margin-bottom: 8px;
    }
}
.prices-table table tr:nth-child(2n + 3) {
    background-color: var(--color-gray39);
}
.prices-table table tr th {
    background: var(--color-gray38);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    padding: 18px 20px 14px 40px;
    text-align: left;
}
@media screen and (max-width: 1200px) {
    .prices-table table tr th {
        font-size: 16px;
        font-size: 14px;
        padding: 18px 20px 18px 37px;
        padding: 10px 15px;
    }
    .prices-table table tr th:nth-child(2) {
        padding: 18px 37px 18px 0;
        text-align: right;
    }
}
@media screen and (max-width: 768px) {
    .prices-table table tr th:nth-child(2) {
        padding: 10px 15px 10px 0;
    }
}
.prices-table table tr td {
    border-bottom: 1px solid var(--color-gray);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    padding: 16px 20px 16px 40px;
}
@media screen and (max-width: 1200px) {
    .prices-table table tr td {
        font-size: 16px;
        padding: 18px 20px 18px 37px;
    }
}
@media screen and (max-width: 768px) {
    .prices-table table tr td {
        font-size: 14px;
        line-height: 1.3;
        padding: 10px 15px;
    }
}
.prices-table table tr td:first-child {
    width: 62%;
}
@media screen and (max-width: 1200px) {
    .prices-table table tr td:first-child {
        width: 70%;
    }
}
.prices-table table tr td:nth-child(2) {
    width: 38%;
}
@media screen and (max-width: 1200px) {
    .prices-table table tr td:nth-child(2) {
        padding: 18px 37px 18px 0;
        text-align: right;
        width: 30%;
    }
}
@media screen and (max-width: 768px) {
    .prices-table table tr td:nth-child(2) {
        padding: 10px 15px 10px 0;
    }
}
.product-video-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 56px;
    margin-top: 40px;
}
@media screen and (max-width: 1200px) {
    .product-video-grid {
        gap: 26px;
    }
}
@media screen and (max-width: 768px) {
    .product-video-grid {
        margin-top: 32px;
    }
}
.product-video-grid .product-video {
    width: calc(50% - 28px);
}
@media screen and (max-width: 1200px) {
    .product-video-grid .product-video {
        width: calc(50% - 13px);
    }
}
@media screen and (max-width: 768px) {
    .product-video-grid .product-video {
        width: 100%;
    }
}
.product-video {
    padding-top: 28%;
    position: relative;
}
@media screen and (max-width: 768px) {
    .product-video {
        padding-top: 54%;
    }
}
.product-video iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.related-products {
    margin-top: 38px;
}
@media screen and (max-width: 768px) {
    .related-products {
        margin-top: 23px;
    }
}
.related-products .related-products__grid {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
}
@media screen and (max-width: 1500px) {
    .related-products .related-products__grid {
        gap: 17px;
    }
}
@media screen and (max-width: 768px) {
    .related-products .related-products__grid {
        gap: 12px 10px;
    }
}
.related-products .related-products__grid .related-product {
    width: calc(25% - 24px);
}
@media screen and (max-width: 1500px) {
    .related-products .related-products__grid .related-product {
        width: calc(25% - 12.75px);
    }
}
@media screen and (max-width: 1200px) {
    .related-products .related-products__grid .related-product {
        width: calc(33.33333% - 11.3333px);
    }
}
@media screen and (max-width: 768px) {
    .related-products .related-products__grid .related-product {
        width: calc(50% - 5px);
    }
}
.related-product {
    background: var(--color-gray5);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.related-product .related-product__img {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-top: 75%;
    position: relative;
}
@media screen and (max-width: 1500px) {
    .related-product .related-product__img {
        padding-top: 73%;
    }
}
.related-product .related-product__img img {
    height: 100%;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%;
}
.related-product .related-product__content {
    padding: 30px 15px 18px;
}
@media screen and (max-width: 1500px) {
    .related-product .related-product__content {
        padding: 20px 11px 16px;
    }
}
@media screen and (max-width: 768px) {
    .related-product .related-product__content {
        padding: 14px 8px 9px;
    }
}
.related-product .related-product__row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 19px;
}
@media screen and (max-width: 1500px) {
    .related-product .related-product__row {
        gap: 7px;
        margin-bottom: 15px;
    }
}
@media screen and (max-width: 1200px) {
    .related-product .related-product__row {
        align-items: flex-start;
        flex-direction: column;
    }
}
@media screen and (max-width: 768px) {
    .related-product .related-product__row {
        gap: 4px;
        margin-bottom: 11px;
    }
}
.related-product .related-product__price {
    font-size: 26px;
    font-weight: 500;
    line-height: 1.2;
}
@media screen and (max-width: 1500px) {
    .related-product .related-product__price {
        font-size: 20px;
        letter-spacing: -0.02em;
    }
}
@media screen and (max-width: 768px) {
    .related-product .related-product__price {
        font-size: 14px;
        letter-spacing: -0.03em;
    }
}
.related-product .related-product__price-hint {
    color: var(--color-gray22);
    font-size: 14px;
}
@media screen and (max-width: 1500px) {
    .related-product .related-product__price-hint {
        font-size: 12px;
    }
}
@media screen and (max-width: 1200px) {
    .related-product .related-product__price-hint {
        font-size: 10px;
    }
}
@media screen and (max-width: 768px) {
    .related-product .related-product__price-hint {
        font-size: 8px;
    }
}
.related-product .related-product__title {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 17px;
}
@media screen and (max-width: 1500px) {
    .related-product .related-product__title {
        font-size: 14px;
        margin-bottom: 12px;
    }
}
@media screen and (max-width: 768px) {
    .related-product .related-product__title {
        font-size: 10px;
        margin-bottom: 5px;
    }
}
.related-product .related-product__spec {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
}
@media screen and (max-width: 1500px) {
    .related-product .related-product__spec {
        font-size: 12px;
    }
}
@media screen and (max-width: 768px) {
    .related-product .related-product__spec {
        font-size: 10px;
    }
}
.related-product .related-product__spec .related-product__spec-item {
    margin-bottom: 5px;
}
@media screen and (max-width: 1500px) {
    .related-product .related-product__spec .related-product__spec-item {
        margin-bottom: 2px;
    }
}
@media screen and (max-width: 768px) {
    .related-product .related-product__spec .related-product__spec-item {
        margin-bottom: 0;
    }
}
.related-product .related-product__spec .related-product__spec-item:last-child {
    margin-bottom: 0;
}
.related-products__bottom {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    padding-top: 42px;
}
@media screen and (max-width: 1200px) {
    .related-products__bottom {
        font-size: 16px;
        padding-top: 30px;
    }
}
@media screen and (max-width: 768px) {
    .related-products__bottom {
        font-size: 14px;
        line-height: 1.4;
        padding-top: 24px;
    }
}
.hint-rating {
    align-items: center;
    display: flex;
    gap: 0 30px;
    justify-content: space-between;
    margin-bottom: 16px;
    max-width: 520px;
}
@media screen and (max-width: 992px) {
    .hint-rating {
        order: 2;
    }
}
.hint-rating .hint-element {
    margin-bottom: 0;
    width: calc(100% - 165px);
}
@media screen and (max-width: 992px) {
    .hint-rating .hint-element {
        width: 100%;
    }
}
.hint-rating .product-rating {
    width: 135px;
}
.product-rating {
    position: relative;
}
@media screen and (max-width: 992px) {
    .product-rating {
        background: var(--color-gray5);
        margin-bottom: 46px;
        padding: 6px 0;
    }
}
@media screen and (max-width: 768px) {
    .product-rating {
        margin-bottom: 21px;
        padding: 2px 0;
    }
}
.product-rating:before {
    content: "";
    display: none;
    height: 100%;
    left: calc(var(--container-padding) * -1);
    position: absolute;
    top: 0;
    width: 100vw;
    z-index: 1;
}
@media screen and (max-width: 992px) {
    .product-rating:before {
        background: var(--color-gray5);
        display: block;
    }
}
.product-rating .product-rating__link {
    display: block;
    line-height: 0px;
    position: relative;
    z-index: 2;
}
@media screen and (max-width: 992px) {
    .product-rating .product-rating__link {
        align-items: center;
        display: flex;
        justify-content: center;
    }
}
@media screen and (max-width: 768px) {
    .product-rating .product-rating__link img {
        max-width: 135px;
    }
}
.section.sec-product-hit {
    margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
    .section.sec-product-hit {
        margin-bottom: 34px;
    }
}
.section.sec-product-hit .section__title {
    margin-bottom: 14px;
}
.section.sec-product-sezon {
    margin-bottom: 69px;
}
.section.sec-product-sezon .section__title {
    margin-bottom: 14px;
}
.section.sec-product-catalog .section__title {
    margin-bottom: 45px;
    text-align: left;
}
@media screen and (max-width: 1200px) {
    .section.sec-product-catalog .section__title {
        margin-bottom: 26px;
    }
}
@media screen and (max-width: 768px) {
    .section.sec-product-catalog .section__title {
        margin-bottom: 17px;
    }
}
.section__title {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 21px;
    text-align: center;
}
@media screen and (max-width: 1200px) {
    .section__title {
        font-size: 28px;
    }
}
@media screen and (max-width: 768px) {
    .section__title {
        font-size: 18px;
    }
}
.section__title.section__title-page {
    text-align: left;
}
.section__title h1,
.section__title h2,
.section__title h3,
.section__title h4,
.section__title h5 {
    font-size: 30px;
    font-weight: 500;
    margin: 0;
}
@media screen and (max-width: 1200px) {
    .section__title h1,
    .section__title h2,
    .section__title h3,
    .section__title h4,
    .section__title h5 {
        font-size: 28px;
    }
}
@media screen and (max-width: 768px) {
    .section__title h1,
    .section__title h2,
    .section__title h3,
    .section__title h4,
    .section__title h5 {
        font-size: 18px;
    }
}
.section__desc {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 51px;
    text-align: center;
}
@media screen and (max-width: 1200px) {
    .section__desc {
        font-size: 16px;
        margin-bottom: 32px;
    }
}
@media screen and (max-width: 768px) {
    .section__desc {
        font-size: 12px;
        margin-bottom: 23px;
    }
}
.section-slider .section-slider__bottom {
    display: flex;
    gap: 0 61px;
    justify-content: center;
    padding-top: 43px;
}
@media screen and (max-width: 1200px) {
    .section-slider .section-slider__bottom {
        display: none;
    }
}
.section-slider .section-slider__bottom .swiper-button-prev {
    border-radius: 50%;
    box-shadow: 0 2px 9px 1px rgba(0, 0, 0, 0.2);
    color: var(--color-gray7);
    height: 51px;
    left: auto;
    margin: 0;
    position: relative;
    top: auto;
    transition: color 0.3s var(--transition);
    width: 51px;
}
@media (hover: hover) {
    .section-slider .section-slider__bottom .swiper-button-prev:hover {
        color: var(--color-orange);
    }
}
@media (hover: none) {
    .section-slider .section-slider__bottom .swiper-button-prev:active {
        color: var(--color-orange);
    }
}
.section-slider .section-slider__bottom .swiper-button-prev:after {
    font-size: 20px;
    left: -2px;
    position: relative;
}
.section-slider .section-slider__bottom .swiper-button-next {
    border-radius: 50%;
    box-shadow: 0 2px 9px 1px rgba(0, 0, 0, 0.2);
    color: var(--color-gray7);
    height: 51px;
    left: auto;
    margin: 0;
    position: relative;
    right: auto;
    top: auto;
    transition: color 0.3s var(--transition);
    width: 51px;
}
@media (hover: hover) {
    .section-slider .section-slider__bottom .swiper-button-next:hover {
        color: var(--color-orange);
    }
}
@media (hover: none) {
    .section-slider .section-slider__bottom .swiper-button-next:active {
        color: var(--color-orange);
    }
}
.section-slider .section-slider__bottom .swiper-button-next:after {
    font-size: 20px;
    left: 1px;
    position: relative;
}
.section-catalog {
    margin-bottom: 60px;
}
@media screen and (max-width: 1200px) {
    .section-catalog {
        margin-bottom: 67px;
    }
}
@media screen and (max-width: 768px) {
    .section-catalog {
        margin-bottom: 45px;
    }
}
.section-catalog .section__title {
    margin-bottom: 36px;
}
@media screen and (max-width: 1200px) {
    .section-catalog .section__title {
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 768px) {
    .section-catalog .section__title {
        margin-bottom: 26px;
    }
}
.section-catalog.section-catalog__block {
    margin-bottom: 0;
    padding-bottom: 30px;
}
.section-catalog.section-catalog__block .section__title {
    margin-bottom: 20px;
    text-align: left;
}
.category-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 110px;
    margin-bottom: 40px;
}
@media screen and (max-width: 1700px) {
    .category-grid {
        gap: 40px 80px;
    }
}
@media screen and (max-width: 1500px) {
    .category-grid {
        gap: 40px 60px;
    }
}
@media screen and (max-width: 768px) {
    .category-grid {
        gap: 20px 30px;
    }
}
.category-grid .category-element {
    width: calc(20% - 88px);
}
@media screen and (max-width: 1700px) {
    .category-grid .category-element {
        width: calc(20% - 64px);
    }
}
@media screen and (max-width: 1500px) {
    .category-grid .category-element {
        width: calc(25% - 45px);
    }
}
@media screen and (max-width: 1300px) {
    .category-grid .category-element {
        width: calc(33.33333% - 40px);
    }
}
@media screen and (max-width: 768px) {
    .category-grid .category-element {
        width: calc(50% - 15px);
    }
}
.category-grid.category-grid-additional {
    gap: 40px 50px;
}
@media screen and (max-width: 1800px) {
    .category-grid.category-grid-additional {
        gap: 30px;
    }
}
@media screen and (max-width: 1600px) {
    .category-grid.category-grid-additional {
        gap: 30px;
    }
}
@media screen and (max-width: 1200px) {
    .category-grid.category-grid-additional {
        gap: 24px;
    }
}
@media screen and (max-width: 768px) {
    .category-grid.category-grid-additional {
        gap: 15px;
    }
}
.category-grid.category-grid-additional .category-element {
    width: calc(20% - 40px);
}
@media screen and (max-width: 1800px) {
    .category-grid.category-grid-additional .category-element {
        width: calc(20% - 24px);
    }
}
@media screen and (max-width: 1600px) {
    .category-grid.category-grid-additional .category-element {
        width: calc(25% - 22.5px);
    }
}
@media screen and (max-width: 1200px) {
    .category-grid.category-grid-additional .category-element {
        width: calc(33.33333% - 16px);
    }
}
@media screen and (max-width: 768px) {
    .category-grid.category-grid-additional .category-element {
        width: calc(50% - 7.5px);
    }
}
.category-element {
    color: var(--color-blacklight2);
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 1.4;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    transition: color 0.3s var(--transition);
}
@media screen and (max-width: 768px) {
    .category-element {
        font-size: 14px;
    }
}
@media (hover: hover) {
    .category-element:hover {
        color: var(--color-orange);
    }
}
@media (hover: none) {
    .category-element:active {
        color: var(--color-orange);
    }
}
.category-element .category-element__img {
    align-items: center;
    display: flex;
    height: 195px;
    height: fit-content;
    width: fit-content;
    justify-content: center;
    margin-bottom: 12px;
    padding: 6px;
    position: relative;
}
@media screen and (max-width: 768px) {
    .category-element .category-element__img {
        height: 130px;
        margin-bottom: 5px;
    }
}
.category-element .category-element__img img {
    max-height: 150px;
    width: auto;
}
@media screen and (max-width: 768px) {
    .category-element .category-element__img img {
        max-height: 130px;
    }
}
.category-element.category-additional {
    background: var(--color-grayRGBA34);
    border-radius: 10px;
    color: var(--color-gray43);
    font-size: 18px;
    font-weight: 500;
    padding: 0;
    transition: all 0.3s var(--transition);
}
@media screen and (max-width: 1300px) {
    .category-element.category-additional {
        font-size: 16px;
    }
}
@media screen and (max-width: 768px) {
    .category-element.category-additional {
        font-size: 12px;
    }
}
@media (hover: hover) {
    .category-element.category-additional:hover {
        box-shadow: 0 4px 7px 0 rgba(77, 77, 77, 0.25);
    }
}
@media (hover: none) {
    .category-element.category-additional:active {
        box-shadow: 0 4px 7px 0 rgba(77, 77, 77, 0.25);
    }
}
.category-element.category-additional .category-element__title {
    padding: 0 26px 16px;
}
@media screen and (max-width: 1700px) {
    .category-element.category-additional .category-element__title {
        padding: 0 14px 11px;
    }
}
.category-element.sale-soon {
    position: relative;
}
@media (hover: hover) {
    .category-element.sale-soon:hover {
        box-shadow: none;
    }
}
@media (hover: none) {
    .category-element.sale-soon:active {
        box-shadow: none;
    }
}
.category-element.sale-soon:before {
    background: var(--color-gray11);
    border-radius: 10px;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.51;
    position: absolute;
    top: 0;
    width: 100%;
}
.category-element.category-mod {
    background: var(--color-gray5);
    border-radius: 10px;
    padding: 35px 24px 20px;
    transition: all 0.3s var(--transition);
}
@media screen and (max-width: 1200px) {
    .category-element.category-mod {
        padding: 30px 20px 16px;
    }
}
@media screen and (max-width: 768px) {
    .category-element.category-mod {
        padding: 10px;
    }
}
@media (hover: hover) {
    .category-element.category-mod:hover {
        box-shadow: 0 4px 7px 0 rgba(77, 77, 77, 0.25);
    }
}
@media (hover: none) {
    .category-element.category-mod:active {
        box-shadow: 0 4px 7px 0 rgba(77, 77, 77, 0.25);
    }
}
.category-element.category-mod .category-element__img {
    height: 190px;
    margin-bottom: 10px;
}
@media screen and (max-width: 1200px) {
    .category-element.category-mod .category-element__img {
        height: 170px;
        margin-bottom: 4px;
    }
}
@media screen and (max-width: 768px) {
    .category-element.category-mod .category-element__img {
        height: 120px;
        margin-bottom: 12px;
    }
}
.category-element.category-mod .category-element__title {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
}
@media screen and (max-width: 768px) {
    .category-element.category-mod .category-element__title {
        font-size: 10px;
    }
}
.catalog-wrapper {
    margin-bottom: 60px;
}
@media screen and (max-width: 1200px) {
    .catalog-wrapper {
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 768px) {
    .catalog-wrapper {
        margin-bottom: 34px;
    }
}
.catalog-wrapper .catalog-wrapper__top {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 42px;
}
@media screen and (max-width: 1200px) {
    .catalog-wrapper .catalog-wrapper__top {
        align-items: flex-start;
        flex-direction: column;
        justify-content: flex-start;
        margin-bottom: 34px;
    }
}
@media screen and (max-width: 768px) {
    .catalog-wrapper .catalog-wrapper__top {
        margin-bottom: 26px;
    }
}
.catalog-wrapper .catalog-wrapper__top .section__title {
    margin-bottom: 0;
}
@media screen and (max-width: 1200px) {
    .catalog-wrapper .catalog-wrapper__top .section__title {
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 768px) {
    .catalog-wrapper .catalog-wrapper__top .section__title {
        margin-bottom: 16px;
    }
}
.catalog-products {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
}
@media screen and (max-width: 1500px) {
    .catalog-products {
        gap: 22px 17px;
    }
}
@media screen and (max-width: 768px) {
    .catalog-products {
        gap: 12px 8px;
    }
}
.catalog-products.catalog-products__first {
    padding-top: 80px;
}
@media screen and (max-width: 768px) {
    .catalog-products.catalog-products__first {
        padding-top: 46px;
    }
}
.catalog-products .product-element,
.catalog-products .project-catalog-banner {
    width: calc(25% - 24px);
}
@media screen and (max-width: 1500px) {
    .catalog-products .product-element,
    .catalog-products .project-catalog-banner {
        width: calc(25% - 12.75px);
    }
}
@media screen and (max-width: 1360px) {
    .catalog-products .product-element,
    .catalog-products .project-catalog-banner {
        width: calc(33.33333% - 11.3333px);
    }
}
@media screen and (max-width: 768px) {
    .catalog-products .product-element,
    .catalog-products .project-catalog-banner {
        width: calc(50% - 4px);
    }
}
.catalog-seo {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 52px;
}
@media screen and (max-width: 1200px) {
    .catalog-seo {
        margin-bottom: 50px;
    }
}
@media screen and (max-width: 768px) {
    .catalog-seo {
        font-size: 14px;
        line-height: 1.4;
        margin-bottom: 29px;
    }
}
.catalog-seo p {
    margin-bottom: 13px;
}
@media screen and (max-width: 768px) {
    .catalog-seo p {
        margin-bottom: 10px;
    }
}
.catalog-seo p:last-child {
    margin-bottom: 0;
}
.catalog-seo a {
    color: var(--color-orange);
    text-decoration: none;
    transition: color 0.3s var(--transition);
}
@media (hover: hover) {
    .catalog-seo a:hover {
        color: var(--color-orange2);
    }
}
@media (hover: none) {
    .catalog-seo a:active {
        color: var(--color-orange2);
    }
}
.catalog-seo h2 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    margin: 0 0 13px;
}
@media screen and (max-width: 768px) {
    .catalog-seo h2 {
        font-size: 14px;
        margin: 17px 0 10px;
    }
}
.catalog-seo h3 {
    font-size: 17px;
    font-weight: 500;
    line-height: 1.5;
    margin: 0 0 13px;
}
@media screen and (max-width: 768px) {
    .catalog-seo h3 {
        font-size: 14px;
        margin: 17px 0 10px;
    }
}
.catalog-seo h4 {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    margin: 0 0 13px;
}
@media screen and (max-width: 768px) {
    .catalog-seo h4 {
        font-size: 14px;
        margin: 17px 0 10px;
    }
}
.catalog-seo img {
    height: auto;
    margin-bottom: 13px;
    max-width: 100%;
    width: auto;
}
@media screen and (max-width: 768px) {
    .catalog-seo img {
        margin-bottom: 10px;
    }
}
.catalog-sort {
    align-items: center;
    display: flex;
}
.catalog-sort .catalog-sort__title {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    margin-right: 20px;
}
@media screen and (max-width: 1200px) {
    .catalog-sort .catalog-sort__title {
        font-size: 16px;
        margin-right: 15px;
    }
}
@media screen and (max-width: 768px) {
    .catalog-sort .catalog-sort__title {
        font-size: 12px;
        margin-right: 10px;
    }
}
.catalog-sort .catalog-sort__list {
    display: flex;
    gap: 0 8px;
}
.catalog-sort .catalog-sort__link {
    align-items: center;
    border: 1px solid var(--color-orange);
    border-radius: 14px;
    color: var(--color-text);
    display: inline-flex;
    font-size: 14px;
    font-weight: 500;
    height: 31px;
    line-height: 29px;
    min-width: 98px;
    padding: 0 18px;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s var(--transition);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
@media screen and (max-width: 1200px) {
    .catalog-sort .catalog-sort__link {
        height: 30px;
        line-height: 28px;
        min-width: 97px;
        padding: 0 16px;
    }
}
@media screen and (max-width: 768px) {
    .catalog-sort .catalog-sort__link {
        font-size: 12px;
        height: 28px;
        line-height: 26px;
        min-width: 78px;
        padding: 0 12px;
    }
}
@media (hover: hover) {
    .catalog-sort .catalog-sort__link:hover {
        background: var(--color-orange2);
        color: var(--color-white);
    }
    .catalog-sort .catalog-sort__link:hover._desc i {
        background: url(/local/templates/.default/assets/css/../img/sort_desc_active.svg) no-repeat 50%;
        background-size: contain;
    }
    .catalog-sort .catalog-sort__link:hover._asc i {
        background: url(/local/templates/.default/assets/css/../img/sort_asc_active.svg) no-repeat 50%;
        background-size: contain;
    }
}
@media (hover: none) {
    .catalog-sort .catalog-sort__link:active {
        background: var(--color-orange2);
        color: var(--color-white);
    }
    .catalog-sort .catalog-sort__link:active._desc i {
        background: url(/local/templates/.default/assets/css/../img/sort_desc_active.svg) no-repeat 50%;
        background-size: contain;
    }
    .catalog-sort .catalog-sort__link:active._asc i {
        background: url(/local/templates/.default/assets/css/../img/sort_asc_active.svg) no-repeat 50%;
        background-size: contain;
    }
}
.catalog-sort .catalog-sort__link i {
    display: block;
    height: 16px;
    margin-right: 4px;
    transition: all 0.3s var(--transition);
    width: 16px;
}
.catalog-sort .catalog-sort__link i,
.catalog-sort .catalog-sort__link._desc i {
    background: url(/local/templates/.default/assets/css/../img/sort_desc.svg) no-repeat 50%;
    background-size: contain;
}
.catalog-sort .catalog-sort__link._asc i {
    background: url(/local/templates/.default/assets/css/../img/sort_asc.svg) no-repeat 50%;
    background-size: contain;
}
.catalog-sort .catalog-sort__link._active {
    background: var(--color-orange);
    color: var(--color-white);
}
.catalog-sort .catalog-sort__link._active._desc i {
    background: url(/local/templates/.default/assets/css/../img/sort_desc_active.svg) no-repeat 50%;
    background-size: contain;
}
.catalog-sort .catalog-sort__link._active._asc i {
    background: url(/local/templates/.default/assets/css/../img/sort_asc_active.svg) no-repeat 50%;
    background-size: contain;
}
.sale-soon-block {
    border-top: 1px solid var(--color-gray);
    margin-top: 57px;
    padding-top: 42px;
}
@media screen and (max-width: 1200px) {
    .sale-soon-block {
        margin-top: 40px;
        padding-top: 26px;
    }
}
@media screen and (max-width: 768px) {
    .sale-soon-block {
        margin-top: 27px;
        padding-top: 19px;
    }
}
.sale-soon-block .sale-soon-block__title {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 45px;
}
@media screen and (max-width: 1200px) {
    .sale-soon-block .sale-soon-block__title {
        font-size: 28px;
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 768px) {
    .sale-soon-block .sale-soon-block__title {
        font-size: 18px;
        margin-bottom: 16px;
    }
}
.sale-soon-block .sale-soon-block__title h1,
.sale-soon-block .sale-soon-block__title h2,
.sale-soon-block .sale-soon-block__title h3,
.sale-soon-block .sale-soon-block__title h4 {
    font-size: 30px;
    font-weight: 500;
    margin: 0;
}
@media screen and (max-width: 1200px) {
    .sale-soon-block .sale-soon-block__title h1,
    .sale-soon-block .sale-soon-block__title h2,
    .sale-soon-block .sale-soon-block__title h3,
    .sale-soon-block .sale-soon-block__title h4 {
        font-size: 28px;
    }
}
@media screen and (max-width: 768px) {
    .sale-soon-block .sale-soon-block__title h1,
    .sale-soon-block .sale-soon-block__title h2,
    .sale-soon-block .sale-soon-block__title h3,
    .sale-soon-block .sale-soon-block__title h4 {
        font-size: 18px;
    }
}
.section-catalog__category {
    display: flex;
    flex-wrap: wrap;
    gap: 29px;
}
@media screen and (max-width: 1200px) {
    .section-catalog__category {
        gap: 28px 19px;
    }
}
@media screen and (max-width: 768px) {
    .section-catalog__category {
        gap: 14px;
    }
}
.section-catalog__category .category-element {
    width: calc(25% - 21.75px);
}
@media screen and (max-width: 1380px) {
    .section-catalog__category .category-element {
        width: calc(33.33333% - 19.3333px);
    }
}
@media screen and (max-width: 1200px) {
    .section-catalog__category .category-element {
        width: calc(33.33333% - 12.6666px);
    }
}
@media screen and (max-width: 768px) {
    .section-catalog__category .category-element {
        width: calc(50% - 7px);
    }
}
.products-section .products-section__title {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 34px;
}
@media screen and (max-width: 1200px) {
    .products-section .products-section__title {
        font-size: 28px;
        margin-bottom: 29px;
    }
}
@media screen and (max-width: 768px) {
    .products-section .products-section__title {
        font-size: 18px;
        margin-bottom: 19px;
    }
}
.products-section .products-section__title h1,
.products-section .products-section__title h2,
.products-section .products-section__title h3,
.products-section .products-section__title h4 {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.5;
}
@media screen and (max-width: 1200px) {
    .products-section .products-section__title h1,
    .products-section .products-section__title h2,
    .products-section .products-section__title h3,
    .products-section .products-section__title h4 {
        font-size: 28px;
    }
}
@media screen and (max-width: 768px) {
    .products-section .products-section__title h1,
    .products-section .products-section__title h2,
    .products-section .products-section__title h3,
    .products-section .products-section__title h4 {
        font-size: 18px;
    }
}
.products-section__grid {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
}
@media screen and (max-width: 1500px) {
    .products-section__grid {
        gap: 22px 17px;
    }
}
@media screen and (max-width: 768px) {
    .products-section__grid {
        gap: 12px 8px;
    }
}
.products-section__grid .product-element {
    width: calc(25% - 24px);
}
@media screen and (max-width: 1500px) {
    .products-section__grid .product-element {
        width: calc(25% - 12.75px);
    }
}
@media screen and (max-width: 1380px) {
    .products-section__grid .product-element {
        width: calc(33.33333% - 11.3333px);
    }
}
@media screen and (max-width: 768px) {
    .products-section__grid .product-element {
        width: calc(50% - 4px);
    }
}
.catalog-products__more {
    display: flex;
    gap: 0 24px;
    justify-content: center;
    padding-top: 56px;
    width: 100%;
}
@media screen and (max-width: 1200px) {
    .catalog-products__more {
        gap: 0 20px;
        padding-top: 38px;
    }
}
@media screen and (max-width: 768px) {
    .catalog-products__more {
        padding-top: 25px;
    }
}
.products-more {
    background: var(--color-gray55);
    border: none;
    border-radius: 25px;
    color: var(--color-white);
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;
    height: 50px;
    line-height: 50px;
    max-width: 270px;
    padding: 0 10px;
    transition: all 0.3s var(--transition);
    width: 100%;
}
@media screen and (max-width: 1200px) {
    .products-more {
        font-size: 16px;
        height: 44px;
        line-height: 44px;
        max-width: 230px;
    }
}
@media screen and (max-width: 768px) {
    .products-more {
        border-radius: 15px;
        font-size: 12px;
        height: 29px;
        line-height: 30px;
        max-width: 130px;
    }
}
@media (hover: hover) {
    .products-more:hover {
        background: var(--color-orange);
    }
}
@media (hover: none) {
    .products-more:active {
        background: var(--color-orange);
    }
}
.products-hide {
    background: transparent;
    border: 2px solid var(--color-gray55);
    border-radius: 25px;
    box-sizing: border-box;
    color: var(--color-text);
    cursor: pointer;
    font-size: 20px;
    height: 50px;
    line-height: 46px;
    max-width: 270px;
    padding: 0 10px;
    transition: all 0.3s var(--transition);
    width: 100%;
}
@media screen and (max-width: 1200px) {
    .products-hide {
        font-size: 16px;
        height: 44px;
        line-height: 44px;
        max-width: 230px;
    }
}
@media screen and (max-width: 768px) {
    .products-hide {
        border-radius: 15px;
        border-width: 1px;
        font-size: 12px;
        height: 29px;
        line-height: 27px;
        max-width: 130px;
    }
}
@media (hover: hover) {
    .products-hide:hover {
        border-color: var(--color-text);
    }
}
@media (hover: none) {
    .products-hide:active {
        border-color: var(--color-text);
    }
}
.sec-video-product {
    margin-bottom: 75px;
}
@media screen and (max-width: 1200px) {
    .sec-video-product {
        margin-bottom: 50px;
    }
}
@media screen and (max-width: 768px) {
    .sec-video-product {
        margin-bottom: 37px;
    }
}
.sec-video-product .section__title {
    margin-bottom: 49px;
}
@media screen and (max-width: 768px) {
    .sec-video-product .section__title {
        margin-bottom: 20px;
    }
}
.video-slider {
    overflow: hidden;
    position: relative;
}
@media screen and (max-width: 1380px) {
    .video-slider {
        left: calc(var(--container-padding) * -1);
        padding-left: var(--container-padding);
        padding-right: var(--container-padding);
        width: calc(100% + var(--container-padding) * 2);
    }
    .video-slider .swiper-slide {
        width: 393px;
    }
}
@media screen and (max-width: 768px) {
    .video-slider .swiper-slide {
        width: 290px;
    }
}
@media screen and (max-width: 1200px) {
    .video-slider + .section-slider__bottom {
        display: none;
    }
}
.video-element {
    align-items: flex-end;
    border-radius: 10px;
    color: var(--color-white);
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 228px;
    letter-spacing: 0.02em;
    line-height: 1.4;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    transition: color 0.3s var(--transition);
}
@media screen and (max-width: 1380px) {
    .video-element {
        font-size: 18px;
        height: 285px;
    }
}
@media screen and (max-width: 768px) {
    .video-element {
        font-size: 12px;
        height: 208px;
    }
}
@media (hover: hover) {
    .video-element:hover:before {
        height: 50%;
    }
    .video-element:hover .video-element__poster {
        transform: scale(1.02);
    }
}
@media (hover: none) {
    .video-element:active:before {
        height: 50%;
    }
    .video-element:active .video-element__poster {
        transform: scale(1.02);
    }
}
.video-element:before {
    background: linear-gradient(0deg, #353535, rgba(91, 91, 91, 0));
    bottom: 0;
    content: "";
    height: 70px;
    left: 0;
    position: absolute;
    transition: height 0.3s var(--transition);
    width: 100%;
    z-index: 2;
}
.video-element .video-element__poster {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(1);
    transition: transform 0.3s var(--transition);
    width: 100%;
    z-index: 1;
}
.video-element .video-element__poster img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
}
.video-element .video-element__play {
    content: "";
    height: 47px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 67px;
    z-index: 6;
}
@media screen and (max-width: 768px) {
    .video-element .video-element__play,
    .video-element .video-element__play svg {
        height: 36px;
        width: 51px;
    }
}
.video-element .video-element__play svg rect {
    fill: var(--color-red2);
}
.video-element .video-element__play svg path {
    fill: var(--color-white);
}
.video-element .video-element__title {
    padding: 19px 13px;
    position: relative;
    z-index: 3;
}
@media screen and (max-width: 1380px) {
    .video-element .video-element__title {
        padding: 17px;
    }
}
@media screen and (max-width: 768px) {
    .video-element .video-element__title {
        padding: 14px;
    }
}
.section-whywe {
    margin-bottom: 79px;
}
@media screen and (max-width: 1200px) {
    .section-whywe {
        margin-bottom: 60px;
    }
}
@media screen and (max-width: 768px) {
    .section-whywe {
        margin-bottom: 37px;
    }
}
.section-whywe .section__title {
    margin-bottom: 50px;
    padding-right: 100px;
    position: relative;
}
@media screen and (max-width: 1200px) {
    .section-whywe .section__title {
        align-items: center;
        display: flex;
        flex-direction: column;
        gap: 16px 0;
        justify-content: center;
        margin-bottom: 38px;
        padding-right: 0;
    }
}
@media screen and (max-width: 768px) {
    .section-whywe .section__title {
        gap: 11px 0;
        margin-bottom: 20px;
    }
}
.section-whywe .section__title .btn {
    position: absolute;
    right: 0;
    top: 0;
}
@media screen and (max-width: 1200px) {
    .section-whywe .section__title .btn {
        position: relative;
    }
}
.whywe-banner {
    align-items: center;
    background: var(--color-gray5);
    border-radius: 10px;
    display: flex;
    margin-bottom: 39px;
    min-height: 209px;
    overflow: hidden;
    padding: 30px 45px;
    position: relative;
}
@media screen and (max-width: 1700px) {
    .whywe-banner {
        padding: 30px 26px;
    }
}
@media screen and (max-width: 1380px) {
    .whywe-banner {
        flex-direction: column;
        margin-bottom: 22px;
    }
}
@media screen and (max-width: 1200px) {
    .whywe-banner {
        margin-bottom: 35px;
        padding-bottom: 400px;
    }
}
@media screen and (max-width: 768px) {
    .whywe-banner {
        margin-bottom: 21px;
        padding-bottom: calc(var(--index) * 23 + 20px);
        padding-top: 10px;
    }
}
@media screen and (max-width: 520px) {
    .whywe-banner {
        padding-bottom: calc(var(--index) * 20 + 20px);
    }
}
@media screen and (max-width: 440px) {
    .whywe-banner {
        padding-bottom: calc(var(--index) * 17 + 20px);
    }
}
.whywe-banner:before {
    background: linear-gradient(270deg, #e0c6a8, hsla(33, 47%, 77%, 0.5) 51.5%, hsla(32, 47%, 77%, 0) 99%);
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 63%;
    z-index: 1;
}
@media screen and (max-width: 1200px) {
    .whywe-banner:before {
        height: 200%;
        transform: rotate(90deg);
        width: 100%;
    }
}
.whywe-banner .whywe-banner__title {
    align-items: center;
    color: var(--color-orange);
    display: flex;
    font-size: 32px;
    font-weight: 700;
    gap: 0 35px;
    line-height: 1.2;
    max-width: 350px;
    position: relative;
    z-index: 5;
}
@media screen and (max-width: 1700px) {
    .whywe-banner .whywe-banner__title {
        font-size: 28px;
        gap: 0 16px;
        max-width: 300px;
    }
}
@media screen and (max-width: 1380px) {
    .whywe-banner .whywe-banner__title {
        font-size: 24px;
    }
}
@media screen and (max-width: 1200px) {
    .whywe-banner .whywe-banner__title {
        font-size: 42px;
        line-height: 1;
        margin-bottom: 22px;
        max-width: 390px;
    }
}
@media screen and (max-width: 768px) {
    .whywe-banner .whywe-banner__title {
        font-size: 24px;
        margin-bottom: 10px;
        max-width: 230px;
    }
}
.whywe-banner .whywe-banner__title span {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, #fc921d, rgba(252, 169, 77, 0.87));
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 114px;
    font-weight: 700;
    letter-spacing: -0.06em;
    line-height: 1.1;
    padding-right: 5px;
    text-align: center;
}
@media screen and (max-width: 1380px) {
    .whywe-banner .whywe-banner__title span {
        font-size: 100px;
    }
}
@media screen and (max-width: 1200px) {
    .whywe-banner .whywe-banner__title span {
        font-size: 116px;
        line-height: 1;
    }
}
@media screen and (max-width: 768px) {
    .whywe-banner .whywe-banner__title span {
        font-size: 66px;
    }
}
.whywe-banner .whywe-banner__img {
    background: url(/local/templates/.default/assets/css/../img/whywe-banner__img.webp) no-repeat bottom;
    background-size: contain;
    bottom: 0;
    content: "";
    height: calc(100% + 23px);
    left: 28.3%;
    pointer-events: none;
    position: absolute;
    width: 403px;
    z-index: 2;
}
@media screen and (max-width: 1700px) {
    .whywe-banner .whywe-banner__img {
        width: 340px;
    }
}
@media screen and (max-width: 1380px) {
    .whywe-banner .whywe-banner__img {
        display: none;
    }
}
.whywe-banner .whywe-banner__img:before {
    background: var(--color-white);
    border-radius: 50%;
    content: "";
    height: 54px;
    left: -26px;
    position: absolute;
    top: -4px;
    width: 54px;
}
.whywe-banner .whywe-banner__photo {
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 47px;
    top: 0;
    width: 41%;
    z-index: 4;
}
@media screen and (max-width: 1700px) {
    .whywe-banner .whywe-banner__photo {
        right: 10px;
    }
}
@media screen and (max-width: 1200px) {
    .whywe-banner .whywe-banner__photo {
        align-items: flex-start;
        bottom: 0;
        display: flex;
        height: 400px;
        justify-content: center;
        left: 0;
        padding-top: 50px;
        right: auto;
        top: auto;
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .whywe-banner .whywe-banner__photo {
        height: calc(var(--index) * 23);
        padding-top: 10px;
    }
}
@media screen and (max-width: 520px) {
    .whywe-banner .whywe-banner__photo {
        height: calc(var(--index) * 20);
    }
}
@media screen and (max-width: 440px) {
    .whywe-banner .whywe-banner__photo {
        height: calc(var(--index) * 17);
    }
}
.whywe-banner .whywe-banner__photo:before {
    background: linear-gradient(180deg, rgba(255, 220, 129, 0.9), rgba(244, 170, 89, 0.9));
    border-radius: 50%;
    content: "";
    display: none;
    height: 38px;
    position: absolute;
    right: -6px;
    top: 32px;
    width: 38px;
}
@media screen and (max-width: 1200px) {
    .whywe-banner .whywe-banner__photo:before {
        display: block;
    }
}
@media screen and (max-width: 768px) {
    .whywe-banner .whywe-banner__photo:before {
        height: 19px;
        right: -7px;
        top: 17px;
        width: 19px;
    }
}
.whywe-banner .whywe-banner__photo:after {
    background: linear-gradient(180deg, rgba(255, 220, 129, 0.9), rgba(244, 201, 89, 0.9));
    border-radius: 50%;
    content: "";
    display: none;
    height: 21px;
    position: absolute;
    right: 39px;
    top: 2px;
    width: 21px;
}
@media screen and (max-width: 1200px) {
    .whywe-banner .whywe-banner__photo:after {
        display: block;
    }
}
@media screen and (max-width: 768px) {
    .whywe-banner .whywe-banner__photo:after {
        height: 10px;
        right: 14px;
        top: 3px;
        width: 10px;
    }
}
.whywe-banner .whywe-banner__desc {
    background: linear-gradient(180deg, rgba(255, 220, 129, 0.9), rgba(244, 170, 89, 0.9));
    border-radius: 100%;
    bottom: -98px;
    color: var(--color-gray10);
    font-size: 18px;
    font-weight: 500;
    height: 246px;
    line-height: 1.3;
    padding: 55px 45px 0 40px;
    position: absolute;
    right: 40%;
    text-align: center;
    width: 341px;
    z-index: 3;
}
@media screen and (max-width: 1700px) {
    .whywe-banner .whywe-banner__desc {
        font-size: 16px;
        right: 38%;
        width: 300px;
    }
}
@media screen and (max-width: 1380px) {
    .whywe-banner .whywe-banner__desc {
        right: 35%;
    }
}
@media screen and (max-width: 1200px) {
    .whywe-banner .whywe-banner__desc {
        background: transparent;
        border-radius: 0;
        bottom: auto;
        font-size: 22px;
        height: auto;
        margin: 0 auto;
        max-width: 490px;
        padding: 0;
        position: static;
        right: auto;
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .whywe-banner .whywe-banner__desc {
        font-size: 12px;
        max-width: 280px;
    }
}
.whywe-banner .whywe-banner__desc:before {
    background: var(--color-white);
    border-radius: 50%;
    content: "";
    height: 28px;
    left: -5px;
    pointer-events: none;
    position: absolute;
    top: 73px;
    width: 28px;
}
@media screen and (max-width: 1200px) {
    .whywe-banner .whywe-banner__desc:before {
        height: 61px;
        left: auto;
        right: 60px;
        top: -30px;
        width: 61px;
    }
}
@media screen and (max-width: 768px) {
    .whywe-banner .whywe-banner__desc:before {
        height: 24px;
        right: 33px;
        top: -10px;
        width: 24px;
    }
}
.whywe-banner .whywe-banner__desc:after {
    background: var(--color-white);
    border-radius: 50%;
    bottom: 73px;
    content: "";
    height: 55px;
    left: -38px;
    pointer-events: none;
    position: absolute;
    width: 55px;
}
@media screen and (max-width: 1200px) {
    .whywe-banner .whywe-banner__desc:after {
        height: 56px;
        left: -28px;
        top: 150px;
        width: 56px;
    }
}
@media screen and (max-width: 768px) {
    .whywe-banner .whywe-banner__desc:after {
        height: 29px;
        left: -12px;
        top: 50px;
        width: 29px;
    }
}
.whywe-list {
    display: flex;
    gap: 22px 32px;
}
@media screen and (max-width: 1940px) {
    .whywe-list {
        gap: 16px;
    }
}
@media screen and (max-width: 1380px) {
    .whywe-list {
        flex-wrap: wrap;
    }
}
@media screen and (max-width: 1200px) {
    .whywe-list {
        gap: 14px;
    }
}
@media screen and (max-width: 768px) {
    .whywe-list {
        gap: 10px;
    }
}
.whywe-list .whywe-element {
    width: calc(25% - 24px);
}
@media screen and (max-width: 1940px) {
    .whywe-list .whywe-element {
        width: calc(25% - 12px);
    }
}
@media screen and (max-width: 1380px) {
    .whywe-list .whywe-element {
        width: calc(50% - 12px);
    }
}
@media screen and (max-width: 1200px) {
    .whywe-list .whywe-element {
        width: calc(50% - 7px);
    }
}
@media screen and (max-width: 768px) {
    .whywe-list .whywe-element {
        width: calc(50% - 5px);
    }
}
.whywe-element {
    background: var(--color-gray11);
    border-radius: 10px;
    overflow: hidden;
    padding: 21px 23px;
    position: relative;
}
@media screen and (max-width: 1940px) {
    .whywe-element {
        padding: 21px 16px;
    }
}
@media screen and (max-width: 1200px) {
    .whywe-element {
        padding: 15px 14px;
    }
}
@media screen and (max-width: 768px) {
    .whywe-element {
        padding: 14px;
        text-align: center;
    }
}
.whywe-element:before {
    background: linear-gradient(231deg, #ffe4c6, #f2e6c8);
    border-radius: 100%;
    content: "";
    filter: blur(116.3000030518px);
    height: 250px;
    position: absolute;
    right: -87px;
    top: -87px;
    width: 250px;
    z-index: 1;
}
@media screen and (max-width: 1200px) {
    .whywe-element:before {
        height: 219px;
        margin-top: -110px;
        right: -39px;
        top: 50%;
        width: 219px;
    }
}
@media screen and (max-width: 768px) {
    .whywe-element:before {
        bottom: -11px;
        filter: blur(50.3000030518px);
        height: 130px;
        margin-top: 0;
        top: auto;
        width: 130px;
    }
}
.whywe-element .whywe-element__top {
    align-items: center;
    display: flex;
    margin-bottom: 26px;
    position: relative;
    z-index: 2;
}
@media screen and (max-width: 1200px) {
    .whywe-element .whywe-element__top {
        margin-bottom: 0;
    }
}
.whywe-element .whywe-element__icon {
    align-items: center;
    background: var(--color-gray12);
    border: 4px solid var(--color-white);
    border-radius: 50%;
    display: flex;
    height: 62px;
    justify-content: center;
    margin-right: 26px;
    padding: 3px;
    width: 62px;
}
@media screen and (max-width: 1700px) {
    .whywe-element .whywe-element__icon {
        margin-right: 12px;
    }
}
@media screen and (max-width: 768px) {
    .whywe-element .whywe-element__icon {
        display: none;
    }
}
.whywe-element .whywe-element__icon img {
    height: auto;
    max-width: 100%;
}
.whywe-element .whywe-element__group {
    width: calc(100% - 88px);
}
@media screen and (max-width: 1700px) {
    .whywe-element .whywe-element__group {
        width: calc(100% - 74px);
    }
}
@media screen and (max-width: 768px) {
    .whywe-element .whywe-element__group {
        width: 100%;
    }
}
.whywe-element .whywe-element__title {
    color: var(--color-gray13);
    font-family: var(--font-family);
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1.2;
    margin-bottom: 2px;
}
@media screen and (max-width: 1700px) {
    .whywe-element .whywe-element__title {
        font-size: 24px;
    }
}
@media screen and (max-width: 768px) {
    .whywe-element .whywe-element__title {
        font-size: 18px;
        margin-bottom: 7px;
    }
}
.whywe-element .whywe-element__subtitle {
    color: var(--color-gray13);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
}
@media screen and (max-width: 1700px) {
    .whywe-element .whywe-element__subtitle {
        font-size: 14px;
    }
}
@media screen and (max-width: 768px) {
    .whywe-element .whywe-element__subtitle {
        font-size: 12px;
    }
}
.whywe-element .whywe-element__content {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    max-width: 316px;
    position: relative;
    z-index: 2;
}
@media screen and (max-width: 1200px) {
    .whywe-element .whywe-element__content {
        display: none;
    }
}
.whywe-list-block {
    margin-bottom: 59px;
}
@media screen and (max-width: 1200px) {
    .whywe-list-block {
        margin-bottom: 44px;
    }
}
@media screen and (max-width: 768px) {
    .whywe-list-block {
        margin-bottom: 27px;
    }
}
.whywe-list-block .whywe-list-block__title {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 33px;
}
@media screen and (max-width: 1200px) {
    .whywe-list-block .whywe-list-block__title {
        font-size: 28px;
        margin-bottom: 23px;
    }
}
@media screen and (max-width: 768px) {
    .whywe-list-block .whywe-list-block__title {
        font-size: 18px;
        margin-bottom: 18px;
    }
}
.whywe-list-block .whywe-list-block__title h1,
.whywe-list-block .whywe-list-block__title h2,
.whywe-list-block .whywe-list-block__title h3 {
    font-size: 30px;
    font-weight: 500;
    margin: 0;
}
@media screen and (max-width: 1200px) {
    .whywe-list-block .whywe-list-block__title h1,
    .whywe-list-block .whywe-list-block__title h2,
    .whywe-list-block .whywe-list-block__title h3 {
        font-size: 28px;
    }
}
@media screen and (max-width: 768px) {
    .whywe-list-block .whywe-list-block__title h1,
    .whywe-list-block .whywe-list-block__title h2,
    .whywe-list-block .whywe-list-block__title h3 {
        font-size: 18px;
    }
    .whywe-list-block .whywe-list {
        flex-direction: column;
    }
    .whywe-list-block .whywe-list .whywe-element {
        text-align: left;
        width: 100%;
    }
    .whywe-list-block .whywe-list .whywe-element:before {
        bottom: 0;
        filter: blur(70.3000030518px);
        height: 250px;
        right: 0;
        top: auto;
        transform: translateX(45%);
        width: 250px;
    }
    .whywe-list-block .whywe-list .whywe-element .whywe-element__top {
        margin-bottom: 12px;
    }
    .whywe-list-block .whywe-list .whywe-element .whywe-element__icon {
        display: flex;
        height: 54px;
        margin-right: 19px;
        width: 54px;
    }
    .whywe-list-block .whywe-list .whywe-element .whywe-element__group {
        width: calc(100% - 73px);
    }
    .whywe-list-block .whywe-list .whywe-element .whywe-element__title {
        font-size: 24px;
        letter-spacing: -0.01em;
        margin-bottom: 5px;
    }
    .whywe-list-block .whywe-list .whywe-element .whywe-element__subtitle {
        font-size: 14px;
        font-weight: 500;
    }
    .whywe-list-block .whywe-list .whywe-element .whywe-element__content {
        display: block;
        font-size: 14px;
        max-width: 100%;
    }
}
.sec-reviews {
    margin-bottom: 63px;
}
@media screen and (max-width: 768px) {
    .sec-reviews {
        margin-bottom: 38px;
    }
}
.sec-reviews .section__title {
    margin-bottom: 50px;
    position: relative;
}
@media screen and (max-width: 1200px) {
    .sec-reviews .section__title {
        align-items: center;
        display: flex;
        flex-direction: column;
        gap: 16px 0;
        justify-content: center;
        margin-bottom: 38px;
        padding-right: 0;
    }
}
@media screen and (max-width: 768px) {
    .sec-reviews .section__title {
        gap: 11px 0;
        margin-bottom: 20px;
    }
}
.sec-reviews .section__title .btn {
    position: absolute;
    right: 0;
    top: 0;
}
@media screen and (max-width: 1200px) {
    .sec-reviews .section__title .btn {
        position: relative;
    }
}
.reviews-slider {
    overflow: hidden;
    position: relative;
}
@media screen and (max-width: 1380px) {
    .reviews-slider {
        padding-right: var(--container-padding);
        width: calc(100% + var(--container-padding));
    }
}
.reviews-slider.swiper-initialized .swiper-slide {
    margin-right: 0;
    width: auto;
}
@media screen and (max-width: 1380px) {
    .reviews-slider.swiper-initialized .swiper-slide {
        margin-right: 0;
    }
}
.reviews-slider .swiper-slide {
    height: auto;
    margin-right: 30px;
    width: calc(33.33333% - 20px);
}
@media screen and (max-width: 1380px) {
    .reviews-slider .swiper-slide {
        max-width: 390px;
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .reviews-slider .swiper-slide {
        max-width: 287px;
    }
}
.reviews-slider .swiper-slide .reviews-element {
    height: 100%;
}
.reviews-element {
    background: var(--color-orange7);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    padding: 30px 28px 33px;
}
@media screen and (max-width: 1600px) {
    .reviews-element {
        padding: 19px 15px;
    }
}
@media screen and (max-width: 1380px) {
    .reviews-element {
        display: flex;
        flex-direction: column;
        padding-bottom: 16px;
    }
}
@media screen and (max-width: 768px) {
    .reviews-element {
        border-radius: 5px;
        padding: 17px 13px 21px;
    }
}
.reviews-element .reviews-element__top {
    display: flex;
    margin-bottom: 27px;
}
@media screen and (max-width: 1380px) {
    .reviews-element .reviews-element__top {
        display: contents;
    }
}
.reviews-element .reviews-element__img {
    border-radius: 3px;
    height: 140px;
    margin-right: 24px;
    overflow: hidden;
    width: 200px;
}
@media screen and (max-width: 1600px) {
    .reviews-element .reviews-element__img {
        margin-right: 12px;
        width: 180px;
    }
}
@media screen and (max-width: 1380px) {
    .reviews-element .reviews-element__img {
        height: 190px;
        margin-bottom: 0;
        margin-right: 0;
        margin-top: 21px;
        order: 4;
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .reviews-element .reviews-element__img {
        height: 140px;
    }
}
.reviews-element .reviews-element__img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
}
.reviews-element .reviews-element__group {
    width: 100%;
}
@media screen and (max-width: 1380px) {
    .reviews-element .reviews-element__group {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 768px) {
    .reviews-element .reviews-element__group {
        margin-bottom: 18px;
    }
}
.reviews-element .reviews-element__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media screen and (max-width: 1600px) {
    .reviews-element .reviews-element__title {
        font-size: 20px;
    }
}
@media screen and (max-width: 1380px) {
    .reviews-element .reviews-element__title {
        margin-bottom: 15px;
        white-space: wrap;
    }
}
@media screen and (max-width: 768px) {
    .reviews-element .reviews-element__title {
        font-size: 16px;
        margin-bottom: 10px;
        min-height: 38px;
    }
}
.reviews-element .reviews-element__autor {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 26px;
}
@media screen and (max-width: 1600px) {
    .reviews-element .reviews-element__autor {
        font-size: 16px;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 1380px) {
    .reviews-element .reviews-element__autor {
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .reviews-element .reviews-element__autor {
        font-size: 14px;
    }
}
.reviews-element .reviews-element__date {
    color: var(--color-gray17);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    padding-top: 1px;
}
@media screen and (max-width: 1380px) {
    .reviews-element .reviews-element__date {
        font-size: 14px;
    }
}
@media screen and (max-width: 768px) {
    .reviews-element .reviews-element__date {
        font-size: 12px;
    }
}
.reviews-element .reviews-element__line {
    align-items: center;
    display: flex;
    gap: 16px;
}
.reviews-element .reviews-element__content {
    -webkit-line-clamp: 11;
    line-clamp: 11;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 44px;
    overflow: hidden;
}
@media screen and (max-width: 1600px) {
    .reviews-element .reviews-element__content {
        -webkit-line-clamp: 9;
        line-clamp: 9;
        margin-bottom: 23px;
    }
}
@media screen and (max-width: 768px) {
    .reviews-element .reviews-element__content {
        font-size: 14px;
        margin-bottom: 17px;
    }
}
.reviews-element .reviews-element__content p {
    margin: 0;
}
.reviews-element .reviews-element__service {
    align-items: center;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    gap: 0 3px;
    line-height: 1.4;
}
@media screen and (max-width: 1600px) {
    .reviews-element .reviews-element__service {
        font-size: 14px;
        order: 1;
    }
}
@media screen and (max-width: 768px) {
    .reviews-element .reviews-element__service {
        font-size: 12px;
    }
}
.reviews-element .reviews-element__service .yandex {
    background: url(/local/templates/.default/assets/css/../img/logo_yandex.webp) no-repeat 50%;
    background-size: contain;
    height: 18px;
    width: 55px;
}
@media screen and (max-width: 768px) {
    .reviews-element .reviews-element__service .yandex {
        height: 16px;
        width: 52px;
    }
}
.reviews-element .reviews-element__bottom {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: auto;
}
@media screen and (max-width: 1600px) {
    .reviews-element .reviews-element__bottom {
        align-items: flex-start;
        flex-direction: column;
        gap: 22px 0;
    }
}
@media screen and (max-width: 768px) {
    .reviews-element .reviews-element__bottom {
        gap: 19px 0;
    }
}
.reviews-element .reviews-element__link {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    margin-top: auto;
}
@media screen and (max-width: 1600px) {
    .reviews-element .reviews-element__link {
        order: 2;
    }
}
@media screen and (max-width: 768px) {
    .reviews-element .reviews-element__link {
        font-size: 14px;
    }
}
.reviews-element .reviews-element__link a {
    color: var(--color-blue3);
    display: inline-block;
    text-decoration: none;
    transition: color 0.3s var(--transition);
}
.reviews-element .reviews-element__link a:hover {
    color: var(--color-blue);
}
.rating {
    display: flex;
    gap: 5px;
    height: 17px;
}
.rating span {
    display: block;
    line-height: 0px;
}
@media screen and (max-width: 768px) {
    .rating svg {
        height: 16px;
        width: 17px;
    }
}
.rating svg path {
    fill: var(--color-gray12);
}
.rating.rating-1 span:nth-child(-1n + 1) svg path,
.rating.rating-2 span:nth-child(-1n + 2) svg path,
.rating.rating-3 span:nth-child(-1n + 3) svg path,
.rating.rating-4 span:nth-child(-1n + 4) svg path,
.rating.rating-5 span:nth-child(-1n + 5) svg path {
    fill: var(--color-orange);
}
.reviews-form-block .reviews-form-block__title {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 16px;
    position: relative;
    z-index: 5;
}
@media screen and (max-width: 1200px) {
    .reviews-form-block .reviews-form-block__title {
        font-size: 28px;
        font-weight: 500;
        margin-bottom: 15px;
    }
}
@media screen and (max-width: 768px) {
    .reviews-form-block .reviews-form-block__title {
        font-size: 18px;
        margin-bottom: 8px;
    }
}
.reviews-form-block .reviews-form-block__title h1,
.reviews-form-block .reviews-form-block__title h2,
.reviews-form-block .reviews-form-block__title h3 {
    font-size: 30px;
    font-weight: 500;
    margin: 0;
}
@media screen and (max-width: 1200px) {
    .reviews-form-block .reviews-form-block__title h1,
    .reviews-form-block .reviews-form-block__title h2,
    .reviews-form-block .reviews-form-block__title h3 {
        font-size: 28px;
        font-weight: 500;
    }
}
@media screen and (max-width: 768px) {
    .reviews-form-block .reviews-form-block__title h1,
    .reviews-form-block .reviews-form-block__title h2,
    .reviews-form-block .reviews-form-block__title h3 {
        font-size: 18px;
    }
}
.reviews-form-block .reviews-form-block__desc {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 38px;
    position: relative;
    z-index: 5;
}
@media screen and (max-width: 1200px) {
    .reviews-form-block .reviews-form-block__desc {
        font-size: 16px;
        line-height: 1.4;
        margin-bottom: 32px;
    }
}
@media screen and (max-width: 768px) {
    .reviews-form-block .reviews-form-block__desc {
        font-size: 14px;
        line-height: 1.2;
        margin-bottom: 21px;
    }
}
.reviews-form {
    background: var(--color-gray5);
    border-radius: 10px;
    overflow: hidden;
    padding: 31px 31px 35px;
    position: relative;
    z-index: 5;
}
@media screen and (max-width: 1200px) {
    .reviews-form {
        border-radius: 0;
        left: calc(var(--container-padding) * -1);
        padding: 30px var(--container-padding) 460px var(--container-padding);
        width: calc(100% + var(--container-padding) * 2);
    }
}
@media screen and (max-width: 768px) {
    .reviews-form {
        padding: 18px var(--container-padding) 265px var(--container-padding);
    }
}
.reviews-form .reviews-form-block__home {
    background: url(/local/templates/.default/assets/css/../img/reviews-form-block__home.webp) no-repeat 100% 100%;
    background-size: contain;
    bottom: 0;
    content: "";
    height: 580px;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 2;
}
@media screen and (max-width: 1600px) {
    .reviews-form .reviews-form-block__home {
        height: 430px;
    }
}
@media screen and (max-width: 768px) {
    .reviews-form .reviews-form-block__home {
        bottom: -15px;
        height: 270px;
    }
}
.reviews-form .reviews-form-block__leaves {
    background: url(/local/templates/.default/assets/css/../img/reviews-form-block__leaves.webp) no-repeat 100% 0;
    background-size: contain;
    content: "";
    height: 125px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 2;
}
@media screen and (max-width: 1200px) {
    .reviews-form .reviews-form-block__leaves {
        background: url(/local/templates/.default/assets/css/../img/reviews-form-block__leaves_m.webp) no-repeat 50%;
        background-size: contain;
        bottom: 270px;
        height: 160px;
        right: 193px;
        top: auto;
        width: 411px;
    }
}
@media screen and (max-width: 768px) {
    .reviews-form .reviews-form-block__leaves {
        bottom: 131px;
        right: 80px;
        width: 240px;
    }
}
.reviews-form .reviews-form__container {
    max-width: 730px;
    position: relative;
    z-index: 5;
}
@media screen and (max-width: 1600px) {
    .reviews-form .reviews-form__container {
        max-width: 640px;
    }
}
@media screen and (max-width: 1200px) {
    .reviews-form .reviews-form__container {
        max-width: 100%;
    }
}
.reviews-form .reviews-form__title {
    color: var(--color-gray50);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 19px;
}
@media screen and (max-width: 1200px) {
    .reviews-form .reviews-form__title {
        margin-bottom: 28px;
    }
}
@media screen and (max-width: 768px) {
    .reviews-form .reviews-form__title {
        font-size: 12px;
        margin-bottom: 14px;
    }
}
.reviews-form .block-input {
    margin-bottom: 18px;
}
@media screen and (max-width: 768px) {
    .reviews-form .block-input {
        margin-bottom: 14px;
    }
}
.reviews-form .form-rating {
    margin-bottom: 22px;
    margin-top: 49px;
}
@media screen and (max-width: 1200px) {
    .reviews-form .form-rating {
        margin-bottom: 38px;
        margin-top: 44px;
    }
}
@media screen and (max-width: 768px) {
    .reviews-form .form-rating {
        margin-bottom: 20px;
        margin-top: 30px;
    }
}
@media screen and (max-width: 1200px) {
    .reviews-form .block-textarea .block-textarea__val {
        height: 250px;
    }
}
@media screen and (max-width: 768px) {
    .reviews-form .block-textarea .block-textarea__val {
        font-size: 12px;
        height: 150px;
    }
}
.form-rating {
    align-items: center;
    display: flex;
    gap: 0 20px;
}
@media screen and (max-width: 768px) {
    .form-rating {
        gap: 0 14px;
    }
}
.form-rating .form-rating__title {
    font-size: 18px;
    font-weight: 500;
}
@media screen and (max-width: 768px) {
    .form-rating .form-rating__title {
        font-size: 14px;
        font-weight: 400;
    }
}
.form-rating .form-rating__stars {
    display: flex;
    gap: 0 4px;
}
@media screen and (max-width: 768px) {
    .form-rating .form-rating__stars {
        gap: 0 6px;
    }
}
.form-rating .form-rating__stars span {
    cursor: pointer;
    display: block;
    line-height: 0px;
}
.form-rating .form-rating__stars span._active svg path,
.form-rating .form-rating__stars span._on svg path {
    fill: var(--color-orange);
}
@media screen and (max-width: 768px) {
    .form-rating .form-rating__stars span svg {
        height: 22px;
        width: 25px;
    }
}
.form-rating .form-rating__stars span svg path {
    fill: var(--color-gray12);
    transition: fill 0.3s var(--transition);
}
.reviews-form__container .form-files {
    margin-bottom: 44px;
    margin-top: 30px;
}
@media screen and (max-width: 1200px) {
    .reviews-form__container .form-files {
        margin-bottom: 48px;
        margin-top: 40px;
    }
}
@media screen and (max-width: 768px) {
    .reviews-form__container .form-files {
        margin-bottom: 27px;
        margin-top: 24px;
    }
}
.reviews-form__container .agree-form {
    margin-bottom: 37px;
}
@media screen and (max-width: 768px) {
    .reviews-form__container .agree-form {
        margin-bottom: 22px;
    }
}
.reviews-form__container .btn {
    display: block;
    font-size: 22px;
    height: 52px;
    line-height: 52px;
    max-width: 240px;
    width: 100%;
}
@media screen and (max-width: 1200px) {
    .reviews-form__container .btn {
        margin: 0 auto;
    }
}
@media screen and (max-width: 768px) {
    .reviews-form__container .btn {
        font-size: 16px;
        height: 38px;
        line-height: 38px;
        max-width: 180px;
    }
}
.reviews-fancybox {
    transition: all 0s var(--transition);
}
@media screen and (max-width: 768px) {
    .reviews-fancybox {
        height: calc(100% - 91px);
    }
    .reviews-fancybox.reviews-fancybox__top {
        height: calc(100% - 126px);
        top: 35px;
    }
}
@media screen and (max-width: 1200px) {
    .reviews-fancybox .fancybox-bg {
        background: var(--color-white);
        opacity: 1;
    }
    .reviews-fancybox .fancybox-slide--html {
        padding: 0;
    }
}
@media screen and (max-width: 768px) {
    .reviews-fancybox .fancybox-slide:before {
        vertical-align: top;
    }
    .reviews-fancybox .fancybox-infobar,
    .reviews-fancybox .fancybox-navigation,
    .reviews-fancybox .fancybox-toolbar {
        display: none !important;
    }
}
.reviews-popup {
    border-radius: 10px;
    max-width: 1360px;
    padding: 56px 25px 45px 70px;
    width: calc(100% - 40px);
}
@media screen and (max-width: 1200px) {
    .reviews-popup {
        padding: 30px 35px;
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .reviews-popup {
        padding: 14px 13px;
    }
}
.reviews-popup .reviews-popup__row {
    display: flex;
    gap: 0 35px;
}
@media screen and (max-width: 1200px) {
    .reviews-popup .reviews-popup__row {
        flex-direction: column;
    }
}
.reviews-popup .reviews-popup__row .reviews-gallery {
    width: 55%;
}
@media screen and (max-width: 1200px) {
    .reviews-popup .reviews-popup__row .reviews-gallery {
        margin-bottom: 30px;
        order: 2;
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .reviews-popup .reviews-popup__row .reviews-gallery {
        margin-bottom: 18px;
    }
}
.reviews-popup .reviews-popup__row .reviews-popup__content {
    width: calc(45% - 35px);
}
@media screen and (max-width: 1200px) {
    .reviews-popup .reviews-popup__row .reviews-popup__content {
        display: contents;
        width: 100%;
    }
    .reviews-popup .reviews-popup__row .reviews-popup__block {
        order: 3;
    }
}
.reviews-popup .reviews-popup__title {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 15px;
}
@media screen and (max-width: 1200px) {
    .reviews-popup .reviews-popup__title {
        font-size: 28px;
        font-weight: 500;
        letter-spacing: 0.02em;
        margin-bottom: 30px;
        order: 1;
        width: calc(100% - 50px);
    }
}
@media screen and (max-width: 768px) {
    .reviews-popup .reviews-popup__title {
        font-size: 18px;
        margin-bottom: 18px;
        width: calc(100% - 40px);
    }
}
.reviews-popup .reviews-popup__autor {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 18px;
}
@media screen and (max-width: 1200px) {
    .reviews-popup .reviews-popup__autor {
        font-size: 20px;
    }
}
@media screen and (max-width: 768px) {
    .reviews-popup .reviews-popup__autor {
        font-size: 14px;
        margin-bottom: 10px;
    }
}
.reviews-popup .reviews-popup__line {
    align-items: center;
    display: flex;
    gap: 0 17px;
    margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
    .reviews-popup .reviews-popup__line {
        margin-bottom: 20px;
    }
}
.reviews-popup .reviews-popup__date {
    color: var(--color-gray17);
    font-size: 12px;
}
@media screen and (max-width: 1200px) {
    .reviews-popup .reviews-popup__date {
        font-size: 14px;
    }
}
@media screen and (max-width: 768px) {
    .reviews-popup .reviews-popup__date {
        font-size: 12px;
    }
}
.reviews-popup .reviews-popup__desc {
    font-size: 16px;
    line-height: 1.5;
}
@media screen and (max-width: 768px) {
    .reviews-popup .reviews-popup__desc {
        font-size: 14px;
        line-height: 1.4;
    }
}
.reviews-popup .reviews-popup__desc p {
    margin-bottom: 8px;
}
.reviews-popup .reviews-popup__desc p:last-child {
    margin-bottom: 0;
}
.reviews-popup .fancybox-close-small {
    border: 2px solid var(--color-gray22);
    border-radius: 50%;
    color: var(--color-gray22);
    height: 44px;
    padding: 2px;
    right: 25px;
    top: 23px;
    transition: all 0.3s var(--transition);
    width: 44px;
}
@media screen and (max-width: 1200px) {
    .reviews-popup .fancybox-close-small {
        height: 36px;
        right: 26px;
        top: 22px;
        width: 36px;
    }
}
@media screen and (max-width: 768px) {
    .reviews-popup .fancybox-close-small {
        border-width: 1px;
        height: 23px;
        right: 14px;
        top: 11px;
        width: 23px;
    }
}
.reviews-gallery {
    padding-bottom: 32px;
    position: relative;
}
.reviews-gallery .reviews-gallery__item {
    border-radius: 10px;
    display: block;
    overflow: hidden;
    padding-top: 75%;
    position: relative;
}
@media screen and (max-width: 1200px) {
    .reviews-gallery .reviews-gallery__item {
        padding-top: 57%;
    }
}
.reviews-gallery .reviews-gallery__item img {
    height: 100%;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%;
}
.reviews-gallery .swiper-button-prev {
    background: var(--color-white);
    border-radius: 50%;
    box-shadow: 0 2px 9px 1px rgba(0, 0, 0, 0.2);
    color: var(--color-gray7);
    height: 51px;
    margin-top: -25.5px;
    top: 50%;
    transition: color 0.3s var(--transition);
    width: 51px;
}
@media screen and (max-width: 1200px) {
    .reviews-gallery .swiper-button-prev {
        height: 40px;
        width: 40px;
    }
}
@media screen and (max-width: 768px) {
    .reviews-gallery .swiper-button-prev {
        display: none;
    }
}
@media (hover: hover) {
    .reviews-gallery .swiper-button-prev:hover {
        color: var(--color-orange);
    }
}
@media (hover: none) {
    .reviews-gallery .swiper-button-prev:active {
        color: var(--color-orange);
    }
}
.reviews-gallery .swiper-button-prev:after {
    font-size: 20px;
    left: -2px;
    position: relative;
}
@media screen and (max-width: 1200px) {
    .reviews-gallery .swiper-button-prev:after {
        font-size: 12px;
    }
}
.reviews-gallery .swiper-button-next {
    background: var(--color-white);
    border-radius: 50%;
    box-shadow: 0 2px 9px 1px rgba(0, 0, 0, 0.2);
    color: var(--color-gray7);
    height: 51px;
    margin-top: -25.5px;
    top: 50%;
    transition: color 0.3s var(--transition);
    width: 51px;
}
@media screen and (max-width: 1200px) {
    .reviews-gallery .swiper-button-next {
        height: 40px;
        width: 40px;
    }
}
@media screen and (max-width: 768px) {
    .reviews-gallery .swiper-button-next {
        display: none;
    }
}
@media (hover: hover) {
    .reviews-gallery .swiper-button-next:hover {
        color: var(--color-orange);
    }
}
@media (hover: none) {
    .reviews-gallery .swiper-button-next:active {
        color: var(--color-orange);
    }
}
.reviews-gallery .swiper-button-next:after {
    font-size: 20px;
    left: 1px;
    position: relative;
}
@media screen and (max-width: 1200px) {
    .reviews-gallery .swiper-button-next:after {
        font-size: 12px;
    }
}
.reviews-gallery .swiper-pagination {
    bottom: 0;
    display: flex;
    justify-content: center;
    width: 100%;
}
.reviews-gallery .swiper-pagination .swiper-pagination-bullet {
    background: var(--color-gray);
    height: 17px;
    margin: 0 7px;
    opacity: 1;
    transition: all 0.3s var(--transition);
    width: 17px;
}
@media screen and (max-width: 768px) {
    .reviews-gallery .swiper-pagination .swiper-pagination-bullet {
        height: 10px;
        margin: 0 5px;
        width: 10px;
    }
}
.reviews-gallery .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--color-orange);
}
.sec-thank-letters {
    margin-bottom: 69px;
}
@media screen and (max-width: 1200px) {
    .sec-thank-letters {
        margin-bottom: 59px;
    }
}
@media screen and (max-width: 768px) {
    .sec-thank-letters {
        margin-bottom: 49px;
    }
}
.sec-thank-letters .section__title {
    margin-bottom: 50px;
}
@media screen and (max-width: 1200px) {
    .sec-thank-letters .section__title {
        margin-bottom: 33px;
    }
}
@media screen and (max-width: 768px) {
    .sec-thank-letters .section__title {
        margin-bottom: 24px;
    }
}
.thank-letter {
    display: block;
    height: 296px;
    line-height: 0px;
    position: relative;
}
@media screen and (max-width: 1200px) {
    .thank-letter {
        height: 270px;
    }
}
@media screen and (max-width: 768px) {
    .thank-letter {
        height: auto;
        padding-top: 146%;
    }
}
.thank-letter img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 100%;
}
@media screen and (max-width: 1200px) {
    .thank-letter img {
        width: auto;
    }
}
@media screen and (max-width: 768px) {
    .thank-letter img {
        left: 0;
        position: absolute;
        top: 0;
    }
}
.letters-slider {
    overflow: hidden;
    position: relative;
}
@media screen and (max-width: 1200px) {
    .letters-slider {
        left: calc(var(--container-padding) * -1);
        padding-left: var(--container-padding);
        padding-right: var(--container-padding);
        width: calc(100% + var(--container-padding) * 2);
    }
    .letters-slider .swiper-slide {
        width: auto;
    }
}
@media screen and (max-width: 768px) {
    .letters-slider .swiper-slide {
        width: 35%;
    }
}
.page-delivery__title {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 16px;
}
.page-delivery__desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 45px;
}
@media screen and (max-width: 1200px) {
    .page-delivery__desc {
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 768px) {
    .page-delivery__desc {
        font-size: 14px;
        margin-bottom: 45px;
    }
}
.page-delivery__desc p {
    margin-bottom: 7px;
}
.page-delivery__desc p strong {
    font-size: 18px;
    font-weight: 500;
}
@media screen and (max-width: 1200px) {
    .page-delivery__desc p strong {
        font-size: 16px;
    }
}
@media screen and (max-width: 768px) {
    .page-delivery__desc p strong {
        font-size: 14px;
    }
}
.page-delivery__desc p:last-child {
    margin-bottom: 0;
}
.delivery-advantages {
    display: flex;
    gap: 33px;
    margin-bottom: 49px;
}
@media screen and (max-width: 1500px) {
    .delivery-advantages {
        gap: 14px;
    }
}
@media screen and (max-width: 1200px) {
    .delivery-advantages {
        flex-wrap: wrap;
        gap: 40px 14px;
        margin-bottom: 37px;
    }
}
@media screen and (max-width: 768px) {
    .delivery-advantages {
        gap: 30px 0;
        margin-bottom: 32px;
    }
}
.delivery-advantages .delivery-advantages__item {
    width: calc(25% - 24.75px);
}
@media screen and (max-width: 1500px) {
    .delivery-advantages .delivery-advantages__item {
        width: calc(25% - 10.5px);
    }
}
@media screen and (max-width: 1200px) {
    .delivery-advantages .delivery-advantages__item {
        width: calc(50% - 7px);
    }
}
@media screen and (max-width: 768px) {
    .delivery-advantages .delivery-advantages__item {
        width: 100%;
    }
}
.delivery-advantages .delivery-advantages__item {
    background: var(--color-gray5);
    border-radius: 10px;
    line-height: 1.4;
    padding: 55px 22px 16px;
    position: relative;
    text-align: center;
}
@media screen and (max-width: 1500px) {
    .delivery-advantages .delivery-advantages__item {
        padding: 55px 16px 16px;
    }
}
@media screen and (max-width: 768px) {
    .delivery-advantages .delivery-advantages__item {
        padding: 45px 16px 15px;
    }
}
.delivery-advantages .delivery-advantages__item .delivery-advantages__item-icon {
    align-items: flex-end;
    display: flex;
    height: 60px;
    justify-content: center;
    left: 0;
    position: absolute;
    top: -22px;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .delivery-advantages .delivery-advantages__item .delivery-advantages__item-icon {
        height: 50px;
        top: -20px;
    }
}
.delivery-advantages .delivery-advantages__item .delivery-advantages__item-icon img {
    max-height: 60px;
    width: auto;
}
@media screen and (max-width: 768px) {
    .delivery-advantages .delivery-advantages__item .delivery-advantages__item-icon img {
        max-height: 50px;
    }
}
.delivery-advantages .delivery-advantages__item .delivery-advantages__item-title {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.02em;
    margin-bottom: 10px;
}
@media screen and (max-width: 1500px) {
    .delivery-advantages .delivery-advantages__item .delivery-advantages__item-title {
        font-size: 16px;
    }
}
@media screen and (max-width: 768px) {
    .delivery-advantages .delivery-advantages__item .delivery-advantages__item-title {
        font-size: 14px;
    }
}
.delivery-advantages .delivery-advantages__item .delivery-advantages__item-desc {
    font-size: 16px;
    font-weight: 400;
}
@media screen and (max-width: 1500px) {
    .delivery-advantages .delivery-advantages__item .delivery-advantages__item-desc {
        font-size: 14px;
    }
}
@media screen and (max-width: 1200px) {
    .delivery-advantages .delivery-advantages__item .delivery-advantages__item-desc {
        font-size: 16px;
    }
}
@media screen and (max-width: 768px) {
    .delivery-advantages .delivery-advantages__item .delivery-advantages__item-desc {
        font-size: 12px;
        margin: 0 auto;
        max-width: 240px;
    }
}
.geography-sales .geography-sales__title {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 35px;
}
@media screen and (max-width: 1200px) {
    .geography-sales .geography-sales__title {
        font-size: 28px;
        margin-bottom: 24px;
    }
}
@media screen and (max-width: 768px) {
    .geography-sales .geography-sales__title {
        font-size: 18px;
        margin-bottom: 15px;
    }
}
.geography-sales .geography-sales__title h1,
.geography-sales .geography-sales__title h2,
.geography-sales .geography-sales__title h3 {
    font-size: 30px;
    font-weight: 500;
    margin: 0;
}
@media screen and (max-width: 1200px) {
    .geography-sales .geography-sales__title h1,
    .geography-sales .geography-sales__title h2,
    .geography-sales .geography-sales__title h3 {
        font-size: 28px;
    }
}
@media screen and (max-width: 768px) {
    .geography-sales .geography-sales__title h1,
    .geography-sales .geography-sales__title h2,
    .geography-sales .geography-sales__title h3 {
        font-size: 18px;
    }
}
.geography-sales .geography-sales__list {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
@media screen and (max-width: 992px) {
    .geography-sales .geography-sales__list {
        gap: 24px 28px;
    }
}
@media screen and (max-width: 768px) {
    .geography-sales .geography-sales__list {
        gap: 10px;
    }
}
.geography-sales .geography-sales__list .geography-sales__item {
    width: calc(20% - 19.2px);
}
@media screen and (max-width: 1500px) {
    .geography-sales .geography-sales__list .geography-sales__item {
        width: calc(25% - 18px);
    }
}
@media screen and (max-width: 992px) {
    .geography-sales .geography-sales__list .geography-sales__item {
        width: calc(50% - 14px);
    }
}
@media screen and (max-width: 768px) {
    .geography-sales .geography-sales__list .geography-sales__item {
        display: none;
        width: calc(50% - 5px);
    }
}
.geography-sales .geography-sales__list .geography-sales__item:nth-child(-n + 10) {
    display: block;
}
@media screen and (max-width: 768px) {
    .geography-sales .geography-sales__list .geography-sales__item.visible {
        display: block;
    }
}
.geography-sales .geography-sales__item {
    border: 2px solid var(--color-gray20);
    border-radius: 5px;
    padding: 20px;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .geography-sales .geography-sales__item {
        border: 1.5px solid var(--color-gray20);
        padding: 11px 10px 14px;
    }
}
.geography-sales .geography-sales__item .geography-sales__item-city {
    color: var(--color-gray16);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 5px;
}
@media screen and (max-width: 992px) {
    .geography-sales .geography-sales__item .geography-sales__item-city {
        font-size: 20px;
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 768px) {
    .geography-sales .geography-sales__item .geography-sales__item-city {
        font-size: 14px;
        margin-bottom: 7px;
    }
}
.geography-sales .geography-sales__item .geography-sales__item-obl {
    color: var(--color-gray45);
    font-size: 16px;
    line-height: 1.4;
}
@media screen and (max-width: 992px) {
    .geography-sales .geography-sales__item .geography-sales__item-obl {
        font-size: 18px;
    }
}
@media screen and (max-width: 768px) {
    .geography-sales .geography-sales__item .geography-sales__item-obl {
        font-size: 11px;
    }
}
.geography-sales__bottom {
    display: none;
    justify-content: center;
    padding-top: 29px;
}
@media screen and (max-width: 768px) {
    .geography-sales__bottom {
        display: flex;
        padding-top: 20px;
    }
}
.geography-sales__bottom .btn {
    padding: 0 33px;
}
@media screen and (max-width: 768px) {
    .geography-sales__bottom .btn {
        font-size: 12px;
        height: 25px;
        line-height: 25px;
        padding: 0 22px;
    }
}
.delivery-banner {
    background: var(--color-orange13);
    border-radius: 10px;
    margin-bottom: 51px;
    overflow: hidden;
    padding: 27px 35px 38px;
    position: relative;
}
@media screen and (max-width: 1300px) {
    .delivery-banner {
        margin-bottom: 37px;
        padding: 20px 20px 27px;
    }
}
@media screen and (max-width: 768px) {
    .delivery-banner {
        margin-bottom: 32px;
        padding: 17px 15px 180px;
    }
}
.delivery-banner .delivery-banner__content {
    max-width: 430px;
    position: relative;
    z-index: 4;
}
@media screen and (max-width: 1300px) {
    .delivery-banner .delivery-banner__content {
        max-width: 380px;
    }
}
@media screen and (max-width: 768px) {
    .delivery-banner .delivery-banner__content {
        max-width: 100%;
    }
}
.delivery-banner .delivery-banner__title {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 17px;
}
@media screen and (max-width: 1300px) {
    .delivery-banner .delivery-banner__title {
        font-size: 24px;
        margin-bottom: 12px;
    }
}
@media screen and (max-width: 768px) {
    .delivery-banner .delivery-banner__title {
        font-size: 20px;
    }
}
.delivery-banner .delivery-banner__desc {
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 29px;
}
@media screen and (max-width: 1300px) {
    .delivery-banner .delivery-banner__desc {
        font-size: 14px;
        margin-bottom: 22px;
    }
}
@media screen and (max-width: 768px) {
    .delivery-banner .delivery-banner__desc {
        margin-bottom: 30px;
        max-width: 310px;
    }
}
.delivery-banner .block-input {
    margin-bottom: 37px;
}
@media screen and (max-width: 1300px) {
    .delivery-banner .block-input {
        margin-bottom: 36px;
    }
}
@media screen and (max-width: 768px) {
    .delivery-banner .block-input {
        margin-bottom: 28px;
        width: 100%;
    }
}
@media screen and (max-width: 1300px) {
    .delivery-banner .block-input .block-input__val {
        font-size: 12px;
        height: 34px;
        max-width: 300px;
        padding: 0 15px;
    }
}
@media screen and (max-width: 768px) {
    .delivery-banner .block-input .block-input__val {
        max-width: 100%;
    }
}
.delivery-banner .agree-form {
    margin-bottom: 37px;
}
@media screen and (max-width: 1300px) {
    .delivery-banner .agree-form {
        margin-bottom: 24px;
    }
}
@media screen and (max-width: 768px) {
    .delivery-banner .agree-form {
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 1300px) {
    .delivery-banner .agree-form .agree-form__label {
        font-size: 12px;
        padding-left: 39px;
    }
}
@media screen and (max-width: 768px) {
    .delivery-banner .agree-form .agree-form__label {
        padding-left: 28px;
    }
}
@media screen and (max-width: 1300px) {
    .delivery-banner .agree-form .agree-form__label:before {
        height: 24px;
        width: 24px;
    }
}
@media screen and (max-width: 768px) {
    .delivery-banner .agree-form .agree-form__label:before {
        height: 20px;
        width: 20px;
    }
}
@media screen and (max-width: 1300px) {
    .delivery-banner .agree-form .agree-form__label:after {
        background-size: 15px auto;
        height: 24px;
        width: 24px;
    }
}
@media screen and (max-width: 768px) {
    .delivery-banner .agree-form .agree-form__label:after {
        background-size: 13px auto;
        height: 20px;
        width: 20px;
    }
}
@media screen and (max-width: 1300px) {
    .delivery-banner .btn {
        font-size: 16px;
        height: 38px;
        line-height: 38px;
        padding: 0 15px;
    }
}
.delivery-banner .delivery-banner__corner {
    align-items: flex-end;
    content: "";
    display: flex;
    height: 100%;
    justify-content: flex-end;
    padding: 29px 24px;
    position: absolute;
    right: 0;
    top: 0;
    width: 70%;
    z-index: 3;
}
@media screen and (max-width: 1600px) {
    .delivery-banner .delivery-banner__corner {
        padding: 24px;
    }
}
@media screen and (max-width: 1300px) {
    .delivery-banner .delivery-banner__corner {
        display: none;
    }
}
.delivery-banner .delivery-banner__corner:before {
    background: url(/local/templates/.default/assets/css/../img/delivery-banner__corner.png) no-repeat 100% 0;
    background-size: contain;
    content: "";
    height: calc(100% + 4px);
    position: absolute;
    right: -7%;
    top: 0;
    width: 100%;
    z-index: 1;
}
@media screen and (max-width: 1600px) {
    .delivery-banner .delivery-banner__corner:before {
        right: -15%;
    }
}
.delivery-banner .delivery-banner__corner .delivery-banner__corner-text {
    color: var(--color-gray46);
    font-size: 14px;
    line-height: 1.3;
    max-width: 376px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 3;
}
@media screen and (max-width: 1600px) {
    .delivery-banner .delivery-banner__corner .delivery-banner__corner-text {
        font-size: 12px;
        max-width: 320px;
    }
}
.delivery-banner .delivery-banner__corner .delivery-banner__corner-text p {
    margin-bottom: 4px;
}
.delivery-banner .delivery-banner__corner .delivery-banner__corner-text strong {
    color: var(--color-text);
    display: block;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.3;
}
@media screen and (max-width: 1600px) {
    .delivery-banner .delivery-banner__corner .delivery-banner__corner-text strong {
        font-size: 22px;
    }
}
.delivery-banner .delivery-banner__auto {
    background: url(/local/templates/.default/assets/css/../img/delivery-banner__auto.webp) no-repeat 0 100%;
    background-size: contain;
    bottom: -10px;
    height: 100%;
    position: absolute;
    right: 22%;
    width: 45%;
    z-index: 2;
}
@media screen and (max-width: 1800px) {
    .delivery-banner .delivery-banner__auto {
        width: 40%;
    }
}
@media screen and (max-width: 1300px) {
    .delivery-banner .delivery-banner__auto {
        right: -60px;
        width: 400px;
    }
}
@media screen and (max-width: 768px) {
    .delivery-banner .delivery-banner__auto {
        background-position: 100% 100%;
        height: 165px;
        right: -10px;
        width: 100%;
    }
}
.delivery-banner .delivery-banner__points {
    content: "";
    height: 100%;
    position: absolute;
    right: 59%;
    top: 0;
    width: 180px;
    z-index: 1;
}
@media screen and (max-width: 1800px) {
    .delivery-banner .delivery-banner__points {
        right: 53%;
        width: 140px;
    }
}
@media screen and (max-width: 1600px) {
    .delivery-banner .delivery-banner__points {
        right: 30%;
    }
}
@media screen and (max-width: 1300px) {
    .delivery-banner .delivery-banner__points {
        right: 3%;
    }
}
@media screen and (max-width: 768px) {
    .delivery-banner .delivery-banner__points {
        bottom: -10px;
        height: 160px;
        left: 15px;
        right: auto;
        top: auto;
        width: 80px;
    }
}
.delivery-banner .delivery-banner__points span {
    background: url(/local/templates/.default/assets/css/../img/delivery-banner__point.svg) no-repeat 50%;
    background-size: contain;
    content: "";
    position: absolute;
}
.delivery-banner .delivery-banner__points span:first-child {
    bottom: -33px;
    height: 180px;
    left: -9px;
    width: 134px;
}
@media screen and (max-width: 1600px) {
    .delivery-banner .delivery-banner__points span:first-child {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .delivery-banner .delivery-banner__points span:first-child {
        bottom: -10px;
        display: block;
        height: 94px;
        left: -10px;
        top: auto;
        width: 77px;
    }
}
.delivery-banner .delivery-banner__points span:nth-child(2) {
    height: 110px;
    right: -5px;
    top: 21%;
    width: 64px;
}
@media screen and (max-width: 1600px) {
    .delivery-banner .delivery-banner__points span:nth-child(2) {
        top: 30%;
        width: 82px;
    }
}
@media screen and (max-width: 1300px) {
    .delivery-banner .delivery-banner__points span:nth-child(2) {
        bottom: 35%;
        top: auto;
    }
}
@media screen and (max-width: 768px) {
    .delivery-banner .delivery-banner__points span:nth-child(2) {
        bottom: auto;
        height: 53px;
        left: auto;
        right: 0;
        top: 12px;
        width: 36px;
    }
}
.delivery-banner .delivery-banner__points span:nth-child(3) {
    height: 59px;
    left: 50px;
    top: 5%;
    width: 45px;
}
@media screen and (max-width: 1600px) {
    .delivery-banner .delivery-banner__points span:nth-child(3) {
        left: -47px;
        top: 23%;
    }
}
@media screen and (max-width: 1300px) {
    .delivery-banner .delivery-banner__points span:nth-child(3) {
        bottom: 50%;
        left: -10px;
        top: auto;
        width: 36px;
    }
}
@media screen and (max-width: 768px) {
    .delivery-banner .delivery-banner__points span:nth-child(3) {
        bottom: auto;
        height: 39px;
        top: 0;
        width: 29px;
    }
}
.glued-beams-section {
    margin-bottom: 70px;
    margin-top: 42px;
}
@media screen and (max-width: 1200px) {
    .glued-beams-section {
        margin-bottom: 60px;
    }
}
@media screen and (max-width: 768px) {
    .glued-beams-section {
        margin-bottom: 40px;
        margin-top: 40px;
    }
}
.glued-beams__title {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 12px;
}
@media screen and (max-width: 1200px) {
    .glued-beams__title {
        font-size: 28px;
        margin-bottom: 14px;
    }
}
@media screen and (max-width: 768px) {
    .glued-beams__title {
        font-size: 18px;
        margin-bottom: 8px;
    }
}
.glued-beams__title h1,
.glued-beams__title h2,
.glued-beams__title h3,
.glued-beams__title h4,
.glued-beams__title h5 {
    font-size: 30px;
    font-weight: 500;
    margin: 0;
}
@media screen and (max-width: 1200px) {
    .glued-beams__title h1,
    .glued-beams__title h2,
    .glued-beams__title h3,
    .glued-beams__title h4,
    .glued-beams__title h5 {
        font-size: 28px;
    }
}
@media screen and (max-width: 768px) {
    .glued-beams__title h1,
    .glued-beams__title h2,
    .glued-beams__title h3,
    .glued-beams__title h4,
    .glued-beams__title h5 {
        font-size: 18px;
    }
}
.glued-beams__desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 31px;
}
@media screen and (max-width: 1200px) {
    .glued-beams__desc {
        margin-bottom: 25px;
    }
}
@media screen and (max-width: 768px) {
    .glued-beams__desc {
        font-size: 14px;
        margin-bottom: 24px;
    }
}
.glued-beams {
    display: flex;
    flex-wrap: wrap;
    gap: 33px;
}
@media screen and (max-width: 1360px) {
    .glued-beams {
        gap: 17px;
    }
}
@media screen and (max-width: 768px) {
    .glued-beams {
        gap: 12px;
    }
}
.glued-beams .product-element {
    width: calc(25% - 24.75px);
}
@media screen and (max-width: 1360px) {
    .glued-beams .product-element {
        width: calc(33.33333% - 11.3333px);
    }
}
@media screen and (max-width: 768px) {
    .glued-beams .product-element {
        width: calc(50% - 6px);
    }
}
.beams-application-section {
    display: flex;
    flex-wrap: wrap;
    gap: 33px;
    justify-content: space-between;
    margin-bottom: 74px;
}
@media screen and (max-width: 1200px) {
    .beams-application-section {
        margin-bottom: 67px;
    }
}
@media screen and (max-width: 768px) {
    .beams-application-section {
        gap: 20px;
        margin-bottom: 45px;
    }
}
.beams-application-section .beams-application {
    width: calc(50% - 16.5px);
}
@media screen and (max-width: 1200px) {
    .beams-application-section .beams-application {
        width: 100%;
    }
}
.beams-application {
    background: var(--color-orange10);
    border-radius: 10px;
    padding: 21px 33px 35px;
}
@media screen and (max-width: 1200px) {
    .beams-application {
        padding: 23px 25px 32px;
    }
}
@media screen and (max-width: 768px) {
    .beams-application {
        padding: 14px 16px;
    }
}
.beams-application:nth-child(2n + 2) .beams-application__cont ul {
    counter-reset: item;
}
.beams-application:nth-child(2n + 2) .beams-application__cont ul li {
    counter-increment: item;
}
.beams-application:nth-child(2n + 2) .beams-application__cont ul li:before {
    background: var(--color-orange);
    color: var(--color-white);
    content: counter(item);
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .beams-application:nth-child(2n + 2) .beams-application__cont ul li:before {
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0.03em;
        line-height: 21px;
    }
}
.beams-application .beams-application__title {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 16px;
}
@media screen and (max-width: 1200px) {
    .beams-application .beams-application__title {
        font-size: 28px;
        margin-bottom: 14px;
    }
}
@media screen and (max-width: 768px) {
    .beams-application .beams-application__title {
        font-size: 18px;
        margin-bottom: 14px;
    }
}
.beams-application .beams-application__cont {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}
@media screen and (max-width: 768px) {
    .beams-application .beams-application__cont {
        font-size: 12px;
    }
}
.beams-application .beams-application__cont ul {
    list-style: none;
}
.beams-application .beams-application__cont ul li {
    align-items: flex-start;
    display: flex;
    gap: 0 18px;
    margin-bottom: 18px;
    position: relative;
}
@media screen and (max-width: 768px) {
    .beams-application .beams-application__cont ul li {
        gap: 0 14px;
        margin-bottom: 15px;
    }
}
.beams-application .beams-application__cont ul li:before {
    background: var(--color-orange) url(/local/templates/.default/assets/css/../img/checked-white.svg) no-repeat center;
    background-size: 17px auto;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 28px;
    min-height: 28px;
    min-width: 28px;
    width: 28px;
}
@media screen and (max-width: 768px) {
    .beams-application .beams-application__cont ul li:before {
        background-size: 10px auto;
        height: 21px;
        min-height: 21px;
        min-width: 21px;
        width: 21px;
    }
}
.beams-application .beams-application__cont ul li:last-child {
    margin-bottom: 0;
}
.beams-advantages {
    background: var(--color-gray5);
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 55px;
    padding: 33px;
}
@media screen and (max-width: 1380px) {
    .beams-advantages {
        flex-direction: column;
        padding: 32px 27px;
    }
}
@media screen and (max-width: 768px) {
    .beams-advantages {
        gap: 0;
        margin-bottom: 37px;
        padding: 21px 16px 25px;
    }
}
.beams-advantages .beams-advantages__content {
    width: 43%;
}
@media screen and (max-width: 1380px) {
    .beams-advantages .beams-advantages__content {
        order: 2;
        width: 100%;
    }
}
.beams-advantages .beams-advantages__img {
    border-radius: 5px;
    overflow: hidden;
    padding-top: 28%;
    position: relative;
    width: 51.5%;
}
@media screen and (max-width: 1380px) {
    .beams-advantages .beams-advantages__img {
        margin-bottom: 37px;
        order: 1;
        padding-top: 60%;
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .beams-advantages .beams-advantages__img {
        height: 200px;
        margin-bottom: 20px;
        padding-top: 0;
    }
}
.beams-advantages .beams-advantages__img img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%;
}
.beams-advantages .beams-advantages__title {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 11px;
}
@media screen and (max-width: 768px) {
    .beams-advantages .beams-advantages__title {
        font-size: 18px;
        margin-bottom: 8px;
    }
}
.beams-advantages .beams-advantages__title h1,
.beams-advantages .beams-advantages__title h2,
.beams-advantages .beams-advantages__title h3,
.beams-advantages .beams-advantages__title h4 {
    font-size: 28px;
    font-weight: 500;
    margin: 0;
}
@media screen and (max-width: 768px) {
    .beams-advantages .beams-advantages__title h1,
    .beams-advantages .beams-advantages__title h2,
    .beams-advantages .beams-advantages__title h3,
    .beams-advantages .beams-advantages__title h4 {
        font-size: 18px;
    }
}
.beams-advantages .beams-advantages__desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}
@media screen and (max-width: 768px) {
    .beams-advantages .beams-advantages__desc {
        font-size: 14px;
        line-height: 1.3;
    }
}
.beams-advantages .beams-advantages__desc p {
    margin-bottom: 6px;
}
.beams-advantages .beams-advantages__desc p:last-child {
    margin-bottom: 0;
}
.beams-types .beams-types__title {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 16px;
}
@media screen and (max-width: 1200px) {
    .beams-types .beams-types__title {
        font-size: 28px;
    }
}
@media screen and (max-width: 768px) {
    .beams-types .beams-types__title {
        font-size: 18px;
        margin-bottom: 8px;
    }
}
.beams-types .beams-types__title h1,
.beams-types .beams-types__title h2,
.beams-types .beams-types__title h3,
.beams-types .beams-types__title h4 {
    font-size: 30px;
    font-weight: 500;
    margin: 0;
}
@media screen and (max-width: 768px) {
    .beams-types .beams-types__title h1,
    .beams-types .beams-types__title h2,
    .beams-types .beams-types__title h3,
    .beams-types .beams-types__title h4 {
        font-size: 18px;
    }
}
.beams-types .beams-types__desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 36px;
}
@media screen and (max-width: 768px) {
    .beams-types .beams-types__desc {
        font-size: 14px;
        line-height: 1.3;
        margin-bottom: 20px;
    }
}
.beams-types .beams-types__desc p {
    margin-bottom: 6px;
}
.beams-types .beams-types__desc p:last-child {
    margin-bottom: 0;
}
.beams-types__list {
    display: flex;
    flex-wrap: wrap;
    gap: 33px;
}
@media screen and (max-width: 1200px) {
    .beams-types__list {
        gap: 17px;
    }
}
@media screen and (max-width: 768px) {
    .beams-types__list {
        gap: 12px;
    }
}
.beams-types__list .beams-types__item {
    width: calc(20% - 26.4px);
}
@media screen and (max-width: 1200px) {
    .beams-types__list .beams-types__item {
        width: calc(33.33333% - 11.3333px);
    }
}
@media screen and (max-width: 768px) {
    .beams-types__list .beams-types__item {
        width: calc(50% - 6px);
    }
}
.beams-types__item {
    border-radius: 10px;
    overflow: hidden;
    padding-top: 16%;
    position: relative;
}
@media screen and (max-width: 1200px) {
    .beams-types__item {
        padding-top: 23%;
    }
}
@media screen and (max-width: 768px) {
    .beams-types__item {
        border-radius: 5px;
        padding-top: 33%;
    }
}
.beams-types__item img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%;
}
.projects-section {
    margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
    .projects-section {
        margin-bottom: 28px;
    }
}
.projects-section .projects-section__title {
    font-size: 22px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 23px;
}
@media screen and (max-width: 1200px) {
    .projects-section .projects-section__title {
        margin-bottom: 18px;
    }
}
@media screen and (max-width: 768px) {
    .projects-section .projects-section__title {
        font-size: 16px;
        margin-bottom: 15px;
    }
}
.projects-section .projects-section__title h1,
.projects-section .projects-section__title h2,
.projects-section .projects-section__title h3,
.projects-section .projects-section__title h4 {
    font-size: 22px;
    font-weight: 400;
    margin: 0;
}
@media screen and (max-width: 768px) {
    .projects-section .projects-section__title h1,
    .projects-section .projects-section__title h2,
    .projects-section .projects-section__title h3,
    .projects-section .projects-section__title h4 {
        font-size: 16px;
    }
}
.projects-list {
    display: flex;
    flex-wrap: wrap;
    gap: 26px 29px;
}
@media screen and (max-width: 1600px) {
    .projects-list {
        gap: 21px;
    }
}
@media screen and (max-width: 768px) {
    .projects-list {
        gap: 20px;
    }
}
.projects-list .project-element {
    width: calc(25% - 21.75px);
}
@media screen and (max-width: 1600px) {
    .projects-list .project-element {
        width: calc(25% - 15.75px);
    }
}
@media screen and (max-width: 1200px) {
    .projects-list .project-element {
        width: calc(50% - 10.5px);
    }
}
@media screen and (max-width: 768px) {
    .projects-list .project-element {
        width: 100%;
    }
}
.projects-list .project-element:nth-child(6n + 1) {
    width: calc(50% - 14.5px);
}
@media screen and (max-width: 1600px) {
    .projects-list .project-element:nth-child(6n + 1) {
        width: calc(50% - 10.5px);
    }
}
@media screen and (max-width: 768px) {
    .projects-list .project-element:nth-child(6n + 1) {
        width: 100%;
    }
}
.projects-list .project-element:nth-child(6n + 6) {
    width: calc(50% - 14.5px);
}
@media screen and (max-width: 1600px) {
    .projects-list .project-element:nth-child(6n + 6) {
        width: calc(50% - 10.5px);
    }
}
@media screen and (max-width: 768px) {
    .projects-list .project-element:nth-child(6n + 6) {
        width: 100%;
    }
}
.project-element .project-element__block {
    border-radius: 10px;
    color: var(--color-white);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 264px;
    justify-content: flex-end;
    overflow: hidden;
    padding: 20px 15px;
    position: relative;
}
@media screen and (max-width: 1600px) {
    .project-element .project-element__block {
        height: 220px;
    }
}
@media screen and (max-width: 768px) {
    .project-element .project-element__block {
        padding: 15px;
    }
}
@media (hover: hover) {
    .project-element .project-element__block:hover:before {
        height: 80%;
    }
    .project-element .project-element__block:hover .project-element__desc {
        height: auto;
    }
}
@media (hover: none) {
    .project-element .project-element__block:active:before {
        height: 80%;
    }
    .project-element .project-element__block:active .project-element__desc {
        height: auto;
    }
}
.project-element .project-element__block:before {
    background: linear-gradient(180deg, hsla(0, 6%, 86%, 0), rgba(75, 75, 75, 0) 0.01%, #363636);
    bottom: 0;
    content: "";
    height: 40%;
    left: 0;
    position: absolute;
    transition: all 0.3s var(--transition);
    width: 100%;
    z-index: 2;
}
.project-element .project-element__block .project-element__title {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    position: relative;
    z-index: 3;
}
@media screen and (max-width: 768px) {
    .project-element .project-element__block .project-element__title {
        font-size: 14px;
    }
}
.project-element .project-element__block .project-element__desc {
    font-size: 14px;
    font-weight: 400;
    height: 0;
    line-height: 1.5;
    margin-top: 3px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s var(--transition);
    z-index: 3;
}
@media screen and (max-width: 768px) {
    .project-element .project-element__block .project-element__desc {
        display: none;
    }
}
.project-element .project-element__block .project-element__img {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.project-element .project-element__block .project-element__img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
}
.project-element__popup {
    background: var(--color-white);
    border-radius: 10px;
    max-width: 1360px;
    opacity: 0;
    padding: 56px 70px 68px 71px;
    transform: translateY(20px);
    transition: all 0.4s var(--transition);
    width: 100%;
}
@media screen and (max-width: 1200px) {
    .project-element__popup {
        border-radius: 0;
        padding: 30px 35px;
    }
}
@media screen and (max-width: 768px) {
    .project-element__popup {
        padding: 16px 14px;
    }
}
.project-element__popup .project-element__popup-row {
    display: flex;
}
@media screen and (max-width: 1200px) {
    .project-element__popup .project-element__popup-row {
        flex-direction: column;
    }
}
.project-element__popup .project-element__popup-left {
    width: 57.5%;
}
@media screen and (max-width: 1200px) {
    .project-element__popup .project-element__popup-left {
        order: 2;
        width: 100%;
    }
}
.project-element__popup .project-element__popup-right {
    padding-left: 36px;
    width: 43.5%;
}
@media screen and (max-width: 1200px) {
    .project-element__popup .project-element__popup-right {
        display: contents;
        padding-left: 0;
        width: 100%;
    }
}
.project-element__popup .project-element__title {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 17px;
}
@media screen and (max-width: 1200px) {
    .project-element__popup .project-element__title {
        font-size: 28px;
        font-weight: 500;
        letter-spacing: 0.02em;
        margin-bottom: 33px;
        order: 1;
    }
}
@media screen and (max-width: 768px) {
    .project-element__popup .project-element__title {
        font-size: 18px;
        letter-spacing: 0;
        margin-bottom: 16px;
    }
}
.project-element__popup .project-element__desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}
@media screen and (max-width: 1200px) {
    .project-element__popup .project-element__desc {
        order: 3;
    }
}
@media screen and (max-width: 768px) {
    .project-element__popup .project-element__desc {
        font-size: 14px;
    }
}
.project-element__popup .project-element__desc p {
    margin-bottom: 26px;
}
@media screen and (max-width: 1200px) {
    .project-element__popup .project-element__desc p {
        margin-bottom: 15px;
    }
}
@media screen and (max-width: 768px) {
    .project-element__popup .project-element__desc p {
        margin-bottom: 8px;
    }
}
.project-element__popup .project-element__desc p:has(+ ul, + ol) {
    margin-bottom: 17px;
}
@media screen and (max-width: 1200px) {
    .project-element__popup .project-element__desc p:has(+ ul, + ol) {
        margin-bottom: 8px;
    }
}
@media screen and (max-width: 768px) {
    .project-element__popup .project-element__desc p:has(+ ul, + ol) {
        margin-bottom: 4px;
    }
}
@media screen and (max-width: 768px) {
    .project-element__popup .project-element__desc p strong {
        font-weight: 500;
    }
}
.project-element__popup .project-element__desc ol,
.project-element__popup .project-element__desc ul {
    list-style: none;
}
.project-element__popup .project-element__desc ol li,
.project-element__popup .project-element__desc ul li {
    padding-left: 15px;
    position: relative;
}
.project-element__popup .project-element__desc ol li:before,
.project-element__popup .project-element__desc ul li:before {
    background: var(--color-text);
    border-radius: 50%;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 4px;
}
.project-element__popup .fancybox-close-small {
    border: 2px solid var(--color-gray22);
    border-radius: 50%;
    color: var(--color-gray22);
    height: 44px;
    padding: 2px;
    right: 20px;
    top: 20px;
    transition: all 0.3s var(--transition);
    width: 44px;
}
@media screen and (max-width: 1200px) {
    .project-element__popup .fancybox-close-small {
        height: 36px;
        right: 26px;
        top: 22px;
        width: 36px;
    }
}
@media screen and (max-width: 768px) {
    .project-element__popup .fancybox-close-small {
        border-width: 1px;
        height: 23px;
        right: 14px;
        top: 11px;
        width: 23px;
    }
}
.project-element__gallery {
    border-radius: 10px;
    overflow: hidden;
    padding-bottom: 30px;
    position: relative;
}
@media screen and (max-width: 1200px) {
    .project-element__gallery {
        margin-bottom: 28px;
    }
}
@media screen and (max-width: 768px) {
    .project-element__gallery {
        border-radius: 5px;
        margin-bottom: 16px;
        padding-bottom: 20px;
    }
}
.project-element__gallery .swiper-slide {
    border-radius: 10px;
    height: 538px;
    overflow: hidden;
}
@media screen and (max-width: 1200px) {
    .project-element__gallery .swiper-slide {
        height: 400px;
    }
}
@media screen and (max-width: 768px) {
    .project-element__gallery .swiper-slide {
        border-radius: 5px;
        height: auto;
        padding-top: 76%;
        position: relative;
    }
}
.project-element__gallery .swiper-slide img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .project-element__gallery .swiper-slide img {
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
    }
}
.project-element__gallery .swiper-button-prev {
    --swiper-navigation-size: 15px;
    background: var(--color-white);
    border-radius: 50%;
    box-shadow: 0 2px 9px 1px rgba(0, 0, 0, 0.2);
    color: var(--color-gray7);
    height: 40px;
    left: 11px;
    margin-top: -20px;
    transition: all 0.3s var(--transition);
    width: 40px;
}
@media screen and (max-width: 768px) {
    .project-element__gallery .swiper-button-prev {
        display: none;
    }
}
@media (hover: hover) {
    .project-element__gallery .swiper-button-prev:hover {
        background: var(--color-orange);
        color: var(--color-white);
    }
}
@media (hover: none) {
    .project-element__gallery .swiper-button-prev:active {
        background: var(--color-orange);
        color: var(--color-white);
    }
}
.project-element__gallery .swiper-button-next {
    --swiper-navigation-size: 15px;
    background: var(--color-white);
    border-radius: 50%;
    box-shadow: 0 2px 9px 1px rgba(0, 0, 0, 0.2);
    color: var(--color-gray7);
    height: 40px;
    margin-top: -20px;
    right: 11px;
    transition: all 0.3s var(--transition);
    width: 40px;
}
@media screen and (max-width: 768px) {
    .project-element__gallery .swiper-button-next {
        display: none;
    }
}
@media (hover: hover) {
    .project-element__gallery .swiper-button-next:hover {
        color: var(--color-orange);
    }
}
@media (hover: none) {
    .project-element__gallery .swiper-button-next:active {
        color: var(--color-orange);
    }
}
.project-element__gallery .swiper-pagination {
    bottom: 0;
    display: flex;
    justify-content: center;
    width: 100%;
}
.project-element__gallery .swiper-pagination .swiper-pagination-bullet {
    background: var(--color-gray);
    height: 17px;
    margin: 0 7px;
    opacity: 1;
    width: 17px;
}
@media screen and (max-width: 768px) {
    .project-element__gallery .swiper-pagination .swiper-pagination-bullet {
        height: 10px;
        margin: 0 5px;
        width: 10px;
    }
}
.project-element__gallery .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--color-orange);
}
.projects-list__bottom {
    display: flex;
    gap: 0 24px;
    justify-content: center;
    padding-top: 44px;
}
@media screen and (max-width: 1200px) {
    .projects-list__bottom {
        gap: 0 20px;
    }
}
@media screen and (max-width: 768px) {
    .projects-list__bottom {
        padding-top: 27px;
    }
}
.projects-list__bottom .btn {
    min-width: 274px;
}
@media screen and (max-width: 1200px) {
    .projects-list__bottom .btn {
        min-width: 230px;
    }
}
@media screen and (max-width: 768px) {
    .projects-list__bottom .btn {
        min-width: 130px;
    }
}
.projects-list__bottom .js_hide_project {
    display: none;
}
@media screen and (max-width: 1200px) {
    .project-fancybox .fancybox-slide--html {
        padding: 0;
    }
    .project-fancybox .fancybox-slide--html.fancybox-slide:before {
        vertical-align: bottom;
    }
}
.js_progects .project-element:nth-child(1n + 7) {
    display: none;
}
.project-catalog-banner {
    background: linear-gradient(56deg, #70924e, #96bb72 29.13%, #f8ce62 82.29%, #ffdf8d);
    border-radius: 10px;
    color: var(--color-white);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    padding: 20px 24px;
    position: relative;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
@media screen and (max-width: 1800px) {
    .project-catalog-banner {
        padding: 20px 14px;
    }
}
@media screen and (max-width: 1200px) {
    .project-catalog-banner {
        padding: 19px 11px;
    }
}
@media screen and (max-width: 768px) {
    .project-catalog-banner {
        border-radius: 3px;
        padding: 12px 8px;
    }
}
@media (hover: hover) {
    .project-catalog-banner:hover .project-catalog-banner__btn {
        color: var(--color-green);
    }
}
@media (hover: none) {
    .project-catalog-banner:active .project-catalog-banner__btn {
        color: var(--color-green);
    }
}
.project-catalog-banner .project-catalog-banner__img {
    background: url(/local/templates/.default/assets/css/../img/project-catalog-banner__img.png) no-repeat;
    background-position: 100% 100%;
    background-size: contain;
    bottom: 80px;
    content: "";
    height: 313px;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 1;
}
@media screen and (max-width: 1800px) {
    .project-catalog-banner .project-catalog-banner__img {
        bottom: 70px;
    }
}
@media screen and (max-width: 1200px) {
    .project-catalog-banner .project-catalog-banner__img {
        height: 202px;
    }
}
@media screen and (max-width: 768px) {
    .project-catalog-banner .project-catalog-banner__img {
        bottom: 40px;
        height: 180px;
    }
}
.project-catalog-banner .project-catalog-banner__title {
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 125%;
    position: relative;
    z-index: 2;
}
@media screen and (max-width: 1800px) {
    .project-catalog-banner .project-catalog-banner__title {
        font-size: 26px;
    }
}
@media screen and (max-width: 1200px) {
    .project-catalog-banner .project-catalog-banner__title {
        font-size: 22px;
        max-width: 200px;
    }
}
@media screen and (max-width: 768px) {
    .project-catalog-banner .project-catalog-banner__title {
        font-size: 16px;
        max-width: 160px;
    }
}
.project-catalog-banner .project-catalog-banner__btn {
    background: var(--color-white);
    border-radius: 5px;
    color: var(--color-text);
    font-size: 16px;
    font-weight: 500;
    height: 45px;
    line-height: 45px;
    position: relative;
    text-align: center;
    transition: all 0.3s var(--transition);
    z-index: 2;
}
@media screen and (max-width: 1200px) {
    .project-catalog-banner .project-catalog-banner__btn {
        height: 34px;
        line-height: 34px;
    }
}
@media screen and (max-width: 768px) {
    .project-catalog-banner .project-catalog-banner__btn {
        font-size: 12px;
        height: 25px;
        line-height: 25px;
    }
}
.individual-header {
    border-radius: 10px;
    margin-bottom: 54px;
    overflow: hidden;
    padding: 35px 27px;
    position: relative;
}
@media screen and (max-width: 1200px) {
    .individual-header {
        margin-bottom: 44px;
        padding: 20px 17px 400px;
    }
}
@media screen and (max-width: 768px) {
    .individual-header {
        margin-bottom: 29px;
        padding: 10px 10px 220px;
    }
}
.individual-header + .advantages-block {
    margin-top: 0;
}
.individual-header:before {
    background: linear-gradient(90deg, #7dae6b, #5b7149 6%, #96bb72 29.13%, #f6df8f 65%, #f6c955);
    content: "";
    height: 100%;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 300%;
    z-index: 1;
}
@media screen and (max-width: 1200px) {
    .individual-header:before {
        background: linear-gradient(179deg, #7dae6b, #5b7149 6%, #96bb72 29.13%, #f6df8f 65%, #f6c955);
        height: 200%;
        left: 0;
        top: 50%;
        transform: translateY(-50%) translateX(0);
        width: 100%;
    }
}
.individual-header .individual-header__content {
    -webkit-backdrop-filter: blur(13.3142204285px);
    backdrop-filter: blur(13.3142204285px);
    background: hsla(0, 0%, 100%, 0.78);
    border-radius: 10px;
    max-width: 660px;
    overflow: hidden;
    padding: 20px 20px 25px;
    position: relative;
    width: 100%;
    z-index: 4;
}
@media screen and (max-width: 768px) {
    .individual-header .individual-header__content {
        padding: 15px 11px;
    }
}
.individual-header .individual-header__content:before {
    background: hsla(0, 0%, 100%, 0.6);
    border-radius: 50%;
    content: "";
    filter: blur(100px);
    height: calc(100% - 50px);
    left: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: calc(100% - 100px);
    z-index: 1;
}
.individual-header .individual-header__content .individual-header__title {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 16px;
    position: relative;
    z-index: 2;
}
@media screen and (max-width: 1200px) {
    .individual-header .individual-header__content .individual-header__title {
        font-weight: 500;
        margin-bottom: 11px;
    }
}
@media screen and (max-width: 768px) {
    .individual-header .individual-header__content .individual-header__title {
        font-size: 18px;
        margin-bottom: 10px;
    }
}
.individual-header .individual-header__content .individual-header__title h1,
.individual-header .individual-header__content .individual-header__title h2,
.individual-header .individual-header__content .individual-header__title h3,
.individual-header .individual-header__content .individual-header__title h4 {
    font-size: 28px;
    font-weight: 500;
    margin: 0;
}
@media screen and (max-width: 1200px) {
    .individual-header .individual-header__content .individual-header__title h1,
    .individual-header .individual-header__content .individual-header__title h2,
    .individual-header .individual-header__content .individual-header__title h3,
    .individual-header .individual-header__content .individual-header__title h4 {
        font-weight: 500;
    }
}
@media screen and (max-width: 768px) {
    .individual-header .individual-header__content .individual-header__title h1,
    .individual-header .individual-header__content .individual-header__title h2,
    .individual-header .individual-header__content .individual-header__title h3,
    .individual-header .individual-header__content .individual-header__title h4 {
        font-size: 18px;
    }
}
.individual-header .individual-header__content .individual-header__desc {
    font-size: 16px;
    line-height: 1.5;
    position: relative;
    z-index: 2;
}
@media screen and (max-width: 768px) {
    .individual-header .individual-header__content .individual-header__desc {
        font-size: 14px;
    }
}
.individual-header .individual-header__content .individual-header__desc p {
    margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
    .individual-header .individual-header__content .individual-header__desc p {
        margin-bottom: 6px;
    }
}
.individual-header .individual-header__content .individual-header__desc p:last-child {
    margin-bottom: 0;
}
.individual-header .individual-header__img {
    background: url(/local/templates/.default/assets/css/../img/individual-header__img.webp) no-repeat 100% 100%;
    background-size: contain;
    bottom: 0;
    height: calc(100% + 50px);
    max-width: 760px;
    pointer-events: none;
    position: absolute;
    right: -77px;
    width: 50%;
    z-index: 3;
}
@media screen and (max-width: 1500px) {
    .individual-header .individual-header__img {
        max-width: 460px;
    }
}
@media screen and (max-width: 1200px) {
    .individual-header .individual-header__img {
        height: 400px;
        max-width: 100%;
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .individual-header .individual-header__img {
        height: 200px;
        right: -25px;
    }
}
.individual-header .individual-header__substrate {
    background: url(/local/templates/.default/assets/css/../img/individual-header__substrate.webp) no-repeat 0 100%;
    background-size: auto 100%;
    bottom: 0;
    content: "";
    height: 100%;
    pointer-events: none;
    position: absolute;
    right: 0;
    width: 50%;
    z-index: 2;
}
@media screen and (max-width: 1200px) {
    .individual-header .individual-header__substrate {
        background: url(/local/templates/.default/assets/css/../img/individual-header__substrate2.webp) no-repeat 100% 100%;
        background-size: contain;
        width: 100%;
    }
}
.individual-project {
    margin-bottom: 54px;
}
@media screen and (max-width: 1200px) {
    .individual-project {
        margin-bottom: 46px;
    }
}
@media screen and (max-width: 768px) {
    .individual-project {
        margin-bottom: 29px;
    }
}
.individual-project .individual-project__title {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 30px;
}
@media screen and (max-width: 1200px) {
    .individual-project .individual-project__title {
        font-size: 28px;
        font-weight: 500;
        margin-bottom: 23px;
    }
}
@media screen and (max-width: 768px) {
    .individual-project .individual-project__title {
        font-size: 18px;
        margin-bottom: 18px;
    }
}
.individual-project .individual-project__title h1,
.individual-project .individual-project__title h2,
.individual-project .individual-project__title h3,
.individual-project .individual-project__title h4 {
    font-size: 30px;
    font-weight: 500;
    margin: 0;
}
@media screen and (max-width: 1200px) {
    .individual-project .individual-project__title h1,
    .individual-project .individual-project__title h2,
    .individual-project .individual-project__title h3,
    .individual-project .individual-project__title h4 {
        font-size: 28px;
        font-weight: 500;
    }
}
@media screen and (max-width: 768px) {
    .individual-project .individual-project__title h1,
    .individual-project .individual-project__title h2,
    .individual-project .individual-project__title h3,
    .individual-project .individual-project__title h4 {
        font-size: 18px;
    }
}
.individual-project .individual-project__list {
    counter-reset: item;
    display: flex;
    gap: 38px;
}
@media screen and (max-width: 1200px) {
    .individual-project .individual-project__list {
        flex-direction: column;
        gap: 29px;
    }
}
@media screen and (max-width: 768px) {
    .individual-project .individual-project__list {
        gap: 20px;
    }
}
.individual-project .individual-project__item {
    background: var(--color-gray5);
    border-radius: 10px;
    counter-increment: item;
    padding: 20px 20px 24px;
}
@media screen and (max-width: 1200px) {
    .individual-project .individual-project__item {
        border-radius: 5px;
        padding: 16px 15px;
    }
}
@media screen and (max-width: 768px) {
    .individual-project .individual-project__item {
        padding: 16px 15px 19px;
    }
}
.individual-project .individual-project__item .individual-project__item-title {
    align-items: center;
    display: flex;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 10px;
}
@media screen and (max-width: 1200px) {
    .individual-project .individual-project__item .individual-project__item-title {
        font-size: 16px;
        line-height: 1.4;
    }
}
@media screen and (max-width: 768px) {
    .individual-project .individual-project__item .individual-project__item-title {
        font-size: 14px;
    }
}
.individual-project .individual-project__item .individual-project__item-title:before {
    background: var(--color-orange);
    border-radius: 50%;
    color: var(--color-white);
    content: counter(item);
    display: block;
    font-size: 20px;
    font-weight: 400;
    height: 30px;
    letter-spacing: 0.03em;
    line-height: 30px;
    margin-right: 16px;
    text-align: center;
    width: 30px;
}
@media screen and (max-width: 1200px) {
    .individual-project .individual-project__item .individual-project__item-title:before {
        font-size: 16px;
        height: 21px;
        line-height: 21px;
        margin-right: 12px;
        width: 21px;
    }
}
.individual-project .individual-project__item .individual-project__item-desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}
@media screen and (max-width: 1200px) {
    .individual-project .individual-project__item .individual-project__item-desc {
        line-height: 1.4;
    }
}
@media screen and (max-width: 768px) {
    .individual-project .individual-project__item .individual-project__item-desc {
        font-size: 12px;
    }
}
.individual-project .individual-project__item .individual-project__item-desc p {
    margin-bottom: 0;
}
.stages-development {
    margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
    .stages-development {
        margin-bottom: 0;
    }
}
.stages-development .stages-development__title {
    align-items: center;
    display: flex;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 30px;
}
@media screen and (max-width: 1200px) {
    .stages-development .stages-development__title {
        font-size: 28px;
        font-weight: 500;
        margin-bottom: 23px;
    }
}
@media screen and (max-width: 768px) {
    .stages-development .stages-development__title {
        font-size: 18px;
        margin-bottom: 18px;
    }
}
.stages-development .stages-development__title h1,
.stages-development .stages-development__title h2,
.stages-development .stages-development__title h3,
.stages-development .stages-development__title h4 {
    font-size: 30px;
    font-weight: 500;
    margin: 0;
}
@media screen and (max-width: 1200px) {
    .stages-development .stages-development__title h1,
    .stages-development .stages-development__title h2,
    .stages-development .stages-development__title h3,
    .stages-development .stages-development__title h4 {
        font-size: 28px;
        font-weight: 500;
    }
}
@media screen and (max-width: 768px) {
    .stages-development .stages-development__title h1,
    .stages-development .stages-development__title h2,
    .stages-development .stages-development__title h3,
    .stages-development .stages-development__title h4 {
        font-size: 18px;
    }
}
.stages-development .stages-development__list {
    display: flex;
    flex-wrap: wrap;
    gap: 33px;
}
@media screen and (max-width: 1200px) {
    .stages-development .stages-development__list {
        gap: 36px 20px;
    }
}
@media screen and (max-width: 768px) {
    .stages-development .stages-development__list {
        flex-direction: column;
    }
}
.stages-development .stages-development__list .stages-development__item {
    margin: none;
    width: calc(25% - 24.75px);
}
@media screen and (max-width: 1200px) {
    .stages-development .stages-development__list .stages-development__item {
        width: calc(33.33333% - 13.33333px);
    }
}
@media screen and (max-width: 768px) {
    .stages-development .stages-development__list .stages-development__item {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
}
.stages-development .stages-development__list .stages-development__item._border .stages-development__item-img {
    border: 1px solid var(--color-text);
}
.stages-development .stages-development__list .stages-development__item-img {
    border-radius: 10px;
    margin-bottom: 24px;
    overflow: hidden;
    padding-top: 71%;
    position: relative;
}
@media screen and (max-width: 1200px) {
    .stages-development .stages-development__list .stages-development__item-img {
        border-radius: 5px;
        margin-bottom: 12px;
    }
}
@media screen and (max-width: 768px) {
    .stages-development .stages-development__list .stages-development__item-img {
        margin-bottom: 0;
        order: 3;
        padding-top: 67%;
    }
}
.stages-development .stages-development__list .stages-development__item-img img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%;
}
.stages-development .stages-development__list .stages-development__item-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 10px;
}
@media screen and (max-width: 1200px) {
    .stages-development .stages-development__list .stages-development__item-title {
        font-size: 16px;
        margin-bottom: 6px;
    }
}
@media screen and (max-width: 768px) {
    .stages-development .stages-development__list .stages-development__item-title {
        font-size: 14px;
        margin-bottom: 5px;
        order: 1;
    }
}
.stages-development .stages-development__list .stages-development__item-desc {
    font-size: 16px;
    line-height: 1.5;
}
@media screen and (max-width: 1200px) {
    .stages-development .stages-development__list .stages-development__item-desc {
        font-size: 14px;
        line-height: 1.3;
    }
}
@media screen and (max-width: 768px) {
    .stages-development .stages-development__list .stages-development__item-desc {
        font-size: 12px;
        margin-bottom: 18px;
        order: 2;
    }
}
.page-404 {
    align-items: center;
    background: linear-gradient(270deg, #f8e2c6, #f8e2c6 22.48%, #d6d2e8 76.89%, #ccc7de);
    color: var(--color-white);
    display: flex;
    min-height: calc(100vh - 75px);
    padding: 90px 0;
    position: relative;
}
@media screen and (max-width: 1200px) {
    .page-404 {
        min-height: auto;
        padding: 20px 0 460px;
    }
}
@media screen and (max-width: 768px) {
    .page-404 {
        padding: 10px 0 280px;
    }
}
.page-404 .page-404__content {
    filter: blur(50px);
    position: relative;
    transition: all 0.8s ease-in-out 0.3s;
    z-index: 4;
}
.page-404 .page-404__title {
    display: inline-block;
    font-size: 290px;
    font-weight: 700;
    letter-spacing: 0.03em;
    line-height: 1;
    position: relative;
    white-space: nowrap;
}
@media screen and (max-width: 1600px) {
    .page-404 .page-404__title {
        font-size: 220px;
    }
}
@media screen and (max-width: 1200px) {
    .page-404 .page-404__title {
        font-size: 140px;
    }
}
@media screen and (max-width: 768px) {
    .page-404 .page-404__title {
        font-size: 80px;
    }
}
.page-404 .page-404__title .leaves {
    left: 107%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 39%;
    transform: scale(0.3);
    transition: all 0.4s var(--transition);
}
.page-404 .page-404__title .leaves span {
    position: absolute;
}
.page-404 .page-404__title .leaves span:first-child {
    animation: sheet2 3s infinite;
    background: url(/local/templates/.default/assets/css/../img/leaves_1.webp) no-repeat 50%;
    background-size: contain;
    height: 105px;
    left: -116px;
    top: -59px;
    width: 128px;
}
@media screen and (max-width: 1200px) {
    .page-404 .page-404__title .leaves span:first-child {
        height: 60px;
        left: -65px;
        top: -35px;
        width: 70px;
    }
}
@media screen and (max-width: 768px) {
    .page-404 .page-404__title .leaves span:first-child {
        left: -30px;
        width: 35px;
    }
}
.page-404 .page-404__title .leaves span:nth-child(2) {
    animation: sheet1 3s infinite;
    background: url(/local/templates/.default/assets/css/../img/leaves_2.webp) no-repeat 50%;
    background-size: contain;
    height: 62px;
    width: 90px;
}
@media screen and (max-width: 1200px) {
    .page-404 .page-404__title .leaves span:nth-child(2) {
        height: 40px;
        width: 55px;
    }
}
@media screen and (max-width: 768px) {
    .page-404 .page-404__title .leaves span:nth-child(2) {
        width: 35px;
    }
}
.page-404 .page-404__subtitle {
    font-size: 60px;
    font-weight: 500;
    letter-spacing: 0.03em;
    line-height: 1.4;
}
@media screen and (max-width: 1600px) {
    .page-404 .page-404__subtitle {
        font-size: 40px;
    }
}
@media screen and (max-width: 1200px) {
    .page-404 .page-404__subtitle {
        font-size: 36px;
        line-height: 1.2;
        margin-bottom: 6px;
    }
}
@media screen and (max-width: 768px) {
    .page-404 .page-404__subtitle {
        font-size: 20px;
    }
}
.page-404 .page-404__desc {
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 0.03em;
    margin-bottom: 60px;
}
@media screen and (max-width: 1600px) {
    .page-404 .page-404__desc {
        font-size: 20px;
    }
}
@media screen and (max-width: 1200px) {
    .page-404 .page-404__desc {
        font-size: 20px;
        margin-bottom: 43px;
    }
}
@media screen and (max-width: 768px) {
    .page-404 .page-404__desc {
        font-size: 12px;
        margin-bottom: 20px;
    }
}
.page-404 .page-404__btn .btn {
    font-size: 27px;
    height: 70px;
    line-height: 70px;
    max-width: 280px;
    width: 100%;
}
@media screen and (max-width: 1200px) {
    .page-404 .page-404__btn .btn {
        font-size: 22px;
        height: 52px;
        line-height: 52px;
        max-width: 216px;
    }
}
@media screen and (max-width: 768px) {
    .page-404 .page-404__btn .btn {
        font-size: 14px;
        height: 38px;
        line-height: 38px;
        max-width: 100%;
        padding: 0 30px;
        width: auto;
    }
}
.page-404__images {
    overflow: hidden;
    pointer-events: none;
    z-index: 1;
}
.page-404__images,
.page-404__images .home {
    bottom: 0;
    height: 100%;
    position: absolute;
    right: 0;
    width: 100%;
}
.page-404__images .home {
    background: url(/local/templates/.default/assets/css/../img/404__home.webp) no-repeat 100% 100%;
    background-size: contain;
    max-width: 876px;
    opacity: 0;
    transition: opacity 0.4s var(--transition) 0.5s;
    will-change: opacity;
    z-index: 4;
}
@media screen and (max-width: 1600px) {
    .page-404__images .home {
        max-width: 740px;
    }
}
@media screen and (max-width: 1200px) {
    .page-404__images .home {
        max-width: 620px;
    }
}
@media screen and (max-width: 768px) {
    .page-404__images .home {
        max-width: 335px;
    }
}
.page-404__images .home img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: right bottom;
    object-position: right bottom;
    width: 100%;
}
.page-404__images .lower-plants {
    background: url(/local/templates/.default/assets/css/../img/404_lower-plants.webp) no-repeat 100% 100%;
    background-size: contain;
    bottom: -111px;
    height: 100%;
    max-width: 991px;
    opacity: 0;
    position: absolute;
    right: 27px;
    transform: translateY(40px);
    transition: all 0.4s var(--transition) 0.7s;
    width: 100%;
    will-change: transform;
    z-index: 1;
}
@media screen and (max-width: 1600px) {
    .page-404__images .lower-plants {
        max-width: 900px;
    }
}
@media screen and (max-width: 1200px) {
    .page-404__images .lower-plants {
        bottom: -70px;
        max-width: 600px;
        right: 7%;
    }
}
@media screen and (max-width: 768px) {
    .page-404__images .lower-plants {
        bottom: -30px;
        max-width: 100%;
        right: 6%;
        width: 370px;
    }
}
.page-404__images .lower-plants img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: right bottom;
    object-position: right bottom;
    width: 100%;
}
.page-404__images .leaves {
    background: url(/local/templates/.default/assets/css/../img/404_leaves.webp) no-repeat 100% 0;
    background-size: contain;
    content: "";
    height: 95px;
    opacity: 0;
    position: absolute;
    right: 20%;
    top: 0;
    transition: opacity 0.4s var(--transition) 0.5s;
    width: 146px;
    will-change: opacity;
    z-index: 3;
}
@media screen and (max-width: 1600px) {
    .page-404__images .leaves {
        right: 30%;
    }
}
@media screen and (max-width: 1200px) {
    .page-404__images .leaves {
        right: 2%;
    }
}
@media screen and (max-width: 768px) {
    .page-404__images .leaves {
        top: -5px;
        width: 100px;
    }
}
.page-404__images .tree {
    background: url(/local/templates/.default/assets/css/../img/404_tree.webp) no-repeat 100% 100%;
    background-size: contain;
    bottom: 0;
    height: 120%;
    max-width: 552px;
    opacity: 0;
    position: absolute;
    right: 0;
    transform: translateY(40px);
    transition: all 0.4s var(--transition) 0.7s;
    width: 100%;
    will-change: transform;
    z-index: 3;
}
@media screen and (max-width: 1600px) {
    .page-404__images .tree {
        max-width: 500px;
    }
}
@media screen and (max-width: 1200px) {
    .page-404__images .tree {
        bottom: -30px;
        width: 410px;
    }
}
@media screen and (max-width: 768px) {
    .page-404__images .tree {
        right: -10px;
        width: 225px;
    }
}
.page-404__images .tree img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: right bottom;
    object-position: right bottom;
    width: 100%;
}
body._load .page-404__content {
    filter: blur(0);
}
body._load .page-404__title .leaves {
    opacity: 1;
    transform: scale(1);
}
body._load .page-404__images .home,
body._load .page-404__images .leaves {
    opacity: 1;
}
body._load .page-404__images .lower-plants,
body._load .page-404__images .tree {
    opacity: 1;
    transform: translateY(0);
}
@keyframes sheet1 {
    0% {
        transform: translate(0);
    }
    50% {
        transform: translateY(-5%);
    }
    to {
        transform: translate(0);
    }
}
@keyframes sheet2 {
    0% {
        transform: translate(0);
    }
    50% {
        transform: translateY(18%);
    }
    to {
        transform: translate(0);
    }
}
.page-title {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 16px;
}
@media screen and (max-width: 1200px) {
    .page-title {
        font-size: 28px;
    }
}
@media screen and (max-width: 768px) {
    .page-title {
        font-size: 18px;
        margin-bottom: 10px;
    }
}
.page-title h1,
.page-title h2,
.page-title h3,
.page-title h4 {
    font-size: 30px;
    font-weight: 500;
    margin: 0;
}
@media screen and (max-width: 1200px) {
    .page-title h1,
    .page-title h2,
    .page-title h3,
    .page-title h4 {
        font-size: 28px;
    }
}
@media screen and (max-width: 768px) {
    .page-title h1,
    .page-title h2,
    .page-title h3,
    .page-title h4 {
        font-size: 18px;
    }
}
.page-desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 29px;
}
@media screen and (max-width: 768px) {
    .page-desc {
        font-size: 14px;
        line-height: 1.3;
    }
}
.page-desc p {
    margin-bottom: 7px;
}
@media screen and (max-width: 768px) {
    .page-desc p {
        margin-bottom: 6px;
    }
}
.page-content {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}
@media screen and (max-width: 768px) {
    .page-content {
        font-size: 14px;
        line-height: 1.3;
    }
}
.page-content p {
    margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
    .page-content p {
        margin-bottom: 11px;
    }
}
.page-content p:has(+ ul, + ol) {
    margin-bottom: 6px;
}
.page-content p:last-child {
    margin-bottom: 0;
}
.page-content h2:not(.articles-grid h2) {
    font-size: 30px;
    font-weight: 400;
    line-height: 1.2;
    margin: 36px 0 14px;
}
@media screen and (max-width: 1200px) {
    .page-content h2:not(.articles-grid h2) {
        font-size: 26px;
        margin: 26px 0 14px;
    }
}
@media screen and (max-width: 768px) {
    .page-content h2:not(.articles-grid h2) {
        font-size: 18px;
        font-weight: 500;
        margin: 18px 0 12px;
    }
}
.page-content h3 {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.2;
    margin: 32px 0 14px;
}
@media screen and (max-width: 1200px) {
    .page-content h3 {
        font-size: 24px;
        margin: 24px 0 14px;
    }
}
@media screen and (max-width: 768px) {
    .page-content h3 {
        font-size: 16px;
        font-weight: 500;
        margin: 16px 0 12px;
    }
}
.page-content h4 {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2;
    margin: 28px 0 14px;
}
@media screen and (max-width: 1200px) {
    .page-content h4 {
        font-size: 20px;
        margin: 22px 0 14px;
    }
}
@media screen and (max-width: 768px) {
    .page-content h4 {
        font-size: 15px;
        font-weight: 500;
        margin: 16px 0 12px;
    }
}
.page-content h5 {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;
    margin: 24px 0 14px;
}
@media screen and (max-width: 1200px) {
    .page-content h5 {
        font-size: 18px;
        margin: 20px 0 14px;
    }
}
@media screen and (max-width: 768px) {
    .page-content h5 {
        font-size: 14px;
        font-weight: 500;
        margin: 16px 0 12px;
    }
}
.page-content image {
    margin-bottom: 12px;
    max-width: 100%;
}
@media screen and (max-width: 768px) {
    .page-content image {
        margin-bottom: 11px;
    }
}
.page-content b,
.page-content strong {
    font-weight: 500;
}
.page-content ul {
    list-style-position: inside;
    margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
    .page-content ul {
        margin-bottom: 11px;
    }
}
.page-content table {
    margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
    .page-content table {
        margin-bottom: 11px;
    }
}
.page-content blockquote {
    border-left: 2px solid var(--color-gray2);
    border-radius: 2px;
    font-size: 14px;
    margin-bottom: 12px;
    padding-left: 24px;
}
@media screen and (max-width: 768px) {
    .page-content blockquote {
        font-size: 12px;
        margin-bottom: 11px;
        padding-left: 18px;
    }
}
.page-content blockquote p {
    margin-bottom: 8px;
}
@media screen and (max-width: 768px) {
    .page-content blockquote p {
        margin-bottom: 6px;
    }
}
.page-content blockquote p:last-child {
    margin-bottom: 0;
}
.contacts-region-info {
    margin-bottom: 36px;
}
.contacts-region-info p {
    margin-bottom: 8px;
}
.contacts-grid {
    display: grid;
    gap: 0 40px;
    grid-template-areas: "grid-contact grid-map" "grid-mode grid-map" "grid-exhibitions grid-form";
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
}
.contacts-grid--without-map {
    grid-template-areas: "grid-contact grid-mode" "grid-exhibitions grid-form";
}
@media screen and (max-width: 1500px) {
    .contacts-grid {
        display: flex;
        flex-direction: column;
    }
}
.contacts-grid .contacts-grid__double-contact {
    grid-area: grid-contact;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    margin-bottom: 24px;
}
.contacts-grid--without-map .contacts-grid__double-contact {
    margin-bottom: 40px;
}
@media screen and (max-width: 1500px) {
    .contacts-grid .contacts-grid__double-contact {
        margin-bottom: 32px;
    }
}
@media screen and (max-width: 768px) {
    .contacts-grid .contacts-grid__double-contact {
        margin-bottom: 18px;
    }
}
.contacts-grid .contacts-exhibitions {
    grid-area: grid-exhibitions;
    -ms-grid-column: 1;
    -ms-grid-row: 5;
}
@media screen and (max-width: 1500px) {
    .contacts-grid .contacts-exhibitions {
        margin-bottom: 32px;
    }
}
@media screen and (max-width: 768px) {
    .contacts-grid .contacts-exhibitions {
        margin-bottom: 18px;
    }
}
.contacts-grid .contacts-grid__double-geography {
    grid-area: grid-mode;
    -ms-grid-column: 1;
    -ms-grid-row: 3;
    margin-bottom: 40px;
}
@media screen and (max-width: 1500px) {
    .contacts-grid .contacts-grid__double-geography {
        margin-bottom: 32px;
    }
}
@media screen and (max-width: 768px) {
    .contacts-grid .contacts-grid__double-geography {
        margin-bottom: 24px;
    }
}
.contacts-grid .contacts-map {
    -ms-grid-row-span: 3;
    grid-area: grid-map;
    -ms-grid-column: 3;
    -ms-grid-row: 1;
    margin-bottom: 40px;
}
@media screen and (max-width: 1500px) {
    .contacts-grid .contacts-map {
        margin-bottom: 32px;
    }
}
@media screen and (max-width: 768px) {
    .contacts-grid .contacts-map {
        margin-bottom: 24px;
    }
}
.contacts-grid .contacts-form {
    grid-area: grid-form;
    -ms-grid-column: 3;
    -ms-grid-row: 5;
}
.contacts-grid__double {
    display: flex;
    gap: 24px;
    justify-content: space-between;
}
@media screen and (max-width: 768px) {
    .contacts-grid__double {
        flex-direction: column;
        gap: 18px;
    }
}
.contacts-grid__double .contacts-widget {
    width: calc(50% - 12px);
}
@media screen and (max-width: 768px) {
    .contacts-grid__double .contacts-widget {
        width: 100%;
    }
}
.contacts-widget {
    background: var(--color-gray5);
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    padding: 16px 20px;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .contacts-widget {
        padding: 15px;
    }
}
.contacts-widget .contacts-widget__title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 13px;
}
@media screen and (max-width: 1500px) {
    .contacts-widget .contacts-widget__title {
        font-size: 18px;
        margin-bottom: 18px;
    }
}
@media screen and (max-width: 768px) {
    .contacts-widget .contacts-widget__title {
        font-size: 16px;
    }
}
.contacts-widget .contacts-widget__subtitle {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 10px;
    margin-top: 6px;
}
@media screen and (max-width: 768px) {
    .contacts-widget .contacts-widget__subtitle {
        font-size: 14px;
        margin-top: 11px;
    }
}
.contacts-widget .contacts-widget__item {
    margin-bottom: 10px;
}
.contacts-widget .contacts-widget__item:last-child {
    margin-bottom: 0;
}
.contacts-widget .contacts-widget__phone {
    align-items: center;
    color: var(--color-text);
    display: inline-block;
    font-size: 16px;
    line-height: 1.5;
    padding-left: 30px;
    position: relative;
    text-decoration: none;
    transition: color 0.3s var(--transition);
}
@media screen and (max-width: 768px) {
    .contacts-widget .contacts-widget__phone {
        font-size: 14px;
        padding-left: 26px;
    }
}
@media (hover: hover) {
    .contacts-widget .contacts-widget__phone:hover {
        color: var(--color-orange);
    }
}
@media (hover: none) {
    .contacts-widget .contacts-widget__phone:active {
        color: var(--color-orange);
    }
}
.contacts-widget .contacts-widget__phone .icon {
    display: block;
    left: 0;
    line-height: 0px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.contacts-widget .contacts-widget__phone.contacts-widget__mobile svg path {
    fill: var(--color-green4);
}
.contacts-widget .contacts-widget__phone.contacts-widget__home svg path {
    fill: var(--color-white);
}
.contacts-widget .contacts-widget__phone.contacts-widget__home svg circle {
    fill: var(--color-blue6);
}
.contacts-widget .contacts-widget__messanger {
    align-items: center;
    color: var(--color-text);
    display: inline-block;
    font-size: 16px;
    line-height: 1.5;
    padding-left: 30px;
    position: relative;
    text-decoration: none;
    transition: color 0.3s var(--transition);
}
@media screen and (max-width: 768px) {
    .contacts-widget .contacts-widget__messanger {
        font-size: 14px;
        padding-left: 26px;
    }
}
@media (hover: hover) {
    .contacts-widget .contacts-widget__messanger:hover {
        color: var(--color-orange);
    }
}
@media (hover: none) {
    .contacts-widget .contacts-widget__messanger:active {
        color: var(--color-orange);
    }
}
.contacts-widget .contacts-widget__messanger .icon {
    display: block;
    left: 0;
    line-height: 0px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.contacts-widget .contacts-widget__messanger.contacts-widget__whatsapp .icon svg {
    height: 23px;
    width: 23px;
}
.contacts-widget .contacts-widget__messanger.contacts-widget__whatsapp .icon svg path:first-child,
.contacts-widget .contacts-widget__messanger.contacts-widget__whatsapp .icon svg path:nth-child(2) {
    fill: var(--color-white);
}
.contacts-widget .contacts-widget__messanger.contacts-widget__whatsapp .icon svg path:nth-child(3),
.contacts-widget .contacts-widget__messanger.contacts-widget__whatsapp .icon svg path:nth-child(4) {
    fill: var(--color-green5);
}
.contacts-widget .contacts-widget__messanger.contacts-widget__whatsapp .icon svg path:nth-child(5) {
    fill: var(--color-white);
}
.contacts-widget .contacts-widget__messanger.contacts-widget__telegram .icon svg {
    height: 23px;
    width: 23px;
}
.contacts-widget .contacts-widget__messanger.contacts-widget__telegram .icon svg path:first-child {
    fill: var(--color-blue7);
}
.contacts-widget .contacts-widget__messanger.contacts-widget__telegram .icon svg path:nth-child(2) {
    fill: var(--color-white);
}
.contacts-widget .contacts-widget__messanger.contacts-widget__telegram .icon svg path:nth-child(3),
.contacts-widget .contacts-widget__messanger.contacts-widget__telegram .icon svg path:nth-child(4) {
    fill: var(--color-gray44);
}
.contacts-widget .contacts-widget__email {
    align-items: center;
    color: var(--color-text);
    display: inline-block;
    font-size: 16px;
    line-height: 1.5;
    padding-left: 30px;
    position: relative;
    text-decoration: none;
    transition: color 0.3s var(--transition);
}
@media screen and (max-width: 768px) {
    .contacts-widget .contacts-widget__email {
        font-size: 14px;
        padding-left: 26px;
    }
}
@media (hover: hover) {
    .contacts-widget .contacts-widget__email:hover {
        color: var(--color-orange);
    }
}
@media (hover: none) {
    .contacts-widget .contacts-widget__email:active {
        color: var(--color-orange);
    }
}
.contacts-widget .contacts-widget__email .icon {
    display: block;
    left: 0;
    line-height: 0px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.contacts-widget .contacts-widget__email .icon svg {
    height: 14px;
    width: 18px;
}
.contacts-widget .contacts-widget__email .icon svg path {
    fill: var(--color-orange11);
}
.contacts-map {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
@media screen and (max-width: 1500px) {
    .contacts-map {
        height: 300px;
    }
}
@media screen and (max-width: 768px) {
    .contacts-map {
        height: 210px;
    }
}
.contacts-map iframe {
    border: none;
    height: 100%;
    left: 0;
    position: absolute !important;
    top: 0;
    width: 100%;
}
.contacts-widget__mode {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
    .contacts-widget__mode {
        font-size: 14px;
    }
}
.contacts-widget__mode:last-child {
    margin-bottom: 0;
}
.contacts-widget__mode .contacts-widget__mode-title {
    color: var(--color-gray26);
    font-size: 12px;
    margin-bottom: 4px;
}
@media screen and (max-width: 768px) {
    .contacts-widget__mode .contacts-widget__mode-title {
        margin-bottom: 3px;
    }
}
.contacts-geography {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.contacts-geography .contacts-geography__list {
    font-size: 14px;
    list-style-position: inside;
}
@media screen and (max-width: 768px) {
    .contacts-geography .contacts-geography__list {
        font-size: 12px;
    }
}
.contacts-geography .contacts-geography__list li {
    margin-bottom: 7px;
}
.contacts-geography .contacts-geography__list li:nth-child(1n + 5) {
    display: none;
}
@media screen and (max-width: 768px) {
    .contacts-geography .contacts-geography__list li.visible {
        display: list-item;
    }
}
.contacts-geography .contacts-geography__btns {
    margin-top: auto;
    padding-bottom: 4px;
    padding-top: 13px;
}
.contacts-geography .contacts-geography__btn {
    align-items: center;
    background: transparent;
    border: none;
    color: var(--color-blue4);
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    gap: 0 10px;
    transition: all 0.3s var(--transition);
}
@media (hover: hover) {
    .contacts-geography .contacts-geography__btn:hover {
        color: var(--color-orange);
    }
}
@media (hover: none) {
    .contacts-geography .contacts-geography__btn:active {
        color: var(--color-orange);
    }
}
.contacts-geography .contacts-geography__btn.active svg {
    transition: all 0.3s var(--transition);
}
@media screen and (max-width: 768px) {
    .contacts-geography .contacts-geography__btn.active svg {
        transform: rotate(-180deg);
    }
    .contacts-geography .contacts-geography__btn-desc {
        display: none;
    }
}
.contacts-geography .contacts-geography__btn-mobile {
    display: none;
}
@media screen and (max-width: 768px) {
    .contacts-geography .contacts-geography__btn-mobile {
        display: flex;
    }
}
.contacts-exhibitions {
    background: var(--color-orange12);
    border-radius: 10px;
    padding: 20px;
}
@media screen and (max-width: 768px) {
    .contacts-exhibitions {
        padding: 15px;
    }
}
.contacts-exhibitions .contacts-exhibitions__title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 14px;
}
@media screen and (max-width: 1500px) {
    .contacts-exhibitions .contacts-exhibitions__title {
        font-size: 18px;
    }
}
@media screen and (max-width: 768px) {
    .contacts-exhibitions .contacts-exhibitions__title {
        font-size: 16px;
        margin-bottom: 12px;
    }
}
.contacts-exhibitions .contacts-exhibitions__mode {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 16px;
}
@media screen and (max-width: 1200px) {
    .contacts-exhibitions .contacts-exhibitions__mode {
        font-size: 14px;
        margin-bottom: 18px;
    }
}
@media screen and (max-width: 768px) {
    .contacts-exhibitions .contacts-exhibitions__mode {
        font-size: 14px;
        margin-bottom: 14px;
    }
}
.contacts-exhibitions .contacts-exhibitions__element {
    margin-bottom: 28px;
}
@media screen and (max-width: 768px) {
    .contacts-exhibitions .contacts-exhibitions__element {
        margin-bottom: 25px;
    }
}
.contacts-exhibitions .contacts-exhibitions__element:last-child {
    margin-bottom: 0;
}
.contacts-exhibitions .contacts-exhibitions__element .contacts-exhibitions__element-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 18px;
}
@media screen and (max-width: 1500px) {
    .contacts-exhibitions .contacts-exhibitions__element .contacts-exhibitions__element-title {
        font-size: 16px;
        margin-bottom: 16px;
    }
}
@media screen and (max-width: 768px) {
    .contacts-exhibitions .contacts-exhibitions__element .contacts-exhibitions__element-title {
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 16px;
    }
}
.contacts-exhibitions .contacts-exhibitions__element .contacts-exhibitions__element-address {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 16px;
    padding-left: 23px;
    position: relative;
}
@media screen and (max-width: 768px) {
    .contacts-exhibitions .contacts-exhibitions__element .contacts-exhibitions__element-address {
        font-size: 14px;
        letter-spacing: 0.02em;
        margin-bottom: 12px;
        padding-left: 20px;
    }
}
.contacts-exhibitions .contacts-exhibitions__element .contacts-exhibitions__element-address .icon {
    display: block;
    left: 0;
    line-height: 0px;
    position: absolute;
    top: 0;
}
.contacts-exhibitions .contacts-exhibitions__element .contacts-exhibitions__element-address .icon svg path {
    fill: var(--color-red3);
}
.contacts-exhibitions .contacts-exhibitions__element .contacts-exhibitions__element-mesto {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 16px;
    padding-left: 23px;
    position: relative;
}
@media screen and (max-width: 768px) {
    .contacts-exhibitions .contacts-exhibitions__element .contacts-exhibitions__element-mesto {
        font-size: 14px;
        letter-spacing: 0.02em;
        margin-bottom: 12px;
        padding-left: 20px;
    }
}
.contacts-exhibitions .contacts-exhibitions__element .contacts-exhibitions__element-phone {
    color: var(--color-text);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 11px;
    padding-left: 23px;
    position: relative;
}
@media screen and (max-width: 768px) {
    .contacts-exhibitions .contacts-exhibitions__element .contacts-exhibitions__element-phone {
        font-size: 14px;
    }
}
.contacts-exhibitions .contacts-exhibitions__element .contacts-exhibitions__element-phone a {
    color: var(--color-text);
    display: inline-block;
    text-decoration: none;
    transition: color 0.3s var(--transition);
}
@media (hover: hover) {
    .contacts-exhibitions .contacts-exhibitions__element .contacts-exhibitions__element-phone a:hover {
        color: var(--color-orange);
    }
}
@media (hover: none) {
    .contacts-exhibitions .contacts-exhibitions__element .contacts-exhibitions__element-phone a:active {
        color: var(--color-orange);
    }
}
.contacts-exhibitions .contacts-exhibitions__element .contacts-exhibitions__element-email {
    color: var(--color-text);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    padding-left: 23px;
    position: relative;
}
@media screen and (max-width: 768px) {
    .contacts-exhibitions .contacts-exhibitions__element .contacts-exhibitions__element-email {
        font-size: 14px;
    }
}
.contacts-exhibitions .contacts-exhibitions__element .contacts-exhibitions__element-email a {
    color: var(--color-text);
    display: inline-block;
    text-decoration: none;
    transition: color 0.3s var(--transition);
}
@media (hover: hover) {
    .contacts-exhibitions .contacts-exhibitions__element .contacts-exhibitions__element-email a:hover {
        color: var(--color-orange);
    }
}
@media (hover: none) {
    .contacts-exhibitions .contacts-exhibitions__element .contacts-exhibitions__element-email a:active {
        color: var(--color-orange);
    }
}
.contacts-form {
    background: var(--color-orange13);
    border-radius: 10px;
    overflow: hidden;
    padding: 20px 20px 28px;
    position: relative;
}
@media screen and (max-width: 768px) {
    .contacts-form {
        padding: 18px 15px 220px;
    }
}
.contacts-form .contacts-form__content {
    max-width: 300px;
    position: relative;
    z-index: 3;
}
@media screen and (max-width: 768px) {
    .contacts-form .contacts-form__content {
        max-width: 100%;
    }
}
.contacts-form .contacts-form__title {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 10px;
}
@media screen and (max-width: 1500px) {
    .contacts-form .contacts-form__title {
        font-size: 24px;
    }
}
@media screen and (max-width: 768px) {
    .contacts-form .contacts-form__title {
        font-size: 20px;
        margin-bottom: 13px;
    }
}
.contacts-form .contacts-form__desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 29px;
}
@media screen and (max-width: 1500px) {
    .contacts-form .contacts-form__desc {
        font-size: 14px;
        line-height: 1.4;
        margin-bottom: 24px;
    }
}
@media screen and (max-width: 768px) {
    .contacts-form .contacts-form__desc {
        margin-bottom: 29px;
        max-width: 300px;
    }
}
.contacts-form .block-input {
    margin-bottom: 18px;
}
@media screen and (max-width: 768px) {
    .contacts-form .block-input {
        margin-bottom: 16px;
    }
}
.contacts-form .block-input .block-input__val {
    font-size: 12px;
    height: 34px;
    padding: 0 15px;
}
.contacts-form .agree-form {
    margin-bottom: 26px;
    margin-top: 32px;
}
@media screen and (max-width: 1500px) {
    .contacts-form .agree-form {
        margin-bottom: 28px;
        margin-top: 42px;
    }
}
@media screen and (max-width: 768px) {
    .contacts-form .agree-form {
        margin-bottom: 22px;
        margin-top: 37px;
    }
}
.contacts-form .agree-form .agree-form__label {
    font-size: 12px;
    padding-left: 32px;
}
.contacts-form .agree-form .agree-form__label:before {
    border-color: var(--color-gray21);
    height: 22px;
    margin-top: -12px;
    width: 22px;
}
.contacts-form .agree-form .agree-form__label:after {
    background: url(/local/templates/.default/assets/css/../img/checked.svg) no-repeat 50%;
    background-size: 13px auto;
    height: 22px;
    margin-top: -12px;
    width: 22px;
}
.contacts-form .agree-form .agree-form__label a {
    color: var(--color-text);
    transition: color 0.3s var(--transition);
}
@media (hover: hover) {
    .contacts-form .agree-form .agree-form__label a:hover {
        color: var(--color-orange);
    }
}
@media (hover: none) {
    .contacts-form .agree-form .agree-form__label a:active {
        color: var(--color-orange);
    }
}
.contacts-form .btn {
    font-size: 14px;
    font-weight: 400;
    height: 38px;
    line-height: 38px;
    max-width: 180px;
    width: 100%;
}
.contacts-form .contacts-form__pavilion {
    background: url(/local/templates/.default/assets/css/../img/contacts-form__pavilion.webp) no-repeat 100% 100%;
    background-size: contain;
    bottom: 0;
    content: "";
    height: 100%;
    pointer-events: none;
    position: absolute;
    right: 0;
    width: 284px;
    z-index: 1;
}
@media screen and (max-width: 768px) {
    .contacts-form .contacts-form__pavilion {
        background: url(/local/templates/.default/assets/css/../img/contacts-form__pavilion-m.webp) no-repeat 100% 100%;
        background-size: contain;
        height: 190px;
        width: 100%;
    }
}
.contacts-form .contacts-form__mockup {
    background: url(/local/templates/.default/assets/css/../img/contacts-form__mockup.png) no-repeat 100% 100%;
    background-size: contain;
    bottom: 0;
    content: "";
    height: 100%;
    left: 46%;
    pointer-events: none;
    position: absolute;
    width: 323px;
    z-index: 2;
}
@media screen and (max-width: 1500px) {
    .contacts-form .contacts-form__mockup {
        left: auto;
        right: 100px;
    }
}
@media screen and (max-width: 768px) {
    .contacts-form .contacts-form__mockup {
        height: 190px;
        right: 134px;
        width: 156px;
    }
}
@media screen and (max-width: 499px) {
    .contacts-form .contacts-form__mockup {
        height: 210px;
        left: 0;
        right: 0;
        width: 100%;
        background-position-x: 30px;
    }
}
.company-requisites {
    margin-top: 60px;
}
@media screen and (max-width: 1500px) {
    .company-requisites {
        margin-top: 40px;
    }
}
@media screen and (max-width: 768px) {
    .company-requisites {
        margin-top: 36px;
    }
}
.company-requisites .company-requisites__title {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 33px;
}
@media screen and (max-width: 1500px) {
    .company-requisites .company-requisites__title {
        font-size: 28px;
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 768px) {
    .company-requisites .company-requisites__title {
        font-size: 18px;
        margin-bottom: 18px;
    }
}
.company-requisites .company-requisites__title h2,
.company-requisites .company-requisites__title h3,
.company-requisites .company-requisites__title h4 {
    font-size: 30px;
    font-weight: 500;
    margin: 0;
}
@media screen and (max-width: 1500px) {
    .company-requisites .company-requisites__title h2,
    .company-requisites .company-requisites__title h3,
    .company-requisites .company-requisites__title h4 {
        font-size: 28px;
    }
}
@media screen and (max-width: 768px) {
    .company-requisites .company-requisites__title h2,
    .company-requisites .company-requisites__title h3,
    .company-requisites .company-requisites__title h4 {
        font-size: 18px;
    }
}
.company-requisites .company-requisites__row {
    display: flex;
    gap: 40px;
}
@media screen and (max-width: 1500px) {
    .company-requisites .company-requisites__row {
        gap: 24px;
    }
}
@media screen and (max-width: 768px) {
    .company-requisites .company-requisites__row {
        flex-direction: column;
        gap: 18px;
    }
}
.company-requisites .company-requisites__item {
    background: var(--color-gray5);
    border-radius: 10px;
    padding: 20px;
    width: calc(50% - 20px);
}
@media screen and (max-width: 1500px) {
    .company-requisites .company-requisites__item {
        width: calc(50% - 12px);
    }
}
@media screen and (max-width: 768px) {
    .company-requisites .company-requisites__item {
        padding: 15px;
        width: 100%;
    }
}
.company-requisites .company-requisites__item:nth-child(2) .company-requisites__item-desc {
    margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
    .company-requisites .company-requisites__item:nth-child(2) .company-requisites__item-desc {
        margin-bottom: 24px;
    }
}
.company-requisites .company-requisites__item:nth-child(2) .company-requisites__item-desc:last-child {
    margin-bottom: 0;
}
.company-requisites .company-requisites__item a {
    color: var(--color-text);
    text-decoration: none;
}
.company-requisites .company-requisites__item-title {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 20px;
}
@media screen and (max-width: 1500px) {
    .company-requisites .company-requisites__item-title {
        font-size: 18px;
        margin-bottom: 18px;
    }
}
@media screen and (max-width: 768px) {
    .company-requisites .company-requisites__item-title {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 18px;
    }
}
.company-requisites .company-requisites__item-desc {
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
    .company-requisites .company-requisites__item-desc {
        font-size: 14px;
        margin-bottom: 14px;
    }
}
.company-requisites .company-requisites__item-desc p {
    margin-bottom: 10px;
}
.company-requisites .company-requisites__item-desc p:last-child {
    margin-bottom: 0;
}
.company-requisites .company-requisites__item-value {
    font-size: 16px;
    margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
    .company-requisites .company-requisites__item-value {
        font-size: 14px;
        margin-bottom: 10px;
    }
}
.company-requisites .company-requisites__item-value:last-child {
    margin-bottom: 0;
}
.company-requisites .company-requisites__item-value .company-requisites__item-label {
    color: var(--color-gray26);
    font-size: 12px;
    margin-bottom: 6px;
}
@media screen and (max-width: 768px) {
    .company-requisites .company-requisites__item-value .company-requisites__item-label {
        margin-bottom: 4px;
    }
}
.popup-geography {
    background: var(--color-gray5);
    border: 0.5px solid rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    max-width: 970px;
    padding: 33px 100px 40px 35px;
    width: 100%;
}
@media screen and (max-width: 1200px) {
    .popup-geography {
        padding: 28px 20px;
    }
}
@media screen and (max-width: 768px) {
    .popup-geography {
        padding: 32px 16px 20px;
    }
}
.popup-geography:before {
    background: url(/local/templates/.default/assets/css/../img/popup-geography__bg.png) no-repeat 50%;
    background-size: contain;
    content: "";
    height: 330px;
    left: 50%;
    max-width: 593px;
    pointer-events: none;
    position: absolute;
    top: 68px;
    transform: translateX(-50%);
    width: 100%;
    z-index: 1;
}
@media screen and (max-width: 1200px) {
    .popup-geography:before {
        height: 270px;
        max-width: 488px;
        top: 28px;
    }
}
.popup-geography .popup-geography__title {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0.02em;
    margin-bottom: 30px;
    position: relative;
    z-index: 3;
}
@media screen and (max-width: 1200px) {
    .popup-geography .popup-geography__title {
        font-size: 18px;
        margin-bottom: 17px;
    }
}
@media screen and (max-width: 768px) {
    .popup-geography .popup-geography__title {
        font-size: 16px;
        margin-bottom: 10px;
    }
}
.popup-geography .fancybox-close-small {
    border: 2px solid var(--color-gray22);
    border-radius: 50%;
    color: var(--color-gray22);
    height: 44px;
    padding: 2px;
    right: 25px;
    top: 23px;
    transition: all 0.3s var(--transition);
    width: 44px;
}
@media screen and (max-width: 1200px) {
    .popup-geography .fancybox-close-small {
        height: 36px;
        right: 26px;
        top: 22px;
        width: 36px;
    }
}
@media screen and (max-width: 768px) {
    .popup-geography .fancybox-close-small {
        border-width: 1px;
        height: 23px;
        right: 14px;
        top: 11px;
        width: 23px;
    }
}
.popup-geography .popup-geography__list {
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 90px;
    column-gap: 90px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.02em;
    list-style-position: inside;
    position: relative;
    z-index: 3;
}
@media screen and (max-width: 1200px) {
    .popup-geography .popup-geography__list {
        font-size: 14px;
        gap: 23px;
    }
}
@media screen and (max-width: 768px) {
    .popup-geography .popup-geography__list {
        font-size: 12px;
    }
}
.popup-geography .popup-geography__list li {
    margin-bottom: 10px;
}
@media screen and (max-width: 1200px) {
    .popup-geography .popup-geography__list li {
        margin-bottom: 5px;
    }
}
@media screen and (max-width: 768px) {
    .popup-geography .popup-geography__list li {
        margin-bottom: 4px;
    }
}
.jobs-header {
    background: linear-gradient(90deg, rgba(181, 217, 244, 0.7), rgba(181, 217, 244, 0.7));
    border-radius: 10px;
    margin-bottom: 49px;
    overflow: hidden;
    padding: 25px 27px;
    position: relative;
}
@media screen and (max-width: 1500px) {
    .jobs-header {
        padding: 20px 17px;
    }
}
@media screen and (max-width: 1200px) {
    .jobs-header {
        padding: 20px 17px 360px;
    }
}
@media screen and (max-width: 768px) {
    .jobs-header {
        padding: 13px 10px 230px;
    }
}
.jobs-header + .advantages-block {
    margin-bottom: 72px;
    margin-top: 0;
}
@media screen and (max-width: 1200px) {
    .jobs-header + .advantages-block {
        margin-bottom: 43px;
    }
}
@media screen and (max-width: 768px) {
    .jobs-header + .advantages-block {
        margin-bottom: 28px;
    }
}
.jobs-header .jobs-header__content {
    background: hsla(0, 0%, 100%, 0.78);
    border-radius: 10px;
    max-width: 660px;
    padding: 20px 20px 29px;
    position: relative;
    width: 46%;
    z-index: 2;
}
@media screen and (max-width: 1200px) {
    .jobs-header .jobs-header__content {
        max-width: 100%;
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .jobs-header .jobs-header__content {
        padding: 15px 11px 22px;
    }
}
.jobs-header .jobs-header__content:before {
    background: hsla(0, 0%, 100%, 0.3);
    border-radius: 50%;
    content: "";
    filter: blur(53.7000007629px);
    height: 60%;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    z-index: 1;
}
.jobs-header .jobs-header__title {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 18px;
    position: relative;
    z-index: 2;
}
@media screen and (max-width: 1500px) {
    .jobs-header .jobs-header__title {
        font-size: 24px;
        margin-bottom: 12px;
    }
}
@media screen and (max-width: 1200px) {
    .jobs-header .jobs-header__title {
        font-size: 28px;
        margin-bottom: 11px;
    }
}
@media screen and (max-width: 768px) {
    .jobs-header .jobs-header__title {
        font-size: 18px;
        margin-bottom: 10px;
    }
}
.jobs-header .jobs-header__title h1 {
    font-size: 28px;
    font-weight: 500;
    margin: 0;
}
@media screen and (max-width: 1500px) {
    .jobs-header .jobs-header__title h1 {
        font-size: 24px;
    }
}
@media screen and (max-width: 1200px) {
    .jobs-header .jobs-header__title h1 {
        font-size: 28px;
    }
}
@media screen and (max-width: 768px) {
    .jobs-header .jobs-header__title h1 {
        font-size: 18px;
    }
}
.jobs-header .jobs-header__desc {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 40px;
    position: relative;
    z-index: 2;
}
@media screen and (max-width: 1500px) {
    .jobs-header .jobs-header__desc {
        font-size: 14px;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 1200px) {
    .jobs-header .jobs-header__desc {
        font-size: 16px;
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 768px) {
    .jobs-header .jobs-header__desc {
        font-size: 14px;
        margin-bottom: 27px;
    }
}
.jobs-header .jobs-header__desc p {
    margin-bottom: 12px;
}
@media screen and (max-width: 1600px) {
    .jobs-header .jobs-header__desc p {
        margin-bottom: 6px;
    }
}
.jobs-header .jobs-header__desc p:last-child {
    margin-bottom: 0;
}
.jobs-header .jobs-header__btn {
    position: relative;
    z-index: 2;
}
@media screen and (max-width: 1600px) {
    .jobs-header .jobs-header__btn .btn {
        height: 40px;
        letter-spacing: 0.03em;
        line-height: 40px;
        padding: 0 20px;
    }
}
@media screen and (max-width: 768px) {
    .jobs-header .jobs-header__btn .btn {
        font-size: 12px;
        height: 32px;
        line-height: 32px;
        padding: 0 12px;
    }
}
.jobs-header .jobs-header__img {
    max-width: 54%;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(8%);
}
@media screen and (max-width: 1700px) {
    .jobs-header .jobs-header__img {
        max-width: 56%;
        transform: translateY(20%);
    }
}
@media screen and (max-width: 1500px) {
    .jobs-header .jobs-header__img {
        transform: translateY(14%);
    }
}
@media screen and (max-width: 1200px) {
    .jobs-header .jobs-header__img {
        bottom: -30px;
        left: 50%;
        max-width: 100%;
        right: auto;
        top: auto;
        transform: translate(-50%);
        width: auto;
    }
}
@media screen and (max-width: 768px) {
    .jobs-header .jobs-header__img {
        bottom: -12px;
    }
}
.jobs-header .jobs-header__img:before {
    left: 0;
}
.jobs-header .jobs-header__img:after,
.jobs-header .jobs-header__img:before {
    background: var(--color-whiteRGBA30);
    border-radius: 50%;
    content: "";
    filter: blur(15px);
    height: 81%;
    position: absolute;
    top: 5%;
    width: 44%;
    z-index: 1;
}
.jobs-header .jobs-header__img:after {
    right: 0;
}
.jobs-header .jobs-header__img img {
    position: relative;
    z-index: 2;
}
@media screen and (max-width: 1200px) {
    .jobs-header .jobs-header__img img {
        display: block;
        height: 360px;
        max-width: auto;
        max-width: none;
        width: auto;
    }
}
@media screen and (max-width: 768px) {
    .jobs-header .jobs-header__img img {
        height: 200px;
    }
}
.jobs-about {
    align-items: center;
    display: flex;
    gap: 0 90px;
    margin-bottom: 78px;
}
@media screen and (max-width: 1200px) {
    .jobs-about {
        flex-direction: column;
        gap: 0;
        margin-bottom: 43px;
    }
}
@media screen and (max-width: 768px) {
    .jobs-about {
        margin-bottom: 28px;
    }
}
.jobs-about .jobs-about__content {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    width: 45%;
}
@media screen and (max-width: 1200px) {
    .jobs-about .jobs-about__content {
        line-height: 1.4;
        margin-bottom: 26px;
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .jobs-about .jobs-about__content {
        font-size: 14px;
        margin-bottom: 16px;
    }
}
.jobs-about .jobs-about__content p {
    margin-bottom: 8px;
}
@media screen and (max-width: 1200px) {
    .jobs-about .jobs-about__content p {
        margin-bottom: 6px;
    }
}
.jobs-about .jobs-about__content p:last-child {
    margin-bottom: 0;
}
.jobs-about .jobs-about__content h2 {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 17px;
}
@media screen and (max-width: 1200px) {
    .jobs-about .jobs-about__content h2 {
        font-size: 28px;
    }
}
@media screen and (max-width: 768px) {
    .jobs-about .jobs-about__content h2 {
        font-size: 18px;
        margin-bottom: 8px;
    }
}
.jobs-about .jobs-about__img {
    border-radius: 10px;
    height: 330px;
    overflow: hidden;
    width: calc(55% - 90px);
}
@media screen and (max-width: 1200px) {
    .jobs-about .jobs-about__img {
        height: 415px;
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .jobs-about .jobs-about__img {
        height: 280px;
    }
}
.jobs-about .jobs-about__img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: right center;
    object-position: right center;
    width: 100%;
}
.job-openings {
    margin-bottom: 82px;
}
@media screen and (max-width: 1200px) {
    .job-openings {
        margin-bottom: 43px;
    }
}
@media screen and (max-width: 768px) {
    .job-openings {
        margin-bottom: 42px;
    }
}
.job-openings .job-openings__title {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 42px;
}
@media screen and (max-width: 1200px) {
    .job-openings .job-openings__title {
        font-size: 28px;
        line-height: 1.4;
        margin-bottom: 21px;
    }
}
@media screen and (max-width: 768px) {
    .job-openings .job-openings__title {
        font-size: 18px;
        margin-bottom: 18px;
    }
}
.job-openings .job-openings__title h1,
.job-openings .job-openings__title h2,
.job-openings .job-openings__title h3 {
    font-size: 30px;
    font-weight: 500;
    margin: 0;
}
@media screen and (max-width: 1200px) {
    .job-openings .job-openings__title h1,
    .job-openings .job-openings__title h2,
    .job-openings .job-openings__title h3 {
        font-size: 28px;
    }
}
@media screen and (max-width: 768px) {
    .job-openings .job-openings__title h1,
    .job-openings .job-openings__title h2,
    .job-openings .job-openings__title h3 {
        font-size: 18px;
    }
}
.job-openings__navs {
    margin-bottom: 41px;
}
@media screen and (max-width: 1200px) {
    .job-openings__navs {
        left: calc(var(--container-padding) * -1);
        padding-left: var(--container-padding);
        padding-right: var(--container-padding);
        width: calc(100% + var(--container-padding) * 2);
    }
}
@media screen and (max-width: 768px) {
    .job-openings__navs {
        margin-bottom: 27px;
    }
}
.job-openings__navs .swiper-slide {
    margin-right: 40px;
    width: auto;
}
@media screen and (max-width: 1600px) {
    .job-openings__navs .swiper-slide {
        margin-right: 20px;
    }
}
@media screen and (max-width: 768px) {
    .job-openings__navs .swiper-slide {
        margin-right: 8px;
    }
}
.job-openings__navs .job-openings__nav {
    background: var(--color-gray47);
    border-radius: 5px;
    cursor: pointer;
    display: block;
    font-size: 20px;
    font-weight: 400;
    height: 46px;
    line-height: 46px;
    padding: 0 20px;
    transition: all 0.3s var(--transition);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
@media screen and (max-width: 1600px) {
    .job-openings__navs .job-openings__nav {
        font-size: 16px;
        height: 40px;
        line-height: 40px;
        padding: 0 15px;
    }
}
@media screen and (max-width: 768px) {
    .job-openings__navs .job-openings__nav {
        font-size: 14px;
        height: 30px;
        line-height: 30px;
    }
}
@media (hover: hover) {
    .job-openings__navs .job-openings__nav:hover {
        background: var(--color-orange);
        color: var(--color-white);
    }
}
@media (hover: none) {
    .job-openings__navs .job-openings__nav:active {
        background: var(--color-orange);
        color: var(--color-white);
    }
}
.job-openings__navs .job-openings__nav._active {
    background: var(--color-orange);
    color: var(--color-white);
    font-weight: 500;
}
.job-opening {
    background: var(--color-gray5);
    border-radius: 5px;
    margin-bottom: 28px;
    padding: 20px 25px 20px 20px;
    position: relative;
}
@media screen and (max-width: 1200px) {
    .job-opening {
        margin-bottom: 24px;
        padding: 16px 15px;
    }
}
@media screen and (max-width: 768px) {
    .job-opening {
        padding: 16px;
    }
}
.job-opening:last-child {
    margin-bottom: 0;
}
.job-opening._open .job-opening__link {
    opacity: 1;
    pointer-events: all;
}
.job-opening._open .job-opening__slide {
    background: transparent;
    color: var(--color-text);
    font-weight: 400;
    padding-right: 0;
}
@media (hover: hover) {
    .job-opening._open .job-opening__slide:hover {
        background: transparent;
        color: var(--color-orange);
    }
}
@media (hover: none) {
    .job-opening._open .job-opening__slide:active {
        background: transparent;
        color: var(--color-orange);
    }
}
.job-opening .job-opening__title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 15px;
}
@media screen and (max-width: 1200px) {
    .job-opening .job-opening__title {
        margin-bottom: 34px;
    }
}
@media screen and (max-width: 768px) {
    .job-opening .job-opening__title {
        font-size: 14px;
        margin-bottom: 11px;
    }
}
.job-opening .job-opening__title h2,
.job-opening .job-opening__title h3,
.job-opening .job-opening__title h4 {
    font-size: 20px;
    font-weight: 500;
    margin: 0;
}
@media screen and (max-width: 768px) {
    .job-opening .job-opening__title h2,
    .job-opening .job-opening__title h3,
    .job-opening .job-opening__title h4 {
        font-size: 14px;
    }
}
.job-opening .job-opening__mindesc {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
}
@media screen and (max-width: 1200px) {
    .job-opening .job-opening__mindesc {
        font-size: 14px;
    }
}
@media screen and (max-width: 768px) {
    .job-opening .job-opening__mindesc {
        font-size: 10px;
    }
}
.job-opening .job-opening__salary {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    margin-top: 28px;
}
@media screen and (max-width: 1200px) {
    .job-opening .job-opening__salary {
        margin-top: 12px;
    }
}
@media screen and (max-width: 768px) {
    .job-opening .job-opening__salary {
        font-size: 14px;
        margin-top: 16px;
    }
}
.job-opening .job-opening__content {
    display: none;
    padding-top: 30px;
}
@media screen and (max-width: 1200px) {
    .job-opening .job-opening__content {
        padding-bottom: 6px;
        padding-top: 18px;
    }
}
@media screen and (max-width: 768px) {
    .job-opening .job-opening__content {
        padding-bottom: 16px;
    }
}
@media screen and (max-width: 1200px) {
    .job-opening .job-opening__content .btn {
        font-size: 14px;
        height: 41px;
        letter-spacing: 0.03em;
        line-height: 41px;
        padding: 0 30px;
    }
}
@media screen and (max-width: 768px) {
    .job-opening .job-opening__content .btn {
        font-size: 12px;
        height: 32px;
        line-height: 32px;
        padding: 0 12px;
    }
}
.job-opening .job-opening__list {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 25px;
}
@media screen and (max-width: 1200px) {
    .job-opening .job-opening__list {
        font-size: 14px;
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 768px) {
    .job-opening .job-opening__list {
        font-size: 12px;
        margin-bottom: 16px;
    }
}
.job-opening .job-opening__list:last-child {
    margin-bottom: 0;
}
.job-opening .job-opening__list .job-opening__list-title {
    font-weight: 500;
    margin-bottom: 8px;
}
@media screen and (max-width: 1200px) {
    .job-opening .job-opening__list .job-opening__list-title {
        margin-bottom: 6px;
    }
}
@media screen and (max-width: 768px) {
    .job-opening .job-opening__list .job-opening__list-title {
        margin-bottom: 5px;
    }
}
.job-opening .job-opening__list .job-opening__list-value {
    padding-left: 10px;
    position: relative;
}
.job-opening .job-opening__list .job-opening__list-value:before {
    content: "-";
    left: 0;
    position: absolute;
    top: 0;
}
.job-opening .job-opening__bottom {
    align-items: center;
    display: flex;
    height: 0;
    justify-content: flex-end;
}
@media screen and (max-width: 1200px) {
    .job-opening .job-opening__bottom {
        height: auto;
        justify-content: space-between;
        padding-top: 6px;
    }
}
@media screen and (max-width: 768px) {
    .job-opening .job-opening__bottom {
        padding-top: 4px;
    }
}
.job-opening .job-opening__bottom .job-opening__bottom-right {
    align-items: center;
    display: flex;
    gap: 45px;
    position: relative;
    top: -20px;
}
@media screen and (max-width: 1200px) {
    .job-opening .job-opening__bottom .job-opening__bottom-right {
        gap: 0 40px;
        top: auto;
    }
}
@media screen and (max-width: 768px) {
    .job-opening .job-opening__bottom .job-opening__bottom-right {
        gap: 0 10px;
    }
}
.job-opening .job-opening__city {
    align-items: center;
    display: inline-flex;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    position: absolute;
    right: 25px;
    top: 20px;
}
@media screen and (max-width: 1200px) {
    .job-opening .job-opening__city {
        font-size: 14px;
        position: relative;
        right: auto;
        top: auto;
    }
}
@media screen and (max-width: 768px) {
    .job-opening .job-opening__city {
        font-size: 10px;
    }
}
.job-opening .job-opening__city svg {
    margin-right: 12px;
}
@media screen and (max-width: 768px) {
    .job-opening .job-opening__city svg {
        height: 14px;
        margin-right: 6px;
        width: 11px;
    }
}
.job-opening .job-opening__city svg path {
    fill: var(--color-red3);
}
.job-opening .job-opening__city svg circle {
    fill: var(--color-gray5);
}
.job-opening .job-opening__link {
    color: var(--color-blue4);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    opacity: 0;
    pointer-events: none;
    text-decoration: none;
    transition: all 0.3s var(--transition);
}
@media screen and (max-width: 1200px) {
    .job-opening .job-opening__link {
        font-size: 14px;
    }
}
@media screen and (max-width: 768px) {
    .job-opening .job-opening__link {
        font-size: 10px;
    }
}
.job-opening .job-opening__link a {
    color: var(--color-blue4);
    display: inline-block;
    text-decoration: none;
    transition: all 0.3s var(--transition);
}
@media (hover: hover) {
    .job-opening .job-opening__link a:hover {
        color: var(--color-orange);
    }
}
@media (hover: none) {
    .job-opening .job-opening__link a:active {
        color: var(--color-orange);
    }
}
.job-opening .job-opening__slide {
    background: var(--color-orange);
    border: none;
    border-radius: 14px;
    color: var(--color-white);
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    height: 28px;
    line-height: 28px;
    padding: 0 17px;
    text-decoration: none;
}
@media screen and (max-width: 768px) {
    .job-opening .job-opening__slide {
        font-size: 10px;
        height: 21px;
        line-height: 21px;
        padding: 0 15px;
        text-align: center;
    }
}
@media (hover: hover) {
    .job-opening .job-opening__slide:hover {
        background: var(--color-orange2);
    }
}
@media (hover: none) {
    .job-opening .job-opening__slide:active {
        background: var(--color-orange2);
    }
}
.job-openings__tab {
    display: none;
}
.job-openings__tab._active {
    display: block;
}
.our-offices + .our-offices {
    margin-top: 73px;
}
@media screen and (max-width: 1200px) {
    .our-offices + .our-offices {
        margin-top: 36px;
    }
}
@media screen and (max-width: 768px) {
    .our-offices + .our-offices {
        margin-top: 36px;
    }
}
.our-offices .our-offices__title {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 42px;
}
@media screen and (max-width: 1200px) {
    .our-offices .our-offices__title {
        font-size: 28px;
        line-height: 1.4;
        margin-bottom: 21px;
    }
}
@media screen and (max-width: 768px) {
    .our-offices .our-offices__title {
        font-size: 18px;
        margin-bottom: 20px;
    }
}
.our-offices .our-offices__title h2,
.our-offices .our-offices__title h3,
.our-offices .our-offices__title h4 {
    font-size: 30px;
    font-weight: 500;
    margin: 0;
}
@media screen and (max-width: 1200px) {
    .our-offices .our-offices__title h2,
    .our-offices .our-offices__title h3,
    .our-offices .our-offices__title h4 {
        font-size: 28px;
    }
}
@media screen and (max-width: 768px) {
    .our-offices .our-offices__title h2,
    .our-offices .our-offices__title h3,
    .our-offices .our-offices__title h4 {
        font-size: 18px;
    }
}
.our-offices__navs {
    margin-bottom: 36px;
    margin-left: 0;
    max-width: calc(100% - 420px);
}
@media screen and (max-width: 1200px) {
    .our-offices__navs {
        left: calc(var(--container-padding) * -1);
        margin-bottom: 45px;
        max-width: 100%;
        padding-left: var(--container-padding);
        padding-right: var(--container-padding);
        width: calc(100% + var(--container-padding) * 2);
    }
}
@media screen and (max-width: 768px) {
    .our-offices__navs {
        margin-bottom: 36px;
    }
}
.our-offices__navs .swiper-slide {
    margin-right: 40px;
    width: auto;
}
@media screen and (max-width: 1600px) {
    .our-offices__navs .swiper-slide {
        margin-right: 20px;
    }
}
@media screen and (max-width: 768px) {
    .our-offices__navs .swiper-slide {
        margin-right: 8px;
    }
}
.our-offices__navs .our-offices__nav {
    background: var(--color-gray47);
    border-radius: 5px;
    cursor: pointer;
    display: block;
    font-size: 20px;
    font-weight: 400;
    height: 46px;
    line-height: 46px;
    padding: 0 20px;
    transition: all 0.3s var(--transition);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
@media screen and (max-width: 1600px) {
    .our-offices__navs .our-offices__nav {
        font-size: 16px;
        height: 40px;
        line-height: 40px;
        padding: 0 15px;
    }
}
@media screen and (max-width: 768px) {
    .our-offices__navs .our-offices__nav {
        font-size: 14px;
        height: 30px;
        line-height: 30px;
    }
}
@media (hover: hover) {
    .our-offices__navs .our-offices__nav:hover {
        background: var(--color-orange);
        color: var(--color-white);
    }
}
@media (hover: none) {
    .our-offices__navs .our-offices__nav:active {
        background: var(--color-orange);
        color: var(--color-white);
    }
}
.our-offices__navs .our-offices__nav._active {
    background: var(--color-orange);
    color: var(--color-white);
    font-weight: 500;
}
.our-offices__tab {
    display: none;
    position: relative;
}
.our-offices__tab._active {
    display: block;
}
.our-offices__top {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 0;
    top: -73px;
}
@media screen and (max-width: 1200px) {
    .our-offices__top {
        align-items: flex-start;
        margin-bottom: 42px;
        position: relative;
        top: auto;
    }
}
@media screen and (max-width: 768px) {
    .our-offices__top {
        margin-bottom: 30px;
    }
}
.our-offices__top .our-offices__phone {
    margin-bottom: 45px;
}
@media screen and (max-width: 1200px) {
    .our-offices__top .our-offices__phone {
        margin-bottom: 0;
    }
}
.our-offices__phone {
    align-items: center;
    display: flex;
}
@media screen and (max-width: 1200px) {
    .our-offices__phone {
        order: 2;
    }
}
.our-offices__phone strong {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.5;
    margin-right: 23px;
}
@media screen and (max-width: 1200px) {
    .our-offices__phone strong {
        display: none;
    }
}
.our-offices__phone a {
    align-items: center;
    color: var(--color-text);
    display: flex;
    font-size: 16px;
    font-weight: 500;
    gap: 10px;
    line-height: 1.4;
    text-decoration: none;
    transition: all 0.3s var(--transition);
}
@media screen and (max-width: 1200px) {
    .our-offices__phone a {
        font-weight: 400;
    }
}
@media screen and (max-width: 768px) {
    .our-offices__phone a {
        font-size: 14px;
    }
}
@media (hover: hover) {
    .our-offices__phone a:hover {
        color: var(--color-orange);
    }
}
@media (hover: none) {
    .our-offices__phone a:active {
        color: var(--color-orange);
    }
}
.our-offices__phone a svg path {
    fill: var(--color-orange);
}
.our-offices__address {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    gap: 14px;
    line-height: 1.5;
}
@media screen and (max-width: 1200px) {
    .our-offices__address {
        line-height: 1.4;
        margin-bottom: 14px;
        order: 1;
    }
}
@media screen and (max-width: 768px) {
    .our-offices__address {
        font-size: 14px;
        margin-bottom: 13px;
    }
}
.our-offices__address svg path {
    fill: var(--color-red3);
}
.our-offices__address svg circle {
    fill: var(--color-white);
}
.our-offices__row {
    display: flex;
    gap: 0 40px;
}
@media screen and (max-width: 1200px) {
    .our-offices__row {
        display: block;
        gap: 0;
    }
}
.our-offices__transit {
    width: calc(50% - 20px);
}
@media screen and (max-width: 1200px) {
    .our-offices__transit {
        width: 100%;
    }
}
.our-offices__transit .our-offices__transit-title {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 29px;
}
@media screen and (max-width: 1200px) {
    .our-offices__transit .our-offices__transit-title {
        font-size: 20px;
        margin-bottom: 21px;
    }
}
@media screen and (max-width: 768px) {
    .our-offices__transit .our-offices__transit-title {
        font-size: 16px;
        margin-bottom: 14px;
    }
}
.our-offices__transit .our-offices__transit-item {
    background: var(--color-gray5);
    border-radius: 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 16px;
    padding: 10px 20px 20px;
}
@media screen and (max-width: 1200px) {
    .our-offices__transit .our-offices__transit-item {
        line-height: 1.4;
        margin-bottom: 16px;
        padding: 17px 15px 21px;
    }
}
@media screen and (max-width: 768px) {
    .our-offices__transit .our-offices__transit-item {
        font-size: 14px;
        margin-bottom: 20px;
        padding: 15px;
    }
}
.our-offices__transit .our-offices__transit-item:last-child {
    margin-bottom: 0;
}
.our-offices__transit .our-offices__transit-item .our-offices__transit-label {
    color: var(--color-gray26);
    font-size: 12px;
    margin-bottom: 10px;
}
.our-offices__right {
    padding-top: 62px;
    width: calc(50% - 20px);
}
@media screen and (max-width: 1200px) {
    .our-offices__right {
        padding-top: 26px;
        width: 100%;
    }
}
.our-offices__gallery {
    height: 100%;
}
@media screen and (max-width: 768px) {
    .our-offices__gallery {
        padding-bottom: 23px;
    }
}
.our-offices__gallery .swiper-slide {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
@media screen and (max-width: 1200px) {
    .our-offices__gallery .swiper-slide {
        height: 510px;
    }
}
@media screen and (max-width: 768px) {
    .our-offices__gallery .swiper-slide {
        height: 280px;
    }
}
.our-offices__gallery .swiper-slide img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%;
}
.our-offices__gallery .swiper-slide iframe {
    border: 0;
    height: 100%;
    position: absolute !important;
    width: 100%;
}
.our-offices__gallery .swiper-button-prev {
    background: var(--color-white);
    border-radius: 50%;
    box-shadow: 0 2px 9px 1px rgba(0, 0, 0, 0.2);
    color: var(--color-gray7);
    height: 51px;
    margin-top: -25.5px;
    top: 50%;
    transition: color 0.3s var(--transition);
    width: 51px;
}
@media screen and (max-width: 768px) {
    .our-offices__gallery .swiper-button-prev {
        display: none;
    }
}
@media (hover: hover) {
    .our-offices__gallery .swiper-button-prev:hover {
        color: var(--color-orange);
    }
}
@media (hover: none) {
    .our-offices__gallery .swiper-button-prev:active {
        color: var(--color-orange);
    }
}
.our-offices__gallery .swiper-button-prev:after {
    font-size: 20px;
    left: -2px;
    position: relative;
}
.our-offices__gallery .swiper-button-next {
    background: var(--color-white);
    border-radius: 50%;
    box-shadow: 0 2px 9px 1px rgba(0, 0, 0, 0.2);
    color: var(--color-gray7);
    height: 51px;
    margin-top: -25.5px;
    top: 50%;
    transition: color 0.3s var(--transition);
    width: 51px;
}
@media screen and (max-width: 768px) {
    .our-offices__gallery .swiper-button-next {
        display: none;
    }
}
@media (hover: hover) {
    .our-offices__gallery .swiper-button-next:hover {
        color: var(--color-orange);
    }
}
@media (hover: none) {
    .our-offices__gallery .swiper-button-next:active {
        color: var(--color-orange);
    }
}
.our-offices__gallery .swiper-button-next:after {
    font-size: 20px;
    left: 1px;
    position: relative;
}
.our-offices__gallery .swiper-pagination {
    display: none;
}
@media screen and (max-width: 768px) {
    .our-offices__gallery .swiper-pagination {
        bottom: 0;
        display: flex;
        justify-content: center;
        width: 100%;
    }
}
.our-offices__gallery .swiper-pagination .swiper-pagination-bullet {
    background: var(--color-gray);
    height: 10px;
    margin: 0 5px;
    opacity: 1;
    width: 10px;
}
.our-offices__gallery .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--color-orange);
}
.our-offices__transit-list {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    padding-top: 16px;
}
@media screen and (max-width: 768px) {
    .our-offices__transit-list {
        gap: 10px;
    }
}
.our-offices__transit-list .our-offices__transit-type {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    position: relative;
}
@media screen and (max-width: 768px) {
    .our-offices__transit-list .our-offices__transit-type {
        font-size: 14px;
    }
}
.our-offices__transit-list .our-offices__transit-type:before {
    border-radius: 50%;
    content: "";
    display: block;
    height: 29px;
    margin-right: 13px;
    min-height: 29px;
    min-width: 29px;
    width: 29px;
}
@media screen and (max-width: 768px) {
    .our-offices__transit-list .our-offices__transit-type:before {
        height: 24px;
        margin-right: 8px;
        min-height: 24px;
        min-width: 24px;
        width: 24px;
    }
}
.our-offices__transit-list .our-offices__transit-type.our-offices__transit-bus:before {
    background: var(--color-blue6) url(/local/templates/.default/assets/css/../img/icon-bus.webp) no-repeat center;
    background-size: 21px 21px;
}
@media screen and (max-width: 768px) {
    .our-offices__transit-list .our-offices__transit-type.our-offices__transit-bus:before {
        background-size: 17px 17px;
    }
}
.our-offices__transit-list .our-offices__transit-type.our-offices__transit-metro:before {
    background: var(--color-metro) url(/local/templates/.default/assets/css/../img/icon-metro.webp) no-repeat center;
    background-size: 22px auto;
}
@media screen and (max-width: 768px) {
    .our-offices__transit-list .our-offices__transit-type.our-offices__transit-metro:before {
        background-size: 17px auto;
    }
}
.our-offices__transit-list .our-offices__transit-type.our-offices__transit-tram:before {
    background: var(--color-blue8) url(/local/templates/.default/assets/css/../img/icon-tram.webp) no-repeat center;
    background-size: auto 25px;
}
@media screen and (max-width: 768px) {
    .our-offices__transit-list .our-offices__transit-type.our-offices__transit-tram:before {
        background-size: auto 20px;
    }
}
.our-offices__transit-list .our-offices__transit-type.our-offices__transit-trolleybus:before {
    background: var(--color-blue9) url(/local/templates/.default/assets/css/../img/icon-trolleybus.webp) no-repeat center;
    background-size: auto 25px;
}
@media screen and (max-width: 768px) {
    .our-offices__transit-list .our-offices__transit-type.our-offices__transit-trolleybus:before {
        background-size: auto 20px;
    }
}
.about-header {
    background: var(--color-gray48);
    border-radius: 10px;
    margin-bottom: 49px;
    overflow: hidden;
    padding: 25px 27px;
    position: relative;
}
@media screen and (max-width: 1500px) {
    .about-header {
        padding: 20px 17px;
    }
}
@media screen and (max-width: 1200px) {
    .about-header {
        padding: 20px 17px 360px;
    }
}
@media screen and (max-width: 768px) {
    .about-header {
        padding: 13px 10px 200px;
    }
}
.about-header + .advantages-block {
    margin-bottom: 72px;
    margin-top: 0;
}
@media screen and (max-width: 1200px) {
    .about-header + .advantages-block {
        margin-bottom: 43px;
    }
}
@media screen and (max-width: 768px) {
    .about-header + .advantages-block {
        margin-bottom: 28px;
    }
}
.about-header .about-header__content {
    background: hsla(0, 0%, 100%, 0.41);
    border-radius: 10px;
    box-shadow: inset 0 0 13px 0 hsla(0, 0%, 100%, 0.25);
    max-width: 560px;
    padding: 13px 20px 17px;
    position: relative;
    width: 46%;
    z-index: 2;
}
@media screen and (max-width: 1600px) {
    .about-header .about-header__content {
        max-width: 410px;
    }
}
@media screen and (max-width: 1200px) {
    .about-header .about-header__content {
        max-width: 100%;
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .about-header .about-header__content {
        padding: 15px 11px 22px;
    }
}
.about-header .about-header__content:before {
    background: var(--color-white);
    border-radius: 50%;
    content: "";
    filter: blur(30.9000015259px);
    height: 60%;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    z-index: 1;
}
@media screen and (max-width: 768px) {
    .about-header .about-header__content:before {
        height: 80%;
        width: 70%;
    }
}
.about-header .about-header__title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 18px;
    position: relative;
    z-index: 2;
}
@media screen and (max-width: 1500px) {
    .about-header .about-header__title {
        font-size: 24px;
        margin-bottom: 12px;
    }
}
@media screen and (max-width: 1200px) {
    .about-header .about-header__title {
        font-size: 28px;
        margin-bottom: 11px;
    }
}
@media screen and (max-width: 768px) {
    .about-header .about-header__title {
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 10px;
    }
}
.about-header .about-header__title h1,
.about-header .about-header__title h2,
.about-header .about-header__title h3 {
    font-size: 20px;
    font-weight: 500;
    margin: 0;
}
@media screen and (max-width: 1500px) {
    .about-header .about-header__title h1,
    .about-header .about-header__title h2,
    .about-header .about-header__title h3 {
        font-size: 24px;
    }
}
@media screen and (max-width: 1200px) {
    .about-header .about-header__title h1,
    .about-header .about-header__title h2,
    .about-header .about-header__title h3 {
        font-size: 28px;
    }
}
@media screen and (max-width: 768px) {
    .about-header .about-header__title h1,
    .about-header .about-header__title h2,
    .about-header .about-header__title h3 {
        font-size: 18px;
    }
}
.about-header .about-header__desc {
    font-size: 16px;
    line-height: 1.5;
    position: relative;
    z-index: 2;
}
@media screen and (max-width: 1600px) {
    .about-header .about-header__desc {
        font-size: 14px;
    }
}
@media screen and (max-width: 1200px) {
    .about-header .about-header__desc {
        font-size: 16px;
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 768px) {
    .about-header .about-header__desc {
        font-size: 14px;
        margin-bottom: 27px;
    }
}
.about-header .about-header__desc p {
    margin-bottom: 24px;
}
@media screen and (max-width: 1600px) {
    .about-header .about-header__desc p {
        margin-bottom: 6px;
    }
}
.about-header .about-header__desc p:last-child {
    margin-bottom: 0;
}
.about-header .about-header__desc a {
    color: var(--color-blue4);
    text-decoration: none;
    transition: all 0.3s var(--transition);
}
@media (hover: hover) {
    .about-header .about-header__desc a:hover {
        color: var(--color-blue);
    }
}
@media (hover: none) {
    .about-header .about-header__desc a:active {
        color: var(--color-blue);
    }
}
.about-header .about-header__img {
    bottom: 0;
    height: 100%;
    max-width: 904px;
    position: absolute;
    right: 0;
    width: 59%;
}
@media screen and (max-width: 1900px) {
    .about-header .about-header__img {
        max-width: calc(100% - 600px);
    }
}
@media screen and (max-width: 1600px) {
    .about-header .about-header__img {
        max-width: calc(100% - 410px);
    }
}
@media screen and (max-width: 1200px) {
    .about-header .about-header__img {
        bottom: -16px;
        height: 330px;
        left: 50%;
        max-width: 100%;
        right: auto;
        transform: translateX(-50%);
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .about-header .about-header__img {
        bottom: 10px;
        display: flex;
        height: 160px;
        justify-content: center;
        left: -7px;
        max-width: calc(100% + 14px);
        transform: translateX(0);
        width: calc(100% + 14px);
    }
}
.about-header .about-header__img:before {
    left: 0;
}
.about-header .about-header__img:after,
.about-header .about-header__img:before {
    background: var(--color-gray39);
    border-radius: 50%;
    content: "";
    filter: blur(15px);
    height: 81%;
    position: absolute;
    top: 5%;
    width: 44%;
    z-index: 1;
}
.about-header .about-header__img:after {
    right: 0;
}
.about-header .about-header__img img {
    bottom: -10%;
    height: auto;
    position: absolute;
    right: 15px;
    width: 100%;
    z-index: 2;
}
@media screen and (max-width: 1200px) {
    .about-header .about-header__img img {
        bottom: auto;
        left: 50%;
        max-height: 100%;
        top: 0;
        transform: translateX(-50%);
        width: auto;
    }
}
@media screen and (max-width: 768px) {
    .about-header .about-header__img img {
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center;
        object-position: center;
        position: relative;
        width: 100%;
    }
}
.interview-director {
    background: var(--color-gray5);
    border-radius: 10px;
    display: flex;
    gap: 50px;
    margin-bottom: 73px;
    padding: 35px;
}
@media screen and (max-width: 1200px) {
    .interview-director {
        border-radius: 0;
        flex-direction: column;
        gap: 0;
        left: calc(var(--container-padding) * -1);
        margin-bottom: 59px;
        padding: 37px var(--container-padding) 18px var(--container-padding);
        position: relative;
        width: 100vw;
    }
}
@media screen and (max-width: 768px) {
    .interview-director {
        margin-bottom: 40px;
        padding: 18px var(--container-padding) 15px var(--container-padding);
    }
}
.interview-director .interview-director__video {
    padding-top: 32%;
    position: relative;
    width: 53%;
}
@media screen and (max-width: 1200px) {
    .interview-director .interview-director__video {
        margin-bottom: 45px;
        padding-top: 60%;
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .interview-director .interview-director__video {
        margin-bottom: 24px;
    }
}
.interview-director .interview-director__video iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.interview-director .interview-director__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(47% - 50px);
}
@media screen and (max-width: 1200px) {
    .interview-director .interview-director__content {
        display: block;
        width: 100%;
    }
}
.interview-director .interview-director__desc {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 40px;
}
@media screen and (max-width: 1200px) {
    .interview-director .interview-director__desc {
        font-size: 16px;
        margin-bottom: 34px;
    }
}
@media screen and (max-width: 768px) {
    .interview-director .interview-director__desc {
        font-size: 14px;
        line-height: 1.3;
        margin-bottom: 22px;
    }
}
.interview-director .interview-director__desc p {
    margin-bottom: 13px;
}
.interview-director .interview-director__desc p:last-child {
    margin-bottom: 0;
}
.interview-director .interview-director__bottom {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: auto;
}
.interview-director .interview-director__bottom .interview-director__autor {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
}
@media screen and (max-width: 768px) {
    .interview-director .interview-director__bottom .interview-director__autor {
        font-size: 14px;
    }
}
.interview-director .interview-director__bottom .interview-director__autor p {
    margin-bottom: 7px;
}
.interview-director .interview-director__bottom .interview-director__autor p:last-child {
    margin-bottom: 0;
}
.interview-director .interview-director__bottom .interview-director__signature img {
    max-width: 177px;
}
@media screen and (max-width: 768px) {
    .interview-director .interview-director__bottom .interview-director__signature img {
        max-width: 95px;
    }
}
.teams-wrapper .teams-wrapper__title {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 30px;
}
@media screen and (max-width: 1200px) {
    .teams-wrapper .teams-wrapper__title {
        font-size: 28px;
        margin-bottom: 21px;
    }
}
@media screen and (max-width: 768px) {
    .teams-wrapper .teams-wrapper__title {
        font-size: 18px;
        margin-bottom: 13px;
    }
}
.teams-wrapper .teams-wrapper__title h1,
.teams-wrapper .teams-wrapper__title h2,
.teams-wrapper .teams-wrapper__title h3 {
    font-size: 30px;
    font-weight: 500;
    margin: 0;
}
@media screen and (max-width: 1200px) {
    .teams-wrapper .teams-wrapper__title h1,
    .teams-wrapper .teams-wrapper__title h2,
    .teams-wrapper .teams-wrapper__title h3 {
        font-size: 28px;
    }
}
@media screen and (max-width: 768px) {
    .teams-wrapper .teams-wrapper__title h1,
    .teams-wrapper .teams-wrapper__title h2,
    .teams-wrapper .teams-wrapper__title h3 {
        font-size: 18px;
    }
}
@media screen and (max-width: 1200px) {
    .teams-block {
        margin-bottom: 34px;
    }
}
@media screen and (max-width: 768px) {
    .teams-block {
        margin-bottom: 23px;
    }
}
.teams-block .teams-block__title {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 24px;
}
@media screen and (max-width: 1200px) {
    .teams-block .teams-block__title {
        font-size: 20px;
    }
}
@media screen and (max-width: 768px) {
    .teams-block .teams-block__title {
        font-size: 16px;
        margin-bottom: 18px;
    }
}
.teams-block .teams-block__title h1,
.teams-block .teams-block__title h2,
.teams-block .teams-block__title h3 {
    font-size: 30px;
    font-weight: 500;
    margin: 0;
}
@media screen and (max-width: 1200px) {
    .teams-block .teams-block__title h1,
    .teams-block .teams-block__title h2,
    .teams-block .teams-block__title h3 {
        font-size: 20px;
    }
}
@media screen and (max-width: 768px) {
    .teams-block .teams-block__title h1,
    .teams-block .teams-block__title h2,
    .teams-block .teams-block__title h3 {
        font-size: 16px;
    }
}
.teams-slider {
    padding-bottom: 24px;
}
@media screen and (max-width: 1200px) {
    .teams-slider {
        border-radius: 0;
        left: calc(var(--container-padding) * -1);
        padding: 0 var(--container-padding) 0 var(--container-padding);
        position: relative;
        width: 100vw;
    }
}
.teams-slider._bottom {
    padding-bottom: 52px;
}
@media screen and (max-width: 1200px) {
    .teams-slider._bottom {
        padding-bottom: 0;
    }
    .teams-slider .swiper-slide {
        margin-right: 21px;
        width: 280px;
    }
}
@media screen and (max-width: 768px) {
    .teams-slider .swiper-slide {
        margin-right: 18px;
        width: 210px;
    }
}
.teams-slider .teams-slider__bottom {
    display: flex;
    gap: 0 60px;
    justify-content: center;
}
@media screen and (max-width: 1200px) {
    .teams-slider .teams-slider__bottom {
        display: none;
    }
}
.teams-slider .teams-slider__bottom .swiper-button-prev {
    border-radius: 50%;
    box-shadow: 0 2px 9px 1px rgba(0, 0, 0, 0.2);
    color: var(--color-gray7);
    height: 51px;
    left: auto;
    margin: 28px 0 0;
    position: relative;
    top: auto;
    transition: color 0.3s var(--transition);
    width: 51px;
}
@media (hover: hover) {
    .teams-slider .teams-slider__bottom .swiper-button-prev:hover {
        color: var(--color-orange);
    }
}
@media (hover: none) {
    .teams-slider .teams-slider__bottom .swiper-button-prev:active {
        color: var(--color-orange);
    }
}
.teams-slider .teams-slider__bottom .swiper-button-prev:after {
    font-size: 20px;
    left: -2px;
    position: relative;
}
.teams-slider .teams-slider__bottom .swiper-button-next {
    border-radius: 50%;
    box-shadow: 0 2px 9px 1px rgba(0, 0, 0, 0.2);
    color: var(--color-gray7);
    height: 51px;
    left: auto;
    margin: 28px 0 0;
    position: relative;
    right: auto;
    top: auto;
    transition: color 0.3s var(--transition);
    width: 51px;
}
@media (hover: hover) {
    .teams-slider .teams-slider__bottom .swiper-button-next:hover {
        color: var(--color-orange);
    }
}
@media (hover: none) {
    .teams-slider .teams-slider__bottom .swiper-button-next:active {
        color: var(--color-orange);
    }
}
.teams-slider .teams-slider__bottom .swiper-button-next:after {
    font-size: 20px;
    left: 1px;
    position: relative;
}
.teams-element .teams-element__photo {
    border-radius: 10px;
    margin-bottom: 15px;
    overflow: hidden;
    padding-top: 120%;
    position: relative;
}
@media screen and (max-width: 1200px) {
    .teams-element .teams-element__photo {
        margin-bottom: 10px;
    }
}
.teams-element .teams-element__photo img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%;
}
.teams-element .teams-element__name {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.03em;
    line-height: 1.4;
    margin-bottom: 3px;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .teams-element .teams-element__name {
        font-size: 14px;
    }
}
.teams-element .teams-element__position {
    color: var(--color-gray49);
    font-size: 14px;
    letter-spacing: 0.03em;
    line-height: 1.4;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .teams-element .teams-element__position {
        font-size: 10px;
    }
}
.full-teams-block {
    margin-bottom: 44px;
    padding-top: 44px;
}
@media screen and (max-width: 1200px) {
    .full-teams-block {
        padding-top: 13px;
    }
}
@media screen and (max-width: 768px) {
    .full-teams-block {
        margin-bottom: 26px;
        padding-top: 3px;
    }
}
.full-teams-block .full-teams-block__title {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 39px;
}
@media screen and (max-width: 1200px) {
    .full-teams-block .full-teams-block__title {
        font-size: 20px;
        margin-bottom: 24px;
    }
}
@media screen and (max-width: 768px) {
    .full-teams-block .full-teams-block__title {
        font-size: 16px;
        margin-bottom: 21px;
    }
}
.full-teams-block .full-teams-block__title h2,
.full-teams-block .full-teams-block__title h3 {
    font-size: 22px;
    font-weight: 500;
    margin: 0;
}
@media screen and (max-width: 1200px) {
    .full-teams-block .full-teams-block__title h2,
    .full-teams-block .full-teams-block__title h3 {
        font-size: 20px;
    }
}
@media screen and (max-width: 768px) {
    .full-teams-block .full-teams-block__title h2,
    .full-teams-block .full-teams-block__title h3 {
        font-size: 16px;
    }
}
.full-teams {
    padding-bottom: 24px;
}
@media screen and (max-width: 1200px) {
    .full-teams {
        border-radius: 0;
        left: calc(var(--container-padding) * -1);
        padding: 0 var(--container-padding) 0 var(--container-padding);
        position: relative;
        width: 100vw;
    }
}
.full-teams .swiper-slide {
    border-radius: 10px;
    overflow: hidden;
    padding-top: 34.8%;
    position: relative;
}
@media screen and (max-width: 1200px) {
    .full-teams .swiper-slide {
        border-radius: 5px;
        margin-right: 28px;
        padding-top: 48.8%;
        width: calc(100% - 100px);
    }
}
@media screen and (max-width: 768px) {
    .full-teams .swiper-slide {
        border-radius: 3px;
        margin-right: 16px;
        padding-top: 60.8%;
        width: calc(100% - 60px);
    }
}
.full-teams .swiper-slide img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%;
}
.full-teams .full-teams__bottom {
    display: flex;
    gap: 0 60px;
    justify-content: center;
}
@media screen and (max-width: 1200px) {
    .full-teams .full-teams__bottom {
        display: none;
    }
}
.full-teams .full-teams__bottom .swiper-button-prev {
    border-radius: 50%;
    box-shadow: 0 2px 9px 1px rgba(0, 0, 0, 0.2);
    color: var(--color-gray7);
    height: 51px;
    left: auto;
    margin: 28px 0 0;
    position: relative;
    top: auto;
    transition: color 0.3s var(--transition);
    width: 51px;
}
@media (hover: hover) {
    .full-teams .full-teams__bottom .swiper-button-prev:hover {
        color: var(--color-orange);
    }
}
@media (hover: none) {
    .full-teams .full-teams__bottom .swiper-button-prev:active {
        color: var(--color-orange);
    }
}
.full-teams .full-teams__bottom .swiper-button-prev:after {
    font-size: 20px;
    left: -2px;
    position: relative;
}
.full-teams .full-teams__bottom .swiper-button-next {
    border-radius: 50%;
    box-shadow: 0 2px 9px 1px rgba(0, 0, 0, 0.2);
    color: var(--color-gray7);
    height: 51px;
    left: auto;
    margin: 28px 0 0;
    position: relative;
    right: auto;
    top: auto;
    transition: color 0.3s var(--transition);
    width: 51px;
}
@media (hover: hover) {
    .full-teams .full-teams__bottom .swiper-button-next:hover {
        color: var(--color-orange);
    }
}
@media (hover: none) {
    .full-teams .full-teams__bottom .swiper-button-next:active {
        color: var(--color-orange);
    }
}
.full-teams .full-teams__bottom .swiper-button-next:after {
    font-size: 20px;
    left: 1px;
    position: relative;
}
.about-slider-block .about-slider-block__title {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 18px;
}
@media screen and (max-width: 1200px) {
    .about-slider-block .about-slider-block__title {
        font-size: 28px;
        margin-bottom: 14px;
    }
}
@media screen and (max-width: 768px) {
    .about-slider-block .about-slider-block__title {
        font-size: 18px;
        margin-bottom: 10px;
    }
}
.about-slider-block .about-slider-block__title h2,
.about-slider-block .about-slider-block__title h3,
.about-slider-block .about-slider-block__title h4 {
    font-size: 30px;
    font-weight: 500;
    margin: 0;
}
@media screen and (max-width: 1200px) {
    .about-slider-block .about-slider-block__title h2,
    .about-slider-block .about-slider-block__title h3,
    .about-slider-block .about-slider-block__title h4 {
        font-size: 28px;
    }
}
@media screen and (max-width: 768px) {
    .about-slider-block .about-slider-block__title h2,
    .about-slider-block .about-slider-block__title h3,
    .about-slider-block .about-slider-block__title h4 {
        font-size: 18px;
    }
}
.about-slider-block .about-slider-block__desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 38px;
}
@media screen and (max-width: 1200px) {
    .about-slider-block .about-slider-block__desc {
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 768px) {
    .about-slider-block .about-slider-block__desc {
        font-size: 14px;
        margin-bottom: 22px;
    }
}
.about-gallery {
    padding-bottom: 24px;
}
@media screen and (max-width: 1200px) {
    .about-gallery {
        border-radius: 0;
        left: calc(var(--container-padding) * -1);
        padding: 0 var(--container-padding) 0 var(--container-padding);
        position: relative;
        width: 100vw;
    }
}
.about-gallery .swiper-slide {
    border-radius: 5px;
    display: block;
    overflow: hidden;
    padding-top: 20%;
    position: relative;
}
@media screen and (max-width: 1200px) {
    .about-gallery .swiper-slide {
        margin-right: 28px;
        max-width: 560px;
        padding-top: 43%;
        width: calc(100% - 120px);
    }
}
@media screen and (max-width: 768px) {
    .about-gallery .swiper-slide {
        margin-right: 16px;
        padding-top: 58%;
        width: calc(100% - 60px);
    }
}
.about-gallery .swiper-slide img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%;
}
.about-gallery .about-gallery__bottom {
    display: flex;
    gap: 0 60px;
    justify-content: center;
}
@media screen and (max-width: 1200px) {
    .about-gallery .about-gallery__bottom {
        display: none;
    }
}
.about-gallery .about-gallery__bottom .swiper-button-prev {
    border-radius: 50%;
    box-shadow: 0 2px 9px 1px rgba(0, 0, 0, 0.2);
    color: var(--color-gray7);
    height: 51px;
    left: auto;
    margin: 28px 0 0;
    position: relative;
    top: auto;
    transition: color 0.3s var(--transition);
    width: 51px;
}
@media (hover: hover) {
    .about-gallery .about-gallery__bottom .swiper-button-prev:hover {
        color: var(--color-orange);
    }
}
@media (hover: none) {
    .about-gallery .about-gallery__bottom .swiper-button-prev:active {
        color: var(--color-orange);
    }
}
.about-gallery .about-gallery__bottom .swiper-button-prev:after {
    font-size: 20px;
    left: -2px;
    position: relative;
}
.about-gallery .about-gallery__bottom .swiper-button-next {
    border-radius: 50%;
    box-shadow: 0 2px 9px 1px rgba(0, 0, 0, 0.2);
    color: var(--color-gray7);
    height: 51px;
    left: auto;
    margin: 28px 0 0;
    position: relative;
    right: auto;
    top: auto;
    transition: color 0.3s var(--transition);
    width: 51px;
}
@media (hover: hover) {
    .about-gallery .about-gallery__bottom .swiper-button-next:hover {
        color: var(--color-orange);
    }
}
@media (hover: none) {
    .about-gallery .about-gallery__bottom .swiper-button-next:active {
        color: var(--color-orange);
    }
}
.about-gallery .about-gallery__bottom .swiper-button-next:after {
    font-size: 20px;
    left: 1px;
    position: relative;
}
.company-values-block {
    margin-bottom: 72px;
}
@media screen and (max-width: 768px) {
    .company-values-block {
        margin-bottom: 43px;
    }
}
.company-values-block .company-values-block__title {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 20px;
}
@media screen and (max-width: 1200px) {
    .company-values-block .company-values-block__title {
        font-size: 28px;
        margin-bottom: 15px;
    }
}
@media screen and (max-width: 768px) {
    .company-values-block .company-values-block__title {
        font-size: 18px;
        margin-bottom: 11px;
    }
}
.company-values-block .company-values-block__title h1,
.company-values-block .company-values-block__title h2,
.company-values-block .company-values-block__title h3 {
    font-size: 30px;
    font-weight: 500;
    margin: 0;
}
@media screen and (max-width: 1200px) {
    .company-values-block .company-values-block__title h1,
    .company-values-block .company-values-block__title h2,
    .company-values-block .company-values-block__title h3 {
        font-size: 28px;
    }
}
@media screen and (max-width: 768px) {
    .company-values-block .company-values-block__title h1,
    .company-values-block .company-values-block__title h2,
    .company-values-block .company-values-block__title h3 {
        font-size: 18px;
    }
}
.company-values-block .company-values-block__desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 32px;
}
@media screen and (max-width: 1200px) {
    .company-values-block .company-values-block__desc {
        line-height: 1.4;
        margin-bottom: 31px;
    }
}
@media screen and (max-width: 768px) {
    .company-values-block .company-values-block__desc {
        font-size: 14px;
        line-height: 1.2;
        margin-bottom: 22px;
    }
}
.company-values {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
@media screen and (max-width: 1500px) {
    .company-values {
        gap: 21px 14px;
    }
}
@media screen and (max-width: 768px) {
    .company-values {
        gap: 18px 0;
    }
}
.company-values .company-value {
    width: calc(20% - 24px);
}
@media screen and (max-width: 1500px) {
    .company-values .company-value {
        width: calc(25% - 10.5px);
    }
}
@media screen and (max-width: 768px) {
    .company-values .company-value {
        width: 100%;
    }
}
@media screen and (max-width: 1500px) {
    .company-values .company-value:last-child {
        width: 100%;
    }
}
.company-value {
    background: var(--color-orange14);
    border-radius: 10px;
    padding: 21px 16px 70px;
    position: relative;
}
@media screen and (max-width: 1600px) {
    .company-value {
        padding: 16px 16px 70px;
    }
}
@media screen and (max-width: 768px) {
    .company-value {
        border-radius: 3px;
        padding: 13px 10px 60px;
    }
}
.company-value .company-value__title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 13px;
    text-align: center;
}
@media screen and (max-width: 1600px) {
    .company-value .company-value__title {
        text-align: left;
    }
}
@media screen and (max-width: 768px) {
    .company-value .company-value__title {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 10px;
    }
}
.company-value .company-value__desc {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 7px;
    position: relative;
    z-index: 2;
}
@media screen and (max-width: 768px) {
    .company-value .company-value__desc {
        font-size: 14px;
        line-height: 1.3;
    }
}
.company-value .company-value__icon {
    align-items: flex-end;
    bottom: 0;
    display: flex;
    height: 70px;
    justify-content: center;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
}
@media screen and (max-width: 768px) {
    .company-value .company-value__icon {
        height: 58px;
    }
}
.company-value .company-value__icon img {
    max-height: 70px;
}
@media screen and (max-width: 768px) {
    .company-value .company-value__icon img {
        max-height: 58px;
    }
}
.faq-header {
    background: var(--color-orange15);
    border-radius: 10px;
    margin-bottom: 61px;
    overflow: hidden;
    padding: 30px 40px;
    position: relative;
}
@media screen and (max-width: 1200px) {
    .faq-header {
        margin-bottom: 56px;
        padding: 20px 17px 340px;
    }
}
@media screen and (max-width: 768px) {
    .faq-header {
        margin-bottom: 28px;
        padding: 13px 10px 210px;
    }
}
.faq-header .faq-header__content {
    background: var(--color-whiteRGBA60);
    border-radius: 10px;
    max-width: 540px;
    padding: 25px 20px 30px;
    position: relative;
    z-index: 5;
    backdrop-filter: blur(13px);
    box-shadow: inset 0 0 13px 0 hsla(0, 100%, 100%, .25);
}
@media screen and (max-width: 1200px) {
    .faq-header .faq-header__content {
        max-width: 100%;
        padding: 20px 20px 32px;
    }
}
@media screen and (max-width: 768px) {
    .faq-header .faq-header__content {
        padding: 15px 11px 24px;
    }
}
.faq-header .faq-header__title {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 15px;
}
@media screen and (max-width: 1200px) {
    .faq-header .faq-header__title {
        font-size: 24px;
        margin-bottom: 16px;
    }
}
@media screen and (max-width: 768px) {
    .faq-header .faq-header__title {
        font-size: 18px;
        margin-bottom: 10px;
    }
}
.faq-header .faq-header__title h1,
.faq-header .faq-header__title h2,
.faq-header .faq-header__title h3 {
    font-size: 28px;
    font-weight: 500;
    margin: 0;
}
@media screen and (max-width: 1200px) {
    .faq-header .faq-header__title h1,
    .faq-header .faq-header__title h2,
    .faq-header .faq-header__title h3 {
        font-size: 24px;
    }
}
@media screen and (max-width: 768px) {
    .faq-header .faq-header__title h1,
    .faq-header .faq-header__title h2,
    .faq-header .faq-header__title h3 {
        font-size: 18px;
    }
}
.faq-header .faq-header__desc {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 67px;
}
@media screen and (max-width: 1200px) {
    .faq-header .faq-header__desc {
        font-size: 16px;
        margin-bottom: 42px;
    }
}
@media screen and (max-width: 768px) {
    .faq-header .faq-header__desc {
        font-size: 14px;
        margin-bottom: 27px;
    }
}
.faq-header .faq-header__btn .btn {
    min-width: 220px;
    letter-spacing: .3px;
}
@media screen and (max-width: 1200px) {
    .faq-header .faq-header__btn .btn {
        font-size: 16px;
        height: 41px;
        line-height: 41px;
        padding: 0 29px;
        min-width: auto;
    }
}
@media screen and (max-width: 768px) {
    .faq-header .faq-header__btn .btn {
        font-size: 12px;
        height: 32px;
        line-height: 32px;
        padding: 0 20px;
    }
}
.faq-header .faq-header__img {
    align-items: flex-end;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 1;
}
@media screen and (max-width: 1500px) {
    .faq-header .faq-header__img {
        height: 80%;
        right: -50px;
    }
}
@media screen and (max-width: 1200px) {
    .faq-header .faq-header__img {
        height: 295px;
        right: 0;
    }
}
@media screen and (max-width: 768px) {
    .faq-header .faq-header__img {
        height: 160px;
        right: -20px;
    }
}
.faq-header .faq-header__img img {
    height: 100%;
    max-width: inherit;
    width: auto;
}
.faq-wrapper {
    margin-bottom: 68px;
}
@media screen and (max-width: 1200px) {
    .faq-wrapper {
        margin-bottom: 56px;
    }
}
@media screen and (max-width: 768px) {
    .faq-wrapper {
        margin-bottom: 44px;
    }
}
.faq-wrapper .faq-wrapper__title {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 30px;
}
@media screen and (max-width: 1200px) {
    .faq-wrapper .faq-wrapper__title {
        font-size: 28px;
        line-height: 1.4;
    }
}
@media screen and (max-width: 768px) {
    .faq-wrapper .faq-wrapper__title {
        font-size: 18px;
        margin-bottom: 15px;
    }
}
.faq-wrapper .faq-wrapper__title h1,
.faq-wrapper .faq-wrapper__title h2,
.faq-wrapper .faq-wrapper__title h3 {
    font-size: 30px;
    font-weight: 500;
    margin: 0;
}
@media screen and (max-width: 1200px) {
    .faq-wrapper .faq-wrapper__title h1,
    .faq-wrapper .faq-wrapper__title h2,
    .faq-wrapper .faq-wrapper__title h3 {
        font-size: 28px;
    }
}
@media screen and (max-width: 768px) {
    .faq-wrapper .faq-wrapper__title h1,
    .faq-wrapper .faq-wrapper__title h2,
    .faq-wrapper .faq-wrapper__title h3 {
        font-size: 18px;
    }
}
.faq-block {
    margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
    .faq-block {
        margin-bottom: 14px;
    }
}
.faq-block._open .faq-block__top {
    background: var(--color-orange9);
}
.faq-block._open .faq-block__arrow {
    transform: rotate(-180deg);
}
.faq-block .faq-block__top {
    align-items: center;
    background: var(--color-gray5);
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    gap: 0 30px;
    justify-content: space-between;
    padding: 17px 50px;
    transition: background 0.3s var(--transition);
}
@media screen and (max-width: 1500px) {
    .faq-block .faq-block__top {
        padding: 17px 50px 17px 30px;
    }
}
@media screen and (max-width: 1200px) {
    .faq-block .faq-block__top {
        padding: 16px 30px;
    }
}
@media screen and (max-width: 768px) {
    .faq-block .faq-block__top {
        gap: 0 18px;
        padding: 8px 25px 12px 16px;
    }
}
@media (hover: hover) {
    .faq-block .faq-block__top:hover .faq-block__title {
        color: var(--color-orange);
    }
}
@media (hover: none) {
    .faq-block .faq-block__top:active .faq-block__title {
        color: var(--color-orange);
    }
}
.faq-block .faq-block__title {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    transition: color 0.3s var(--transition);
}
@media screen and (max-width: 1200px) {
    .faq-block .faq-block__title {
        font-size: 16px;
    }
}
@media screen and (max-width: 768px) {
    .faq-block .faq-block__title {
        font-size: 14px;
    }
}
.faq-block .faq-block__arrow {
    display: block;
    line-height: 0px;
    position: relative;
    top: 1px;
    transition: transform 0.3s var(--transition);
}
.faq-block .faq-block__content {
    border: 1px solid var(--color-gray21);
    border-radius: 5px;
    display: none;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    margin-top: 20px;
    padding: 17px 50px 23px;
}
@media screen and (max-width: 1500px) {
    .faq-block .faq-block__content {
        padding: 17px 50px 23px 30px;
    }
}
@media screen and (max-width: 1200px) {
    .faq-block .faq-block__content {
        font-size: 16px;
        padding: 14px 30px 15px;
    }
}
@media screen and (max-width: 768px) {
    .faq-block .faq-block__content {
        border-color: var(--color-gray20);
        border-radius: 3px;
        font-size: 14px;
        margin-top: 14px;
        padding: 8px 16px 9px;
    }
}
.faq-block .faq-block__content p {
    margin-bottom: 14px;
    max-width: 1140px;
}
.faq-block .faq-block__content p:last-child {
    margin-bottom: 0;
}
.faq-block .faq-block__content a {
    color: var(--color-blue4);
    transition: all 0.3s var(--transition);
}
@media (hover: hover) {
    .faq-block .faq-block__content a:hover {
        color: var(--color-blue);
        text-decoration: none;
    }
}
@media (hover: none) {
    .faq-block .faq-block__content a:active {
        color: var(--color-blue);
        text-decoration: none;
    }
}
.stocks-block {
    margin-bottom: 75px;
}
.stocks-block:last-child {
    margin-bottom: 0;
}
@media screen and (max-width: 1200px) {
    .stocks-block {
        margin-bottom: 56px;
    }
}
@media screen and (max-width: 768px) {
    .stocks-block {
        margin-bottom: 41px;
    }
}
.stocks-block .stocks-block__title {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 16px;
}
@media screen and (max-width: 1200px) {
    .stocks-block .stocks-block__title {
        font-size: 28px;
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 768px) {
    .stocks-block .stocks-block__title {
        font-size: 18px;
        margin-bottom: 9px;
    }
}
.stocks-block .stocks-block__title h2 {
    font-size: 30px;
    font-weight: 500;
}
@media screen and (max-width: 1200px) {
    .stocks-block .stocks-block__title h2 {
        font-size: 28px;
    }
}
@media screen and (max-width: 768px) {
    .stocks-block .stocks-block__title h2 {
        font-size: 18px;
    }
}
.stocks-block .stocks-block__desc {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 30px;
}
@media screen and (max-width: 1200px) {
    .stocks-block .stocks-block__desc {
        font-size: 16px;
        margin-bottom: 23px;
    }
}
@media screen and (max-width: 768px) {
    .stocks-block .stocks-block__desc {
        font-size: 14px;
        margin-bottom: 20px;
    }
}
.suppliers-header {
    border-radius: 10px;
    margin-bottom: 54px;
    overflow: hidden;
    padding: 27px;
    position: relative;
}
@media screen and (max-width: 1200px) {
    .suppliers-header {
        height: 680px;
        margin-bottom: 44px;
        padding: 20px 17px 40px;
    }
}
@media screen and (max-width: 768px) {
    .suppliers-header {
        height: auto;
        margin-bottom: 29px;
        padding: 10px 10px 260px;
    }
}
.suppliers-header + .advantages-block {
    margin-top: 0;
}
.suppliers-header:before {
    background: linear-gradient(90deg, #eee8e1, #dfd4ca 33.74%, hsla(0, 0%, 60%, 0.99));
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
@media screen and (max-width: 1200px) {
    .suppliers-header:before {
        background: linear-gradient(90deg, #eee8e1, #dfd4ca 33.74%, hsla(0, 0%, 60%, 0.99));
        left: 0;
        width: 100%;
    }
}
.suppliers-header .suppliers-header__content {
    -webkit-backdrop-filter: blur(13.3142204285px);
    backdrop-filter: blur(13.3142204285px);
    background: hsla(0, 0%, 100%, 0.78);
    border-radius: 10px;
    max-width: 660px;
    overflow: hidden;
    padding: 20px 20px 25px;
    position: relative;
    width: 100%;
    z-index: 4;
}
@media screen and (max-width: 1200px) {
    .suppliers-header .suppliers-header__content {
        max-width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .suppliers-header .suppliers-header__content {
        padding: 15px 11px;
    }
}
.suppliers-header .suppliers-header__content:before {
    background: hsla(0, 0%, 100%, 0.6);
    border-radius: 50%;
    content: "";
    filter: blur(100px);
    height: 100%;
    left: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 1;
}
.suppliers-header .suppliers-header__content .suppliers-header__title {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 16px;
    position: relative;
    z-index: 2;
}
@media screen and (max-width: 1200px) {
    .suppliers-header .suppliers-header__content .suppliers-header__title {
        font-weight: 500;
        margin-bottom: 11px;
    }
}
@media screen and (max-width: 768px) {
    .suppliers-header .suppliers-header__content .suppliers-header__title {
        font-size: 18px;
        margin-bottom: 10px;
    }
}
.suppliers-header .suppliers-header__content .suppliers-header__title h1,
.suppliers-header .suppliers-header__content .suppliers-header__title h2,
.suppliers-header .suppliers-header__content .suppliers-header__title h3,
.suppliers-header .suppliers-header__content .suppliers-header__title h4 {
    font-size: 28px;
    font-weight: 500;
    margin: 0;
}
@media screen and (max-width: 1200px) {
    .suppliers-header .suppliers-header__content .suppliers-header__title h1,
    .suppliers-header .suppliers-header__content .suppliers-header__title h2,
    .suppliers-header .suppliers-header__content .suppliers-header__title h3,
    .suppliers-header .suppliers-header__content .suppliers-header__title h4 {
        font-weight: 500;
    }
}
@media screen and (max-width: 768px) {
    .suppliers-header .suppliers-header__content .suppliers-header__title h1,
    .suppliers-header .suppliers-header__content .suppliers-header__title h2,
    .suppliers-header .suppliers-header__content .suppliers-header__title h3,
    .suppliers-header .suppliers-header__content .suppliers-header__title h4 {
        font-size: 18px;
    }
}
.suppliers-header .suppliers-header__content .suppliers-header__desc {
    font-size: 16px;
    line-height: 1.5;
    position: relative;
    z-index: 2;
}
@media screen and (max-width: 768px) {
    .suppliers-header .suppliers-header__content .suppliers-header__desc {
        font-size: 14px;
    }
}
.suppliers-header .suppliers-header__content .suppliers-header__desc p {
    margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
    .suppliers-header .suppliers-header__content .suppliers-header__desc p {
        margin-bottom: 6px;
    }
}
@media screen and (max-width: 1200px) {
    .suppliers-header .suppliers-header__content .suppliers-header__desc p:first-child {
        display: none;
    }
}
.suppliers-header .suppliers-header__content .suppliers-header__desc p:last-child {
    margin-bottom: 0;
}
.suppliers-header .suppliers-header__img {
    bottom: 0;
    height: 100%;
    pointer-events: none;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 3;
}
.suppliers-header .suppliers-header__img:before {
    background: url(/local/templates/.default/assets/css/../img/suppliers-header__img.webp) no-repeat 100% 100%;
    background-size: auto 100%;
    bottom: 0;
    content: "";
    height: 100%;
    position: absolute;
    right: -20px;
    width: 100%;
    z-index: 2;
}
@media screen and (max-width: 1200px) {
    .suppliers-header .suppliers-header__img:before {
        background: url(/local/templates/.default/assets/css/../img/suppliers-header__img-mob.webp) no-repeat 100% 100%;
        background-size: auto 100%;
        height: calc(100% - var(--suppliers-height) - 20px);
        right: 0;
    }
}
@media screen and (max-width: 768px) {
    .suppliers-header .suppliers-header__img:before {
        height: calc(100% - var(--suppliers-height) - 10px);
    }
}
.suppliers-header .suppliers-header__img:after {
    background: var(--color-gray52);
    content: "";
    display: none;
    filter: blur(5.1999998093px);
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 45%;
    z-index: 1;
}
@media screen and (max-width: 1200px) {
    .suppliers-header .suppliers-header__img:after {
        display: block;
    }
}
.we-purchase {
    margin-bottom: 76px;
}
@media screen and (max-width: 1200px) {
    .we-purchase {
        margin-bottom: 39px;
    }
}
@media screen and (max-width: 768px) {
    .we-purchase {
        margin-bottom: 42px;
    }
}
.we-purchase .we-purchase__title {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 12px;
}
@media screen and (max-width: 1200px) {
    .we-purchase .we-purchase__title {
        font-size: 28px;
        font-weight: 500;
        line-height: 1.4;
        margin-bottom: 6px;
    }
}
@media screen and (max-width: 768px) {
    .we-purchase .we-purchase__title {
        font-size: 18px;
        margin-bottom: 5px;
    }
}
.we-purchase .we-purchase__title h1,
.we-purchase .we-purchase__title h2,
.we-purchase .we-purchase__title h3,
.we-purchase .we-purchase__title h4 {
    font-size: 30px;
    font-weight: 500;
    margin: 0;
}
@media screen and (max-width: 1200px) {
    .we-purchase .we-purchase__title h1,
    .we-purchase .we-purchase__title h2,
    .we-purchase .we-purchase__title h3,
    .we-purchase .we-purchase__title h4 {
        font-size: 28px;
        font-weight: 500;
    }
}
@media screen and (max-width: 768px) {
    .we-purchase .we-purchase__title h1,
    .we-purchase .we-purchase__title h2,
    .we-purchase .we-purchase__title h3,
    .we-purchase .we-purchase__title h4 {
        font-size: 18px;
    }
}
.we-purchase .we-purchase__desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 32px;
}
@media screen and (max-width: 1200px) {
    .we-purchase .we-purchase__desc {
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 768px) {
    .we-purchase .we-purchase__desc {
        font-size: 14px;
        line-height: 1.4;
        margin-bottom: 23px;
    }
}
@media screen and (max-width: 1300px) {
    .we-purchase .related-categories__list .related-categories__item {
        height: 220px;
    }
}
@media screen and (max-width: 768px) {
    .we-purchase .related-categories__list .related-categories__item {
        height: 198px;
    }
}
@media screen and (max-width: 1300px) {
    .we-purchase .related-categories__list .related-categories__item picture {
        height: 100%;
    }
}
.suppliers-wrapper {
    align-items: flex-start;
    display: flex;
    gap: 0 70px;
}
@media screen and (max-width: 1500px) {
    .suppliers-wrapper {
        flex-direction: column;
    }
}
.suppliers-wrapper .suppliers-content {
    width: 43%;
}
@media screen and (max-width: 1500px) {
    .suppliers-wrapper .suppliers-content {
        display: contents;
        width: 100%;
    }
}
.suppliers-wrapper .suppliers-form {
    width: calc(57% - 70px);
}
@media screen and (max-width: 1500px) {
    .suppliers-wrapper .suppliers-form {
        width: 100%;
    }
}
.suppliers-content__block {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 39px;
}
@media screen and (max-width: 1500px) {
    .suppliers-content__block {
        line-height: 1.4;
        margin-bottom: 40px;
        order: 1;
    }
}
@media screen and (max-width: 768px) {
    .suppliers-content__block {
        font-size: 14px;
        margin-bottom: 25px;
    }
}
.suppliers-content__block:last-child {
    margin-bottom: 0;
}
@media screen and (max-width: 1500px) {
    .suppliers-content__block:last-child {
        order: 3;
    }
}
.suppliers-content__block p {
    margin-bottom: 12px;
}
@media screen and (max-width: 1500px) {
    .suppliers-content__block p {
        margin-bottom: 9px;
    }
}
@media screen and (max-width: 768px) {
    .suppliers-content__block p {
        margin-bottom: 4px;
    }
}
.suppliers-content__block p:last-child {
    margin-bottom: 0;
}
.suppliers-content__block ol {
    counter-reset: num_ol;
    list-style: none;
    margin-bottom: 27px;
}
@media screen and (max-width: 1500px) {
    .suppliers-content__block ol {
        margin-bottom: 24px;
    }
}
@media screen and (max-width: 768px) {
    .suppliers-content__block ol {
        margin-bottom: 14px;
    }
}
.suppliers-content__block ol:last-child {
    margin-bottom: 0;
}
.suppliers-content__block ol li {
    counter-increment: num_ol;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 20px;
    min-height: 29px;
    padding-left: 47px;
    position: relative;
}
@media screen and (max-width: 1500px) {
    .suppliers-content__block ol li {
        margin-bottom: 14px;
        min-height: auto;
        padding-left: 36px;
    }
}
@media screen and (max-width: 768px) {
    .suppliers-content__block ol li {
        font-size: 14px;
        margin-bottom: 10px;
    }
}
.suppliers-content__block ol li:last-child {
    margin-bottom: 0;
}
.suppliers-content__block ol li:before {
    align-items: center;
    background: var(--color-orange);
    border-radius: 50%;
    color: var(--color-white);
    content: counter(num_ol);
    display: flex;
    font-size: 18px;
    font-weight: 400;
    height: 28px;
    justify-content: center;
    left: 0;
    line-height: 1.1;
    position: absolute;
    top: -2px;
    width: 28px;
}
@media screen and (max-width: 1500px) {
    .suppliers-content__block ol li:before {
        font-size: 16px;
        font-weight: 400;
        height: 21px;
        letter-spacing: 0.03em;
        top: 0;
        width: 21px;
    }
}
.suppliers-content__block ul {
    list-style: none;
    margin-bottom: 27px;
}
.suppliers-content__block ul:last-child {
    margin-bottom: 0;
}
.suppliers-content__block ul li {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 9px;
    padding-left: 29px;
    position: relative;
}
@media screen and (max-width: 768px) {
    .suppliers-content__block ul li {
        font-size: 14px;
        margin-bottom: 7px;
        padding-left: 21px;
    }
}
.suppliers-content__block ul li:last-child {
    margin-bottom: 0;
}
.suppliers-content__block ul li:before {
    background: url(/local/templates/.default/assets/css/../img/ul_list.svg) no-repeat 50%;
    background-size: contain;
    content: "";
    height: 13px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 17px;
}
@media screen and (max-width: 768px) {
    .suppliers-content__block ul li:before {
        height: 9px;
        width: 12px;
    }
}
.suppliers-content__block blockquote {
    background: var(--color-gray5);
    border-radius: 10px;
    margin-bottom: 25px;
    padding: 21px 33px 18px 19px;
}
@media screen and (max-width: 768px) {
    .suppliers-content__block blockquote {
        margin-bottom: 14px;
        padding: 13px 15px;
    }
    .suppliers-content__block blockquote p {
        margin-bottom: 11px;
    }
}
.suppliers-content__block blockquote ul {
    margin-bottom: 0;
}
.suppliers-content__title {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 16px;
}
@media screen and (max-width: 1500px) {
    .suppliers-content__title {
        font-weight: 500;
    }
}
@media screen and (max-width: 768px) {
    .suppliers-content__title {
        font-size: 18px;
        margin-bottom: 15px;
    }
}
.suppliers-content__title h2 {
    font-size: 28px;
    font-weight: 500;
    margin: 0;
}
@media screen and (max-width: 1500px) {
    .suppliers-content__title h2 {
        font-weight: 500;
    }
}
@media screen and (max-width: 768px) {
    .suppliers-content__title h2 {
        font-size: 18px;
    }
}
.suppliers-form {
    background: var(--color-orange13);
    border-radius: 10px;
    padding: 32px 35px 44px;
}
@media screen and (max-width: 1500px) {
    .suppliers-form {
        margin-bottom: 56px;
        order: 2;
        padding: 16px 20px 44px;
    }
}
@media screen and (max-width: 768px) {
    .suppliers-form {
        margin-bottom: 36px;
        padding: 17px 15px 28px;
    }
}
.suppliers-form .suppliers-form__title {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 15px;
}
@media screen and (max-width: 1500px) {
    .suppliers-form .suppliers-form__title {
        font-weight: 500;
    }
}
@media screen and (max-width: 768px) {
    .suppliers-form .suppliers-form__title {
        font-size: 20px;
        margin-bottom: 12px;
    }
}
.suppliers-form .suppliers-form__title h2,
.suppliers-form .suppliers-form__title h3 {
    font-size: 28px;
    font-weight: 500;
    margin: 0;
}
@media screen and (max-width: 1500px) {
    .suppliers-form .suppliers-form__title h2,
    .suppliers-form .suppliers-form__title h3 {
        font-weight: 500;
    }
}
@media screen and (max-width: 768px) {
    .suppliers-form .suppliers-form__title h2,
    .suppliers-form .suppliers-form__title h3 {
        font-size: 20px;
    }
}
.suppliers-form .suppliers-form__desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 29px;
}
@media screen and (max-width: 768px) {
    .suppliers-form .suppliers-form__desc {
        font-size: 14px;
        margin-bottom: 20px;
    }
}
.suppliers-form .suppliers-form__block {
    margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
    .suppliers-form .suppliers-form__block {
        margin-bottom: 24px;
    }
}
.suppliers-form .suppliers-form__block .suppliers-form__block-title {
    color: var(--color-gray50);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 13px;
}
@media screen and (max-width: 768px) {
    .suppliers-form .suppliers-form__block .suppliers-form__block-title {
        font-size: 12px;
    }
}
.suppliers-form .suppliers-form__block .block-input {
    margin-bottom: 22px;
}
@media screen and (max-width: 768px) {
    .suppliers-form .suppliers-form__block .block-input {
        margin-bottom: 14px;
    }
}
.suppliers-form .agree-form {
    margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
    .suppliers-form .agree-form {
        margin-bottom: 21px;
    }
}
.suppliers-form__bottom {
    align-items: center;
    display: flex;
    justify-content: center;
}
.suppliers-form__bottom .btn {
    max-width: 280px;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .suppliers-form__bottom .btn {
        max-width: 180px;
    }
}
.section-video-reviews {
    margin-bottom: 77px;
}
@media screen and (max-width: 1200px) {
    .section-video-reviews {
        margin-bottom: 60px;
    }
}
@media screen and (max-width: 768px) {
    .section-video-reviews {
        margin-bottom: 38px;
    }
}
.section-video-reviews .section__title {
    margin-bottom: 50px;
}
@media screen and (max-width: 1200px) {
    .section-video-reviews .section__title {
        margin-bottom: 33px;
    }
}
@media screen and (max-width: 768px) {
    .section-video-reviews .section__title {
        margin-bottom: 24px;
    }
}
@media screen and (max-width: 1200px) {
    .video-reviews {
        left: calc(var(--container-padding) * -1);
        padding: 0 var(--container-padding);
        position: relative;
        width: calc(100% + var(--container-padding) * 2);
    }
    .video-reviews .swiper-slide {
        max-width: 393px;
    }
}
@media screen and (max-width: 768px) {
    .video-reviews .swiper-slide {
        max-width: 287px;
    }
}
.video-reviews .video-reviews__item {
    border-radius: 10px;
    display: block;
    overflow: hidden;
    padding-top: 62%;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
@media screen and (max-width: 768px) {
    .video-reviews .video-reviews__item {
        border-radius: 3px;
        padding-top: 72.5%;
    }
}
@media (hover: hover) {
    .video-reviews .video-reviews__item:hover:before {
        transform: translate(-50%, -50%) scale(1.1);
    }
}
@media (hover: none) {
    .video-reviews .video-reviews__item:active:before {
        transform: translate(-50%, -50%) scale(1.1);
    }
}
.video-reviews .video-reviews__item:before {
    background: url(/local/templates/.default/assets/css/../img/icon-play.svg) no-repeat 50%;
    background-size: contain;
    content: "";
    height: 39px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    transition: all 0.3s var(--transition);
    width: 55px;
    z-index: 2;
}
@media screen and (max-width: 1200px) {
    .video-reviews .video-reviews__item:before {
        height: 33px;
        width: 45px;
    }
}
@media screen and (max-width: 768px) {
    .video-reviews .video-reviews__item:before {
        height: 36px;
        width: 51px;
    }
}
.video-reviews .video-reviews__item img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%;
}
.main-footer {
    background: var(--color-gray18);
    color: var(--color-white);
}
@media screen and (max-width: 1200px) {
    .main-footer {
        padding-top: 24px;
    }
}
.main-footer .container {
    position: relative;
}
.main-footer .main-footer__top {
    align-items: center;
    border-bottom: 0.5px solid var(--color-whiteRGBA50);
    display: flex;
    justify-content: space-between;
    padding: 16px 0 14px;
}
@media screen and (max-width: 1200px) {
    .main-footer .main-footer__top {
        border-bottom: 0;
        padding: 0;
        position: absolute;
        right: var(--container-padding);
        top: 0;
    }
    .main-footer .main-footer__top .nav-menu {
        display: none;
    }
}
.main-footer .main-footer__midle {
    align-items: flex-end;
    border-bottom: 0.5px solid var(--color-whiteRGBA50);
    display: flex;
    padding: 16px 0 21px;
}
@media screen and (max-width: 1770px) {
    .main-footer .main-footer__midle {
        justify-content: space-between;
    }
}
@media screen and (max-width: 1200px) {
    .main-footer .main-footer__midle {
        align-items: flex-start;
        flex-direction: column;
        justify-content: flex-start;
        padding-top: 0;
    }
}
@media screen and (max-width: 768px) {
    .main-footer .main-footer__midle {
        padding-bottom: 15px;
    }
}
.main-footer .main-footer__midle .footer-column:first-child {
    margin-right: 6.6%;
}
@media screen and (max-width: 1770px) {
    .main-footer .main-footer__midle .footer-column:first-child {
        max-width: 340px;
    }
}
@media screen and (max-width: 1500px) {
    .main-footer .main-footer__midle .footer-column:first-child {
        margin-right: 4%;
    }
}
@media screen and (max-width: 1360px) {
    .main-footer .main-footer__midle .footer-column:first-child {
        margin-right: 2%;
        max-width: 260px;
    }
}
@media screen and (max-width: 1200px) {
    .main-footer .main-footer__midle .footer-column:first-child {
        border-bottom: 0.5px solid var(--color-whiteRGBA50);
        margin-bottom: 21px;
        margin-right: 0;
        max-width: 100%;
        order: 3;
        padding-bottom: 17px;
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .main-footer .main-footer__midle .footer-column:first-child {
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
}
.main-footer .main-footer__midle .footer-column:nth-child(2) {
    margin-right: 6.6%;
    padding-bottom: 4px;
}
@media screen and (max-width: 1500px) {
    .main-footer .main-footer__midle .footer-column:nth-child(2) {
        margin-right: 4%;
    }
}
@media screen and (max-width: 1360px) {
    .main-footer .main-footer__midle .footer-column:nth-child(2) {
        margin-right: 2%;
    }
}
@media screen and (max-width: 1200px) {
    .main-footer .main-footer__midle .footer-column:nth-child(2) {
        margin-right: 0;
        order: 4;
        padding-bottom: 0;
        width: 100%;
    }
}
.main-footer .main-footer__midle .footer-column:nth-child(3) {
    align-items: center;
    display: flex;
    gap: 0 30px;
    padding-bottom: 10px;
}
@media screen and (max-width: 1200px) {
    .main-footer .main-footer__midle .footer-column:nth-child(3) {
        margin-bottom: 35px;
        order: 2;
        padding-bottom: 0;
    }
}
@media screen and (max-width: 768px) {
    .main-footer .main-footer__midle .footer-column:nth-child(3) {
        margin-bottom: 31px;
    }
}
.main-footer .main-footer__midle .footer-column:nth-child(4) {
    display: flex;
    flex-direction: column;
    gap: 21px 0;
    margin-left: auto;
}
@media screen and (max-width: 1360px) {
    .main-footer .main-footer__midle .footer-column:nth-child(4) {
        gap: 17px 0;
    }
}
@media screen and (max-width: 1200px) {
    .main-footer .main-footer__midle .footer-column:nth-child(4) {
        margin-bottom: 35px;
        margin-left: 0;
        order: 1;
    }
}
@media screen and (max-width: 768px) {
    .main-footer .main-footer__midle .footer-column:nth-child(4) {
        margin-bottom: 34px;
    }
}
.main-footer .main-footer__midle .change-region {
    color: var(--color-white);
    display: inline-flex;
    font-size: 20px;
    margin-bottom: 15px;
}
@media screen and (max-width: 1500px) {
    .main-footer .main-footer__midle .change-region {
        font-size: 18px;
    }
}
@media screen and (max-width: 768px) {
    .main-footer .main-footer__midle .change-region {
        font-size: 16px;
        margin-bottom: 11px;
    }
}
@media (hover: hover) {
    .main-footer .main-footer__midle .change-region:hover {
        color: var(--color-orange);
    }
}
@media (hover: none) {
    .main-footer .main-footer__midle .change-region:active {
        color: var(--color-orange);
    }
}
.main-footer .main-footer__midle .change-region .icon svg {
    height: 17px;
    width: 12px;
}
.main-footer .main-footer__midle .change-region .icon svg path {
    fill: var(--color-white);
}
.main-footer .main-footer__midle .change-region .icon svg circle {
    fill: var(--color-gray18);
}
.main-footer .main-footer__midle .change-region .corner {
    border-top-color: var(--color-white);
}
.main-footer .main-footer__bottom {
    align-items: flex-end;
    display: flex;
    gap: 0 110px;
    justify-content: space-between;
    padding: 21px 0 30px;
}
@media screen and (max-width: 1200px) {
    .main-footer .main-footer__bottom {
        align-items: center;
        flex-wrap: wrap;
        gap: 0;
        justify-content: flex-start;
        padding-bottom: 170px;
        position: relative;
    }
}
@media screen and (max-width: 768px) {
    .main-footer .main-footer__bottom {
        padding: 15px 0 110px;
    }
}
@media screen and (max-width: 1200px) {
    .main-footer .main-footer__bottom .footer-column {
        display: contents;
    }
}
.main-footer .main-footer__bottom .footer-column.footer-column__second {
    display: flex;
    gap: 0 90px;
}
@media screen and (max-width: 1200px) {
    .main-footer .main-footer__bottom .footer-column.footer-column__second {
        flex-direction: column;
        gap: 10px 0;
        position: absolute;
        right: 0;
        top: 21px;
        width: 109px;
    }
}
@media screen and (max-width: 768px) {
    .main-footer .main-footer__bottom .footer-column.footer-column__second {
        gap: 8px 0;
        width: 92px;
    }
}
@media screen and (min-width: 1200px) {
    .main-footer .main-footer__bottom .footer-column.footer-column__second .yandex-reviews {
        order: 2;
    }
    .main-footer .main-footer__bottom .footer-column.footer-column__second .footer-exhibitions {
        order: 1;
    }
}
.main-footer .main-footer__bottom .footer-menu {
    margin-bottom: 22px;
}
@media screen and (max-width: 1200px) {
    .main-footer .main-footer__bottom .footer-menu {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 768px) {
    .main-footer .main-footer__bottom .footer-menu {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px 0;
    }
}
.main-footer .main-footer__bottom .footer-menu .footer-menu__item {
    margin-right: 50px;
}
@media screen and (max-width: 1200px) {
    .main-footer .main-footer__bottom .footer-menu .footer-menu__item {
        margin-right: 30px;
    }
}
@media screen and (max-width: 768px) {
    .main-footer .main-footer__bottom .footer-menu .footer-menu__item {
        margin-right: 0;
    }
}
@media screen and (max-width: 1200px) {
    .main-footer .main-footer__bottom .footer-menu .footer-menu__item:last-child {
        margin-right: 0;
    }
}
.main-footer .main-footer__bottom .footer-menu .footer-menu__link {
    font-size: 16px;
}
@media screen and (max-width: 768px) {
    .main-footer .main-footer__bottom .footer-menu .footer-menu__link {
        font-size: 14px;
    }
}
@media screen and (max-width: 1200px) {
    .main-footer .main-footer__bottom .btn-question {
        margin-right: 30px;
        order: 1;
    }
}
@media screen and (max-width: 768px) {
    .main-footer .main-footer__bottom .btn-question {
        margin-bottom: 16px;
        margin-right: 0;
    }
}
@media screen and (max-width: 1200px) {
    .main-footer .main-footer__bottom .nav-menu {
        margin-right: 30px;
        order: 2;
    }
}
@media screen and (max-width: 768px) {
    .main-footer .main-footer__bottom .nav-menu {
        margin-right: 0;
        order: 3;
        padding-top: 3px;
        width: calc(100% - 120px);
    }
}
@media screen and (max-width: 1200px) {
    .main-footer .main-footer__bottom .coperight {
        order: 4;
        padding-top: 23px;
        width: calc(100% - 120px);
    }
}
@media screen and (max-width: 768px) {
    .main-footer .main-footer__bottom .coperight {
        padding-top: 20px;
        width: auto;
    }
}
.main-footer .mode {
    margin-bottom: 19px;
}
@media screen and (max-width: 1500px) {
    .main-footer .mode {
        margin-bottom: 10px;
    }
}
.main-footer .mode:last-child {
    margin-bottom: 0;
}
.main-footer .element-phone {
    color: var(--color-white);
    font-size: 18px;
    font-weight: 500;
}
@media screen and (max-width: 1360px) {
    .main-footer .element-phone {
        font-size: 16px;
    }
}
@media screen and (max-width: 1200px) {
    .main-footer .element-phone {
        font-size: 18px;
    }
}
@media (hover: hover) {
    .main-footer .element-phone:hover {
        color: var(--color-orange);
    }
    .main-footer .element-phone:hover .icon svg path {
        fill: var(--color-orange);
    }
}
@media (hover: none) {
    .main-footer .element-phone:active {
        color: var(--color-orange);
    }
    .main-footer .element-phone:active .icon svg path {
        fill: var(--color-orange);
    }
}
.main-footer .element-phone .icon {
    margin-right: 12px;
}
@media screen and (max-width: 768px) {
    .main-footer .element-phone .icon {
        margin-right: 15px;
    }
}
.main-footer .element-phone .icon svg {
    height: 22px;
    width: 22px;
}
@media screen and (max-width: 768px) {
    .main-footer .element-phone .icon svg {
        height: 19px;
        width: 19px;
    }
}
.main-footer .element-phone .icon svg path {
    fill: var(--color-white);
}
.main-footer .element-email {
    color: var(--color-white);
}
@media screen and (max-width: 1360px) {
    .main-footer .element-email {
        font-size: 14px;
    }
}
@media screen and (max-width: 1200px) {
    .main-footer .element-email {
        font-size: 16px;
    }
}
@media (hover: hover) {
    .main-footer .element-email:hover {
        color: var(--color-orange);
    }
    .main-footer .element-email:hover .icon svg path {
        fill: var(--color-orange);
    }
}
@media (hover: none) {
    .main-footer .element-email:active {
        color: var(--color-orange);
    }
    .main-footer .element-email:active .icon svg path {
        fill: var(--color-orange);
    }
}
.main-footer .element-email .icon {
    margin-right: 16px;
}
@media screen and (max-width: 768px) {
    .main-footer .element-email .icon {
        margin-right: 15px;
    }
}
.main-footer .element-email .icon svg {
    height: 20px;
    width: 20px;
}
@media screen and (max-width: 768px) {
    .main-footer .element-email .icon svg {
        height: 14px;
        width: 19px;
    }
}
.main-footer .element-email .icon svg path {
    fill: var(--color-white);
}
.footer-menu {
    align-items: center;
    display: flex;
}
.footer-menu .footer-menu__item {
    margin-right: 53px;
}
@media screen and (max-width: 1600px) {
    .footer-menu .footer-menu__item {
        margin-right: 30px;
    }
}
@media screen and (max-width: 1500px) {
    .footer-menu .footer-menu__item {
        margin-right: 26px;
    }
}
.footer-menu .footer-menu__item:last-child {
    margin-right: 0;
}
.footer-menu .footer-menu__link {
    color: var(--color-white);
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    transition: color 0.3s var(--transition);
}
@media screen and (max-width: 1500px) {
    .footer-menu .footer-menu__link {
        font-size: 16px;
    }
}
@media screen and (max-width: 1360px) {
    .footer-menu .footer-menu__link {
        font-size: 14px;
    }
}
@media (hover: hover) {
    .footer-menu .footer-menu__link:hover {
        color: var(--color-orange17);
    }
}
@media (hover: none) {
    .footer-menu .footer-menu__link:active {
        color: var(--color-orange17);
    }
}
.footer-social {
    align-items: center;
    display: flex;
}
@media screen and (max-width: 1200px) {
    .footer-social {
        flex-direction: column;
    }
}
.footer-social .footer-social__item {
    display: block;
    height: 35px;
    line-height: 0px;
    margin-right: 16px;
    transform: scale(1);
    transition: transform 0.3s var(--transition);
}
@media screen and (max-width: 1200px) {
    .footer-social .footer-social__item {
        margin-bottom: 20px;
        margin-right: 0;
    }
}
@media screen and (max-width: 768px) {
    .footer-social .footer-social__item {
        height: 30px;
        margin-bottom: 16px;
    }
}
@media (hover: hover) {
    .footer-social .footer-social__item:hover {
        transform: scale(0.9);
    }
}
@media (hover: none) {
    .footer-social .footer-social__item:active {
        transform: scale(0.9);
    }
}
.footer-social .footer-social__item:last-child {
    margin-right: 0;
}
@media screen and (max-width: 1200px) {
    .footer-social .footer-social__item:last-child {
        margin-bottom: 0;
    }
}
.footer-social .footer-social__item img {
    max-width: 100%;
}
.address {
    color: var(--color-white);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
}
@media screen and (max-width: 1500px) {
    .address {
        color: var(--color-gray19);
    }
}
@media screen and (max-width: 1360px) {
    .address {
        font-size: 12px;
    }
}
@media screen and (max-width: 1200px) {
    .address {
        font-size: 16px;
    }
}
@media screen and (max-width: 768px) {
    .address {
        font-size: 14px;
    }
}
.address a {
    color: var(--color-white);
    text-decoration: none;
    transition: color 0.3s var(--transition);
}
@media (hover: hover) {
    .address a:hover {
        color: var(--color-orange);
    }
}
@media (hover: none) {
    .address a:active {
        color: var(--color-orange);
    }
}
.mode {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
}
@media screen and (max-width: 768px) {
    .mode {
        font-size: 14px;
    }
}
.coperight {
    color: var(--color-gray20);
    font-size: 12px;
    font-weight: 400;
}
@media screen and (max-width: 1200px) {
    .coperight {
        display: flex;
        flex-direction: column;
        gap: 6px 0;
    }
}
@media screen and (max-width: 768px) {
    .coperight {
        font-size: 10px;
        gap: 12px 0;
    }
}
@media screen and (max-width: 1200px) {
    .coperight span {
        display: block;
    }
    .coperight span:first-child {
        order: 2;
    }
    .coperight span:nth-child(2) {
        order: 1;
    }
}
.footer-exhibitions {
    border: none;
    display: block;
    line-height: 0px;
    text-decoration: none;
}
.footer-exhibitions img {
    height: 48px;
    max-width: inherit;
    width: auto;
}
@media screen and (max-width: 1200px) {
    .footer-exhibitions img {
        height: auto;
        width: 100%;
    }
}
.yandex-reviews {
    display: block;
    line-height: 0px;
}
.yandex-reviews img {
    height: 50px;
    max-width: inherit;
    width: auto;
}
@media screen and (max-width: 1200px) {
    .yandex-reviews img {
        height: auto;
        width: 100%;
    }
}


#matomba_button:not(.matomba_quiz_button_left_right_free) {
    right: var(--container-padding) !important;
}



/* End */


/* Start:/local/templates/.default/assets/css/banners.css?174653708430636*/

.banner-exhibitions {
    padding: 32px;
    background-color: #F6F6F6;
    background-image: url('/upload/exhibition/exhibition-2024-winter-bg.png'), url('/upload/exhibition/exhibition-2024-winter-snowflakes.png');
    background-repeat: no-repeat;
    background-position: right bottom, center center;
    background-size: 1170px auto, cover;
    border-radius: 10px;
    margin-bottom: 40px;
    min-height: 320px;
    display: flex;
}
.banner-exhibitions__content {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.banner-exhibitions__title {
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    padding-bottom: 34px;
}
.banner-exhibitions__street-name {
    display: flex;
    align-items: center;
    font-size: 24px;
    font-weight: 500;
    padding-bottom: 12px;
    gap: 10px;
    line-height: 1.2
}
.banner-exhibitions__street-name svg {
    max-width: 25px;
}
.banner-exhibitions__street-name svg [fill] {
    fill: revert-layer;
}
.banner-exhibitions__street-name a {
    text-decoration: none;
    color: inherit;
}
.banner-exhibitions__button {
    margin-top: auto;
}
.banner-exhibitions__button .btn {
    font-size: 20px;
    min-width: 230px;
    height: 56px;
    line-height: 56px;
}
@media screen and (max-width: 1400px) {
    .banner-exhibitions {
        background-size: 700px auto, cover;
    }
    .banner-exhibitions__title {
        font-size: 34px;
    }
    .banner-exhibitions__street-name {
        font-size: 24px;
    }
    .banner-exhibitions__street-name svg {
        max-width: 20px;
    }
}
@media screen and (max-width: 1200px) {
    .banner-exhibitions {
        padding: 26px;
        background-image: url('/upload/exhibition/exhibition-2024-winter-bg-md.png'), url('/upload/exhibition/exhibition-2024-winter-snowflakes-md.png');
        background-size: contain, cover;
        min-height: 760px;
    }
    .banner-exhibitions__title {
        font-size: 44px;
    }
    .banner-exhibitions__street-name {
        font-size: 32px;
    }
    .banner-exhibitions__button {
        margin-top: 60px;
        text-align: center;
    }
    .banner-exhibitions__button .btn {
        min-width: 270px;
    }
}
@media screen and (max-width: 768px) {
    .banner-exhibitions {
        padding: 20px 12px;
        background-image: url('/upload/exhibition/exhibition-2024-winter-bg-sm.png'), url('/upload/exhibition/exhibition-2024-winter-snowflakes-sm.png');
        background-size: auto 240px, cover;
        min-height: 480px;
    }
    .banner-exhibitions__title {
        font-size: 22px;
        padding-bottom: 22px;
    }
    .banner-exhibitions__street-name {
        font-size: 18px;
        padding-bottom: 12px;
    }
    .banner-exhibitions__street-name svg {
        max-width: 16px;
    }
    .banner-exhibitions__button {
        margin-top: 40px;
    }
    .banner-exhibitions__button .btn { 
        font-size: 14px;
        line-height: 38px;
        height: 38px;
        min-width: 190px;
    }
}



.winter-promo-banners {
    display: grid;
    grid-template-rows: repeat(2, 1fr);
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    margin-bottom: 80px;
}
.promo-banner {
    background-color: #FBF5EE;
    background-repeat: no-repeat;
    background-image: url('/upload/banner/promo-banner-2024-winter-bg.png');
    background-position: center bottom;
    background-size: contain;
    border-radius: 10px;
    color: #181818;
    padding: 24px 20px;
    min-height: 210px;
    display: flex;
    position: relative;
}
.promo-banner__content {
    display: flex;
    flex-flow: column;
    flex-grow: 1;
}
.promo-banner__title {
    font-size: 32px;
    font-weight: 800;
    line-height: 1;
}
.promo-banner--3 .promo-banner__title span {
    font-size: 1.4em;
}
.promo-banner--5 .promo-banner__title span {
    font-size: .7em;
}
.promo-banner--6 .promo-banner__title span {
    font-size: .7em;
}
.promo-banner__subtitle {
    font-size: 18px;
    padding-bottom: 16px;
    line-height: 1;
}
.promo-banner__tagline {
    font-size: 18px;
    font-weight: 500;
    color: #FFF;
    background-color: #FC921D;
    height: 36px;
    padding: 0 20px;
    width: calc(100% + 40px);
    display: flex;
    align-items: center;
    margin: auto -20px 0;
}
.promo-banner__comment {
    font-size: 14px;
    font-weight: 500;
    margin-top: auto;
}
.promo-banner::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    background-repeat: no-repeat;
}
.promo-banner--1::after {
    background-image:
        url('/upload/banner/promo-banner-2024-winter-1-snowflakes.png'),
        url('/upload/banner/promo-banner-2024-winter-1-item.png');
    background-position: left center, right bottom;
    background-size: contain, 210px auto;
}
.promo-banner--2::after {
    background-image:
        url('/upload/banner/promo-banner-2024-winter-2-snowflakes.png'),
        url('/upload/banner/promo-banner-2024-winter-2-item.png');
    background-position: left center, right bottom;
    background-size: contain, 240px auto;
}
.promo-banner--3::after {
    background-image:
        url('/upload/banner/promo-banner-2024-winter-3-snowflakes.png'),
        url('/upload/banner/promo-banner-2024-winter-3-item.png');
    background-position: left center, right bottom;
    background-size: contain, 210px auto;
}
.promo-banner--4::after {
    background-image:
        url('/upload/banner/promo-banner-2024-winter-4-snowflakes.png'),
        url('/upload/banner/promo-banner-2024-winter-4-item.png');
    background-position: left center, right bottom;
    background-size: contain, 310px auto;
}
.promo-banner--5::after {
    background-image:
        url('/upload/banner/promo-banner-2024-winter-5-snowflakes.png'),
        url('/upload/banner/promo-banner-2024-winter-5-item.png');
    background-position: left center, right bottom;
    background-size: contain, 230px auto;
}
.promo-banner--6::after {
    background-image:
        url('/upload/banner/promo-banner-2024-winter-6-snowflakes.png'),
        url('/upload/banner/promo-banner-2024-winter-6-item.png');
    background-position: left center, right bottom;
    background-size: contain, 230px auto;
}
@media screen and (max-width: 1800px) {
    .winter-promo-banners {
        display: grid;
        grid-template-rows: repeat(3, 1fr);
        grid-template-columns: repeat(2, 1fr);
        gap: 32px;
    }
}
@media screen and (max-width: 1200px) {
    .winter-promo-banners {
        display: grid;
        grid-template-rows: 1fr;
        grid-template-columns: 1fr;
        gap: 32px;
        margin-bottom: 60px;
    }
    .promo-banner {
        min-height: 300px;
        padding: 30px 28px;
    }
    .promo-banner__title {
        font-size: 42px;
    }
    .promo-banner__subtitle {
        font-size: 22px;
        padding-bottom: 20px;
    }
    .promo-banner__tagline {
        font-size: 22px;
        height: 46px;
        padding: 0 28px;
        width: calc(100% + 56px);
        margin: auto -28px 0;
    }
    .promo-banner__comment {
        font-size: 18px;
    }
    .promo-banner--1::after {
        background-size: contain, 290px auto;
    }
    .promo-banner--2::after {
        background-size: contain, 320px auto;
    }
    .promo-banner--3::after {
        background-size: contain, 300px auto;
    }
    .promo-banner--4::after {
        background-size: contain, 445px auto;
    }
    .promo-banner--5::after {
        background-size: contain, 327px auto;
    }
    .promo-banner--6::after {
        background-size: contain, 327px auto;
    }
}
@media screen and (max-width: 768px) {
    .winter-promo-banners {
        gap: 18px;
        margin-bottom: 40px;
    }
    .promo-banner {
        min-height: 140px;
        padding: 14px 10px;
    }
    .promo-banner__title {
        font-size: 22px;
    }
    .promo-banner__subtitle {
        font-size: 12px;
        padding-bottom: 10px;
    }
    .promo-banner__tagline {
        font-size: 12px;
        height: 26px;
        padding: 0 10px;
        width: calc(100% + 20px);
        margin: auto -10px 0;
    }
    .promo-banner__comment {
        font-size: 10px;
    }
    .promo-banner--1::after {
        background-size: contain, 133px auto;
    }
    .promo-banner--2::after {
        background-size: contain, 160px auto;
    }
    .promo-banner--3::after {
        background-size: contain, 146px auto;
    }
    .promo-banner--4::after {
        background-size: contain, 201px auto;
    }
    .promo-banner--5::after {
        background-size: contain, 160px auto;
    }
    .promo-banner--6::after {
        background-size: contain, 160px auto;
    }
}





/*
--w = 6px
 */
.banner {
    background-color: #F6F6F6;
    border-radius: 10px;
    margin-bottom: 75px;
    overflow: hidden;
    position: relative;
    display: flex;
    min-height: 400px;
    --w: 1vw;
}
@media screen and (max-width: 1200px) {
    .banner {
        margin-bottom: 50px;
        max-width: 700px;
        min-height: 900px;
    }
}
@media screen and (max-width: 768px) {
    .banner {
        margin-bottom: 26px;
        min-height: calc(var(--w) * 126);
        max-width: 100%;
        width: 100%;
    }
}
.banner__container {
    max-width: 750px;
    position: relative;
    z-index: 4;
    padding: 30px;
}
@media screen and (max-width: 1200px) {
    .banner__container {
        padding: 38px 26px;
    }
}
@media screen and (max-width: 768px) {
    .banner__container {
        padding: calc(var(--w) * 4);
    }
}
.banner__title {
    align-items: center;
    color: var(--color-white);
    display: flex;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 12px;
}
@media screen and (max-width: 1500px) {
    .banner__title {
        font-size: 40px;
    }
}
@media screen and (max-width: 768px) {
    .banner__title {
        font-size: calc(var(--w) * 5.9);
    }
}
@media screen and (max-width: 1200px) {
    .banner__title br {
        display: none;
    }
}
.banner__title span {
    padding-bottom: 7px;
}
.banner__title strong {
    display: block;
    font-size: 120px;
    font-weight: 700;
    letter-spacing: -0.06em;
    line-height: 1;
    padding-right: 27px;
    text-align: center;
    text-shadow: 10px 7px 10px hsla(0, 0%, 0%, 0.1);
}
@media screen and (max-width: 1500px) {
    .banner__title strong {
        font-size: 112px;
    }
}
@media screen and (max-width: 768px) {
    .banner__title strong {
        font-size: calc(var(--w) * 18);
        padding-right: calc(var(--w) * 3.2);
    }
}
.banner__desc {
    color: var(--color-white);
    font-size: 22px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 50px;
    max-width: 540px;
}
@media screen and (max-width: 1600px) {
    .banner__desc {
        font-size: 18px;
    }
}
@media screen and (max-width: 1200px) {
    .banner__desc {
        font-size: 22px;
        margin-bottom: 50px;
    }
}
@media screen and (max-width: 768px) {
    .banner__desc {
        font-size: calc(var(--w) * 4);
        margin-bottom: calc(var(--w) * 6);
    }
}
.banner__btn {
    padding-left: 5px;
}
@media screen and (max-width: 1200px) {
    .banner__btn {
        padding-left: 2px;
    }
}
.banner__btn .btn {
    font-size: 20px;
    font-weight: 500;
    height: 56px;
    line-height: 56px;
    max-width: 266px;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .banner__btn .btn {
        font-size: calc(var(--w) * 3.6);
        height: calc(var(--w) * 11);
        line-height: calc(var(--w) * 11);
        max-width: calc(var(--w) * 48);
    }
}
.banner__images {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: space-between;
}
.banner__images img {
    pointer-events: none;
    width: 100%;
    height: 100%;
}
.banner__bg img {
    object-fit: cover;
    object-position: right;
}

.banner__image img {
    object-fit: cover;
    object-position: left;
}
@media screen and (max-width: 1200px) {
    .banner__images {
        flex-flow: column;
    }
    
}

.banner__layer {
    display: flex;
    inset: 0;
    position: absolute;
    pointer-events: none;
}
.banner__layer.banner__layer--align-items-end {
    align-items: end;
}
.banner__layer > * {
    pointer-events: auto;
}
.banner__layer .banner__images {
    display: flex;
    justify-content: end;
    align-items: stretch;
    pointer-events: none;
    user-select: none;
}
.banner__layer:nth-of-type(1) {
    z-index: 1;
}
.banner__layer:nth-of-type(2) {
    z-index: 2;
}
.banner__layer:nth-of-type(3) {
    z-index: 3;
}
.banner__layer:nth-of-type(4) {
    z-index: 4;
}
.banner__layer:nth-of-type(5) {
    z-index: 5;
}
.banner__layer:nth-of-type(6) {
    z-index: 6;
}
.banner__layer:nth-of-type(7) {
    z-index: 7;
}
.banner__layer:nth-of-type(8) {
    z-index: 8;
}
.banner__layer:nth-of-type(9) {
    z-index: 9;
}
.banner__layer:nth-of-type(10) {
    z-index: 10;
}



@media screen and (max-width: 768px) {
    .banner--warranty .banner__title {
        font-size: calc(var(--w) * 5);
    }
}
.banner--warranty .banner__image {
    margin: 0 0 0 -110px;
}
.banner--warranty .banner__bg {
    min-width: 810px;
}
@media screen and (max-width: 1200px) {
    .banner--warranty .banner__bg {
        min-width: 100%;
    }
    .banner--warranty .banner__image {
        margin: -140px 0 0 0;
    }
}
@media screen and (max-width: 768px) {
    .banner--warranty .banner__image {
        margin: -100px 0 0 0;
    }
}


.banner--order-in-winter {
    min-height: 350px;
}
@media screen and (max-width: 1200px) {
    .banner--order-in-winter {
        margin-bottom: 50px;
        max-width: 700px;
        min-height: 760px;
    }
}
@media screen and (max-width: 768px) {
    .banner--order-in-winter {
        margin-bottom: 26px;
        min-height: calc(var(--w) * 110);
        max-width: 100%;
        width: 100%;
    }
}
@media screen and (max-width: 1200px) {
    .banner--order-in-winter .banner__images {
        justify-content: end;
    }
}
.banner--order-in-winter .banner__bg {
    position: absolute;
    inset: 0;
}
.banner--order-in-winter .banner__bg img {
    object-fit: cover;
}
.banner--order-in-winter .banner__image {
    width: 100%;
    z-index: 1;
}
.banner--order-in-winter .banner__image img {
    object-fit: contain;
    object-position: right bottom;
}
.banner--order-in-winter .banner__title,
.banner--order-in-winter .banner__desc {
    color: #373737;
}
.banner--order-in-winter .banner__title {
    margin-bottom: clamp(10px, calc(var(--w) * 6), 30px);
}
.banner--order-in-winter .banner__btn .btn {
    background-color: #FC921D;
    color: #FFF;
}



.banner--order-in-winter-2 {
    min-height: 460px;
    margin-bottom: 0;
    width: 100%;
}
@media screen and (max-width: 1200px) {
    .banner--order-in-winter-2 {
        margin-bottom: 50px;
        max-width: 700px;
        min-height: 735px;
    }
    .banner--order-in-winter-2 .banner__images {
        flex-flow: row;
    }
}
@media screen and (max-width: 768px) {
    .banner--order-in-winter-2 {
        margin-bottom: 26px;
        min-height: calc(var(--w) * 110);
        max-width: 100%;
        width: 100%;
    }
}
@media screen and (max-width: 1800px) {
    .banner--order-in-winter-2 .banner__images {
        justify-content: end;
    }
}
.banner--order-in-winter-2 .banner__bg {
    position: absolute;
    inset: 0;
}
.banner--order-in-winter-2 .banner__bg img {
    object-fit: cover;
}
.banner--order-in-winter-2 .banner__image {
    z-index: 5;
    pointer-events: none;
}
.banner--order-in-winter-2 .banner__image img {
    object-fit: contain;
    object-position: right bottom;
    max-width: 720px;
}
@media screen and (max-width: 1800px) {
    .banner--order-in-winter-2 .banner__image img {
        max-width: 600px;
    }
}
@media screen and (max-width: 1200px) {
    .banner--order-in-winter-2 .banner__image img {
        max-width: 100%;
    }
}
.banner--order-in-winter-2 .banner__tagline {
    background-color: #E364CE;
    color: #FFF;
    border-radius: 120px;
    font-size: clamp(12px, calc(var(--w) * 3), 16px);
    padding: 10px 20px;
    margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
    .banner--order-in-winter-2 .banner__tagline {
        margin-bottom: 30px;
        padding: 10px 16px;
    }
}
@media screen and (max-width: 420px) {
    .banner--order-in-winter-2 .banner__tagline {
        margin-bottom: 12px;
        padding: 8px 14px;
    }
}
.banner--order-in-winter-2 .banner__container {
    display: flex;
    flex-flow: column;
    align-items: start;
    padding: 20px;
    max-width: 100%;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .banner--order-in-winter-2 .banner__container {
        padding: 32px 24px;
    }
}
@media screen and (max-width: 420px) {
    .banner--order-in-winter-2 .banner__container {
        padding: 18px 6px;
    }
}
.banner--order-in-winter-2 .banner__title-wrapper {
    background-color: #FFF;
    border-radius: 46px;
    padding: 16px 32px 20px 32px;
    margin-bottom: 50px;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .banner--order-in-winter-2 .banner__title-wrapper {
        border-radius: 28px;
        padding: 20px;
    }
}
@media screen and (max-width: 420px) {
    .banner--order-in-winter-2 .banner__title-wrapper {
        border-radius: 18px;
        padding: 10px;
    }
}
.banner--order-in-winter-2 .banner__title-highlight {
    color: #E364CE;
}
.banner--order-in-winter-2 .banner__title,
.banner--order-in-winter-2 .banner__desc {
    color: #373737;
}
.banner--order-in-winter-2 .banner__title {
    margin-bottom: clamp(10px, calc(var(--w) * 1.3), 20px);
    font-size: clamp(28px, calc(var(--w)* 2.8), 48px);
}
.banner--order-in-winter-2 .banner__title span {
    padding-bottom: 0;
}
@media screen and (max-width: 768px) {
    .banner--order-in-winter-2 .banner__title {
        font-size: calc(var(--w)* 7.2);
    }
}
.banner--order-in-winter-2 .banner__desc {
    margin-bottom: 0;
    max-width: clamp(270px, var(--w) * 30, 500px);
}
@media screen and (max-width: 1200px) {
    .banner--order-in-winter-2 .banner__desc {
        max-width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .banner--order-in-winter-2 .banner__desc {
        margin-bottom: 30px;
    }
}
.banner--order-in-winter-2 .banner__btn .btn {
    background-color: #FFF;
    color: #232323;
}
@media screen and (max-width: 1200px) {
    .banner--order-in-winter-2 .banner__btn {
        display: none;
    }
}
.banner--order-in-winter-2 .banner__btn-overlay {
    position: absolute;
    bottom: 0;
    z-index: 10;
    left: 0;
    width: 100%;
}
.banner--order-in-winter-2 .banner__btn-overlay .btn {
    background-color: #E364CE;
    color: #FFF;
    width: 100%;
    font-size: clamp(12px, calc(var(--w) * 3), 20px);
    line-height: clamp(28px, calc(var(--w) * 7), 56px);
    height: clamp(28px, calc(var(--w) * 7), 56px);
}
@media screen and (min-width: 1201px) {
    .banner--order-in-winter-2 .banner__btn-overlay {
        display: none;
    }
}




.banner--order-in-spring {
    min-height: 460px;
    margin-bottom: 0;
    width: 100%;
}
@media screen and (max-width: 1200px) {
    .banner--order-in-spring {
        margin-bottom: 50px;
        max-width: 700px;
        min-height: 735px;
    }
    .banner--order-in-spring .banner__images {
        flex-flow: row;
    }
}
@media screen and (max-width: 768px) {
    .banner--order-in-spring {
        margin-bottom: 26px;
        min-height: clamp(700px, var(--w) * 125, 970px);
        max-width: 100%;
        width: 100%;
    }
}
@media screen and (max-width: 440px) {
    .banner--order-in-spring {
        min-height: 500px;
    }
}
@media screen and (max-width: 1600px) {
    .banner--order-in-spring .banner__images {
        justify-content: end;
    }
}
.banner--order-in-spring .banner__bg {
    position: absolute;
    inset: 0;
}
.banner--order-in-spring .banner__bg img {
    object-fit: cover;
}
.banner--order-in-spring .banner__image {
    z-index: 5;
    pointer-events: none;
}
.banner--order-in-spring .banner__image img {
    object-fit: contain;
    object-position: right bottom;
    max-width: 670px;
}
@media screen and (max-width: 1600px) {
    .banner--order-in-spring .banner__image img {
        max-width: 450px;
    }
}
@media screen and (max-width: 1200px) {
    .banner--order-in-spring .banner__image img {
        max-width: 100%;
    }
}
.banner--order-in-spring .banner__tagline {
    background-color: #FB752D;
    color: #FFF;
    border-radius: 120px;
    font-size: 16px;
    padding: 10px 20px;
    margin-bottom: 20px;
    margin-left: 10px;
}
@media screen and (max-width: 768px) {
    .banner--order-in-spring .banner__tagline {
        margin-bottom: 30px;
        padding: 10px 16px;
        margin-left: 0;
    }
}
@media screen and (max-width: 440px) {
    .banner--order-in-spring .banner__tagline {
        font-size: 12px;
        margin-bottom: 12px;
        padding: 6px 14px;
    }
}
.banner--order-in-spring .banner__container {
    display: flex;
    flex-flow: column;
    align-items: start;
    padding: 20px 0 20px 20px;
    max-width: 100%;
    width: 100%;
}
@media screen and (max-width: 1600px) {
    .banner--order-in-spring .banner__container {
        padding: 20px 0 20px 15px;
    }
}
@media screen and (max-width: 768px) {
    .banner--order-in-spring .banner__container {
        padding: 32px 24px;
    }
}
@media screen and (max-width: 440px) {
    .banner--order-in-spring .banner__container {
        padding: 18px 6px;
    }
}
.banner--order-in-spring .banner__title-wrapper {
    background-color: #FFF;
    border-radius: 34px;
    padding: 20px 26px;
    margin-bottom: 50px;
    width: 100%;
}
@media screen and (max-width: 1600px) {
    .banner--order-in-spring .banner__title-wrapper {
        padding: 20px;
    }
}
@media screen and (max-width: 768px) {
    .banner--order-in-spring .banner__title-wrapper {
        border-radius: 26px;
        padding: 28px;
    }
}
@media screen and (max-width: 440px) {
    .banner--order-in-spring .banner__title-wrapper {
        border-radius: 16px;
        padding: 12px;
    }
}
.banner--order-in-spring .banner__title-highlight {
    color: #FB752D;
}
.banner--order-in-spring .banner__title,
.banner--order-in-spring .banner__desc {
    color: #373737;
}
.banner--order-in-spring .banner__title {
    margin-bottom: 16px;
    max-width: 520px;
    font-size: 36px;
}
@media screen and (max-width: 1600px) {
    .banner--order-in-spring .banner__title {
        font-size: 30px;
        max-width: 300px;
    }
}
@media screen and (max-width: 768px) {
    .banner--order-in-spring .banner__title {
        font-size: calc(var(--w)* 5.8);
        max-width: 100%;
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 440px) {
    .banner--order-in-spring .banner__title {
        font-size: 22px;
        margin-bottom: 10px;
    }
}
.banner--order-in-spring .banner__title span {
    padding-bottom: 0;
}
.banner--order-in-spring .banner__desc {
    margin-bottom: 0;
    max-width: clamp(270px, var(--w) * 30, 450px);
    font-size: 18px;
}
@media screen and (max-width: 1600px) {
    .banner--order-in-spring .banner__desc {
        max-width: 260px;
        font-size: 14px;
    }
}
@media screen and (max-width: 1200px) {
    .banner--order-in-spring .banner__desc {
        max-width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .banner--order-in-spring .banner__desc {
        margin-bottom: 30px;
        font-size: 24px
    }
}
@media screen and (max-width: 440px) {
    .banner--order-in-spring .banner__desc {
        margin-bottom: 10px;
        font-size: 14px
    }
}
.banner--order-in-spring .banner__btn .btn {
    background-color: #FFF;
    color: #232323;
}
@media screen and (max-width: 1200px) {
    .banner--order-in-spring .banner__btn {
        display: none;
    }
}
.banner--order-in-spring .banner__btn-overlay {
    position: absolute;
    bottom: 0;
    z-index: 10;
    left: 0;
    width: 100%;
}
.banner--order-in-spring .banner__btn-overlay .btn {
    background-color: #FB752D;
    color: #FFF;
    width: 100%;
    font-size: 24px;
    line-height: 70px;
    height: 70px;
}
@media screen and (max-width: 440px) {
    .banner--order-in-spring .banner__btn-overlay .btn {
        font-size: 14px;
        line-height: 40px;
        height: 40px;
    }
}
@media screen and (min-width: 1201px) {
    .banner--order-in-spring .banner__btn-overlay {
        display: none;
    }
}



.banner--bbq {
    min-height: 350px;
    margin-bottom: 0;
    width: 100%;
    background-color: #FFF0E1;
}
@media screen and (max-width: 1200px) {
    .banner--bbq {
        margin-bottom: 50px;
        max-width: 700px;
        min-height: 735px;
    }
    .banner--bbq .banner__images {
        flex-flow: row;
    }
}
@media screen and (max-width: 768px) {
    .banner--bbq {
        margin-bottom: 26px;
        min-height: calc(var(--w) * 110);
        max-width: 100%;
        width: 100%;
    }
}
@media screen and (max-width: 1800px) {
    .banner--bbq .banner__images {
        justify-content: end;
    }
}
.banner--bbq .banner__bg {
    position: absolute;
    inset: 0;
}
.banner--bbq .banner__bg img {
    object-fit: cover;
}
.banner--bbq .banner__image {
    z-index: 5;
    pointer-events: none;
}
.banner--bbq .banner__image img {
    object-fit: contain;
    object-position: right bottom;
    max-width: 1040px;
}
@media screen and (max-width: 1800px) {
    .banner--bbq .banner__image img {
        max-width: 1040px;
    }
}
@media screen and (max-width: 1200px) {
    .banner--bbq .banner__image img {
        max-width: 100%;
    }
}
.banner--bbq .banner__tagline {
    background-color: #FC931D;
    color: #FFF;
    border-radius: 120px;
    font-size: clamp(12px, calc(var(--w) * 3), 16px);
    padding: 10px 20px;
    margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
    .banner--bbq .banner__tagline {
        margin-bottom: 30px;
        padding: 10px 16px;
    }
}
@media screen and (max-width: 420px) {
    .banner--bbq .banner__tagline {
        margin-bottom: 12px;
        padding: 8px 14px;
    }
}
.banner--bbq .banner__container {
    display: flex;
    flex-flow: column;
    align-items: start;
    padding: 38px 32px;
    max-width: 100%;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .banner--bbq .banner__container {
        padding: 40px 26px 20px;
    }
}
@media screen and (max-width: 420px) {
    .banner--bbq .banner__container {
        padding: 24px 20px;
    }
}
.banner--bbq .banner__title-wrapper {
    background-color: hsla(0, 100%, 100%, .5);
    border-radius: 6px;
    padding: 30px 30px;
    width: 100%;
    max-width: 610px;
    backdrop-filter: blur(12px);
    box-shadow: inset 0 0 14px 0 hsla(0, 100%, 100%, .25);
    position: relative;
}
.banner--bbq .banner__title-wrapper::after {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 100px;
    background-color: #FFF;
    display: block;
    position: absolute;
    inset: 0;
    z-index: -1;
    filter: blur(300px);
}
@media screen and (max-width: 768px) {
    .banner--bbq .banner__title-wrapper {
        padding: 38px 20px;
        max-width: 100%;
    }
}
@media screen and (max-width: 420px) {
    .banner--bbq .banner__title-wrapper {
        padding: 22px 12px;
    }
}
.banner--bbq .banner__title,
.banner--bbq .banner__desc {
    color: #373737;
}
.banner--bbq .banner__title {
    margin-bottom: 18px;
    font-size: 40px;
    line-height: 1.1;
}
@media screen and (max-width: 768px) {
    .banner--bbq .banner__title {
        font-size: 40px;
    }
}
@media screen and (max-width: 420px) {
    .banner--bbq .banner__title {
        font-size: 18px;
        margin-bottom: 12px;
    }
}
.banner--bbq .banner__desc {
    margin-bottom: 0;
    font-size: 22px;
    max-width: 100%;
    padding-bottom: 20px;
}
@media screen and (max-width: 1200px) {
    .banner--bbq .banner__desc {
        max-width: 100%;
    }
}
@media screen and (max-width: 420px) {
    .banner--bbq .banner__desc {
        font-size: 14px;
        padding-bottom: 10px;
    }
}
.main-container__products:has(.catalog-wrapper) > .banner {
    margin-bottom: 50px;
}


.banner--guide {
    margin-bottom: 60px;
}
@media screen and (max-width: 1200px) {
    .banner--guide {
        margin-bottom: 50px;
    }
}
@media screen and (max-width: 768px) {
    .banner--guide {
        margin-bottom: 46px;
    }
}
@media screen and (max-width: 420px) {
    .banner--guide {
        margin-bottom: 30px;
    }
}



.banners-regions-and-staff {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3.4rem;
}
.main-container__home .banners-regions-and-staff {
    margin-bottom: 60px;
    order: 5;
}
@media screen and (max-width: 1400px) {
    .banners-regions-and-staff {
        grid-template-columns: 1fr;
        order: 5;

    }
    .main-container__home .banners-regions-and-staff {
        margin-bottom: 40px;
    }
}



.banner-lazy {
    display: block;
}
.banner--free-calculation {
    margin-bottom: 48px;
}
@media screen and (max-width: 1200px) {
    .banner--free-calculation {
        margin-bottom: 60px;
        order: 4;
    }
}
@media screen and (max-width: 420px) {
    .banner--free-calculation {
        margin-bottom: 32px;
    }
}
/* End */


/* Start:/local/templates/.default/assets/css/custom.css?175093696123903*/
.grecaptcha-badge {
    display: none !important;
}

.winter-building {
    margin-bottom: 80px;
}
.winter-building__title * {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 36px;
    text-align: center;
}
.winter-building__benefits {
    display: grid;
    grid-template-columns: 1.5fr repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 26px;
    grid-row-gap: 26px;
}

.winter-building__benefit {
    padding: 24px 18px;
    background-color: #E8E4E0;
    border-radius: 10px;
}
.winter-building__benefit:nth-child(1) {
    grid-area: 1 / 1 / 2 / 2;
    background-color: #DD8E56;
    color: #FFF;
    background-image: url('/upload/winter-building/benefit-1-snowflake-1.png'), url('/upload/winter-building/benefit-1-snowflake-2.png?v=2'), url('/upload/winter-building/benefit-1-snowflake-3.png');
    background-position: left top, right top, calc(100% - 30px) bottom;
    background-repeat: no-repeat;
    background-size: 55px auto, 85px auto, 55px auto;
}
.winter-building__benefit:nth-child(2) { grid-area: 2 / 1 / 3 / 2; }
.winter-building__benefit:nth-child(3) {
    grid-area: 1 / 2 / 3 / 3;
    background-image: url('/upload/winter-building/benefit-3-snowflake-1.png'), url('/upload/winter-building/benefit-3-snowflake-2.png'), url('/upload/winter-building/benefit-3.png');
    background-position: left bottom, right top, right bottom;
    background-repeat: no-repeat;
    background-size: 100px auto, 110px auto, 300px auto;
}
.winter-building__benefit:nth-child(4) {
    grid-area: 1 / 3 / 3 / 4;
    background-color: #E6C8AC;
    background-image: url('/upload/winter-building/benefit-4.png');
    background-position: calc(100% - 45px) bottom;
    background-repeat: no-repeat;
    background-size: 300px auto;
}
.winter-building__benefit-content {
    display: grid;
    grid-template-columns: 80px 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 8px;
}
.winter-building__benefit-number {
    grid-row: span 3;
    max-width: 75px;
    max-height: 120px;
    object-fit: cover;
    color: #FFF;
    opacity: .5;
}
.winter-building__benefit-number svg {
    height: 100%;
    width: 100%;
}
.winter-building__benefit-title {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
    padding: 0;
    grid-area: span 1 / 2 / 1 / 2;
}
.winter-building__benefit-paragraph {
    font-size: 16px;
    grid-area: span 2 / 2 / auto / 2;
}
.winter-building__benefit-paragraph:nth-child(4) {
    grid-column: span 2;
}

@media screen and (max-width: 1400px) {
    .winter-building__benefits {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        gap: 24px;
    }
    .winter-building__benefit {
        grid-area: auto !important;
        padding: 20px 24px;
    }
    .winter-building__benefit:nth-child(3) {
        padding-right: 300px;
    }
    .winter-building__benefit:nth-child(4) {
        padding-right: 300px;
        background-position: right bottom;
    }
    .winter-building__benefit-content {
        grid-template-columns: 30px 1fr;
    }
    .winter-building__benefit-title {
        align-self: center;
    }
    .winter-building__benefit-number {
        grid-row: span 1;
        max-width: 30px;
        max-height: 50px;
    }
    .winter-building__benefit-paragraph:nth-child(3) {
        grid-column: span 2;
    }
}
@media screen and (max-width: 768px) {
    .winter-building {
        margin-bottom: 40px;
    }
    .winter-building__title * {
        font-size: 18px;
        margin-bottom: 18px;
    }
    .winter-building__benefits {
        gap: 16px;
    }
    .winter-building__benefit {
        grid-area: auto !important;
        padding: 18px 12px;
    }
    .winter-building__benefit:nth-child(1) {
        background-position: left top, right top, calc(100% - 70px) bottom;
        background-size: 30px auto, 60px auto, 80px auto;
    }
    .winter-building__benefit:nth-child(3) {
        padding-right: 12px;
        padding-bottom: 130px;
        background-size: 80px auto, 60px auto, 240px auto;
    }
    .winter-building__benefit:nth-child(4) {
        padding-right: 12px;
        padding-bottom: 130px;
        background-size: 200px auto;
        background-position: calc(100% - 70px) bottom;
    }
    .winter-building__benefit-content {
        grid-template-columns: 30px 1fr;
    }
    .winter-building__benefit-title {
        font-size: 18px;
        font-weight: 500;
    }
    .winter-building__benefit-paragraph {
        font-size: 14px;
    }
    .winter-building__benefit-paragraph:nth-child(3) {
        grid-column: span 2;
    }
}




.page-selector {
    display: flex;
    gap: 20px;
    padding-top: 12px;
    padding-bottom: 24px;
    border-bottom: 1px solid #D9D9D9;
    margin-bottom: 40px;
}
.page-selector__elem {
    font-size: 16px;
    font-weight: 600;
    color: #FFF;
    background-color: #CBCBCB;
    padding: 8px 24px;
    border-radius: 50px;
    text-decoration: none;
}
.page-selector__elem--active {
    background-color: #FC921D;
}
@media screen and (max-width: 768px) {
    .page-selector {
        gap: 10px;
        padding-bottom: 16px;
        margin-bottom: 16px;
    }
    .page-selector__elem {
        font-size: 12px;
        padding: 6px 18px;
    }
}




.category-element[href*="/produktsiia/tipovye-konstruktsii/"] .category-element__img::before {
    content: '';
    background-image: url('/local/templates/.default/assets/css/../img/label-sale.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    height: 30%;
    width: 60%;
    position: absolute;
    inset: 0;
    margin: 17% 0 0 58%;
}


/* Product page */
.product-standard-design-selector {
    max-width: 800px;
    background-color: #F6F6F6;
    border-radius: 8px;
    padding: 20px;
    margin: 0 auto 40px;
}
.product-standard-design-selector .radio-option {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    cursor: pointer;
}
.product-standard-design-selector .radio-option:last-child {
    margin-bottom: 0;
}
.product-standard-design-selector .radio-circle {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #858585;
    margin-right: 10px;
    position: relative;
    flex-shrink: 0;
}
.product-standard-design-selector input[type="radio"] {
    opacity: 0;
    position: absolute;
    cursor: pointer;
}
.product-standard-design-selector input[type="radio"]:checked + .radio-circle::after {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    width: 14px;
    height: 14px;
    background-color: #f58220;
    border-radius: 50%;
}
.product-standard-design-selector .radio-label {
    font-size: 14px;
    font-weight: 500;
    color: #373737;
    line-height: 1.2;
}
.product-standard-design-selector .radio-sublabel {
    color: #373737;
    font-size: 14px;
    margin-left: 5px;
    font-weight: 400;
}
@media screen and (max-width: 1200px) {
    .product-standard-design-selector {
        max-width: 100%;
        background-color: #FFF;
        border-radius: 0;
        padding: 0;
        margin: 0 0 60px;
    }
    .product-standard-design-selector .radio-circle {
        width: 28px;
        height: 28px;
    }
    .product-standard-design-selector input[type="radio"]:checked + .radio-circle::after {
        width: 16px;
        height: 16px;
    }
    .product-standard-design-selector .radio-label {
        font-size: 22px;
    }
    .product-standard-design-selector .radio-sublabel {
        font-size: 22px;
    }
}
@media screen and (max-width: 768px) {
    .product-standard-design-selector {
        margin: 0 0 36px;
    }
    .product-standard-design-selector .radio-circle {
        width: 22px;
        height: 22px;
    }
    .product-standard-design-selector input[type="radio"]:checked + .radio-circle::after {
        width: 12px;
        height: 12px;
    }
    .product-standard-design-selector .radio-label {
        font-size: 14px;
    }
    .product-standard-design-selector .radio-sublabel {
        font-size: 14px;
    }
}


.product-page__right [data-standard-design-selected="true"] {
    display: none;
}
.product-page__right [data-standard-design-selected="false"] {
    display: flex;
}
.product-page__right:has([name="project-type"][value="non-typical"]:checked) [data-standard-design-selected="false"],
.product-page__right:has([name="project-type"][value="typical"]:checked) [data-standard-design-selected="true"] {
    display: flex;
}
.product-page__right:has([name="project-type"][value="non-typical"]:checked) [data-standard-design-selected="true"],
.product-page__right:has([name="project-type"][value="typical"]:checked) [data-standard-design-selected="false"] {
    display: none;
}

/* Скрываем на десктопах блок «комплектация» и кнопку «читать подробне» в правой части карточки товара, если есть блок выбора типовой комплектации */
@media screen and (min-width: 1201px) {
    .product-page__right:has(.product-standard-design-selector) .product-mindesc {
        display: none;
    }
}





.articles-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(360px, 1fr));
    gap: 3rem;
}
.articles-item {
    background: #f6f6f6;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.article-image img {
    width: 100%;
    height: 275px;
    object-fit: cover;
    display: block;
}
.article-content {
    padding: 2.4rem 1.6rem;
}
.article-title {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.1;
    display: inline-flex;
    margin: 0 0 .8rem;
    color: #373737;
    cursor: pointer;
}
.article-title > * {
    color: #373737;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    text-decoration: none;
}
.articles-item:hover .article-title a {
    color: var(--color-orange);
}
.article-title a::before {
    content: '';
    inset: 0;
    position: absolute;
}
.article-summary {
    font-size: 1.6rem;
    color: #373737;
    margin: 0;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Limit to 3 lines of text */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.articles-pager {
    margin-top: 3rem;
    text-align: center;
}
.article-block__important {
    background-color: #F9F3EC;
    padding: 2.8rem 2rem 3.4rem;
    border-radius: 1rem;
}
.article-block__info {
    background-color: #F6F6F6;
    padding: 2.8rem 2rem 3.4rem;
    border-radius: 1rem;
    margin-bottom: 3rem;
}
.article-block__important p:first-of-type:has(strong) {
    font-size: 2.2rem;
}
.articles-backlink {
    padding: 1rem 0;
}

@media (max-width: 1400px) {
    .articles-grid {
        gap: 2.2rem;
        grid-template-columns: repeat(3, 1fr);
    }
    .article-image img {
        height: 210px;
    }
    .article-content {
        padding: 1.8rem 1.4rem;
    }
    .article-title {
        font-size: 1.8rem;
        line-height: 1.2;
    }
    .article-summary {
        font-size: 1.4rem;
        line-height: 1.4;
    }
}

@media (max-width: 991px) {
    .articles-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .article-block__important p:first-of-type:has(strong) {
        font-size: 1.4rem;
    }
}

@media (max-width: 576px) {
    .articles-grid {
        grid-template-columns: 1fr 1fr;
        gap: 1.2rem;
    }
    .articles-item {
        border-radius: 4px;
    }
    .article-content {
        padding: 1.2rem .8rem;
    }
    .article-image img {
        height: 120px;
    }
    .article-title {
        font-size: 1.2rem;
    }
    .article-summary {
        font-size: 1rem;
    }
}

@media (min-width: 1200px) {
    .article .sp-container > .row {
        --bs-gutter-x: 3.2rem;
    }
}
.article h1,
.article h2,
.article h3 {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.35;
    padding-bottom: 1.8rem;
    margin: 0;
}
.article h3 {
    font-size: 2.2rem;
    padding-bottom: 1.3rem;
}
.aritcle .sp-container h3 {
    padding-top: 2.4rem;
}
.article p {
    font-size: 1.6rem;
    line-height: 1.40;
    margin: 0;
    padding-bottom: .8rem;
}
.article .sp-image {
    border-radius: 1rem;
    overflow: hidden;
}
.article .sp-image:not(:last-of-type) {
    margin-bottom: 3.6rem;
}
.article .sp-image img {
    object-fit: contain;
    height: auto;
}
.article .sp-lists {
    font-size: 1.6rem;
    padding-left: 2rem;
    padding-bottom: 1.6rem;
}
.article .sp-lists li:not(:last-of-type) {
    padding-bottom: .6rem;
}
.article .sp-container:not(:last-of-type),
.article .sp-block-container:not(:last-of-type) {
    padding-bottom: 4.8rem;
}
@media (max-width: 991px) {
    .article h1,
    .article h2,
    .article h3 {
        font-size: 1.8rem;
        font-weight: 500;
        line-height: 1.1;
        padding-bottom: 1.2rem;
    }
    .article h3 {
        font-size: 1.6rem;
    }
    .aritcle .sp-container h3 {
        padding-top: .8rem;
    }
    .article p {
        font-size: 1.4rem;
        padding-bottom: .6rem;
    }
    .article .sp-lists {
        font-size: 1.4rem;
    }
    .article .sp-container:not(:last-of-type),
    .article .sp-block-container:not(:last-of-type) {
        padding-bottom: 3rem;
    }
}




.form-callback-wrapper {
    container-type: inline-size;
}
.form-callback {
    background-color: #E6F1FA;
    border-radius: 1rem;
    display: flex;
    position: relative;
}
.form-callback__cont {
    padding: 2.6rem 0 3.4rem 2rem;
}
.form-callback__img {
    order: 1;
    position: absolute;
    bottom: 0;
    right: 0;
}
.form-callback__desc {
    font-size: 1.6rem;
    padding-bottom: 3rem;
}
.form-callback__cont > *:not(.form-callback__title) {
    max-width: 31rem;
}
.form-callback .block-input {
    margin-bottom: 1.8rem;
}
.form-callback .block-input:has(+ .agree-form) {
    margin-bottom: 3.6rem;
}
.form-callback .block-input__val {
    height: 3.4rem;
    font-size: 1.2rem;
}
.form-callback .agree-form {
    margin-bottom: 3rem;
}
.form-callback .agree-form__label {
    font-size: 1.2rem;
}
.form-callback .agree-form__label a {
    color: #373737;
}
.form-callback .btn {
    min-width: 17rem;
    font-size: 1.4rem;
}
@container (max-width: 600px) {
    .form-callback {
        border-radius: .5rem;
        flex-flow: column;
        padding-bottom: 23rem;
    }
    .form-callback__cont {
        padding: 1.6rem;
    }
    .form-callback__title {
        font-size: 2rem !important;
        padding-bottom: 1.2rem !important;
    }
    .form-callback__desc {
        font-size: 1.4rem;
    }
    .form-callback .block-input {
        margin-bottom: 1.6rem;
    }
    .form-callback .agree-form {
        margin-top: 1.6rem;
        margin-bottom: 2.4rem;
    }
    .form-callback .btn {
        font-size: 1.2rem;
    }
}


.product-element__slider .swiper-button-prev,
.product-element__slider .swiper-button-next {
    --swiper-navigation-size: 15px;
    background: var(--color-white);
    border-radius: 50%;
    box-shadow: 0 2px 9px 1px rgba(0, 0, 0, 0.2);
    color: var(--color-gray7);
    height: 30px;
    left: 11px;
    margin-top: -20px;
    transition: all 0.3s var(--transition);
    width: 30px;
}
@media screen and (max-width: 768px) {
    .product-element__slider .swiper-button-prev,
    .product-element__slider .swiper-button-next {
        display: none;
    }
}
.product-element__slider .swiper-button-prev:after,
.product-element__slider .swiper-button-next:after {
    display: none;
}
.product-element__slider .swiper-button-prev svg {
    left: -2px;
    position: relative;
    transform: rotate(-180deg);
}
@media (hover: hover) {
    .product-element__slider .swiper-button-prev:hover,
    .product-element__slider .swiper-button-next:hover {
        color: var(--color-orange);
    }
}
@media (hover: none) {
    .product-element__slider .swiper-button-prev:active,
    .product-element__slider .swiper-button-next:active {
        color: var(--color-orange);
    }
}
.product-element__slider .swiper-button-next {
    left: auto;
    right: 11px;
}
.product-element__slider .swiper-button-next svg {
    left: 1px;
    position: relative;
}


/* gift image overlay for product-card for sticker gift */
.product-element__top {
    position: relative;
}
.product-element[data-stickers*="gift"] .product-element__top::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 160px;
    height: 84px;
    background-image: url('/local/templates/.default/assets/css/../img/product-card-overlay-present.png');
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: contain;
    z-index: 10;
    pointer-events: none;
}
@media (max-width: 991px) {
   .product-element[data-stickers*="gift"] .product-element__top::after {
        width: 120px;
        height: 60px;
   }
}
@media (max-width: 576px) {
   .product-element[data-stickers*="gift"] .product-element__top::after {
        width: 100px;
        height: 50px;
   }
}



.related-categories__list-wrapper {
    position: relative;
}
.related-categories__toggle-button-container {
    position: relative;
    text-align: center;
    margin-top: 20px;
    height: 50px;
}
.related-categories__toggle-button-container::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background-color: #ccc; /* Line color */
    z-index: 1;
}
.related-categories__toggle-button {
    background-color: white;
    border: 1px solid #eee;
    border-radius: 50px;
    min-width: 150px;
    min-height: 50px;
    cursor: pointer;
    box-shadow: 0 3px 34px rgba(0,0,0,0.1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    transition: transform 0.2s ease-in-out;
}
.related-categories__toggle-button:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}
.related-categories__toggle-arrow {
    line-height: 1;
    display: inline-block;
    width: 30px;
    height: 17px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3csvg width='30' height='17' viewBox='0 0 30 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M29.1421 1.14214L15 15.2843L0.857862 1.14213' stroke='%23454545' stroke-width='2'/%3e%3c/svg%3e");
}
.related-categories__toggle-arrow--up {
    transform: rotate(180deg);
}
@media screen and (max-width: 768px) {
    .related-categories__toggle-button-container {
        height: 40px;
    }
    .related-categories__toggle-button {
        min-width: 100px;
        min-height: 40px;
    }
    .related-categories__toggle-arrow {
        width: 20px;
        height: 12px;
    }
}


/** TODO: rename classes moved from russkayaderevnya.ru */
/* Product Bundle info in tab in product card */
.sProdCardInfo__equipment {
    list-style-type: none;
    margin-bottom: 0;
}

.sProdCardInfo__equipment>li {
    border-radius: 5px;
    padding: 16px 16px 24px;
}

.sProdCardInfo__equipment>li:nth-child(odd) {
    background-color: #f5f5f5
}

.sProdCardInfo__equipment .h6 {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.26;
    margin-bottom: 8px;
}

.sProdCardInfo__equipment ul {
    list-style-type: none;
    margin-bottom: 0
}

.sProdCardInfo__equipment ul li {
    color: #292929;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.15;
    padding-left: 12px;
    position: relative
}

.sProdCardInfo__equipment ul li:not(:last-child) {
    margin-bottom: 8px;
}

.sProdCardInfo__equipment ul li:before {
    background-color: currentColor;
    border-radius: 50%;
    content: "";
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 4px;
}

.sProdCardInfo__equipment p {
    color: #292929;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.15
}

.sProdCardInfo__equipment p,
.sProdCardInfo__equipment--second>li:not(:last-child) {
    margin-bottom: 8px;
}

.sProdCardInfo__equipment--second>li:nth-child(2n) {
    border: 1px solid #f5f5f5
}

.sProdCardInfo .equipment-slider {
    position: relative
}

.sProdCardInfo .equipment-slider__swiper {
    padding-top: 32px;
}

.sProdCardInfo .equipment-slider__swiper:not(:last-child) {
    margin-bottom: 32px;
}

.sProdCardInfo .equipment-slider__slide {
    height: auto
}

.sProdCardInfo .equipment-slider__item {
    --s: 0.36s;
    background-color: #f5f5f5;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 500;
    height: 100%;
    line-height: 1.45;
    padding: 16px 8px;
    position: relative;
    transition: all var(--s) ease-in-out
}

.sProdCardInfo .equipment-slider__item .title {
    font-size: 11px;
    line-height: 1.45;
    margin-bottom: auto
}

.sProdCardInfo .equipment-slider__item .title span {
    display: block;
    font-size: 16px;
    font-weight: 600
}

.sProdCardInfo .equipment-slider__item--price {
    display: flex;
    flex-direction: column
}

.sProdCardInfo .equipment-slider__item--cross .icon {
    color: #c1c1c1;
    font-size: 24px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.sProdCardInfo .equipment-slider__price {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.33;
    margin-top: 15px;
}

.sProdCardInfo .equipment-slider__img-wrap {
    display: block;
    position: relative;
    --ratio: 1/1;
    margin: 0 auto;
    max-width: 120px;
    width: 100%
}

.sProdCardInfo .equipment-slider__img-wrap:before {
    content: "";
    display: block;
    height: 0;
    padding-bottom: calc(var(--ratio)*100%);
    position: relative
}

.sProdCardInfo .equipment-slider__subtitle {
    display: none
}

.sProdCardInfo .equipment-slider__head-slider-wrap {
    background-color: #fff;
    z-index: 100
}

.sProdCardInfo .equipment-slider__head-slider-wrap.sticky {
    left: 0 !important;
    padding: 0 24px;
    width: 100vw !important;
    z-index: 501
}

.sProdCardInfo .equipment-slider__head-slider-wrap.sticky.scroll-down {
    z-index: 501
}

.sProdCardInfo .equipment-slider__head-slider-wrap.sticky .equipment-slider__slide:not(:last-child) .equipment-slider__item:after {
    background-color: #e6e6e6;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 3px;
    top: 0;
    width: 1px;
}

.sProdCardInfo .equipment-slider__head-slider-wrap.sticky .equipment-slider__slide:first-child .equipment-slider__price {
    display: none
}

.sProdCardInfo .equipment-slider__head-slider-wrap.sticky .equipment-slider__item {
    background-color: #fff;
    padding: 8px;
}

.sProdCardInfo .equipment-slider__head-slider-wrap.sticky .equipment-slider__item .title span {
    line-height: 1.1;
    padding-bottom: 4px;
}

.sProdCardInfo .equipment-slider__head-slider-wrap.sticky .equipment-slider__price {
    margin-top: 0
}
/* End */
/* /local/templates/.default/assets/css/libs.css?171338858041142 */
/* /local/templates/.default/assets/css/bootstrap-utilities.css?1743695053107823 */
/* /local/templates/.default/assets/css/main.css?1749787941592628 */
/* /local/templates/.default/assets/css/banners.css?174653708430636 */
/* /local/templates/.default/assets/css/custom.css?175093696123903 */