/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS.
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  font-size: 14px;
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
@media (min-width: 992px) {
  body {
    font-size: calc(0.0021551724 * 100vw + 11.8620689655px);
  }
}
@media (min-width: 1920px) {
  body {
    font-size: 16px;
  }
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

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

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-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.
*/
::-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 */
}

/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}

/*
Removes the default spacing for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/
button,
[role=button] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}

/*
Make elements with the HTML hidden attribute stay hidden by default.
*/
[hidden] {
  display: none;
} /* Document
* ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
:where(html) {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%; /* 2 */
}

/* Sections
 * ========================================================================== */
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */
:where(h1) {
  font-size: 2em;
  margin-block-end: 0.67em;
  margin-block-start: 0.67em;
}

/* Grouping content
 * ========================================================================== */
/**
 * Remove the margin on nested lists in Chrome, Edge, and Safari.
 */
:where(dl, ol, ul) :where(dl, ol, ul) {
  margin-block-end: 0;
  margin-block-start: 0;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Correct the inheritance of border color in Firefox.
 */
:where(hr) {
  box-sizing: content-box; /* 1 */
  color: inherit; /* 2 */
  height: 0; /* 1 */
}

/* Text-level semantics
 * ========================================================================== */
/**
 * Add the correct text decoration in Safari.
 */
:where(abbr[title]) {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
:where(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.
 */
:where(code, kbd, pre, samp) {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
:where(small) {
  font-size: 80%;
}

/* Tabular data
 * ========================================================================== */
/**
 * 1. Correct table border color in Chrome, Edge, and Safari.
 * 2. Remove text indentation from table contents in Chrome, Edge, and Safari.
 */
:where(table) {
  border-color: currentColor; /* 1 */
  text-indent: 0; /* 2 */
}

/* Forms
 * ========================================================================== */
/**
 * Remove the margin on controls in Safari.
 */
:where(button, input, select) {
  margin: 0;
}

/**
 * Remove the inheritance of text transform in Firefox.
 */
:where(button) {
  text-transform: none;
}

/**
 * Correct the inability to style buttons in iOS and Safari.
 */
:where(button,
input:is([type=button i], [type=reset i], [type=submit i])) {
  -webkit-appearance: button;
}

/**
 * Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */
:where(progress) {
  vertical-align: baseline;
}

/**
 * Remove the inheritance of text transform in Firefox.
 */
:where(select) {
  text-transform: none;
}

/**
 * Remove the margin in Firefox and Safari.
 */
:where(textarea) {
  margin: 0;
}

/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */
:where(input[type=search i]) {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */
:where(button,
input:is([type=button i],
[type=color i],
[type=reset i],
[type=submit i]))::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */
:where(button,
input:is([type=button i],
[type=color i],
[type=reset i],
[type=submit i]))::-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove the additional :invalid styles in Firefox.
 */
:where(:-moz-ui-invalid) {
  box-shadow: none;
}

/* Interactive
 * ========================================================================== */
/*
 * Add the correct styles in Safari.
 */
:where(dialog) {
  background-color: white;
  border: solid;
  color: black;
  height: -moz-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: fit-content;
}

:where(dialog:not([open])) {
  display: none;
}

/*
 * Add the correct display in all browsers.
 */
:where(summary) {
  display: list-item;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-VariableFont.ttf") format("truetype-variations");
  src: url("../fonts/inter/Inter-VariableFont.ttf") format("truetype") tech("variations");
  font-weight: 100 1000;
}
@font-face {
  font-family: "Bowler";
  src: url("../fonts/bowler/BOWLER.otf") format("opentype"), url("../fonts/bowler/AnyConv.com__bowler-regular.woff") format("woff"), url("../fonts/bowler/AnyConv.com__bowler-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
.input {
  display: flex;
  flex-direction: column;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto auto;
}
.input__label, .input__element {
  padding-inline: 20px;
}
.input__label {
  z-index: 1;
  grid-area: 1/1/2/-1;
  font-weight: 500;
  line-height: 1.5;
  color: #a8a8a8;
  font-size: 12px;
  pointer-events: none;
  margin-top: 15px;
}
@media (min-width: 992px) {
  .input__label {
    font-size: calc(0.0021551724 * 100vw + 9.8620689655px);
  }
}
@media (min-width: 1920px) {
  .input__label {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .input__label {
    margin-top: calc(0.005387931 * 100vw + 9.6551724138px);
  }
}
@media (min-width: 1920px) {
  .input__label {
    margin-top: 20px;
  }
}
.input__element {
  border: unset;
  grid-area: 1/1/-1/-1;
  border-radius: 8px;
  outline: 1px solid var(--_outline, transparent);
  outline-offset: -1px;
  transition: outline 0.38s ease-in-out;
  padding-top: 34px;
  padding-bottom: 14px;
}
.input__element::-moz-placeholder {
  font-size: 14px;
  font-weight: 500;
  color: #3c3c3c;
  letter-spacing: -0.02em;
}
.input__element, .input__element::placeholder {
  font-size: 14px;
  font-weight: 500;
  color: #3c3c3c;
  letter-spacing: -0.02em;
}
@media (min-width: 992px) {
  .input__element::-moz-placeholder {
    font-size: calc(0.0021551724 * 100vw + 11.8620689655px);
  }
  .input__element, .input__element::placeholder {
    font-size: calc(0.0021551724 * 100vw + 11.8620689655px);
  }
}
@media (min-width: 1920px) {
  .input__element::-moz-placeholder {
    font-size: 16px;
  }
  .input__element, .input__element::placeholder {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .input__element {
    padding-top: calc(0.0129310345 * 100vw + 21.1724137931px);
  }
}
@media (min-width: 1920px) {
  .input__element {
    padding-top: 46px;
  }
}
@media (min-width: 992px) {
  .input__element {
    padding-bottom: calc(0.0064655172 * 100vw + 7.5862068966px);
  }
}
@media (min-width: 1920px) {
  .input__element {
    padding-bottom: 20px;
  }
}
.input__element:hover, .input__element:focus, .input__element:focus-visible {
  --_outline: #e64224;
}

.file {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
.file__element {
  grid-area: 1/1/-1/-1;
}

.checkbox {
  display: flex;
  gap: 10px;
}
.checkbox__label {
  cursor: pointer;
  font-size: 14px;
  text-wrap: balance;
}
.checkbox__element {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  flex-shrink: 0;
  height: 18px;
  width: 18px;
  color: white;
  background-color: #fff;
  border-radius: 5px;
  outline-offset: -1px;
  margin-top: 3px;
  cursor: pointer;
  transition-property: border-color color;
  transition-timing-function: ease-in-out;
  transition-duration: 0.28s;
}
.checkbox__element:hover, .checkbox__element:checked {
  outline: 1px solid #e64224;
}
.checkbox__element:checked {
  color: #e64224;
  border-color: transparent;
  background-color: currentColor;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.40124 1.98608C7.73121 1.65695 7.73121 1.12243 7.40123 0.793305C7.07247 0.465393 6.54035 0.465381 6.21157 0.793279L3.57742 3.42039L1.78676 1.63452C1.45799 1.30662 0.925859 1.30663 0.597095 1.63455C0.267117 1.96367 0.267114 2.49819 0.597087 2.82732L2.87123 5.09564C3.26154 5.48495 3.8933 5.48496 4.28362 5.09565L7.40124 1.98608Z' fill='white'/%3E%3C/svg%3E%0A");
}

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 35px;
  font-weight: 500;
  line-height: 1.5;
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  background-color: #e64224;
  transition: background-color 0.38s ease-in-out, color 0.38s ease-in-out;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  text-align: center;
  font-size: 16px;
  letter-spacing: -0.02em;
}
.btn:hover, .btn:disabled {
  background-color: #505050;
}
.btn:disabled {
  cursor: not-allowed;
}
.btn--small {
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 6px;
}
.btn--black {
  background-color: #3c3c3c;
}
.btn--black:hover {
  background-color: #e64224;
}

@media (max-width: 992px) {
  .btn:hover {
    --_bg-h: var(--_bg);
  }
}
.link {
  transition: color 0.38s ease-in-out;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
}
.link:hover {
  color: #e64224;
}
.link--small {
  font-size: 14px;
}
.link--medium {
  font-size: 16px;
  font-weight: 500;
}
.link--large {
  font-size: 18px;
  font-weight: 600;
}
.link--icon {
  display: inline-flex;
  gap: 8px;
  text-wrap: nowrap;
  align-items: center;
  letter-spacing: -0.02em;
}
.link--orange {
  color: #e64224;
}
.link--orange:hover {
  color: inherit;
}
.link__phone {
  font-size: 20px;
  color: #e64224;
}
.link__vk {
  font-size: 8px;
}
.link__vk::before {
  padding-top: 2px;
}
.link__whatsapp {
  font-size: 12px;
}
.link__vk, .link__whatsapp {
  color: white;
  border-radius: 999px;
  background-color: #e64224;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  width: 24px;
}
.link__arrow {
  font-size: 6px;
  margin-left: 8px;
  vertical-align: middle;
}

.hidden-file {
  display: none;
}

.custom-file-container {
  --size: 110px;
  border-radius: 10px;
  display: grid;
  background-color: white;
  grid-template-rows: auto 1fr;
  padding: 20px;
  height: -moz-fit-content;
  height: fit-content;
}
.custom-file-container .custom-file-upload {
  grid-area: 1/1/-1/-1;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 0;
  background-color: white;
  font-weight: 500;
  letter-spacing: -0.02em;
  flex-direction: column;
  gap: 10px;
}
.custom-file-container .custom-file-upload p {
  max-width: 32ch;
  text-align: center;
}
.custom-file-container .custom-file-upload__icon {
  color: #e64224;
  font-size: 24px;
}
.custom-file-container .custom-file-zone {
  opacity: 1;
  grid-area: 1/1/2/-1;
  background-color: white;
  padding-bottom: 8px;
  font-size: 12px;
  color: #a8a8a8;
  font-weight: 500;
}
@media (min-width: 992px) {
  .custom-file-container .custom-file-zone {
    font-size: calc(0.0021551724 * 100vw + 9.8620689655px);
  }
}
@media (min-width: 1920px) {
  .custom-file-container .custom-file-zone {
    font-size: 14px;
  }
}
.custom-file-container .custom-file-zone--hidden {
  opacity: 0;
}
.custom-file-container .label-container {
  display: none;
}
.custom-file-container .input-visible {
  display: none;
}
.custom-file-container .input-container {
  display: contents;
}
.custom-file-container .input-hidden {
  grid-area: 1/1/-1/-1;
  height: 100%;
  min-width: unset;
  z-index: 1;
  cursor: pointer;
  min-height: 150px;
}
.custom-file-container .image-preview {
  grid-area: 2/1/-1/-1;
  cursor: pointer;
  background-image: unset !important;
  background-color: white;
  padding: unset;
  scrollbar-color: #e64224 white;
  scrollbar-width: thin;
  height: -moz-max-content;
  height: max-content;
  opacity: 1;
}
.custom-file-container .image-preview-item {
  width: var(--size);
  height: var(--size);
  margin: unset;
  margin-right: 10px;
  margin-bottom: 10px;
  border: 1px solid #e7e7e7;
  border-radius: 6px;
  box-shadow: unset;
  display: grid;
  align-items: center;
  justify-items: center;
}
.custom-file-container .image-preview-item--hidden {
  opacity: 0;
}
.custom-file-container .image-preview-item--size {
  position: relative;
  border: unset;
}
.custom-file-container .image-preview-item--size .image-preview-item-clear {
  align-items: center;
  justify-content: center;
  display: flex;
  position: static;
  grid-area: 1/1/-1/-1;
  top: unset;
  left: unset;
  margin-top: unset;
  width: var(--size);
  height: var(--size);
}
.custom-file-container .image-preview-item--size .image-preview-item-clear-icon {
  height: 50px;
  width: 32px;
  margin-top: unset;
  opacity: 0;
}
.custom-file-container .image-preview-item--size::before {
  border-radius: 6px;
  display: flex;
  content: "";
  height: var(--size);
  width: var(--size);
  background-color: rgba(0, 0, 0, 0.5019607843);
  grid-area: 1/1/-1/-1;
}
.custom-file-container .image-preview-item-x {
  grid-area: 1/1/-1/-1;
  color: white;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  gap: 6px;
}
.custom-file-container .image-preview-item-x::after {
  content: "";
  height: 24px;
  width: 24px;
  background-color: #e64224;
  border-radius: 999px;
  background-image: url('data:image/svg+xml,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.87549 9.25L0.875488 1.25M8.87549 1.25L0.875488 9.25" stroke="white" stroke-linecap="round"/></svg>');
  background-repeat: no-repeat;
  background-size: 8px 8px;
  background-position: center;
  pointer-events: none;
  display: block;
}
.custom-file-container .image-preview-item-clear {
  background-color: unset;
  box-shadow: unset;
  left: unset;
  right: 2px;
  top: 8px;
  transition: color 0.38ms ease-in-out;
}
.custom-file-container .image-preview-item-clear:hover {
  background-color: unset;
}
.custom-file-container .image-preview-item-clear-icon {
  color: #a8a8a8;
  margin-top: -6px;
  font-size: 20px;
}
.custom-file-container .image-preview-item-clear-icon:hover {
  color: #e64224;
}
.custom-file-container .image-preview-notification {
  text-wrap: balance;
  transition: opacity 0.38s ease-in-out;
  z-index: 1;
  width: var(--size);
  height: auto;
  bottom: -57px;
  font-size: 12px;
  background-color: #e64224;
  color: white;
  border-radius: 4px;
  text-align: center;
  position: absolute;
  padding: 5px;
  top: 0;
  left: 0;
  height: -moz-fit-content;
  height: fit-content;
  position: fixed;
  opacity: 0;
  display: grid;
  z-index: 10;
}
.custom-file-container .image-preview-notification::after {
  content: "";
  bottom: 0;
  position: absolute;
  background-color: #e64224;
  height: 10px;
  width: 10px;
  transform: rotate(45deg);
  z-index: -1;
  right: calc(50% - 6px);
  top: -4px;
}

@media (max-width: 1200px) {
  .custom-file-container {
    --size: 105px;
  }
}
@media (max-width: 576px) {
  .custom-file-container {
    --size: 80px;
  }
  .custom-file-container .custom-file-upload {
    font-size: 12px;
  }
  .custom-file-container .custom-file-upload__icon {
    font-size: 16px;
  }
  .custom-file-container .custom-file-zone {
    font-size: 12px;
  }
  .custom-file-container .input-hidden {
    min-height: 120px;
  }
  .custom-file-container .image-preview-item {
    margin-right: 6px;
    width: 80px;
    height: 80px;
  }
}
:root {
  --container-width: 1306px;
}
@media (max-width: 992px) {
  :root {
    --container-width: 720px;
  }
}
@media (max-width: 768px) {
  :root {
    --container-width: 540px;
  }
}
@media (max-width: 576px) {
  :root {
    --container-width: 100%;
  }
}

.fancybox__backdrop {
  background-color: hsla(0, 0%, 22%, 0.6);
}

html {
  height: 100%;
  font-family: "Inter", sans-serif;
  color: #3c3c3c;
}

body {
  min-height: 100%;
  background-color: #f8f8f8;
}

@media (max-width: 992px) {
  body {
    padding-top: 60px;
  }
}
.body-overflow {
  max-height: 100vh;
  overflow-y: clip;
}

.background-pattern {
  background-repeat: repeat;
  background-size: 18%;
  background-image: url("../img/extra/backround-pattern.png");
}

.background-about {
  background-repeat: no-repeat;
  background-image: url("../img/bg-about.svg");
  background-position-x: 55vw;
  background-position-y: 100px;
}
@media (max-width: 992px) {
  .background-about {
    background-image: url("../img/bg-g.svg");
    background-position-x: center;
    background-position-y: 500px;
    background-size: 620px;
  }
}
@media (max-width: 768px) {
  .background-about {
    background-position-y: 500px;
    background-size: 620px;
  }
}
@media (max-width: 400px) {
  .background-about {
    background-position-y: 680px;
    background-size: 620px;
  }
}

.container {
  max-width: 1306px;
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
}
@media screen and (max-width: 992px) {
  .container {
    max-width: 720px;
  }
}
@media screen and (max-width: 768px) {
  .container {
    max-width: 540px;
  }
}
@media screen and (max-width: 576px) {
  .container {
    max-width: none;
  }
}
.container--right {
  padding-right: unset;
}

.section {
  --container-width: 1306px;
  display: grid;
  grid-template-columns: [full-start left-start] minmax(24px, 1fr) [right-start center-start] minmax(0, var(--container-width)) [left-end center-end] minmax(24px, 1fr) [full-end right-end];
  grid-template-rows: [full-start left-start center-start right-start] auto [full-end left-end center-end right-end];
}
@media (max-width: 992px) {
  .section {
    --container-width: 720px;
  }
}
@media (max-width: 768px) {
  .section {
    --container-width: 540px;
  }
}
@media (max-width: 576px) {
  .section {
    --container-width: 100%;
  }
}

.wave--small {
  display: none;
}
.wave--down {
  transform: rotate(180deg);
}

@media (max-width: 576px) {
  .wave {
    display: none;
  }
  .wave--small {
    display: block;
  }
}
@keyframes animate-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
[class^=gallery] {
  cursor: pointer;
}
[class^=gallery] img {
  cursor: pointer;
}
[class^=gallery]:focus-visible {
  outline: unset;
}

.header__mobile {
  display: none;
}
.header__mobile-contacts, .header__mobile-copyright {
  display: none;
}
.header__container {
  grid-area: center;
  border-radius: 20px;
  background-color: #fff;
  padding-inline: clamp(10px, 2vw, 30px);
  padding-top: 20px;
  margin-top: 20px;
}
.header__wrap {
  grid-area: center;
}
.header__content {
  display: grid;
  grid-template-areas: "logo form social phone cta" "nav nav nav nav nav";
  align-items: center;
  grid-template-columns: 1fr auto auto max-content max-content;
  -moz-column-gap: clamp(10px, 3vw, 52px);
       column-gap: clamp(10px, 3vw, 52px);
  row-gap: 20px;
}
.header__logo {
  grid-area: logo;
  display: flex;
}
.header__logo-image {
  height: 64px;
  width: 146px;
}
.header__form {
  grid-area: form;
  display: flex;
  gap: 10px;
}
.header__form-input {
  transition: border-color 0.38s ease-in-out;
  max-width: 212px;
  font-size: 14px;
  padding: 3px 0;
  border: none;
  border-bottom: 1px solid #f8f8f8;
}
.header__form-input:hover, .header__form-input:focus-visible {
  outline: unset;
  border-color: #e64224;
}
.header__form-button {
  font-size: 24px;
  color: #d0cdcd;
  transition: color 0.38s ease-in-out;
  border: none;
}
.header__form-button:hover {
  color: #e64224;
}
.header__social {
  grid-area: social;
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.header__phone {
  grid-area: phone;
  font-size: 16px;
}
.header__cta {
  grid-area: cta;
}
.header__nav {
  grid-area: nav;
  padding-top: 8px;
  padding-bottom: 10px;
  border-top: 1px solid #f8f8f8;
}
.header__menu {
  display: flex;
  gap: 28px;
}
.header__menu-item {
  position: relative;
}
.header__menu-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -0.02em;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 16px;
  cursor: pointer;
  display: flex;
  gap: 5px;
  transition: color 0.38s ease-in-out;
}
.header__menu-title:hover, .header__menu-title--active {
  color: #e64224;
}
.header__menu-item:not(:first-child) .header__menu-title {
  padding-left: 16px;
}
.header__menu-item:not(:first-child) .dropdown {
  padding-left: 16px;
}
.header__menu-arrow {
  font-size: 8px;
  transform: rotate(90deg);
  color: #a8a8a8;
  transition: color 0.38s ease-in-out;
}
.header__menu-item:hover .header__menu-arrow {
  color: #e64224;
}
.header__menu-dropdown {
  position: absolute;
  display: none;
  top: 36px;
  animation-duration: 0.38s;
  animation-fill-mode: backwards;
  animation-name: animate-fade;
  animation-timing-function: ease-in-out;
  z-index: 10;
}
.header__menu-item:hover .header__menu-dropdown {
  display: block;
}

@media (max-width: 1200px) {
  .header__social {
    gap: 8px;
  }
  .header__social .link {
    font-size: 0;
  }
  .header__social .link__vk,
  .header__social .link__whatsapp {
    height: 30px;
    width: 30px;
  }
  .header__form-input {
    width: 160px;
  }
}
@media (max-width: 992px) {
  .header {
    z-index: 20;
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
  }
  .header__mobile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-area: center;
  }
  .header__mobile-logo {
    width: -moz-fit-content;
    width: fit-content;
  }
  .header__mobile-logo-image {
    height: 44px;
    width: 100px;
  }
  .header__mobile-burger {
    cursor: pointer;
    z-index: 10;
    background-image: url("../img/menu.svg");
    width: 36px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .header__mobile-burger--open {
    height: 24px;
    width: 24px;
    background-image: url("../img/cross.svg");
    margin-left: 4px;
    z-index: 20;
  }
  .header__mobile-contacts {
    margin-bottom: 16px;
    grid-area: contacts;
    display: block;
    font-size: 14px;
    color: #a8a8a8;
    font-weight: 500;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 6px;
    line-height: 1.5;
  }
  .header__mobile-copyright {
    color: #a8a8a8;
    font-size: 12px;
    font-weight: 500;
    text-wrap: balance;
    margin-top: 30px;
    grid-area: copyright;
    display: block;
    align-self: end;
  }
  .header__container {
    grid-area: full;
    padding: 8px 16px;
    margin: unset;
    border-radius: 0px 0px 10px 10px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) [center-start] minmax(0, var(--container-width)) [center-end] minmax(0, 1fr);
    grid-template-rows: [center-start] auto [center-end];
  }
  .header__wrap {
    overflow-x: hidden;
    display: none;
    grid-template-columns: minmax(24px, 1fr) [center-start] minmax(0, var(--container-width)) [center-end] minmax(24px, 1fr);
    grid-template-rows: [center-start] auto [center-end];
    transition: all 0.38s ease-in-out;
    top: calc(-100vh - 200px);
  }
  .header__wrap--open {
    grid-area: full;
    min-height: 100vh;
    display: grid;
    left: 0;
    width: 100%;
    position: absolute;
    background-color: white;
    overflow-y: scroll;
  }
  .header__wrap--opacity {
    top: 0;
  }
  .header__content {
    grid-area: center;
    grid-template-columns: 1fr;
    grid-template-areas: "logo" "form" "nav" "contacts" "phone" "social" "copyright";
    grid-template-rows: repeat(6, auto) 1fr;
    padding-bottom: 40px;
    gap: unset;
  }
  .header__logo {
    background-color: white;
    padding-top: 24px;
    padding-bottom: 30px;
    position: sticky;
    top: 0;
    z-index: 15;
  }
  .header__form {
    margin-bottom: 30px;
    justify-content: space-between;
    display: grid;
    grid-template-columns: 1fr auto;
    padding-bottom: 8px;
    border-bottom: 1px solid #e8e8e8;
  }
  .header__form-input {
    border: unset;
    padding: unset;
  }
  .header__social {
    flex-direction: column;
    gap: 16px;
  }
  .header__social .link {
    font-size: 16px;
  }
  .header__social .link__vk,
  .header__social .link__whatsapp {
    height: 24px;
    width: 24px;
    font-size: 8px;
  }
  .header__phone {
    margin-bottom: 16px;
  }
  .header__cta {
    display: none;
  }
  .header__nav {
    border: unset;
    padding: unset;
  }
  .header__menu {
    gap: unset;
    margin-bottom: 60px;
    flex-direction: column;
  }
  .header__menu-item {
    position: unset;
  }
  .header__menu-title {
    justify-content: space-between;
    padding-inline: unset;
    align-items: center;
  }
  .header__menu-item:not(:first-child) .header__menu-title {
    padding-inline: unset;
  }
  .header__menu-item:not(:first-child) .dropdown {
    padding: unset;
  }
  .header__menu-arrow {
    transform: unset;
  }
  .header__menu-item:hover .header__menu-arrow {
    color: #a8a8a8;
  }
  .header__menu-dropdown {
    position: absolute;
    top: 0;
    background-color: white;
    display: block;
    right: -100%;
    transition: right 0.38s ease-in-out;
    animation: unset;
  }
  .header__menu-dropdown--open {
    display: block;
    padding: unset;
    border-radius: unset;
    margin-bottom: 30px;
  }
  .header__menu-item:hover .header__menu-dropdown {
    display: none;
  }
  .header__menu-item:hover .header__menu-dropdown--open {
    display: block;
  }
}
.modal {
  padding-top: 50px;
  padding-bottom: 60px;
  padding-inline: 50px;
  width: 100%;
  max-width: 650px;
  border-radius: 16px;
  display: none;
  background-color: #f8f8f8;
}
.modal--small {
  padding: 50px;
  padding-top: 60px;
  text-align: center;
}
.modal.fancybox__content > .f-button.is-close-btn {
  top: 20px;
  right: 20px;
  --f-button-color: #3c3c3c;
  --f-button-svg-width: 16px;
  --f-button-svg-height: 16px;
  --f-button-width: 20px;
  --f-button-height: 20px;
  --f-button-hover-color: #e64224;
  --f-button-bg: unset;
  opacity: 1;
  transition: color 0.38s ease-in-out;
}
.modal__form {
  display: grid;
  gap: 10px;
}
.modal__title {
  font-size: 22px;
  font-family: "Bowler", sans-serif;
  line-height: 1.1;
  text-wrap: balance;
  font-weight: 400;
}
@media (min-width: 992px) {
  .modal__title {
    font-size: calc(0.0107758621 * 100vw + 11.3103448276px);
  }
}
@media (min-width: 1920px) {
  .modal__title {
    font-size: 32px;
  }
}
.modal__text {
  font-size: 14px;
  color: #a8a8a8;
  letter-spacing: -0.02em;
  line-height: 1.4;
  margin-bottom: 20px;
  text-wrap: balance;
}
@media (min-width: 992px) {
  .modal__text {
    font-size: calc(0.0021551724 * 100vw + 11.8620689655px);
  }
}
@media (min-width: 1920px) {
  .modal__text {
    font-size: 16px;
  }
}
.modal__checkbox {
  margin-top: 10px;
  margin-bottom: 20px;
  color: #a8a8a8;
}
.modal__button {
  width: 100%;
}

@media (max-width: 1200px) {
  .modal {
    max-width: 550px;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-inline: 20px;
  }
}
@media (max-width: 576px) {
  .modal {
    border-radius: 10px;
  }
  .modal__form {
    gap: unset;
  }
  .modal__form .input {
    margin-bottom: 6px;
  }
  .modal__title {
    margin-bottom: 8px;
  }
  .modal__text {
    margin-bottom: 20px;
  }
  .modal__button {
    margin-top: 10px;
  }
}
.title {
  font-size: 30px;
  font-family: "Bowler";
  text-transform: uppercase;
  line-height: 1.1;
  font-weight: 400;
}
@media (min-width: 992px) {
  .title {
    font-size: calc(0.0150862069 * 100vw + 15.0344827586px);
  }
}
@media (min-width: 1920px) {
  .title {
    font-size: 44px;
  }
}

.subtitle {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.06em;
}
@media (min-width: 992px) {
  .subtitle {
    font-size: calc(0.0086206897 * 100vw + 13.4482758621px);
  }
}
@media (min-width: 1920px) {
  .subtitle {
    font-size: 30px;
  }
}

.textBlock {
  gap: 20px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .textBlock {
    gap: calc(0.0107758621 * 100vw + 9.3103448276px);
  }
}
@media (min-width: 1920px) {
  .textBlock {
    gap: 30px;
  }
}
.textBlock h2 {
  font-size: 18px;
}
@media (min-width: 992px) {
  .textBlock h2 {
    font-size: calc(0.0043103448 * 100vw + 13.724137931px);
  }
}
@media (min-width: 1920px) {
  .textBlock h2 {
    font-size: 22px;
  }
}
.textBlock h3 {
  font-size: 16px;
}
@media (min-width: 992px) {
  .textBlock h3 {
    font-size: calc(0.0021551724 * 100vw + 13.8620689655px);
  }
}
@media (min-width: 1920px) {
  .textBlock h3 {
    font-size: 18px;
  }
}
.textBlock h2, .textBlock h3 {
  font-weight: 600;
  margin-bottom: 10px;
  letter-spacing: -0.02em;
}
.textBlock ul li {
  position: relative;
  padding-left: 15px;
  color: #a8a8a8;
  font-weight: 500;
  line-height: 1.6;
}
.textBlock ul li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  background-color: #a8a8a8;
  width: 5px;
  height: 5px;
  border-radius: 50%;
}
.textBlock p {
  color: #a8a8a8;
}

@media (max-width: 350px) {
  .title {
    font-size: 24px;
  }
}
.dropdown {
  margin-top: 20px;
}
.dropdown__back, .dropdown__title {
  display: none;
}
.dropdown__container {
  background-color: white;
  border-radius: 20px;
}
.dropdown__container--front, .dropdown__container--service {
  padding: 20px;
  width: -moz-fit-content;
  width: fit-content;
}
.dropdown__container--catalog {
  padding: 30px;
  display: flex;
  flex-wrap: wrap;
  row-gap: 2rem;
}
.dropdown__section {
  flex: 1;
}
.dropdown__section-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: #e64224;
  padding-bottom: 8px;
  display: block;
}
.dropdown__section-content {
  border-top: 1px solid #f8f8f8;
  display: flex;
  padding-top: 16px;
  gap: 30px;
}
@media (min-width: 992px) {
  .dropdown__section-content {
    gap: calc(0.0323275862 * 100vw + -2.0689655172px);
  }
}
@media (min-width: 1920px) {
  .dropdown__section-content {
    gap: 60px;
  }
}
.dropdown__section-content--margin {
  display: grid;
  grid-template-columns: 2fr 1fr;
  padding-right: 30px;
}
@media (min-width: 992px) {
  .dropdown__section-content--margin {
    padding-right: calc(0.0323275862 * 100vw + -2.0689655172px);
  }
}
@media (min-width: 1920px) {
  .dropdown__section-content--margin {
    padding-right: 60px;
  }
}
.dropdown__section-col {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 992px) {
  .dropdown__section-col {
    gap: calc(0.0215517241 * 100vw + -1.3793103448px);
  }
}
@media (min-width: 1920px) {
  .dropdown__section-col {
    gap: 40px;
  }
}
.dropdown__section-col--grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.dropdown__section-cell {
  display: flex;
  flex-direction: column;
}
.dropdown__section-cell--def {
  gap: 4px;
}
.dropdown__section-cell--def .dropdown__link:first-child {
  margin-bottom: 4px;
}
.dropdown__section-cell--same {
  gap: 6px;
}
.dropdown__section-cell--rest {
  gap: 6px;
}
.dropdown__list {
  gap: 16px;
  display: flex;
  flex-direction: column;
}
.dropdown__link {
  transition: color 0.38s ease-in-out;
  color: #3c3c3c;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.02em;
  width: -moz-max-content;
  width: max-content;
  line-height: 16.94px;
}
.dropdown__link--gray {
  font-size: 12px;
  color: #a8a8a8;
  line-height: 14.52px;
}
.dropdown__link:hover {
  color: #e64224;
}

@media (max-width: 992px) {
  .dropdown {
    margin: unset;
    padding: unset;
  }
  .dropdown__back {
    display: block;
    color: #a8a8a8;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
  }
  .dropdown__title {
    display: block;
    color: #e64224;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.02em;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;
    padding-bottom: 4px;
  }
  .dropdown__title .dropdown__arrow {
    font-size: 8px;
    margin-right: 8px;
    transform: rotate(90deg);
  }
  .dropdown__arrow {
    color: #a8a8a8;
  }
  .dropdown__back .dropdown__arrow {
    transform: rotate(180deg);
    font-size: 8px;
  }
  .dropdown__container {
    padding: unset;
    border-radius: unset;
  }
  .dropdown__container--front .dropdown__link {
    font-size: 16px;
  }
  .dropdown__container--catalog {
    margin-bottom: 30px;
    flex-direction: column;
  }
  .dropdown__container--catalog .dropdown__section-cell:nth-child(2) {
    order: 1;
  }
  .dropdown__section-title {
    padding-bottom: 12px;
  }
  .dropdown__section-content {
    flex-wrap: wrap;
    border: unset;
    display: grid;
    grid-template-columns: repeat(2, min-content);
    justify-content: space-between;
    grid-template-columns: 1fr;
  }
  .dropdown__section-content--margin {
    padding: unset;
    max-width: 300px;
  }
  .dropdown__section-cell--def {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.breadcrumbs {
  margin-top: 40px;
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .breadcrumbs {
    margin-top: calc(0.0215517241 * 100vw + 18.6206896552px);
  }
}
@media (min-width: 1920px) {
  .breadcrumbs {
    margin-top: 60px;
  }
}
.breadcrumbs__wrapper {
  display: flex;
  align-items: baseline;
  gap: 10px;
  row-gap: 4px;
  flex-wrap: wrap;
}
.breadcrumbs__wrapper a {
  font-size: 12px;
  font-weight: 600;
  transition: 0.38s ease-in-out;
}
@media (min-width: 992px) {
  .breadcrumbs__wrapper a {
    font-size: calc(0.0021551724 * 100vw + 9.8620689655px);
  }
}
@media (min-width: 1920px) {
  .breadcrumbs__wrapper a {
    font-size: 14px;
  }
}
.breadcrumbs__wrapper a:not(.breadcrumbs__wrapper a:last-child) {
  padding-right: 14px;
  position: relative;
}
.breadcrumbs__wrapper a:not(.breadcrumbs__wrapper a:last-child)::before {
  content: "";
  position: absolute;
  display: block;
  right: 0;
  top: 50%;
  translate: 0 -50%;
  rotate: -45deg;
  width: 4px;
  height: 4px;
  border-bottom: 2px solid #A8A8A8;
  border-right: 2px solid #A8A8A8;
}
.breadcrumbs__wrapper a:hover {
  color: #E64224;
}
.breadcrumbs__wrapper span {
  display: flex;
  align-items: baseline;
  gap: 10px;
  row-gap: 4px;
  flex-wrap: wrap;
}
.breadcrumbs__wrapper span:has(a):not(.breadcrumbs__wrapper span:has(a):last-child) a {
  padding-right: 14px;
  position: relative;
}
.breadcrumbs__wrapper span:has(a):not(.breadcrumbs__wrapper span:has(a):last-child) a::before {
  content: "";
  position: absolute;
  display: block;
  right: 0;
  top: 50%;
  translate: 0 -50%;
  rotate: -45deg;
  width: 4px;
  height: 4px;
  border-bottom: 2px solid #A8A8A8;
  border-right: 2px solid #A8A8A8;
}

.breadcrumb_last {
  font-size: 12px;
  font-weight: 600;
  transition: 0.38s ease-in-out;
}
@media (min-width: 992px) {
  .breadcrumb_last {
    font-size: calc(0.0021551724 * 100vw + 9.8620689655px);
  }
}
@media (min-width: 1920px) {
  .breadcrumb_last {
    font-size: 14px;
  }
}

.preview {
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .preview {
    margin-bottom: calc(0.0323275862 * 100vw + -2.0689655172px);
  }
}
@media (min-width: 1920px) {
  .preview {
    margin-bottom: 60px;
  }
}
.preview--mb40 {
  margin-bottom: 40px;
}
.preview .title,
.preview h3 {
  margin-bottom: 14px;
}
.preview__wrapper {
  display: flex;
  justify-content: space-between;
  gap: 40px;
}
.preview__subtitle {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.02em;
  max-width: 638px;
}
@media (min-width: 992px) {
  .preview__subtitle {
    font-size: calc(0.0043103448 * 100vw + 13.724137931px);
  }
}
@media (min-width: 1920px) {
  .preview__subtitle {
    font-size: 22px;
  }
}
.preview__textblock {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.preview__textblock p {
  letter-spacing: -0.02em;
  color: #a8a8a8;
  max-width: 638px;
  line-height: 1.4;
}
.preview__textblock--w60 {
  max-width: 60%;
}
.preview__textblock--w41 {
  width: 41%;
  gap: 0;
}
.preview__link {
  padding-right: 150px;
  padding-bottom: 200px;
  padding-top: 30px;
  padding-left: 30px;
  position: relative;
  border-radius: 20px;
}
@media (min-width: 992px) {
  .preview__link {
    padding-right: calc(0.0463362069 * 100vw + 104.0344827586px);
  }
}
@media (min-width: 1920px) {
  .preview__link {
    padding-right: 193px;
  }
}
@media (min-width: 992px) {
  .preview__link {
    padding-bottom: calc(0.0775862069 * 100vw + 123.0344827586px);
  }
}
@media (min-width: 1920px) {
  .preview__link {
    padding-bottom: 272px;
  }
}
.preview__link > *:not(img) {
  position: relative;
  z-index: 1;
}
.preview__link img {
  height: 280px;
  position: absolute;
  right: 0;
  bottom: 0;
  -o-object-fit: contain;
     object-fit: contain;
  z-index: 0;
  border-radius: 20px;
}
@media (min-width: 992px) {
  .preview__link img {
    height: calc(0.0592672414 * 100vw + 221.2068965517px);
  }
}
@media (min-width: 1920px) {
  .preview__link img {
    height: 335px;
  }
}
.preview__link .subtitle,
.preview__link h2 {
  max-width: 315px;
  margin-bottom: 30px;
}

@media (max-width: 992px) {
  .preview__textblock p {
    max-width: unset;
  }
  .preview__textblock--w60 {
    max-width: 75%;
  }
  .preview__textblock--w41 {
    width: 75%;
  }
}
@media (max-width: 768px) {
  .preview__textblock {
    gap: 16px;
  }
  .preview__textblock--small {
    gap: unset;
  }
  .preview__textblock--small .title {
    margin-bottom: 10px;
  }
  .preview__textblock--w41, .preview__textblock--w60 {
    width: unset;
    max-width: unset;
  }
}
.complex {
  margin-bottom: 60px;
}
@media (min-width: 992px) {
  .complex {
    margin-bottom: calc(0.0862068966 * 100vw + -25.5172413793px);
  }
}
@media (min-width: 1920px) {
  .complex {
    margin-bottom: 140px;
  }
}
.complex .subtitle,
.complex h2 {
  margin-bottom: 30px;
}
.complex__wrapper, .complex__tabs {
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (min-width: 992px) {
  .complex__wrapper, .complex__tabs {
    gap: calc(0.0107758621 * 100vw + 9.3103448276px);
  }
}
@media (min-width: 1920px) {
  .complex__wrapper, .complex__tabs {
    gap: 30px;
  }
}
.complex__wrapper {
  margin-bottom: 30px;
  display: none;
  opacity: 0;
  margin-bottom: 40px;
  transition: 0.38s ease-in-out;
}
.complex__wrapper .card__img {
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 992px) {
  .complex__wrapper {
    margin-bottom: calc(0.0107758621 * 100vw + 19.3103448276px);
  }
}
@media (min-width: 1920px) {
  .complex__wrapper {
    margin-bottom: 40px;
  }
}
.complex__wrapper--info {
  row-gap: 20px;
}
@media (min-width: 992px) {
  .complex__wrapper--info {
    row-gap: calc(0.0215517241 * 100vw + -1.3793103448px);
  }
}
@media (min-width: 1920px) {
  .complex__wrapper--info {
    row-gap: 40px;
  }
}
.complex__wrapper--catalog {
  row-gap: 10px;
}
@media (min-width: 992px) {
  .complex__wrapper--catalog {
    row-gap: calc(0.0323275862 * 100vw + -22.0689655172px);
  }
}
@media (min-width: 1920px) {
  .complex__wrapper--catalog {
    row-gap: 40px;
  }
}
.complex__wrapper--display {
  display: grid;
}
.complex__wrapper--opacity {
  opacity: 1;
}
.complex__tabs {
  grid-area: center;
  margin-bottom: 20px;
}
.complex__tabs-item {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  border-radius: 8px;
  background-color: #ffffff;
  font-size: 16px;
  transition: background-color 0.38s ease-in-out, color 0.38s ease-in-out;
  padding-top: 18px;
  padding-bottom: 18px;
  cursor: pointer;
}
.complex__tabs-item.active, .complex__tabs-item:hover {
  color: white;
  width: auto;
  background-color: #e64224;
}
.complex .navigation {
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .complex .navigation {
    margin-bottom: calc(0.0215517241 * 100vw + 18.6206896552px);
  }
}
@media (min-width: 1920px) {
  .complex .navigation {
    margin-bottom: 60px;
  }
}
.complex .textBlock {
  width: 66%;
}

@media (max-width: 992px) {
  .complex__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .complex__tabs-item {
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
@media (max-width: 576px) {
  .complex__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
  .complex__tabs {
    gap: 6px;
    margin-bottom: 16px;
  }
  .complex__tabs-item {
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 12px;
  }
  .complex .textBlock {
    width: auto;
  }
}
.card {
  display: flex;
  flex-direction: column;
  background-color: #FFFFFF;
  border-radius: 10px;
}
.card__img, .card img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px 10px 0 0;
  margin-bottom: 20px;
}
.card__name {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: auto;
}
@media (min-width: 992px) {
  .card__name {
    font-size: calc(0.0021551724 * 100vw + 13.8620689655px);
  }
}
@media (min-width: 1920px) {
  .card__name {
    font-size: 18px;
  }
}
.card__name, .card__priceWrap, .card p, .card .similar {
  padding-left: 20px;
  padding-right: 20px;
}
.card .btn {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  padding: 12px 35px;
  font-size: 14px;
}
.card__price {
  grid-row: span 2;
}
.card__priceWrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 18px;
}
.card__priceWrap .subtitle {
  margin-bottom: 0;
}
.card__lastPrice, .card__sail {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.card__lastPrice {
  font-size: 16px;
  font-weight: 600;
  text-decoration: line-through;
  color: #A8A8A8;
}
@media (min-width: 992px) {
  .card__lastPrice {
    font-size: calc(0.0021551724 * 100vw + 13.8620689655px);
  }
}
@media (min-width: 1920px) {
  .card__lastPrice {
    font-size: 18px;
  }
}
.card__sail {
  font-size: 13px;
  font-weight: 500;
  color: #E64224;
}
@media (min-width: 992px) {
  .card__sail {
    font-size: calc(0.0010775862 * 100vw + 11.9310344828px);
  }
}
@media (min-width: 1920px) {
  .card__sail {
    font-size: 14px;
  }
}
.card .btn {
  width: auto;
}
.card .similar {
  margin-top: 30px;
}

.catalogCard {
  font-family: "Inter";
  background-color: #FFFFFF;
  border-radius: 10px;
}
.catalogCard__img {
  -o-object-fit: contain;
     object-fit: contain;
}
.catalogCard__box {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px;
}
.catalogCard__name {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.1;
  letter-spacing: -2%;
  color: #3C3C3C;
}
.catalogCard__price {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.catalogCard__current {
  font-weight: 600;
  font-size: 22px;
  line-height: 1.1;
  letter-spacing: -2%;
  color: #3C3C3C;
  color: #3C3C3C;
}
.catalogCard__sale {
  display: flex;
  flex-direction: column;
}
.catalogCard__previous {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: -2%;
  text-align: right;
  text-decoration: line-through;
  color: #A8A8A8;
}
.catalogCard__discount {
  color: #E64224;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.3;
  letter-spacing: 0%;
  text-align: right;
}
.catalogCard .btn {
  width: auto;
  padding: 12px 35px;
  font-size: 14px;
}

.cardGrid {
  max-width: 972px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  justify-items: center;
}
@media (max-width: 992px) {
  .cardGrid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .cardGrid {
    grid-template-columns: repeat(1, 1fr);
  }
}

.filter {
  font-family: "Inter";
  width: 245px;
  flex-shrink: 0;
}
@media (min-width: 992px) {
  .filter {
    width: calc(0.0635775862 * 100vw + 181.9310344828px);
  }
}
@media (min-width: 1920px) {
  .filter {
    width: 304px;
  }
}
.filter .ac {
  margin-top: 0;
}
.filter .ac-header {
  margin-bottom: 16px;
}
.filter .ac-panel {
  margin-bottom: 6px;
}
.filter .ac .ac-trigger:focus {
  color: #3C3C3C;
}
.filter .ac.is-active > .ac-header .ac-trigger::after {
  content: "";
  rotate: 0deg;
}
.filter .ac.js-enabled .ac-panel {
  height: 0;
  padding-left: 10px;
}
.filter .ac.is-active .ac-panel {
  height: auto;
  padding-left: 10px;
}
.filter .ac .ac-panel .ac-text {
  font-size: 14px;
}
.filter__item {
  border: none;
}
.filter__itemFromTo {
  display: flex;
  gap: 12px;
  margin-top: 11px;
}
.filter__itemFromTo-from, .filter__itemFromTo-to, .filter__itemFromTo input {
  font-size: 14px;
  font-weight: 600;
  background-color: rgba(230, 236, 245, 0.5019607843);
  border: 1px solid #E6ECF5;
  padding: 10px;
  border-radius: 4px;
  width: 100%;
}
.filter__itemFromTo-from::-moz-placeholder, .filter__itemFromTo-to::-moz-placeholder, .filter__itemFromTo input::-moz-placeholder {
  color: #B1B8D0;
}
.filter__itemFromTo-from::placeholder, .filter__itemFromTo-to::placeholder, .filter__itemFromTo input::placeholder {
  color: #B1B8D0;
}
.filter__itemFromTo-from::-webkit-outer-spin-button, .filter__itemFromTo-from::-webkit-inner-spin-button, .filter__itemFromTo-to::-webkit-outer-spin-button, .filter__itemFromTo-to::-webkit-inner-spin-button, .filter__itemFromTo input::-webkit-outer-spin-button, .filter__itemFromTo input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.filter__item-title, .filter__item .ac-trigger {
  color: #3C3C3C;
  font-size: 14px;
  font-weight: 600;
  padding-left: 0;
}
.filter__item-title {
  background-color: #E8E8E8 !important;
  border-radius: 6px;
  padding: 6px 12px !important;
}
.filter__itemCheck .ac-text {
  cursor: pointer;
}
.filter__itemCheck-item {
  position: relative;
  display: flex;
  gap: 10px;
  margin-bottom: 8px;
  padding: 0 !important;
}
.filter__itemCheck-item span {
  font-size: 14px;
  color: #B1B8D0;
}
.filter__itemCheck-item input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: 1px solid #B1B8D0;
  border-radius: 4px;
  transition: 0.38s ease-in-out;
  background-color: white;
}
.filter__itemCheck-item input::after {
  content: "";
  background-image: url("../img/icon/check_filter.svg");
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: center;
  width: 100%;
  height: 100%;
}
.filter__itemCheck-item input img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 13px;
  height: 13px;
}
.filter__itemCheck-item input:checked {
  border-color: #E64224;
  background-color: #E64224;
}
.filter__item .ac-text {
  color: #3C3C3C;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0%;
  position: relative;
  display: flex;
  gap: 10px;
  padding: 0 !important;
}
.filter__item .ac-trigger::after {
  position: absolute;
  display: block;
  content: "";
  background-image: url("../img/icon/arrow.svg");
  background-repeat: no-repeat;
  top: 20%;
  width: 16px;
  height: 16px;
  background-size: contain;
  rotate: 180deg;
  right: -2px;
  transition: 0.38s ease-in-out;
  transform: none;
  -webkit-transform: none;
}
.filter__item--button {
  border: unset;
}
.filter__mobile {
  display: none;
}
.filter__mobileTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 13px;
  margin-bottom: 14px;
  border-bottom: 1px solid #3C3C3C;
}
.filter__mobileTop-filt {
  display: flex;
  align-items: center;
  gap: 8px;
}
.filter__mobileTop-filt p {
  font-size: 16px;
}
.filter__back {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: #778CA5;
  margin-bottom: 22px;
}
.filter__back::before {
  content: "";
  border-top: 1px solid #778CA5;
  border-left: 1px solid #778CA5;
  rotate: -45deg;
  width: 5px;
  height: 5px;
}
.filter .btn {
  width: 100%;
  padding: 12px 35px;
  font-size: 14px;
}

@media (max-width: 992px) {
  .filter {
    position: fixed;
    top: 70px;
    left: 0;
    padding: 24px;
    z-index: 19;
    width: 100%;
    height: 100%;
    transform: translateY(-150%);
    transform: translateY(-150%);
    transition: 0.38s ease-in-out;
    background-color: #FFF;
    overflow-y: auto;
    padding-bottom: 80px;
  }
  .filter::-webkit-scrollbar {
    display: none;
  }
  .filter--open {
    transform: translateY(0%);
    max-height: 80vh;
    max-width: 90vw;
    overflow-y: scroll;
    padding-bottom: 10vh;
  }
  .filter__mobile {
    display: block;
  }
}
@media (max-width: 576px) {
  .filter {
    width: 350px;
    top: 60px;
  }
}
.selectFilters {
  cursor: pointer;
  margin: 0;
}
.selectFiltersWrapper {
  display: flex;
  justify-content: flex-start;
  gap: 8px;
  transition: 0.38s ease-in-out;
}
.selectFiltersWrapper.opacity {
  opacity: 1;
}
.selectFiltersWrapper.display {
  display: flex;
}
.selectFilters__item, .selectFilters__reset {
  border-radius: 6px;
  padding: 6px 16px;
  width: -moz-fit-content;
  width: fit-content;
  font-family: "Inter";
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0%;
}
.selectFilters__item img, .selectFilters__reset img {
  cursor: pointer;
}
.selectFilters__item {
  height: auto;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  gap: 6px;
  background: transparent;
  border: 1px solid #D0CDCD;
  border-radius: 6px;
}
.selectFilters__item:last-child {
  margin-right: 0 !important;
}
.selectFilters__item p {
  color: #3C3C3C;
}
.selectFilters__item p span {
  display: none;
}
.selectFilters__item img {
  width: 16px;
  height: 16px;
  -o-object-fit: contain;
     object-fit: contain;
}
.selectFilters__reset {
  height: auto;
  background: #3C3C3C;
  color: white;
  border-radius: 6px;
  cursor: pointer;
}

@media (max-width: 992px) {
  .selectFiltersWrapper {
    margin-bottom: 31px;
    display: block;
  }
  .selectFilters__reset {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #3C3C3C;
    background-color: transparent;
    border: none;
    font-size: 14px;
    padding: 0;
    padding-right: 20px;
  }
  .selectFilters__reset::after {
    content: "";
    background-image: url("../img/icon/close.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    filter: brightness(0) saturate(100%) invert(11%) sepia(13%) saturate(4855%) hue-rotate(199deg) brightness(98%) contrast(97%);
  }
}
.navigation {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.navigation__next img, .navigation__prev img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 10px;
  width: 7px;
  transition: 0.38s ease-in-out;
}
.navigation__next img:hover, .navigation__prev img:hover {
  filter: brightness(0) saturate(100%) invert(31%) sepia(49%) saturate(3071%) hue-rotate(349deg) brightness(94%) contrast(91%);
}
.navigation__prev {
  rotate: -180deg;
}
.navigation a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  width: 24px;
  height: 24px;
  font-size: 14px;
  font-weight: 500;
  transition: 0.38s ease-in-out;
}
.navigation a.active, .navigation a:hover {
  background-color: #FFFFFF;
}

.product {
  margin-bottom: 80px;
}
@media (min-width: 992px) {
  .product {
    margin-bottom: calc(0.0646551724 * 100vw + 15.8620689655px);
  }
}
@media (min-width: 1920px) {
  .product {
    margin-bottom: 140px;
  }
}
.product__container {
  grid-area: center;
}
.product__wrapper {
  margin-bottom: 40px;
  justify-content: space-between;
  display: flex;
}
@media (min-width: 992px) {
  .product__wrapper {
    margin-bottom: calc(0.0431034483 * 100vw + -2.7586206897px);
  }
}
@media (min-width: 1920px) {
  .product__wrapper {
    margin-bottom: 80px;
  }
}
.product__swiper {
  width: 100%;
}
.product__swiper-slide {
  border-radius: 10px;
  overflow: hidden;
  background-color: white;
}
.product__swiper-slide:focus-visible {
  outline: unset;
}
.product__swiper-slide img {
  aspect-ratio: 1;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
}
.product__swiper-next, .product__swiper-prev {
  width: 32px;
  height: 32px;
  background-color: #e64224;
  border-radius: 50%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  right: 20px;
}
.product__swiper-next::after, .product__swiper-prev::after {
  content: none;
}
.product__swiper-next img, .product__swiper-prev img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 10px;
  filter: brightness(0) saturate(100%) invert(94%) sepia(100%) saturate(7%) hue-rotate(234deg) brightness(106%) contrast(100%);
}
.product__swiper-prev {
  left: 20px;
  right: unset;
}
.product__swiper-prev img {
  rotate: -180deg;
}
.product__swiperWrap {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 44%;
  grid-row: span 2;
}
.product__swiperTab {
  margin-inline: unset;
}
.product__swiperTab-slide {
  min-height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 6px;
  height: 100px;
  cursor: pointer;
  background-color: white;
}
.product .title,
.product h1 {
  margin-bottom: 20px;
}
.product__info {
  width: 50%;
}
.product__info .btn {
  min-width: 125px;
  font-size: 16px;
}
.product__characteristics {
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .product__characteristics {
    margin-bottom: calc(0.0107758621 * 100vw + 19.3103448276px);
  }
}
@media (min-width: 1920px) {
  .product__characteristics {
    margin-bottom: 40px;
  }
}
.product__characteristics-title {
  font-weight: 600;
  margin-bottom: 10px;
  font-size: 16px;
}
.product__characteristics-item {
  font-size: 14px;
  display: flex;
  align-items: baseline;
  margin-bottom: 5px;
  color: #a8a8a8;
}
@media (min-width: 992px) {
  .product__characteristics-item {
    font-size: calc(0.0021551724 * 100vw + 11.8620689655px);
  }
}
@media (min-width: 1920px) {
  .product__characteristics-item {
    font-size: 16px;
  }
}
.product__characteristics-item b {
  font-weight: 500;
  order: 3;
  color: #3c3c3c;
}
.product__characteristics-item::after {
  content: "";
  border-bottom: 1px dashed #a8a8a8;
  flex-grow: 1;
  order: 2;
  margin: 0 7px;
}
.product__price {
  letter-spacing: -0.06em;
}
.product__priceWrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
  row-gap: 20px;
  margin-bottom: 30px;
}
.product__sail {
  color: #e64224;
  font-weight: 500;
}
.product__lastSail {
  width: 100%;
}
.product__lastSail p {
  font-size: 14px;
  font-weight: 500;
}
.product__lastSail b {
  font-size: 16px;
  color: #a8a8a8;
  text-decoration: line-through;
  font-weight: 600;
}
@media (min-width: 992px) {
  .product__lastSail b {
    font-size: calc(0.0021551724 * 100vw + 13.8620689655px);
  }
}
@media (min-width: 1920px) {
  .product__lastSail b {
    font-size: 18px;
  }
}
.product__describe {
  gap: 20px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .product__describe {
    gap: calc(0.0107758621 * 100vw + 9.3103448276px);
  }
}
@media (min-width: 1920px) {
  .product__describe {
    gap: 30px;
  }
}
.product__describeTab {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e8e8e8;
  margin-right: 24px;
}
.product__describeTab-item {
  text-align: center;
  color: #a8a8a8;
  border-bottom: 2px solid transparent;
  width: 100%;
  font-weight: 600;
  padding-bottom: 16px;
  transition: 0.38s ease-in-out;
  cursor: pointer;
  font-size: 16px;
  letter-spacing: -0.02em;
}
.product__describeTab-item:hover, .product__describeTab-item.active {
  border-color: #e64224;
  color: #e64224;
}
.product__describeInfo {
  margin-right: 24px;
  display: none;
  opacity: 0;
  transition: 0.38s ease-in-out;
  letter-spacing: -0.02em;
}
.product__describeInfo--display {
  display: block;
}
.product__describeInfo--opacity {
  opacity: 1;
}
.product__describeInfo > *:not(.sails) {
  width: 49%;
}
.product__describeInfo p {
  margin-bottom: 20px;
  color: #a8a8a8;
  font-weight: 500;
}
@media (min-width: 992px) {
  .product__describeInfo p {
    margin-bottom: calc(0.0107758621 * 100vw + 9.3103448276px);
  }
}
@media (min-width: 1920px) {
  .product__describeInfo p {
    margin-bottom: 30px;
  }
}
.product__describeInfo ul {
  margin-top: -10px;
}
@media (min-width: 992px) {
  .product__describeInfo ul {
    margin-top: calc(-0.0107758621 * 100vw + 0.6896551724px);
  }
}
@media (min-width: 1920px) {
  .product__describeInfo ul {
    margin-top: -20px;
  }
}
.product__describeInfo ul li {
  position: relative;
  padding-left: 15px;
  color: #a8a8a8;
  font-weight: 500;
  line-height: 1.6;
}
.product__describeInfo ul li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  translate: 0 -50%;
  background-color: #a8a8a8;
  width: 5px;
  height: 5px;
  border-radius: 50%;
}
.product__contacts {
  padding-right: 24px;
  display: none;
  opacity: 0;
  transition: 0.38s ease-in-out;
  gap: 10px;
  margin-top: 40px;
}
.product__contacts--display {
  display: flex;
}
.product__contacts--opacity {
  opacity: 1;
}
.product__contactsItem {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px;
  min-height: 80px;
  background-color: #ffffff;
  border-radius: 8px;
  flex: 1;
  background-image: url("../img/contact__bg.svg");
  background-repeat: no-repeat;
  background-position: right bottom;
}
.product__contactsItem-elem {
  display: flex;
  align-items: center;
  gap: 10px;
}
.product__contactsItem-elem p {
  font-size: 16px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .product__contactsItem-elem p {
    font-size: calc(0.0021551724 * 100vw + 13.8620689655px);
  }
}
@media (min-width: 1920px) {
  .product__contactsItem-elem p {
    font-size: 18px;
  }
}
.product__contactsItem-elem .icon {
  color: #e64224;
  font-size: 24px;
}

@media (max-width: 992px) {
  .product__wrapper {
    flex-direction: column;
    gap: unset;
  }
  .product__swiperWrap {
    margin-bottom: 20px;
  }
  .product__info {
    display: contents;
    max-width: unset;
  }
  .product__info .title {
    order: -1;
  }
  .product__info .btn {
    order: 1;
    width: auto;
  }
  .product__characteristics {
    order: 1;
  }
  .product__priceWrap {
    order: 0;
  }
  .product__swiperTab {
    display: none;
  }
  .product__swiperWrap {
    width: 100%;
  }
  .product__contacts {
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .product__swiperTab {
    display: none;
  }
  .product__info {
    margin-top: 20px;
  }
  .product__describe {
    overflow: hidden;
  }
  .product__describeTab {
    overflow: auto;
    justify-content: unset;
    margin-right: unset;
  }
  .product__describeTab-item {
    min-width: 60%;
    flex: 1;
  }
  .product__describeInfo > *:not(.sails) {
    width: auto;
  }
}
@media (max-width: 576px) {
  .product__wrapper {
    padding-right: 24px;
  }
  .product__container {
    grid-area: right;
  }
  .product__priceWrap {
    row-gap: 10px;
  }
}
.individualCard {
  margin-bottom: 80px;
}
@media (min-width: 992px) {
  .individualCard {
    margin-bottom: calc(0.0646551724 * 100vw + 15.8620689655px);
  }
}
@media (min-width: 1920px) {
  .individualCard {
    margin-bottom: 140px;
  }
}
.individualCard__wrapper {
  padding: 30px;
  border-radius: 10px;
  background-color: #3c3c3c;
  background-image: url("../img/individual__bg.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
}
@media (min-width: 992px) {
  .individualCard__wrapper {
    padding: calc(0.0107758621 * 100vw + 19.3103448276px);
  }
}
@media (min-width: 1920px) {
  .individualCard__wrapper {
    padding: 40px;
  }
}
.individualCard__title {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 10px;
  letter-spacing: -0.02em;
}
@media (min-width: 992px) {
  .individualCard__title {
    font-size: calc(0.0043103448 * 100vw + 13.724137931px);
  }
}
@media (min-width: 1920px) {
  .individualCard__title {
    font-size: 22px;
  }
}
.individualCard p {
  font-weight: 500;
  color: #a8a8a8;
}
.individualCard__title,
.individualCard p {
  max-width: 705px;
}
@media (min-width: 992px) {
  .individualCard__title,
  .individualCard p {
    max-width: calc(0.1185344828 * 100vw + 587.4137931034px);
  }
}
@media (min-width: 1920px) {
  .individualCard__title,
  .individualCard p {
    max-width: 815px;
  }
}
.individualCard .btn {
  margin-top: 30px;
}

@media (max-width: 768px) {
  .individualCard__wrapper {
    background-image: url("../img/extra/hero_pattern-gray.svg");
    background-size: auto;
    background-position-y: bottom;
  }
}
@media (max-width: 576px) {
  .individualCard__wrapper {
    padding: 20px;
    padding-bottom: 60px;
  }
}
.similar .card__img,
.similar img {
  -o-object-fit: contain;
     object-fit: contain;
}
.similar__wrapper {
  gap: 20px;
  display: flex;
}
@media (min-width: 992px) {
  .similar__wrapper {
    gap: calc(0.0107758621 * 100vw + 9.3103448276px);
  }
}
@media (min-width: 1920px) {
  .similar__wrapper {
    gap: 30px;
  }
}
.similar__title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 30px;
}
.similar__link {
  font-size: 12px;
  position: relative;
  padding-right: 15px;
  color: #e64224;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: color 0.38s ease-in-out;
}
@media (min-width: 992px) {
  .similar__link {
    font-size: calc(0.0021551724 * 100vw + 9.8620689655px);
  }
}
@media (min-width: 1920px) {
  .similar__link {
    font-size: 14px;
  }
}
.similar__link img {
  transition: 0.38s ease-in-out;
  -o-object-fit: contain;
     object-fit: contain;
  height: 8px;
  filter: brightness(0) saturate(100%) invert(44%) sepia(73%) saturate(6060%) hue-rotate(351deg) brightness(95%) contrast(90%);
}
.similar__link:hover {
  color: #a8a8a8;
}
.similar__link:hover img {
  filter: brightness(0) saturate(100%) invert(68%) sepia(0%) saturate(0%) hue-rotate(243deg) brightness(100%) contrast(88%);
}

@media (max-width: 992px) {
  .similar__wrapper {
    gap: 15px;
  }
}
@media (max-width: 768px) {
  .similar__wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .similar__link:hover {
    color: #a8a8a8;
  }
}
@media (max-width: 576px) {
  .similar__wrapper {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
  }
  .similar__link {
    gap: 8px;
  }
  .similar__link:hover {
    color: #a8a8a8;
  }
}
.sails__wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 30px;
       column-gap: 30px;
  row-gap: 40px;
  margin-bottom: 40px;
}
.sails__card .similar__link {
  font-size: 12px;
}
.sails__card-img {
  height: 200px;
  position: relative;
  border-radius: 10px;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .sails__card-img {
    height: calc(0.0431034483 * 100vw + 157.2413793103px);
  }
}
@media (min-width: 1920px) {
  .sails__card-img {
    height: 240px;
  }
}
.sails__card-img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.sails__card-img span {
  font-size: 12px;
  position: absolute;
  display: flex;
  top: 16px;
  right: 16px;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  padding: 5px 14px;
  background-color: #e64224;
  border-radius: 6px;
}
@media (min-width: 992px) {
  .sails__card-img span {
    font-size: calc(0.0021551724 * 100vw + 9.8620689655px);
  }
}
@media (min-width: 1920px) {
  .sails__card-img span {
    font-size: 14px;
  }
}
.sails__card-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
  line-height: 1.2;
  letter-spacing: -0.02em;
}
@media (min-width: 992px) {
  .sails__card-title {
    font-size: calc(0.0021551724 * 100vw + 13.8620689655px);
  }
}
@media (min-width: 1920px) {
  .sails__card-title {
    font-size: 18px;
  }
}

@media (max-width: 992px) {
  .sails__wrapper {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 30px;
  }
}
@media (max-width: 768px) {
  .sails__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
  .sails__card-img {
    height: 256px;
  }
}
@media (max-width: 576px) {
  .sails__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
  .sails__card-img {
    height: 182px;
  }
}
.contacts {
  margin-bottom: 80px;
}
@media (min-width: 992px) {
  .contacts {
    margin-bottom: calc(0.0646551724 * 100vw + 15.8620689655px);
  }
}
@media (min-width: 1920px) {
  .contacts {
    margin-bottom: 140px;
  }
}
.contacts__container {
  grid-area: center;
}
.contacts__map {
  padding-right: 24px;
}
.contacts__map-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .contacts__map-title {
    font-size: calc(0.0021551724 * 100vw + 13.8620689655px);
  }
}
@media (min-width: 1920px) {
  .contacts__map-title {
    font-size: 18px;
  }
}
.contacts .product__describeTab a {
  text-align: left;
  color: #3c3c3c;
}

#map {
  height: 370px;
  width: 100%;
}
@media (min-width: 992px) {
  #map {
    height: calc(0.0538793103 * 100vw + 316.5517241379px);
  }
}
@media (min-width: 1920px) {
  #map {
    height: 420px;
  }
}
#map .ymaps-2-1-79-inner-panes {
  border-radius: 16px;
}
#map .ymaps-2-1-79-controls__toolbar {
  display: none;
}

@media (max-width: 992px) {
  .contacts .product__describeTab a {
    text-align: center;
  }
}
@media (max-width: 576px) {
  .contacts__container {
    grid-area: right;
  }
}
.infoDetail__wrapper {
  width: 66%;
}
.infoDetail .sails {
  margin-bottom: 30px;
}
.infoDetail .sails__card {
  width: 100%;
}
.infoDetail .sails__card-img {
  height: 320px;
  border-radius: 20px;
}
@media (min-width: 992px) {
  .infoDetail .sails__card-img {
    height: calc(0.0646551724 * 100vw + 255.8620689655px);
  }
}
@media (min-width: 1920px) {
  .infoDetail .sails__card-img {
    height: 380px;
  }
}
.infoDetail .sails__card-img img {
  border-radius: 20px;
}
.infoDetail .textBlock {
  gap: 20px;
}
.infoDetail + .individualCard {
  margin-top: 40px;
}
@media (min-width: 992px) {
  .infoDetail + .individualCard {
    margin-top: calc(0.0215517241 * 100vw + 18.6206896552px);
  }
}
@media (min-width: 1920px) {
  .infoDetail + .individualCard {
    margin-top: 60px;
  }
}

@media (max-width: 992px) {
  .infoDetail__wrapper {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .infoDetail .sails__card-img {
    height: 180px;
  }
  .infoDetail .sails__card-img img {
    border-radius: 10px;
  }
  .infoDetail .textBlock {
    gap: 20px;
  }
}
.info .title {
  margin-bottom: 40px;
}
.info .complex {
  margin-bottom: 50px;
}
@media (min-width: 992px) {
  .info .complex {
    margin-bottom: calc(0.0107758621 * 100vw + 39.3103448276px);
  }
}
@media (min-width: 1920px) {
  .info .complex {
    margin-bottom: 60px;
  }
}
.info .complex__wrapper {
  row-gap: 40px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  opacity: 1;
  -moz-column-gap: 30px;
       column-gap: 30px;
}
.info .complex__wrapper .card__img {
  height: 240px;
}
.info .complex__wrapper .card__name {
  font-size: 20px;
  padding-left: 20px;
  max-width: 527px;
  line-height: 1.1;
}
@media (min-width: 992px) {
  .info .complex__wrapper .card__name {
    font-size: calc(0.0021551724 * 100vw + 17.8620689655px);
  }
}
@media (min-width: 1920px) {
  .info .complex__wrapper .card__name {
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .info .complex__wrapper .card__name {
    padding-left: calc(0.0107758621 * 100vw + 9.3103448276px);
  }
}
@media (min-width: 1920px) {
  .info .complex__wrapper .card__name {
    padding-left: 30px;
  }
}
.info .complex__wrapper .card p {
  padding-left: 20px;
  color: #a8a8a8;
  max-width: 528px;
}
@media (min-width: 992px) {
  .info .complex__wrapper .card p {
    padding-left: calc(0.0107758621 * 100vw + 9.3103448276px);
  }
}
@media (min-width: 1920px) {
  .info .complex__wrapper .card p {
    padding-left: 30px;
  }
}
.info .complex__wrapper .card .similar {
  padding-left: 20px;
}
@media (min-width: 992px) {
  .info .complex__wrapper .card .similar {
    padding-left: calc(0.0107758621 * 100vw + 9.3103448276px);
  }
}
@media (min-width: 1920px) {
  .info .complex__wrapper .card .similar {
    padding-left: 30px;
  }
}
.info .complex__wrapper .card .similar__link img {
  margin-bottom: 0;
}
.info + .infoDetail {
  margin-top: 40px;
}
@media (min-width: 992px) {
  .info + .infoDetail {
    margin-top: calc(0.0215517241 * 100vw + 18.6206896552px);
  }
}
@media (min-width: 1920px) {
  .info + .infoDetail {
    margin-top: 60px;
  }
}

@media (max-width: 768px) {
  .info .title {
    margin-bottom: 20px;
  }
  .info .complex__wrapper {
    grid-template-columns: 1fr;
    row-gap: 20px;
  }
}
@media (max-width: 576px) {
  .info .complex {
    margin-bottom: unset;
  }
  .info .complex__wrapper .card__img {
    height: 180px;
  }
}
.footer {
  margin-top: 80px;
  --_p: 24px;
  display: grid;
  grid-template-columns: minmax(var(--_p), 1fr) [wrap-start] minmax(0, 1840px) [wrap-end] minmax(var(--_p), 1fr);
  grid-template-rows: [wrap-start] auto [wrap-end];
}
@media (min-width: 992px) {
  .footer {
    margin-top: calc(0.0646551724 * 100vw + 15.8620689655px);
  }
}
@media (min-width: 1920px) {
  .footer {
    margin-top: 140px;
  }
}
.footer--white {
  background-color: white;
  margin-top: unset;
}
.footer__wrap {
  grid-area: wrap;
  color: white;
  max-width: 1840px;
  background-color: #3c3c3c;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  padding-top: 40px;
  display: grid;
  grid-template-columns: minmax(24px, 1fr) minmax(0, 1226px) minmax(24px, 1fr);
}
.footer__container {
  grid-area: 1/2/-1/3;
  min-height: 400px;
  display: grid;
  grid-template-columns: auto minmax(auto, 180px) minmax(auto, 232px) auto;
  grid-template-areas: "logo nav type contact" "about nav type contact" ". . . contact" "copy copy privacy dev";
  justify-content: space-between;
}
.footer__logo {
  grid-area: logo;
  height: 84px;
  width: 192px;
}
@media (min-width: 992px) {
  .footer__logo {
    height: calc(0.0517241379 * 100vw + 32.6896551724px);
  }
}
@media (min-width: 1920px) {
  .footer__logo {
    height: 132px;
  }
}
@media (min-width: 992px) {
  .footer__logo {
    width: calc(0.119612069 * 100vw + 73.3448275862px);
  }
}
@media (min-width: 1920px) {
  .footer__logo {
    width: 303px;
  }
}
.footer__about {
  grid-area: about;
  max-width: 250px;
  color: #a8a8a8;
  font-size: 14px;
  line-height: 1.5;
  text-wrap: balance;
}
.footer__column {
  display: flex;
  flex-direction: column;
}
.footer__column--nav {
  grid-area: nav;
  margin-left: 2rem;
}
.footer__column--type {
  grid-area: type;
}
.footer__column--type .footer__menu {
  gap: 7px;
}
.footer__column--contact {
  grid-area: contact;
}
.footer__menu {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.footer__menu-item {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.02em;
  transition: color 0.38s ease-in-out;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 992px) {
  .footer__menu-item {
    font-size: calc(0.0021551724 * 100vw + 11.8620689655px);
  }
}
@media (min-width: 1920px) {
  .footer__menu-item {
    font-size: 16px;
  }
}
.footer__menu-item:hover {
  color: #e64224;
}
.footer__social {
  display: flex;
  gap: 20px;
}
.footer__title {
  font-size: 16px;
  margin-bottom: 8px;
  letter-spacing: -0.02em;
}
.footer__text {
  font-size: 14px;
}
.footer__title, .footer__text {
  color: #a8a8a8;
  line-height: 1.5;
}
.footer__phone {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 8px;
}
.footer__phone:last-child {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .footer__phone:last-child {
    margin-bottom: calc(0.0215517241 * 100vw + -1.3793103448px);
  }
}
@media (min-width: 1920px) {
  .footer__phone:last-child {
    margin-bottom: 40px;
  }
}
.footer__phone .link {
  font-size: clamp(16px, 1.4vw, 18px);
}
.footer__copyright {
  grid-area: copy;
  max-width: 400px;
}
.footer__privacy {
  grid-area: privacy;
  font-weight: 500;
  height: -moz-fit-content;
  height: fit-content;
}
.footer__dev {
  grid-area: dev;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -10px;
  color: #a8a8a8;
  font-size: 14px;
  font-weight: 500;
  gap: 20px;
  transition: color 0.38s ease-in-out;
  margin-left: auto;
}
.footer__dev:hover {
  color: #e64224;
}
.footer__dev__image {
  width: 53px;
  height: 42px;
}

@media (max-width: 576px) {
  .footer {
    --_p: 0px;
  }
}
@media (max-width: 992px) {
  .footer__wrap {
    grid-area: 1/1/-1/-1;
    padding-top: 24px;
    grid-template-columns: minmax(0, 1fr) [center-start] minmax(0, var(--container-width)) [center-end] minmax(0, 1fr);
    grid-template-rows: [center-start] auto [center-end];
  }
  .footer__container {
    grid-area: center;
    padding-bottom: 30px;
    padding-inline: 24px;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "logo logo" "about about" "contact contact" "nav type" "privacy privacy" "copy copy" "dev dev";
  }
  .footer__logo {
    margin-bottom: 16px;
  }
  .footer__about {
    font-size: 12px;
    margin-bottom: 40px;
  }
  .footer__column--nav {
    margin-left: unset;
    margin-right: 16px;
  }
  .footer__column--type {
    margin-left: unset;
    margin-bottom: 60px;
  }
  .footer__menu-item {
    font-size: 16px;
  }
  .footer__social {
    margin-bottom: 40px;
    gap: 48px;
  }
  .footer__phone:last-child {
    margin-bottom: 30px;
  }
  .footer__phone .link {
    font-size: 18px;
  }
  .footer__copyright {
    margin-bottom: 40px;
  }
  .footer__privacy {
    margin-bottom: 16px;
  }
  .footer__dev {
    margin: unset;
  }
}
.frontHero {
  margin-top: 20px;
  padding-bottom: clamp(80px, 10vw, 140px);
  overflow: hidden;
}
.frontHero__container {
  grid-area: center;
  display: grid;
  align-items: end;
}
.frontHero__content {
  grid-area: 1/1/-1/-1;
  border-radius: 20px;
  color: white;
  background-color: #3c3c3c;
  display: flex;
  overflow: hidden;
  justify-content: space-between;
  background-image: url(../img/extra/hero_pattern.svg);
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: bottom;
  aspect-ratio: 12/5;
  background-origin: content-box;
  padding-top: 4.5%;
  background-size: contain;
}
.frontHero__content-wrap {
  display: flex;
  flex-direction: column;
  width: -moz-min-content;
  width: min-content;
  margin-left: 4.5%;
}
.frontHero__content-title {
  font-size: clamp(58px, 6vw, 80px);
  margin-bottom: 0.3em;
}
.frontHero__content-price {
  margin-bottom: clamp(30px, 4vw, 60px);
}
.frontHero__content-text {
  color: #a8a8a8;
  font-size: clamp(14px, 1.5vw, 18px);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.02em;
}
.frontHero__content-subtitle {
  line-height: 1.1;
  letter-spacing: -0.06em;
  font-size: clamp(30px, 3.5vw, 40px);
  font-weight: 600;
}
.frontHero__image {
  grid-area: 1/1/-1/-1;
  margin-left: auto;
  width: clamp(500px, 57vw, 768px);
  height: clamp(385px, 40vw, 523px);
  margin-bottom: -9%;
  margin-right: -30px;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (max-width: 992px) {
  .frontHero {
    margin-top: -10px;
    padding-bottom: unset;
    margin-bottom: 80px;
  }
  .frontHero__container {
    background-color: #3c3c3c;
    grid-area: full;
    background-image: url(../img/extra/hero_pattern_mobile.svg);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
    background-origin: content-box;
    background-size: contain;
    overflow: hidden;
    justify-items: center;
    justify-content: center;
    background-size: 880px;
    background-position-x: center;
    background-position-y: 330px;
  }
  .frontHero__content {
    grid-area: unset;
    background-image: unset;
    background-color: unset;
    aspect-ratio: unset;
    padding-top: 60px;
    overflow: unset;
  }
  .frontHero__content-wrap {
    margin: unset;
  }
  .frontHero__content-title {
    font-size: 44px;
  }
  .frontHero__content-text {
    font-size: 18px;
  }
  .frontHero__content-subtitle {
    font-size: 30px;
  }
  .frontHero__content-button {
    margin-bottom: 40px;
    width: auto;
    font-size: 16px;
  }
  .frontHero__image {
    grid-area: unset;
    min-width: 550px;
    margin-left: 5%;
    margin-bottom: -10%;
    height: auto;
  }
}
@media (max-width: 350px) {
  .frontHero__content-title {
    font-size: 36px;
  }
}
.frontBenefit {
  margin-bottom: 80px;
}
@media (min-width: 992px) {
  .frontBenefit {
    margin-bottom: calc(0.0646551724 * 100vw + 15.8620689655px);
  }
}
@media (min-width: 1920px) {
  .frontBenefit {
    margin-bottom: 140px;
  }
}
.frontBenefit__container {
  grid-area: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 992px) {
  .frontBenefit__container {
    gap: calc(0.0215517241 * 100vw + -1.3793103448px);
  }
}
@media (min-width: 1920px) {
  .frontBenefit__container {
    gap: 40px;
  }
}
.frontBenefit__list {
  display: flex;
  gap: 10px;
}
@media (min-width: 992px) {
  .frontBenefit__list {
    gap: calc(0.0107758621 * 100vw + -0.6896551724px);
  }
}
@media (min-width: 1920px) {
  .frontBenefit__list {
    gap: 20px;
  }
}
.frontBenefit__item {
  padding-inline: 10px;
  padding-top: 24px;
  padding-bottom: 32px;
  border-radius: 16px;
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  gap: 20px;
}
.frontBenefit__image {
  height: 80px;
  width: 80px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 992px) {
  .frontBenefit__image {
    height: calc(0.0474137931 * 100vw + 32.9655172414px);
  }
}
@media (min-width: 1920px) {
  .frontBenefit__image {
    height: 124px;
  }
}
@media (min-width: 992px) {
  .frontBenefit__image {
    width: calc(0.0474137931 * 100vw + 32.9655172414px);
  }
}
@media (min-width: 1920px) {
  .frontBenefit__image {
    width: 124px;
  }
}
.frontBenefit__text {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.02em;
  text-align: center;
  text-wrap: balance;
}
@media (min-width: 992px) {
  .frontBenefit__text {
    font-size: calc(0.0021551724 * 100vw + 13.8620689655px);
  }
}
@media (min-width: 1920px) {
  .frontBenefit__text {
    font-size: 18px;
  }
}

@media (max-width: 992px) {
  .frontBenefit__title {
    text-align: center;
  }
  .frontBenefit__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .frontBenefit__item {
    flex-direction: row;
    padding: 10px;
  }
  .frontBenefit__image {
    height: 50px;
    width: 50px;
  }
  .frontBenefit__text {
    text-align: left;
  }
}
@media (max-width: 768px) {
  .frontBenefit__list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
  }
  .frontBenefit__item {
    gap: 10px;
  }
}
.frontService {
  margin-bottom: 125px;
}
@media (min-width: 992px) {
  .frontService {
    margin-bottom: calc(0.1066810345 * 100vw + 19.1724137931px);
  }
}
@media (min-width: 1920px) {
  .frontService {
    margin-bottom: 224px;
  }
}
.frontService__container {
  grid-area: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 992px) {
  .frontService__container {
    gap: calc(0.0215517241 * 100vw + -1.3793103448px);
  }
}
@media (min-width: 1920px) {
  .frontService__container {
    gap: 40px;
  }
}
.frontService__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(auto, 1fr));
  gap: 15px;
}
@media (min-width: 992px) {
  .frontService__list {
    gap: calc(0.0161637931 * 100vw + -1.0344827586px);
  }
}
@media (min-width: 1920px) {
  .frontService__list {
    gap: 30px;
  }
}
.frontService__item {
  border-radius: 10px;
  overflow: hidden;
  display: grid;
  grid-template-rows: max-content auto;
}
.frontService__image {
  height: 180px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 992px) {
  .frontService__image {
    height: calc(0.0431034483 * 100vw + 137.2413793103px);
  }
}
@media (min-width: 1920px) {
  .frontService__image {
    height: 220px;
  }
}
.frontService__content {
  position: relative;
  padding-top: 16px;
  padding-left: 16px;
  background-color: #3c3c3c;
  background-image: url("../img/extra/pattern-small.svg");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-origin: content-box;
  background-size: contain;
}
@media (min-width: 992px) {
  .frontService__content {
    padding-top: calc(0.0021551724 * 100vw + 13.8620689655px);
  }
}
@media (min-width: 1920px) {
  .frontService__content {
    padding-top: 18px;
  }
}
@media (min-width: 992px) {
  .frontService__content {
    padding-left: calc(0.0086206897 * 100vw + 7.4482758621px);
  }
}
@media (min-width: 1920px) {
  .frontService__content {
    padding-left: 24px;
  }
}
.frontService__content-title {
  color: white;
  font-size: 16px;
  margin-bottom: 22px;
  font-weight: 600;
  letter-spacing: -0.02em;
  max-width: 20ch;
  line-height: 1.1;
}
@media (min-width: 992px) {
  .frontService__content-title {
    font-size: calc(0.0021551724 * 100vw + 13.8620689655px);
  }
}
@media (min-width: 1920px) {
  .frontService__content-title {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .frontService__content-title {
    margin-bottom: calc(0.0086206897 * 100vw + 13.4482758621px);
  }
}
@media (min-width: 1920px) {
  .frontService__content-title {
    margin-bottom: 30px;
  }
}

@media (max-width: 992px) {
  .frontService__title {
    text-align: center;
  }
  .frontService__list {
    grid-template-columns: repeat(2, minmax(auto, 1fr));
  }
  .frontService__image {
    height: 140px;
  }
}
@media (max-width: 576px) {
  .frontService {
    margin-bottom: 100px;
  }
  .frontService__list {
    grid-template-columns: repeat(1, minmax(auto, 1fr));
    gap: 10px;
  }
}
.frontSendPhoto__button {
  z-index: 5;
  position: fixed;
  right: 30px;
  bottom: 60px;
  height: 80px;
  width: 80px;
  background-color: #e64224;
  border-radius: 999px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: unset;
  gap: 4px;
  transition: background-color 0.38s ease-in-out;
}
.frontSendPhoto__button:hover {
  background-color: #ba3c25;
}
.frontSendPhoto__icon {
  font-size: 24px;
  color: white;
}
.frontSendPhoto__text {
  line-height: 10px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: white;
  font-weight: 500;
}

@media (max-width: 576px) {
  .frontSendPhoto__button {
    height: 60px;
    width: 60px;
    right: 16px;
    gap: 0;
  }
  .frontSendPhoto__icon {
    font-size: 21px;
  }
  .frontSendPhoto__text {
    font-size: 9px;
  }
}
.frontSale {
  margin-bottom: 60px;
}
@media (min-width: 992px) {
  .frontSale {
    margin-bottom: calc(0.0646551724 * 100vw + -4.1379310345px);
  }
}
@media (min-width: 1920px) {
  .frontSale {
    margin-bottom: 120px;
  }
}
.frontSale__wrapper {
  background-color: white;
  padding-bottom: 60px;
  padding-top: 55px;
}
@media (min-width: 992px) {
  .frontSale__wrapper {
    padding-bottom: calc(0.0323275862 * 100vw + 27.9310344828px);
  }
}
@media (min-width: 1920px) {
  .frontSale__wrapper {
    padding-bottom: 90px;
  }
}
@media (min-width: 992px) {
  .frontSale__wrapper {
    padding-top: calc(0.0377155172 * 100vw + 17.5862068966px);
  }
}
@media (min-width: 1920px) {
  .frontSale__wrapper {
    padding-top: 90px;
  }
}
.frontSale__container {
  grid-area: center;
}
.frontSale__title {
  margin-bottom: 10px;
  text-align: center;
}
@media (min-width: 992px) {
  .frontSale__title {
    margin-bottom: calc(0.0107758621 * 100vw + -0.6896551724px);
  }
}
@media (min-width: 1920px) {
  .frontSale__title {
    margin-bottom: 20px;
  }
}
.frontSale__subtitle {
  margin-bottom: 30px;
  color: #a8a8a8;
  text-wrap: balance;
  font-weight: 500;
  letter-spacing: -0.02em;
  text-align: center;
  max-width: 800px;
  margin-inline: auto;
}
@media (min-width: 992px) {
  .frontSale__subtitle {
    margin-bottom: calc(0.0323275862 * 100vw + -2.0689655172px);
  }
}
@media (min-width: 1920px) {
  .frontSale__subtitle {
    margin-bottom: 60px;
  }
}
.frontSale__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .frontSale__list {
    margin-bottom: calc(0.0107758621 * 100vw + 19.3103448276px);
  }
}
@media (min-width: 1920px) {
  .frontSale__list {
    margin-bottom: 40px;
  }
}
.frontSale__item {
  position: relative;
}
.frontSale__item-description {
  position: absolute;
  font-size: 12px;
  font-weight: 500;
  background-color: #e64224;
  border-radius: 6px;
  width: -moz-max-content;
  width: max-content;
  color: white;
  padding: 5px 14px;
  top: 16px;
  right: 16px;
}
@media (min-width: 992px) {
  .frontSale__item-description {
    font-size: calc(0.0021551724 * 100vw + 9.8620689655px);
  }
}
@media (min-width: 1920px) {
  .frontSale__item-description {
    font-size: 14px;
  }
}
.frontSale__item-image {
  height: 182px;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 20px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (min-width: 992px) {
  .frontSale__item-image {
    height: calc(0.0625 * 100vw + 120px);
  }
}
@media (min-width: 1920px) {
  .frontSale__item-image {
    height: 240px;
  }
}
.frontSale__item-title {
  letter-spacing: -0.02em;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .frontSale__item-title {
    font-size: calc(0.0021551724 * 100vw + 13.8620689655px);
  }
}
@media (min-width: 1920px) {
  .frontSale__item-title {
    font-size: 18px;
  }
}
.frontSale__item-link {
  font-weight: 500;
}
.frontSale__button {
  margin-inline: auto;
}

@media (max-width: 768px) {
  .frontSale__list {
    grid-template-columns: 1fr;
  }
  .frontSale__item-image {
    height: 256px;
  }
}
@media (max-width: 576px) {
  .frontSale__button {
    width: auto;
  }
  .frontSale__list {
    gap: 20px;
  }
  .frontSale__item-image {
    height: 182px;
  }
  .frontSale__item-title {
    margin-bottom: 4px;
  }
  .frontSale__item-link {
    font-size: 12px;
  }
}
.frontAbout {
  overflow: hidden;
  padding-bottom: 50px;
  margin-bottom: 80px;
}
@media (min-width: 992px) {
  .frontAbout {
    padding-bottom: calc(0.0107758621 * 100vw + 39.3103448276px);
  }
}
@media (min-width: 1920px) {
  .frontAbout {
    padding-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .frontAbout {
    margin-bottom: calc(0.0646551724 * 100vw + 15.8620689655px);
  }
}
@media (min-width: 1920px) {
  .frontAbout {
    margin-bottom: 140px;
  }
}
.frontAbout__container {
  grid-area: center;
  padding-left: 4.5%;
  padding-top: 4.5%;
  padding-bottom: 4.5%;
  background-color: white;
  display: grid;
  background-image: url("../img/extra/hero_pattern-white.svg");
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: bottom;
  background-size: contain;
  background-origin: content-box;
  border-radius: 20px;
  aspect-ratio: 15/6;
}
.frontAbout__content {
  grid-area: 1/1/-1/-1;
}
.frontAbout__title {
  margin-bottom: 20px;
}
.frontAbout__text {
  max-width: clamp(400px, 42vw, 500px);
  letter-spacing: -0.02em;
  font-size: 14px;
  line-height: 1.4;
  color: #8c8c8c;
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .frontAbout__text {
    font-size: calc(0.0021551724 * 100vw + 11.8620689655px);
  }
}
@media (min-width: 1920px) {
  .frontAbout__text {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .frontAbout__text {
    margin-bottom: calc(0.0215517241 * 100vw + 18.6206896552px);
  }
}
@media (min-width: 1920px) {
  .frontAbout__text {
    margin-bottom: 60px;
  }
}
.frontAbout__text > *:not(:last-child) {
  margin-bottom: 1em;
}
.frontAbout__image {
  grid-area: 1/1/-1/-1;
  margin-left: auto;
  height: clamp(480px, 45vw, 590px);
  width: clamp(626px, 60vw, 780px);
  margin-bottom: -40px;
  margin-right: -30px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-top: 10px;
}

@media (max-width: 1536px) {
  .frontAbout__image {
    width: 55%;
    height: auto;
  }
}
@media (max-width: 992px) {
  .frontAbout {
    overflow: hidden;
  }
  .frontAbout__container {
    background-color: unset;
    padding-left: unset;
    aspect-ratio: unset;
    justify-items: center;
    justify-content: center;
    background-image: unset;
    position: relative;
    gap: 30px;
  }
  .frontAbout__container::before {
    padding: 16px;
    background-origin: content-box;
    content: "";
    background-image: url(../img/bg-g.svg);
    width: 428px;
    height: 304px;
    grid-area: unset;
    position: absolute;
    bottom: -20px;
    z-index: -1;
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: white;
    border-radius: 20px;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 140px;
  }
  .frontAbout__content {
    grid-area: unset;
    display: grid;
    justify-content: center;
  }
  .frontAbout__title {
    text-align: center;
    margin-bottom: 16px;
  }
  .frontAbout__text {
    text-align: center;
  }
  .frontAbout__button {
    justify-self: center;
    font-size: 16px;
  }
  .frontAbout__image {
    grid-area: unset;
    margin: unset;
    min-width: 430px;
    margin-inline: -100px;
    height: auto;
    margin-bottom: -45px;
    margin-top: 50px;
  }
}
@media (max-width: 576px) {
  .frontAbout__button {
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
  }
}
.frontCall {
  margin-bottom: 80px;
}
@media (min-width: 992px) {
  .frontCall {
    margin-bottom: calc(0.0431034483 * 100vw + 37.2413793103px);
  }
}
@media (min-width: 1920px) {
  .frontCall {
    margin-bottom: 120px;
  }
}
.frontCall__container {
  overflow: hidden;
  position: relative;
  grid-area: center;
  background-color: #3c3c3c;
  border-radius: 20px;
  color: white;
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  grid-template-rows: repeat(2, 1fr);
  grid-template-areas: "title top" "text bottom";
  align-items: start;
  gap: 15px;
  padding-top: 30px;
  padding-inline: 20px;
  padding-bottom: 30px;
  background-image: url(../img/extra/pattern-big.svg);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: bottom right;
}
@media (min-width: 992px) {
  .frontCall__container {
    gap: calc(0.0161637931 * 100vw + -1.0344827586px);
  }
}
@media (min-width: 1920px) {
  .frontCall__container {
    gap: 30px;
  }
}
@media (min-width: 992px) {
  .frontCall__container {
    padding-top: calc(0.0323275862 * 100vw + -2.0689655172px);
  }
}
@media (min-width: 1920px) {
  .frontCall__container {
    padding-top: 60px;
  }
}
@media (min-width: 992px) {
  .frontCall__container {
    padding-inline: calc(0.0107758621 * 100vw + 9.3103448276px);
  }
}
@media (min-width: 1920px) {
  .frontCall__container {
    padding-inline: 30px;
  }
}
.frontCall__top {
  grid-area: top;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
@media (min-width: 992px) {
  .frontCall__top {
    gap: calc(0.0107758621 * 100vw + -0.6896551724px);
  }
}
@media (min-width: 1920px) {
  .frontCall__top {
    gap: 20px;
  }
}
.frontCall__bottom {
  grid-area: bottom;
  display: grid;
  grid-template-columns: max-content auto;
  gap: 10px;
  align-items: start;
}
@media (min-width: 992px) {
  .frontCall__bottom {
    gap: calc(0.0107758621 * 100vw + -0.6896551724px);
  }
}
@media (min-width: 1920px) {
  .frontCall__bottom {
    gap: 20px;
  }
}
.frontCall__title {
  grid-area: title;
  font-family: "Bowler";
  font-size: 32px;
  line-height: 1.1;
  text-wrap: balance;
  font-weight: 400;
  font-size: 22px;
}
@media (min-width: 992px) {
  .frontCall__title {
    font-size: calc(0.0107758621 * 100vw + 11.3103448276px);
  }
}
@media (min-width: 1920px) {
  .frontCall__title {
    font-size: 32px;
  }
}
.frontCall__text {
  grid-area: text;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.4;
}
@media (min-width: 992px) {
  .frontCall__text {
    font-size: calc(0.0021551724 * 100vw + 11.8620689655px);
  }
}
@media (min-width: 1920px) {
  .frontCall__text {
    font-size: 16px;
  }
}

@media (max-width: 992px) {
  .frontCall__container {
    grid-template-columns: 1fr;
    grid-template-areas: "title" "text" "top" "bottom";
  }
  .frontCall__top {
    grid-template-columns: 1fr;
  }
  .frontCall__bottom {
    display: flex;
    flex-direction: column-reverse;
    gap: 20px;
  }
  .frontCall__bottom .btn {
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  .frontCall__container {
    padding-bottom: 84px;
    background-position-y: 105%;
    gap: unset;
    grid-template-rows: repeat(2, auto);
    border-radius: 16px;
  }
  .frontCall__bottom > * {
    width: 100%;
  }
  .frontCall__top {
    margin-bottom: 16px;
  }
  .frontCall__bottom .checkbox__label {
    font-size: 12px;
  }
  .frontCall__title {
    margin-bottom: 8px;
  }
  .frontCall__text {
    margin-bottom: 20px;
  }
}
.frontWorks__wrapper {
  padding-top: 50px;
  padding-bottom: 80px;
  padding-inline: 30px;
  background-color: white;
}
@media (min-width: 992px) {
  .frontWorks__wrapper {
    padding-top: calc(0.0754310345 * 100vw + -24.8275862069px);
  }
}
@media (min-width: 1920px) {
  .frontWorks__wrapper {
    padding-top: 120px;
  }
}
@media (min-width: 992px) {
  .frontWorks__wrapper {
    padding-bottom: calc(0.0646551724 * 100vw + 15.8620689655px);
  }
}
@media (min-width: 1920px) {
  .frontWorks__wrapper {
    padding-bottom: 140px;
  }
}
@media (min-width: 992px) {
  .frontWorks__wrapper {
    padding-inline: calc(0.0323275862 * 100vw + -2.0689655172px);
  }
}
@media (min-width: 1920px) {
  .frontWorks__wrapper {
    padding-inline: 60px;
  }
}
.frontWorks__container {
  grid-area: center;
  position: relative;
}
.frontWorks__title {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .frontWorks__title {
    margin-bottom: calc(0.0215517241 * 100vw + -1.3793103448px);
  }
}
@media (min-width: 1920px) {
  .frontWorks__title {
    margin-bottom: 40px;
  }
}
.frontWorks__swiper-next, .frontWorks__swiper-prev {
  top: 45%;
  height: 32px;
  width: 32px;
  position: absolute;
  z-index: 1;
  background-color: #e64224;
  border-radius: 999px;
  font-size: 10px;
  color: white;
  display: flex;
  place-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-size: 10px 10px;
  background-position: 12px;
  background-image: url('data:image/svg+xml,<svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.336475 8.3981C-0.0909622 8.76525 -0.0900399 9.35972 0.338535 9.72589C0.76711 10.0921 1.46104 10.0913 1.88848 9.72412L6.67448 5.66069L6.68 5.65598C6.79856 5.55414 6.88416 5.43482 6.93682 5.30774C7.07406 4.97662 6.98768 4.59276 6.67796 4.32814L6.66997 4.32138L1.86992 0.274112C1.44135 -0.0920576 0.747412 -0.091268 0.319975 0.275877C-0.107462 0.643022 -0.10654 1.23749 0.322035 1.60366L4.35404 4.99472L0.336475 8.3981Z" fill="white"/></svg>');
}
.frontWorks__swiper-next {
  right: -4.25%;
}
.frontWorks__swiper-prev {
  left: -4.25%;
  transform: rotate(180deg);
}
.frontWorks__item {
  display: grid;
  gap: 20px;
}
.frontWorks__image {
  border-radius: 10px;
  height: 350px;
}
@media (min-width: 992px) {
  .frontWorks__image {
    height: calc(0.1573275862 * 100vw + 193.9310344828px);
  }
}
@media (min-width: 1920px) {
  .frontWorks__image {
    height: 496px;
  }
}
.frontWorks__content {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  justify-content: space-between;
  gap: 10px;
}
.frontWorks__content-title {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.02em;
  font-weight: 600;
}
@media (min-width: 992px) {
  .frontWorks__content-title {
    font-size: calc(0.0021551724 * 100vw + 13.8620689655px);
  }
}
@media (min-width: 1920px) {
  .frontWorks__content-title {
    font-size: 18px;
  }
}
.frontWorks__content-price {
  font-size: 14px;
  color: #e64224;
  letter-spacing: -0.02em;
  line-height: 20px;
  text-align: right;
  font-weight: 500;
}
@media (min-width: 992px) {
  .frontWorks__content-price {
    font-size: calc(0.0021551724 * 100vw + 11.8620689655px);
  }
}
@media (min-width: 1920px) {
  .frontWorks__content-price {
    font-size: 16px;
  }
}
.frontWorks__content-text {
  font-size: 12px;
  color: #a8a8a8;
  line-height: 1.25;
  font-weight: 500;
}
@media (min-width: 992px) {
  .frontWorks__content-text {
    font-size: calc(0.0021551724 * 100vw + 9.8620689655px);
  }
}
@media (min-width: 1920px) {
  .frontWorks__content-text {
    font-size: 14px;
  }
}

@media (max-width: 992px) {
  .frontWorks__wrapper {
    padding-inline: unset;
  }
  .frontWorks__container {
    grid-area: right;
  }
  .frontWorks__swiper-next, .frontWorks__swiper-prev {
    display: none;
  }
}
@media (max-width: 576px) {
  .frontWorks__image {
    height: 360px;
  }
}
.frontCatalog {
  background-color: #F8F8F8;
  padding-bottom: 40px;
  padding-top: 10px;
}
@media (min-width: 992px) {
  .frontCatalog {
    padding-bottom: calc(0.0215517241 * 100vw + 18.6206896552px);
  }
}
@media (min-width: 1920px) {
  .frontCatalog {
    padding-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .frontCatalog {
    padding-top: calc(0.0107758621 * 100vw + -0.6896551724px);
  }
}
@media (min-width: 1920px) {
  .frontCatalog {
    padding-top: 20px;
  }
}
.frontCatalog--white {
  background-color: white;
  padding-bottom: 10px;
  padding-top: 80px;
}
@media (min-width: 992px) {
  .frontCatalog--white {
    padding-top: calc(0.0215517241 * 100vw + 58.6206896552px);
  }
}
@media (min-width: 1920px) {
  .frontCatalog--white {
    padding-top: 100px;
  }
}
.frontCatalog--white .navigation a.active, .frontCatalog--white .navigation a:hover {
  background-color: #EDEDED;
}
.frontCatalog__container {
  grid-area: center;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.frontCatalog__heading {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.frontCatalog__content {
  display: flex;
  flex-direction: row;
  gap: 30px;
  align-items: flex-start;
  justify-content: space-between;
}
.frontCatalog__filter {
  display: none;
  color: #3C3C3C;
  font-family: "Inter";
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
}

@media (max-width: 992px) {
  .frontCatalog__filter {
    display: flex;
    flex-direction: row;
    gap: 8px;
  }
}
.works {
  display: grid;
  gap: 20px;
}
.works__content {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  justify-content: space-between;
  gap: 10px;
}
.works__image {
  width: 100%;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1;
}
.works__title {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.02em;
  font-weight: 600;
}
@media (min-width: 992px) {
  .works__title {
    font-size: calc(0.0021551724 * 100vw + 13.8620689655px);
  }
}
@media (min-width: 1920px) {
  .works__title {
    font-size: 18px;
  }
}
.works__price {
  font-size: 14px;
  color: #e64224;
  letter-spacing: -0.02em;
  line-height: 20px;
  text-align: right;
  font-weight: 500;
}
@media (min-width: 992px) {
  .works__price {
    font-size: calc(0.0021551724 * 100vw + 11.8620689655px);
  }
}
@media (min-width: 1920px) {
  .works__price {
    font-size: 16px;
  }
}
.works__text {
  font-size: 12px;
  color: #a8a8a8;
  line-height: 1.25;
  font-weight: 500;
}
@media (min-width: 992px) {
  .works__text {
    font-size: calc(0.0021551724 * 100vw + 9.8620689655px);
  }
}
@media (min-width: 1920px) {
  .works__text {
    font-size: 14px;
  }
}

@media (max-width: 576px) {
  .works {
    gap: 16px;
  }
  .works__content {
    grid-template-columns: auto;
    justify-items: start;
    margin-bottom: -4px;
  }
  .works__price {
    order: 1;
  }
}
.ourWorks {
  margin-bottom: 80px;
}
@media (min-width: 992px) {
  .ourWorks {
    margin-bottom: calc(0.0646551724 * 100vw + 15.8620689655px);
  }
}
@media (min-width: 1920px) {
  .ourWorks {
    margin-bottom: 140px;
  }
}
.ourWorks__container {
  grid-area: center;
  display: grid;
  gap: 30px;
}
@media (min-width: 992px) {
  .ourWorks__container {
    gap: calc(0.0107758621 * 100vw + 19.3103448276px);
  }
}
@media (min-width: 1920px) {
  .ourWorks__container {
    gap: 40px;
  }
}
.ourWorks__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 30px;
}
@media (min-width: 992px) {
  .ourWorks__list {
    -moz-column-gap: calc(0.0107758621 * 100vw + 9.3103448276px);
         column-gap: calc(0.0107758621 * 100vw + 9.3103448276px);
  }
}
@media (min-width: 1920px) {
  .ourWorks__list {
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
}
@media (min-width: 992px) {
  .ourWorks__list {
    row-gap: calc(0.0107758621 * 100vw + 19.3103448276px);
  }
}
@media (min-width: 1920px) {
  .ourWorks__list {
    row-gap: 40px;
  }
}

@media (max-width: 992px) {
  .ourWorks__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .ourWorks__list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.aboutCompany {
  margin-bottom: 100px;
}
.aboutCompany__container {
  grid-area: center;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.aboutCompany__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 35em;
}
@media (min-width: 992px) {
  .aboutCompany__content {
    gap: calc(0.0043103448 * 100vw + 11.724137931px);
  }
}
@media (min-width: 1920px) {
  .aboutCompany__content {
    gap: 20px;
  }
}
.aboutCompany__content .title {
  margin-bottom: 10px;
}
.aboutCompany__content p {
  color: #a8a8a8;
  max-width: 638px;
  line-height: 1.4;
}
.aboutCompany__subtitle {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.02em;
  text-wrap: balance;
}
@media (min-width: 992px) {
  .aboutCompany__subtitle {
    font-size: calc(0.0043103448 * 100vw + 13.724137931px);
  }
}
@media (min-width: 1920px) {
  .aboutCompany__subtitle {
    font-size: 22px;
  }
}
.aboutCompany__image {
  width: 650px;
  height: 440px;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (max-width: 992px) {
  .aboutCompany {
    overflow-x: hidden;
  }
  .aboutCompany__container {
    grid-template-columns: 1fr;
    justify-items: center;
  }
  .aboutCompany__content {
    max-width: unset;
  }
  .aboutCompany__image {
    margin-top: 50px;
    min-width: 450px;
    margin-inline: -100px;
    height: 400px;
  }
}
@media (max-width: 768px) {
  .aboutCompany__image {
    height: 300px;
  }
}
@media (max-width: 576px) {
  .aboutCompany {
    margin-bottom: 50px;
  }
  .aboutCompany__image {
    height: 300px;
  }
}
.aboutBenefits {
  margin-bottom: 80px;
}
@media (min-width: 992px) {
  .aboutBenefits {
    margin-bottom: calc(0.0646551724 * 100vw + 15.8620689655px);
  }
}
@media (min-width: 1920px) {
  .aboutBenefits {
    margin-bottom: 140px;
  }
}
.aboutBenefits__container {
  grid-area: center;
}
.aboutBenefits__title {
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .aboutBenefits__title {
    margin-bottom: calc(0.0150862069 * 100vw + 1.0344827586px);
  }
}
@media (min-width: 1920px) {
  .aboutBenefits__title {
    margin-bottom: 30px;
  }
}
.aboutBenefits__content {
  background-color: #3c3c3c;
  border-radius: 20px;
  display: flex;
  -moz-column-gap: 50px;
       column-gap: 50px;
  grid-template-columns: repeat(2, 1fr);
  padding: 30px;
  padding-bottom: 30px;
}
@media (min-width: 992px) {
  .aboutBenefits__content {
    -moz-column-gap: calc(0.0538793103 * 100vw + -3.4482758621px);
         column-gap: calc(0.0538793103 * 100vw + -3.4482758621px);
  }
}
@media (min-width: 1920px) {
  .aboutBenefits__content {
    -moz-column-gap: 100px;
         column-gap: 100px;
  }
}
@media (min-width: 992px) {
  .aboutBenefits__content {
    padding: calc(0.0215517241 * 100vw + 8.6206896552px);
  }
}
@media (min-width: 1920px) {
  .aboutBenefits__content {
    padding: 50px;
  }
}
@media (min-width: 992px) {
  .aboutBenefits__content {
    padding-bottom: calc(0.0431034483 * 100vw + -12.7586206897px);
  }
}
@media (min-width: 1920px) {
  .aboutBenefits__content {
    padding-bottom: 70px;
  }
}
.aboutBenefits__column {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
  flex-basis: 50%;
}
.aboutBenefits__item {
  display: flex;
  gap: 16px;
}
.aboutBenefits__item-icon {
  color: white;
  background-color: #e64224;
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-size: 16px;
  flex-shrink: 0;
}
.aboutBenefits__item-text {
  letter-spacing: -0.02em;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.1;
  color: white;
  text-wrap: pretty;
  align-self: center;
}
@media (min-width: 992px) {
  .aboutBenefits__item-text {
    font-size: calc(0.0021551724 * 100vw + 13.8620689655px);
  }
}
@media (min-width: 1920px) {
  .aboutBenefits__item-text {
    font-size: 18px;
  }
}

@media (max-width: 992px) {
  .aboutBenefits__title {
    text-align: center;
  }
  .aboutBenefits__content {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
  .aboutBenefits__item-icon {
    height: 24px;
    width: 24px;
    font-size: 12px;
  }
}
@media (max-width: 576px) {
  .aboutBenefits__content {
    padding: 30px 16px;
  }
}
.aboutDiploma {
  padding-inline: 30px;
  margin-bottom: 80px;
}
@media (min-width: 992px) {
  .aboutDiploma {
    padding-inline: calc(0.0323275862 * 100vw + -2.0689655172px);
  }
}
@media (min-width: 1920px) {
  .aboutDiploma {
    padding-inline: 60px;
  }
}
@media (min-width: 992px) {
  .aboutDiploma {
    margin-bottom: calc(0.0646551724 * 100vw + 15.8620689655px);
  }
}
@media (min-width: 1920px) {
  .aboutDiploma {
    margin-bottom: 140px;
  }
}
.aboutDiploma__title {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .aboutDiploma__title {
    margin-bottom: calc(0.0107758621 * 100vw + 9.3103448276px);
  }
}
@media (min-width: 1920px) {
  .aboutDiploma__title {
    margin-bottom: 30px;
  }
}
.aboutDiploma__container {
  grid-area: center;
  position: relative;
}
.aboutDiploma__swiper-next, .aboutDiploma__swiper-prev {
  display: none;
  top: 50%;
  height: 32px;
  width: 32px;
  position: absolute;
  z-index: 1;
  background-color: #e64224;
  border-radius: 999px;
  font-size: 10px;
  color: white;
  display: flex;
  place-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-size: 10px 10px;
  background-position: 12px;
  background-image: url('data:image/svg+xml,<svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.336475 8.3981C-0.0909622 8.76525 -0.0900399 9.35972 0.338535 9.72589C0.76711 10.0921 1.46104 10.0913 1.88848 9.72412L6.67448 5.66069L6.68 5.65598C6.79856 5.55414 6.88416 5.43482 6.93682 5.30774C7.07406 4.97662 6.98768 4.59276 6.67796 4.32814L6.66997 4.32138L1.86992 0.274112C1.44135 -0.0920576 0.747412 -0.091268 0.319975 0.275877C-0.107462 0.643022 -0.10654 1.23749 0.322035 1.60366L4.35404 4.99472L0.336475 8.3981Z" fill="white"/></svg>');
}
.aboutDiploma__swiper-next {
  right: -4.25%;
}
.aboutDiploma__swiper-prev {
  left: -4.25%;
  transform: rotate(180deg);
}
.aboutDiploma__image {
  height: 100%;
  width: 100%;
  aspect-ratio: 0.75;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}

@media (max-width: 992px) {
  .aboutDiploma {
    padding-inline: unset;
  }
  .aboutDiploma__container {
    grid-area: right;
  }
  .aboutDiploma__swiper-next, .aboutDiploma__swiper-prev {
    display: none;
  }
}
.aboutReviews {
  padding-inline: 30px;
  margin-bottom: 80px;
}
@media (min-width: 992px) {
  .aboutReviews {
    padding-inline: calc(0.0323275862 * 100vw + -2.0689655172px);
  }
}
@media (min-width: 1920px) {
  .aboutReviews {
    padding-inline: 60px;
  }
}
@media (min-width: 992px) {
  .aboutReviews {
    margin-bottom: calc(0.0646551724 * 100vw + 15.8620689655px);
  }
}
@media (min-width: 1920px) {
  .aboutReviews {
    margin-bottom: 140px;
  }
}
.aboutReviews__container {
  grid-area: center;
  position: relative;
}
.aboutReviews__title {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .aboutReviews__title {
    margin-bottom: calc(0.0107758621 * 100vw + 9.3103448276px);
  }
}
@media (min-width: 1920px) {
  .aboutReviews__title {
    margin-bottom: 30px;
  }
}
.aboutReviews__subtitle {
  line-height: 1.4;
  margin-bottom: 30px;
  letter-spacing: -0.02em;
  max-width: 415px;
  color: #a8a8a8;
  font-weight: 500;
  font-size: 14px;
}
@media (min-width: 992px) {
  .aboutReviews__subtitle {
    font-size: calc(0.0021551724 * 100vw + 11.8620689655px);
  }
}
@media (min-width: 1920px) {
  .aboutReviews__subtitle {
    font-size: 16px;
  }
}
.aboutReviews__swiper-next, .aboutReviews__swiper-prev {
  display: none;
  top: 50%;
  height: 32px;
  width: 32px;
  position: absolute;
  z-index: 1;
  background-color: #e64224;
  border-radius: 999px;
  font-size: 10px;
  color: white;
  display: flex;
  place-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-size: 10px 10px;
  background-position: 12px;
  background-image: url('data:image/svg+xml,<svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.336475 8.3981C-0.0909622 8.76525 -0.0900399 9.35972 0.338535 9.72589C0.76711 10.0921 1.46104 10.0913 1.88848 9.72412L6.67448 5.66069L6.68 5.65598C6.79856 5.55414 6.88416 5.43482 6.93682 5.30774C7.07406 4.97662 6.98768 4.59276 6.67796 4.32814L6.66997 4.32138L1.86992 0.274112C1.44135 -0.0920576 0.747412 -0.091268 0.319975 0.275877C-0.107462 0.643022 -0.10654 1.23749 0.322035 1.60366L4.35404 4.99472L0.336475 8.3981Z" fill="white"/></svg>');
}
.aboutReviews__swiper-next {
  right: -4.25%;
}
.aboutReviews__swiper-prev {
  left: -4.25%;
  transform: rotate(180deg);
}
.aboutReviews__item {
  background-color: white;
  border-radius: 20px;
}
.aboutReviews__user {
  padding-top: 16px;
  padding-inline: 16px;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  -moz-column-gap: 10px;
       column-gap: 10px;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .aboutReviews__user {
    padding-top: calc(0.0043103448 * 100vw + 11.724137931px);
  }
}
@media (min-width: 1920px) {
  .aboutReviews__user {
    padding-top: 20px;
  }
}
@media (min-width: 992px) {
  .aboutReviews__user {
    padding-inline: calc(0.0043103448 * 100vw + 11.724137931px);
  }
}
@media (min-width: 1920px) {
  .aboutReviews__user {
    padding-inline: 20px;
  }
}
.aboutReviews__user-image {
  grid-row: span 2;
  height: 45px;
  width: 45px;
  background-color: #f4f4f4;
  border-radius: 999px;
  font-size: 30px;
  color: #a8a8a8;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 992px) {
  .aboutReviews__user-image {
    height: calc(0.0161637931 * 100vw + 28.9655172414px);
  }
}
@media (min-width: 1920px) {
  .aboutReviews__user-image {
    height: 60px;
  }
}
@media (min-width: 992px) {
  .aboutReviews__user-image {
    width: calc(0.0161637931 * 100vw + 28.9655172414px);
  }
}
@media (min-width: 1920px) {
  .aboutReviews__user-image {
    width: 60px;
  }
}
@media (min-width: 992px) {
  .aboutReviews__user-image {
    font-size: calc(0.0107758621 * 100vw + 19.3103448276px);
  }
}
@media (min-width: 1920px) {
  .aboutReviews__user-image {
    font-size: 40px;
  }
}
.aboutReviews__user-name {
  letter-spacing: -0.02em;
  font-size: 14px;
  font-weight: 600;
  align-self: flex-end;
  line-height: 1.4;
}
@media (min-width: 992px) {
  .aboutReviews__user-name {
    font-size: calc(0.0021551724 * 100vw + 11.8620689655px);
  }
}
@media (min-width: 1920px) {
  .aboutReviews__user-name {
    font-size: 16px;
  }
}
.aboutReviews__user-city {
  color: #a8a8a8;
  font-size: 12px;
  font-weight: 500;
  align-self: flex-start;
}
@media (min-width: 992px) {
  .aboutReviews__user-city {
    font-size: calc(0.0021551724 * 100vw + 9.8620689655px);
  }
}
@media (min-width: 1920px) {
  .aboutReviews__user-city {
    font-size: 14px;
  }
}
.aboutReviews__message {
  font-size: 12px;
  padding-inline: 16px;
  color: #a8a8a8;
  line-height: 1.4;
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  .aboutReviews__message {
    font-size: calc(0.0021551724 * 100vw + 9.8620689655px);
  }
}
@media (min-width: 1920px) {
  .aboutReviews__message {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .aboutReviews__message {
    padding-inline: calc(0.0043103448 * 100vw + 11.724137931px);
  }
}
@media (min-width: 1920px) {
  .aboutReviews__message {
    padding-inline: 20px;
  }
}
.aboutReviews__date {
  font-size: 12px;
  font-weight: 500;
  color: #a8a8a8;
  align-self: flex-end;
  margin-left: auto;
}
.aboutReviews__gallery {
  padding-inline: 16px;
  padding-bottom: 16px;
  display: flex;
  gap: 6px;
}
@media (min-width: 992px) {
  .aboutReviews__gallery {
    padding-inline: calc(0.0043103448 * 100vw + 11.724137931px);
  }
}
@media (min-width: 1920px) {
  .aboutReviews__gallery {
    padding-inline: 20px;
  }
}
@media (min-width: 992px) {
  .aboutReviews__gallery {
    padding-bottom: calc(0.0043103448 * 100vw + 11.724137931px);
  }
}
@media (min-width: 1920px) {
  .aboutReviews__gallery {
    padding-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .aboutReviews__gallery {
    gap: calc(0.0021551724 * 100vw + 3.8620689655px);
  }
}
@media (min-width: 1920px) {
  .aboutReviews__gallery {
    gap: 8px;
  }
}
.aboutReviews__gallery-item {
  margin-top: 8px;
  border-radius: 10px;
  overflow: hidden;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.aboutReviews__gallery-item--hidden {
  display: none;
}
.aboutReviews__gallery-item--rest {
  position: relative;
}
.aboutReviews__gallery-item--rest::after {
  position: absolute;
  content: attr(data-count);
  background-color: rgba(0, 0, 0, 0.4);
  width: 90px;
  height: 90px;
  top: 0;
  left: 0;
  color: white;
  font-weight: 600;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 992px) {
  .aboutReviews__gallery-item--rest::after {
    width: calc(0.0215517241 * 100vw + 68.6206896552px);
  }
}
@media (min-width: 1920px) {
  .aboutReviews__gallery-item--rest::after {
    width: 110px;
  }
}
@media (min-width: 992px) {
  .aboutReviews__gallery-item--rest::after {
    height: calc(0.0215517241 * 100vw + 68.6206896552px);
  }
}
@media (min-width: 1920px) {
  .aboutReviews__gallery-item--rest::after {
    height: 110px;
  }
}
@media (min-width: 992px) {
  .aboutReviews__gallery-item--rest::after {
    font-size: calc(0.0021551724 * 100vw + 13.8620689655px);
  }
}
@media (min-width: 1920px) {
  .aboutReviews__gallery-item--rest::after {
    font-size: 18px;
  }
}
.aboutReviews__gallery-image {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 90px;
  height: 90px;
}
@media (min-width: 992px) {
  .aboutReviews__gallery-image {
    width: calc(0.0215517241 * 100vw + 68.6206896552px);
  }
}
@media (min-width: 1920px) {
  .aboutReviews__gallery-image {
    width: 110px;
  }
}
@media (min-width: 992px) {
  .aboutReviews__gallery-image {
    height: calc(0.0215517241 * 100vw + 68.6206896552px);
  }
}
@media (min-width: 1920px) {
  .aboutReviews__gallery-image {
    height: 110px;
  }
}

@media (max-width: 992px) {
  .aboutReviews {
    padding-inline: unset;
  }
  .aboutReviews__container {
    grid-area: right;
  }
  .aboutReviews__swiper-next, .aboutReviews__swiper-prev {
    display: none;
  }
}
@media (max-width: 576px) {
  .aboutReviews__title {
    margin-bottom: 16px;
  }
  .aboutReviews__user {
    row-gap: 16px;
    margin-bottom: 6px;
  }
  .aboutReviews__user-image {
    grid-row: unset;
  }
  .aboutReviews__user-name {
    align-self: center;
    max-width: 24ch;
  }
  .aboutReviews__user-city {
    grid-area: 2/1/-1/-1;
  }
}
.notFound {
  margin-top: 20px;
}
.notFound__container {
  grid-area: center;
  background-color: #313131;
  color: white;
  background-image: url("../img/extra/404-pattern.svg");
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
  min-height: clamp(400px, 40vw, 490px);
  background-size: contain;
  border-radius: 20px;
  padding: 48px;
}
@media (min-width: 992px) {
  .notFound__container {
    padding: calc(0.0129310345 * 100vw + 35.1724137931px);
  }
}
@media (min-width: 1920px) {
  .notFound__container {
    padding: 60px;
  }
}
.notFound__content {
  max-width: 30em;
}
.notFound__content-title {
  font-size: 110px;
  font-weight: 400;
  margin-bottom: 10px;
}
.notFound__content-subtitle {
  font-size: 30px;
  font-weight: 600;
  text-wrap: balance;
  line-height: 1;
  letter-spacing: -0.06em;
  margin-bottom: 20px;
}
.notFound__content-text {
  letter-spacing: -0.02em;
  font-weight: 500;
  font-size: 16px;
  color: #a8a8a8;
  margin-bottom: 50px;
}
@media (max-width: 992px) {
  .notFound {
    margin-top: -10px;
    min-height: 100vh;
    margin-bottom: -15vh;
  }
  .notFound__container {
    border-radius: unset;
    grid-area: full;
    background-position-x: center;
    background-position-y: 50vh;
    background-size: cover;
    background-image: url("../img/extra/404-g.svg");
    padding: 24px;
    padding-top: 80px;
  }
  .notFound__content {
    margin-inline: auto;
    max-width: 20em;
  }
  .notFound__content-title {
    font-size: 80px;
  }
  .notFound__content-subtitle {
    font-size: 22px;
    text-wrap: balance;
  }
  .notFound__content-text {
    text-wrap: balance;
  }
}
@media (max-width: 576px) {
  .notFound__container {
    padding: 24px;
    padding-top: 80px;
    background-position-x: -30vw;
    background-position-y: 48vh;
    background-size: cover;
  }
  .notFound__content {
    max-width: unset;
  }
  .notFound__content-button {
    width: auto;
  }
}
.search__container {
  grid-area: center;
}
.search__title {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .search__title {
    margin-bottom: calc(0.0107758621 * 100vw + 9.3103448276px);
  }
}
@media (min-width: 1920px) {
  .search__title {
    margin-bottom: 30px;
  }
}
.search__element {
  width: 60%;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto;
  align-items: center;
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .search__element {
    margin-bottom: calc(0.0215517241 * 100vw + 18.6206896552px);
  }
}
@media (min-width: 1920px) {
  .search__element {
    margin-bottom: 60px;
  }
}
.search__input {
  border: unset;
  grid-area: 1/1/-1/-1;
  padding: 18px 20px;
  padding-right: 52px;
  border-radius: 8px;
  transition: all 0.38s ease-in-out;
  outline-width: 1px;
  outline-style: solid;
  outline-color: white;
}
.search__input:hover, .search__input:focus {
  outline-color: #e64224;
}
.search__send {
  grid-area: 1/2/-1/-1;
  font-size: 24px;
  color: #d0cdcd;
  padding-right: 20px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 8px;
  cursor: pointer;
  transition: color 0.38s ease-in-out;
  border: unset;
}
.search__send:hover {
  color: #e64224;
}
.search__result {
  font-size: 16px;
  font-weight: 600;
  color: #3c3c3c;
  margin-bottom: 20px;
  letter-spacing: -0.02em;
}
@media (min-width: 992px) {
  .search__result {
    font-size: calc(0.0064655172 * 100vw + 9.5862068966px);
  }
}
@media (min-width: 1920px) {
  .search__result {
    font-size: 22px;
  }
}
.search__list {
  min-height: 50vh;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .search__list {
    margin-bottom: calc(0.0107758621 * 100vw + 19.3103448276px);
  }
}
@media (min-width: 1920px) {
  .search__list {
    margin-bottom: 40px;
  }
}
.search__item {
  letter-spacing: -0.02em;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  background-color: white;
  padding: 16px;
}
@media (min-width: 992px) {
  .search__item {
    border-radius: calc(0.0043103448 * 100vw + 11.724137931px);
  }
}
@media (min-width: 1920px) {
  .search__item {
    border-radius: 20px;
  }
}
@media (min-width: 992px) {
  .search__item {
    padding: calc(0.0150862069 * 100vw + 1.0344827586px);
  }
}
@media (min-width: 1920px) {
  .search__item {
    padding: 30px;
  }
}
.search__item-title {
  font-size: 16px;
  font-weight: 600;
  color: #3c3c3c;
  line-height: 1.1;
  transition: color 0.38s ease-in-out;
}
@media (min-width: 992px) {
  .search__item-title {
    font-size: calc(0.0064655172 * 100vw + 9.5862068966px);
  }
}
@media (min-width: 1920px) {
  .search__item-title {
    font-size: 22px;
  }
}
.search__item-title:hover {
  color: #e64224;
}
.search__item-text {
  font-size: 12px;
  font-weight: 500;
  color: #a8a8a8;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media (min-width: 992px) {
  .search__item-text {
    font-size: calc(0.0043103448 * 100vw + 7.724137931px);
  }
}
@media (min-width: 1920px) {
  .search__item-text {
    font-size: 16px;
  }
}

@media (max-width: 992px) {
  .search__item-text {
    -webkit-line-clamp: 4;
    line-clamp: 4;
  }
}
@media (max-width: 768px) {
  .search__element {
    width: auto;
  }
}/*# sourceMappingURL=style.css.map */